/*!
 * Bootstrap v3.3.5 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */ /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: 700;
}
dfn {
  font-style: italic;
}
h1 {
  margin: 0.67em 0;
  font-size: 2em;
}
mark {
  color: #000;
  background: #ff0;
}
small {
  font-size: 80%;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  height: 0;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font: inherit;
  color: inherit;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  padding: 0.35em 0.625em 0.75em;
  margin: 0 2px;
  border: 1px solid silver;
}
legend {
  padding: 0;
  border: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: 700;
}
table {
  border-spacing: 0;
  border-collapse: collapse;
}
td,
th {
  padding: 0;
} /*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
  *,
  :after,
  :before {
    color: #000 !important;
    text-shadow: none !important;
    background: 0 0 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }
  blockquote,
  pre {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  img,
  tr {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  h2,
  h3,
  p {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .navbar {
    display: none;
  }
  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important;
  }
  .label {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .table-bordered td,
  .table-bordered th {
    border: 1px solid #ddd !important;
  }
}
@font-face {
  font-family: "Glyphicons Halflings";
  src: url(../fonts/glyphicons-halflings-regular.eot);
  src: url(../fonts/glyphicons-halflings-regular.eot?#iefix)
      format("embedded-opentype"),
    url(../fonts/glyphicons-halflings-regular.woff2) format("woff2"),
    url(../fonts/glyphicons-halflings-regular.woff) format("woff"),
    url(../fonts/glyphicons-halflings-regular.ttf) format("truetype"),
    url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular)
      format("svg");
}
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: "Glyphicons Halflings";
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicon-asterisk:before {
  content: "\2a";
}
.glyphicon-plus:before {
  content: "\2b";
}
.glyphicon-eur:before,
.glyphicon-euro:before {
  content: "\20ac";
}
.glyphicon-minus:before {
  content: "\2212";
}
.glyphicon-cloud:before {
  content: "\2601";
}
.glyphicon-envelope:before {
  content: "\2709";
}
.glyphicon-pencil:before {
  content: "\270f";
}
.glyphicon-glass:before {
  content: "\e001";
}
.glyphicon-music:before {
  content: "\e002";
}
.glyphicon-search:before {
  content: "\e003";
}
.glyphicon-heart:before {
  content: "\e005";
}
.glyphicon-star:before {
  content: "\e006";
}
.glyphicon-star-empty:before {
  content: "\e007";
}
.glyphicon-user:before {
  content: "\e008";
}
.glyphicon-film:before {
  content: "\e009";
}
.glyphicon-th-large:before {
  content: "\e010";
}
.glyphicon-th:before {
  content: "\e011";
}
.glyphicon-th-list:before {
  content: "\e012";
}
.glyphicon-ok:before {
  content: "\e013";
}
.glyphicon-remove:before {
  content: "\e014";
}
.glyphicon-zoom-in:before {
  content: "\e015";
}
.glyphicon-zoom-out:before {
  content: "\e016";
}
.glyphicon-off:before {
  content: "\e017";
}
.glyphicon-signal:before {
  content: "\e018";
}
.glyphicon-cog:before {
  content: "\e019";
}
.glyphicon-trash:before {
  content: "\e020";
}
.glyphicon-home:before {
  content: "\e021";
}
.glyphicon-file:before {
  content: "\e022";
}
.glyphicon-time:before {
  content: "\e023";
}
.glyphicon-road:before {
  content: "\e024";
}
.glyphicon-download-alt:before {
  content: "\e025";
}
.glyphicon-download:before {
  content: "\e026";
}
.glyphicon-upload:before {
  content: "\e027";
}
.glyphicon-inbox:before {
  content: "\e028";
}
.glyphicon-play-circle:before {
  content: "\e029";
}
.glyphicon-repeat:before {
  content: "\e030";
}
.glyphicon-refresh:before {
  content: "\e031";
}
.glyphicon-list-alt:before {
  content: "\e032";
}
.glyphicon-lock:before {
  content: "\e033";
}
.glyphicon-flag:before {
  content: "\e034";
}
.glyphicon-headphones:before {
  content: "\e035";
}
.glyphicon-volume-off:before {
  content: "\e036";
}
.glyphicon-volume-down:before {
  content: "\e037";
}
.glyphicon-volume-up:before {
  content: "\e038";
}
.glyphicon-qrcode:before {
  content: "\e039";
}
.glyphicon-barcode:before {
  content: "\e040";
}
.glyphicon-tag:before {
  content: "\e041";
}
.glyphicon-tags:before {
  content: "\e042";
}
.glyphicon-book:before {
  content: "\e043";
}
.glyphicon-bookmark:before {
  content: "\e044";
}
.glyphicon-print:before {
  content: "\e045";
}
.glyphicon-camera:before {
  content: "\e046";
}
.glyphicon-font:before {
  content: "\e047";
}
.glyphicon-bold:before {
  content: "\e048";
}
.glyphicon-italic:before {
  content: "\e049";
}
.glyphicon-text-height:before {
  content: "\e050";
}
.glyphicon-text-width:before {
  content: "\e051";
}
.glyphicon-align-left:before {
  content: "\e052";
}
.glyphicon-align-center:before {
  content: "\e053";
}
.glyphicon-align-right:before {
  content: "\e054";
}
.glyphicon-align-justify:before {
  content: "\e055";
}
.glyphicon-list:before {
  content: "\e056";
}
.glyphicon-indent-left:before {
  content: "\e057";
}
.glyphicon-indent-right:before {
  content: "\e058";
}
.glyphicon-facetime-video:before {
  content: "\e059";
}
.glyphicon-picture:before {
  content: "\e060";
}
.glyphicon-map-marker:before {
  content: "\e062";
}
.glyphicon-adjust:before {
  content: "\e063";
}
.glyphicon-tint:before {
  content: "\e064";
}
.glyphicon-edit:before {
  content: "\e065";
}
.glyphicon-share:before {
  content: "\e066";
}
.glyphicon-check:before {
  content: "\e067";
}
.glyphicon-move:before {
  content: "\e068";
}
.glyphicon-step-backward:before {
  content: "\e069";
}
.glyphicon-fast-backward:before {
  content: "\e070";
}
.glyphicon-backward:before {
  content: "\e071";
}
.glyphicon-play:before {
  content: "\e072";
}
.glyphicon-pause:before {
  content: "\e073";
}
.glyphicon-stop:before {
  content: "\e074";
}
.glyphicon-forward:before {
  content: "\e075";
}
.glyphicon-fast-forward:before {
  content: "\e076";
}
.glyphicon-step-forward:before {
  content: "\e077";
}
.glyphicon-eject:before {
  content: "\e078";
}
.glyphicon-chevron-left:before {
  content: "\e079";
}
.glyphicon-chevron-right:before {
  content: "\e080";
}
.glyphicon-plus-sign:before {
  content: "\e081";
}
.glyphicon-minus-sign:before {
  content: "\e082";
}
.glyphicon-remove-sign:before {
  content: "\e083";
}
.glyphicon-ok-sign:before {
  content: "\e084";
}
.glyphicon-question-sign:before {
  content: "\e085";
}
.glyphicon-info-sign:before {
  content: "\e086";
}
.glyphicon-screenshot:before {
  content: "\e087";
}
.glyphicon-remove-circle:before {
  content: "\e088";
}
.glyphicon-ok-circle:before {
  content: "\e089";
}
.glyphicon-ban-circle:before {
  content: "\e090";
}
.glyphicon-arrow-left:before {
  content: "\e091";
}
.glyphicon-arrow-right:before {
  content: "\e092";
}
.glyphicon-arrow-up:before {
  content: "\e093";
}
.glyphicon-arrow-down:before {
  content: "\e094";
}
.glyphicon-share-alt:before {
  content: "\e095";
}
.glyphicon-resize-full:before {
  content: "\e096";
}
.glyphicon-resize-small:before {
  content: "\e097";
}
.glyphicon-exclamation-sign:before {
  content: "\e101";
}
.glyphicon-gift:before {
  content: "\e102";
}
.glyphicon-leaf:before {
  content: "\e103";
}
.glyphicon-fire:before {
  content: "\e104";
}
.glyphicon-eye-open:before {
  content: "\e105";
}
.glyphicon-eye-close:before {
  content: "\e106";
}
.glyphicon-warning-sign:before {
  content: "\e107";
}
.glyphicon-plane:before {
  content: "\e108";
}
.glyphicon-calendar:before {
  content: "\e109";
}
.glyphicon-random:before {
  content: "\e110";
}
.glyphicon-comment:before {
  content: "\e111";
}
.glyphicon-magnet:before {
  content: "\e112";
}
.glyphicon-chevron-up:before {
  content: "\e113";
}
.glyphicon-chevron-down:before {
  content: "\e114";
}
.glyphicon-retweet:before {
  content: "\e115";
}
.glyphicon-shopping-cart:before {
  content: "\e116";
}
.glyphicon-folder-close:before {
  content: "\e117";
}
.glyphicon-folder-open:before {
  content: "\e118";
}
.glyphicon-resize-vertical:before {
  content: "\e119";
}
.glyphicon-resize-horizontal:before {
  content: "\e120";
}
.glyphicon-hdd:before {
  content: "\e121";
}
.glyphicon-bullhorn:before {
  content: "\e122";
}
.glyphicon-bell:before {
  content: "\e123";
}
.glyphicon-certificate:before {
  content: "\e124";
}
.glyphicon-thumbs-up:before {
  content: "\e125";
}
.glyphicon-thumbs-down:before {
  content: "\e126";
}
.glyphicon-hand-right:before {
  content: "\e127";
}
.glyphicon-hand-left:before {
  content: "\e128";
}
.glyphicon-hand-up:before {
  content: "\e129";
}
.glyphicon-hand-down:before {
  content: "\e130";
}
.glyphicon-circle-arrow-right:before {
  content: "\e131";
}
.glyphicon-circle-arrow-left:before {
  content: "\e132";
}
.glyphicon-circle-arrow-up:before {
  content: "\e133";
}
.glyphicon-circle-arrow-down:before {
  content: "\e134";
}
.glyphicon-globe:before {
  content: "\e135";
}
.glyphicon-wrench:before {
  content: "\e136";
}
.glyphicon-tasks:before {
  content: "\e137";
}
.glyphicon-filter:before {
  content: "\e138";
}
.glyphicon-briefcase:before {
  content: "\e139";
}
.glyphicon-fullscreen:before {
  content: "\e140";
}
.glyphicon-dashboard:before {
  content: "\e141";
}
.glyphicon-paperclip:before {
  content: "\e142";
}
.glyphicon-heart-empty:before {
  content: "\e143";
}
.glyphicon-link:before {
  content: "\e144";
}
.glyphicon-phone:before {
  content: "\e145";
}
.glyphicon-pushpin:before {
  content: "\e146";
}
.glyphicon-usd:before {
  content: "\e148";
}
.glyphicon-gbp:before {
  content: "\e149";
}
.glyphicon-sort:before {
  content: "\e150";
}
.glyphicon-sort-by-alphabet:before {
  content: "\e151";
}
.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152";
}
.glyphicon-sort-by-order:before {
  content: "\e153";
}
.glyphicon-sort-by-order-alt:before {
  content: "\e154";
}
.glyphicon-sort-by-attributes:before {
  content: "\e155";
}
.glyphicon-sort-by-attributes-alt:before {
  content: "\e156";
}
.glyphicon-unchecked:before {
  content: "\e157";
}
.glyphicon-expand:before {
  content: "\e158";
}
.glyphicon-collapse-down:before {
  content: "\e159";
}
.glyphicon-collapse-up:before {
  content: "\e160";
}
.glyphicon-log-in:before {
  content: "\e161";
}
.glyphicon-flash:before {
  content: "\e162";
}
.glyphicon-log-out:before {
  content: "\e163";
}
.glyphicon-new-window:before {
  content: "\e164";
}
.glyphicon-record:before {
  content: "\e165";
}
.glyphicon-save:before {
  content: "\e166";
}
.glyphicon-open:before {
  content: "\e167";
}
.glyphicon-saved:before {
  content: "\e168";
}
.glyphicon-import:before {
  content: "\e169";
}
.glyphicon-export:before {
  content: "\e170";
}
.glyphicon-send:before {
  content: "\e171";
}
.glyphicon-floppy-disk:before {
  content: "\e172";
}
.glyphicon-floppy-saved:before {
  content: "\e173";
}
.glyphicon-floppy-remove:before {
  content: "\e174";
}
.glyphicon-floppy-save:before {
  content: "\e175";
}
.glyphicon-floppy-open:before {
  content: "\e176";
}
.glyphicon-credit-card:before {
  content: "\e177";
}
.glyphicon-transfer:before {
  content: "\e178";
}
.glyphicon-cutlery:before {
  content: "\e179";
}
.glyphicon-header:before {
  content: "\e180";
}
.glyphicon-compressed:before {
  content: "\e181";
}
.glyphicon-earphone:before {
  content: "\e182";
}
.glyphicon-phone-alt:before {
  content: "\e183";
}
.glyphicon-tower:before {
  content: "\e184";
}
.glyphicon-stats:before {
  content: "\e185";
}
.glyphicon-sd-video:before {
  content: "\e186";
}
.glyphicon-hd-video:before {
  content: "\e187";
}
.glyphicon-subtitles:before {
  content: "\e188";
}
.glyphicon-sound-stereo:before {
  content: "\e189";
}
.glyphicon-sound-dolby:before {
  content: "\e190";
}
.glyphicon-sound-5-1:before {
  content: "\e191";
}
.glyphicon-sound-6-1:before {
  content: "\e192";
}
.glyphicon-sound-7-1:before {
  content: "\e193";
}
.glyphicon-copyright-mark:before {
  content: "\e194";
}
.glyphicon-registration-mark:before {
  content: "\e195";
}
.glyphicon-cloud-download:before {
  content: "\e197";
}
.glyphicon-cloud-upload:before {
  content: "\e198";
}
.glyphicon-tree-conifer:before {
  content: "\e199";
}
.glyphicon-tree-deciduous:before {
  content: "\e200";
}
.glyphicon-cd:before {
  content: "\e201";
}
.glyphicon-save-file:before {
  content: "\e202";
}
.glyphicon-open-file:before {
  content: "\e203";
}
.glyphicon-level-up:before {
  content: "\e204";
}
.glyphicon-copy:before {
  content: "\e205";
}
.glyphicon-paste:before {
  content: "\e206";
}
.glyphicon-alert:before {
  content: "\e209";
}
.glyphicon-equalizer:before {
  content: "\e210";
}
.glyphicon-king:before {
  content: "\e211";
}
.glyphicon-queen:before {
  content: "\e212";
}
.glyphicon-pawn:before {
  content: "\e213";
}
.glyphicon-bishop:before {
  content: "\e214";
}
.glyphicon-knight:before {
  content: "\e215";
}
.glyphicon-baby-formula:before {
  content: "\e216";
}
.glyphicon-tent:before {
  content: "\26fa";
}
.glyphicon-blackboard:before {
  content: "\e218";
}
.glyphicon-bed:before {
  content: "\e219";
}
.glyphicon-apple:before {
  content: "\f8ff";
}
.glyphicon-erase:before {
  content: "\e221";
}
.glyphicon-hourglass:before {
  content: "\231b";
}
.glyphicon-lamp:before {
  content: "\e223";
}
.glyphicon-duplicate:before {
  content: "\e224";
}
.glyphicon-piggy-bank:before {
  content: "\e225";
}
.glyphicon-scissors:before {
  content: "\e226";
}
.glyphicon-bitcoin:before {
  content: "\e227";
}
.glyphicon-btc:before {
  content: "\e227";
}
.glyphicon-xbt:before {
  content: "\e227";
}
.glyphicon-yen:before {
  content: "\00a5";
}
.glyphicon-jpy:before {
  content: "\00a5";
}
.glyphicon-ruble:before {
  content: "\20bd";
}
.glyphicon-rub:before {
  content: "\20bd";
}
.glyphicon-scale:before {
  content: "\e230";
}
.glyphicon-ice-lolly:before {
  content: "\e231";
}
.glyphicon-ice-lolly-tasted:before {
  content: "\e232";
}
.glyphicon-education:before {
  content: "\e233";
}
.glyphicon-option-horizontal:before {
  content: "\e234";
}
.glyphicon-option-vertical:before {
  content: "\e235";
}
.glyphicon-menu-hamburger:before {
  content: "\e236";
}
.glyphicon-modal-window:before {
  content: "\e237";
}
.glyphicon-oil:before {
  content: "\e238";
}
.glyphicon-grain:before {
  content: "\e239";
}
.glyphicon-sunglasses:before {
  content: "\e240";
}
.glyphicon-text-size:before {
  content: "\e241";
}
.glyphicon-text-color:before {
  content: "\e242";
}
.glyphicon-text-background:before {
  content: "\e243";
}
.glyphicon-object-align-top:before {
  content: "\e244";
}
.glyphicon-object-align-bottom:before {
  content: "\e245";
}
.glyphicon-object-align-horizontal:before {
  content: "\e246";
}
.glyphicon-object-align-left:before {
  content: "\e247";
}
.glyphicon-object-align-vertical:before {
  content: "\e248";
}
.glyphicon-object-align-right:before {
  content: "\e249";
}
.glyphicon-triangle-right:before {
  content: "\e250";
}
.glyphicon-triangle-left:before {
  content: "\e251";
}
.glyphicon-triangle-bottom:before {
  content: "\e252";
}
.glyphicon-triangle-top:before {
  content: "\e253";
}
.glyphicon-console:before {
  content: "\e254";
}
.glyphicon-superscript:before {
  content: "\e255";
}
.glyphicon-subscript:before {
  content: "\e256";
}
.glyphicon-menu-left:before {
  content: "\e257";
}
.glyphicon-menu-right:before {
  content: "\e258";
}
.glyphicon-menu-down:before {
  content: "\e259";
}
.glyphicon-menu-up:before {
  content: "\e260";
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
:after,
:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  font-size: 10px;
  -webkit-tap-highlight-color: transparent;
}
body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333;
  background-color: #fff;
}
button,
input,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
a {
  color: #337ab7;
  text-decoration: none;
}
a:focus,
a:hover {
  color: #23527c;
  text-decoration: underline;
}
a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
figure {
  margin: 0;
}
img {
  vertical-align: middle;
}
.carousel-inner > .item > a > img,
.carousel-inner > .item > img,
.img-responsive,
.thumbnail a > img,
.thumbnail > img {
  display: block;
  max-width: 100%;
  height: auto;
}
.img-rounded {
  border-radius: 6px;
}
.img-thumbnail {
  display: inline-block;
  max-width: 100%;
  height: auto;
  padding: 4px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.img-circle {
  border-radius: 50%;
}
hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eee;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
[role="button"] {
  cursor: pointer;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}
.h1 .small,
.h1 small,
.h2 .small,
.h2 small,
.h3 .small,
.h3 small,
.h4 .small,
.h4 small,
.h5 .small,
.h5 small,
.h6 .small,
.h6 small,
h1 .small,
h1 small,
h2 .small,
h2 small,
h3 .small,
h3 small,
h4 .small,
h4 small,
h5 .small,
h5 small,
h6 .small,
h6 small {
  font-weight: 400;
  line-height: 1;
  color: #777;
}
.h1,
.h2,
.h3,
h1,
h2,
h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}
.h1 .small,
.h1 small,
.h2 .small,
.h2 small,
.h3 .small,
.h3 small,
h1 .small,
h1 small,
h2 .small,
h2 small,
h3 .small,
h3 small {
  font-size: 65%;
}
.h4,
.h5,
.h6,
h4,
h5,
h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}
.h4 .small,
.h4 small,
.h5 .small,
.h5 small,
.h6 .small,
.h6 small,
h4 .small,
h4 small,
h5 .small,
h5 small,
h6 .small,
h6 small {
  font-size: 75%;
}
.h1,
h1 {
  font-size: 36px;
}
.h2,
h2 {
  font-size: 30px;
}
.h3,
h3 {
  font-size: 24px;
}
.h4,
h4 {
  font-size: 18px;
}
.h5,
h5 {
  font-size: 14px;
}
.h6,
h6 {
  font-size: 12px;
}
p {
  margin: 0 0 10px;
}
.lead {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .lead {
    font-size: 21px;
  }
}
.small,
small {
  font-size: 85%;
}
.mark,
mark {
  padding: 0.2em;
  background-color: #fcf8e3;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
.text-nowrap {
  white-space: nowrap;
}
.text-lowercase {
  text-transform: lowercase;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-capitalize {
  text-transform: capitalize;
}
.text-muted {
  color: #777;
}
.text-primary {
  color: #337ab7;
}
a.text-primary:focus,
a.text-primary:hover {
  color: #286090;
}
.text-success {
  color: #3c763d;
}
a.text-success:focus,
a.text-success:hover {
  color: #2b542c;
}
.text-info {
  color: #31708f;
}
a.text-info:focus,
a.text-info:hover {
  color: #245269;
}
.text-warning {
  color: #8a6d3b;
}
a.text-warning:focus,
a.text-warning:hover {
  color: #66512c;
}
.text-danger {
  color: #a94442;
}
a.text-danger:focus,
a.text-danger:hover {
  color: #843534;
}
.bg-primary {
  color: #fff;
  background-color: #337ab7;
}
a.bg-primary:focus,
a.bg-primary:hover {
  background-color: #286090;
}
.bg-success {
  background-color: #dff0d8;
}
a.bg-success:focus,
a.bg-success:hover {
  background-color: #c1e2b3;
}
.bg-info {
  background-color: #d9edf7;
}
a.bg-info:focus,
a.bg-info:hover {
  background-color: #afd9ee;
}
.bg-warning {
  background-color: #fcf8e3;
}
a.bg-warning:focus,
a.bg-warning:hover {
  background-color: #f7ecb5;
}
.bg-danger {
  background-color: #f2dede;
}
a.bg-danger:focus,
a.bg-danger:hover {
  background-color: #e4b9b9;
}
.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eee;
}
ol,
ul {
  margin-top: 0;
  margin-bottom: 10px;
}
ol ol,
ol ul,
ul ol,
ul ul {
  margin-bottom: 0;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding-left: 0;
  margin-left: -5px;
  list-style: none;
}
.list-inline > li {
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
}
dl {
  margin-top: 0;
  margin-bottom: 20px;
}
dd,
dt {
  line-height: 1.42857143;
}
dt {
  font-weight: 700;
}
dd {
  margin-left: 0;
}
@media (min-width: 768px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    overflow: hidden;
    clear: left;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .dl-horizontal dd {
    margin-left: 180px;
  }
}
abbr[data-original-title],
abbr[title] {
  cursor: help;
  border-bottom: 1px dotted #777;
}
.initialism {
  font-size: 90%;
  text-transform: uppercase;
}
blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eee;
}
blockquote ol:last-child,
blockquote p:last-child,
blockquote ul:last-child {
  margin-bottom: 0;
}
blockquote .small,
blockquote footer,
blockquote small {
  display: block;
  font-size: 80%;
  line-height: 1.42857143;
  color: #777;
}
blockquote .small:before,
blockquote footer:before,
blockquote small:before {
  content: "\2014 \00A0";
}
.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  text-align: right;
  border-right: 5px solid #eee;
  border-left: 0;
}
.blockquote-reverse .small:before,
.blockquote-reverse footer:before,
.blockquote-reverse small:before,
blockquote.pull-right .small:before,
blockquote.pull-right footer:before,
blockquote.pull-right small:before {
  content: "";
}
.blockquote-reverse .small:after,
.blockquote-reverse footer:after,
.blockquote-reverse small:after,
blockquote.pull-right .small:after,
blockquote.pull-right footer:after,
blockquote.pull-right small:after {
  content: "\00A0 \2014";
}
address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.42857143;
}
code,
kbd,
pre,
samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 4px;
}
kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #fff;
  background-color: #333;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}
kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: 700;
  -webkit-box-shadow: none;
  box-shadow: none;
}
pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #333;
  word-break: break-all;
  word-wrap: break-word;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
}
pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
}
.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}
.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}
.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.row {
  margin-right: -15px;
  margin-left: -15px;
}
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0;
}
@media (min-width: 768px) {
  .col-sm-1,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 992px) {
  .col-md-1,
  .col-md-10,
  .col-md-11,
  .col-md-12,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 1200px) {
  .col-lg-1,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0;
  }
}
table {
  background-color: transparent;
}
caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777;
  text-align: left;
}
th {
  text-align: left;
}
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}
.table > caption + thead > tr:first-child > td,
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > td,
.table > thead:first-child > tr:first-child > th {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 2px solid #ddd;
}
.table .table {
  background-color: #fff;
}
.table-condensed > tbody > tr > td,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > td,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > thead > tr > th {
  padding: 5px;
}
.table-bordered {
  border: 1px solid #ddd;
}
.table-bordered > tbody > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > thead > tr > th {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > td,
.table-bordered > thead > tr > th {
  border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover {
  background-color: #f5f5f5;
}
table col[class*="col-"] {
  position: static;
  display: table-column;
  float: none;
}
table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  display: table-cell;
  float: none;
}
.table > tbody > tr.active > td,
.table > tbody > tr.active > th,
.table > tbody > tr > td.active,
.table > tbody > tr > th.active,
.table > tfoot > tr.active > td,
.table > tfoot > tr.active > th,
.table > tfoot > tr > td.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > thead > tr.active > th,
.table > thead > tr > td.active,
.table > thead > tr > th.active {
  background-color: #f5f5f5;
}
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr.active:hover > th,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover {
  background-color: #e8e8e8;
}
.table > tbody > tr.success > td,
.table > tbody > tr.success > th,
.table > tbody > tr > td.success,
.table > tbody > tr > th.success,
.table > tfoot > tr.success > td,
.table > tfoot > tr.success > th,
.table > tfoot > tr > td.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > thead > tr.success > th,
.table > thead > tr > td.success,
.table > thead > tr > th.success {
  background-color: #dff0d8;
}
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr.success:hover > th,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover {
  background-color: #d0e9c6;
}
.table > tbody > tr.info > td,
.table > tbody > tr.info > th,
.table > tbody > tr > td.info,
.table > tbody > tr > th.info,
.table > tfoot > tr.info > td,
.table > tfoot > tr.info > th,
.table > tfoot > tr > td.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > thead > tr.info > th,
.table > thead > tr > td.info,
.table > thead > tr > th.info {
  background-color: #d9edf7;
}
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr.info:hover > th,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover {
  background-color: #c4e3f3;
}
.table > tbody > tr.warning > td,
.table > tbody > tr.warning > th,
.table > tbody > tr > td.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr.warning > td,
.table > tfoot > tr.warning > th,
.table > tfoot > tr > td.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > thead > tr.warning > th,
.table > thead > tr > td.warning,
.table > thead > tr > th.warning {
  background-color: #fcf8e3;
}
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr.warning:hover > th,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover {
  background-color: #faf2cc;
}
.table > tbody > tr.danger > td,
.table > tbody > tr.danger > th,
.table > tbody > tr > td.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr.danger > td,
.table > tfoot > tr.danger > th,
.table > tfoot > tr > td.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > thead > tr.danger > th,
.table > thead > tr > td.danger,
.table > thead > tr > th.danger {
  background-color: #f2dede;
}
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr.danger:hover > th,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover {
  background-color: #ebcccc;
}
.table-responsive {
  min-height: 0.01%;
  overflow-x: auto;
}
@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > td,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > thead > tr > th {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > thead > tr > th:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > thead > tr > th:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th {
    border-bottom: 0;
  }
}
fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}
label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 700;
}
input[type="search"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
input[type="checkbox"],
input[type="radio"] {
  margin: 4px 0 0;
  line-height: normal;
}
input[type="file"] {
  display: block;
}
input[type="range"] {
  display: block;
  width: 100%;
}
select[multiple],
select[size] {
  height: auto;
}
input[type="checkbox"]:focus,
input[type="file"]:focus,
input[type="radio"]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
}
.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s,
    -webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
    0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
    0 0 8px rgba(102, 175, 233, 0.6);
}
.form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999;
}
.form-control::-webkit-input-placeholder {
  color: #999;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #eee;
  opacity: 1;
}
.form-control[disabled],
fieldset[disabled] .form-control {
  cursor: not-allowed;
}
textarea.form-control {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: none;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"].form-control,
  input[type="datetime-local"].form-control,
  input[type="month"].form-control,
  input[type="time"].form-control {
    line-height: 34px;
  }
  .input-group-sm input[type="date"],
  .input-group-sm input[type="datetime-local"],
  .input-group-sm input[type="month"],
  .input-group-sm input[type="time"],
  input[type="date"].input-sm,
  input[type="datetime-local"].input-sm,
  input[type="month"].input-sm,
  input[type="time"].input-sm {
    line-height: 30px;
  }
  .input-group-lg input[type="date"],
  .input-group-lg input[type="datetime-local"],
  .input-group-lg input[type="month"],
  .input-group-lg input[type="time"],
  input[type="date"].input-lg,
  input[type="datetime-local"].input-lg,
  input[type="month"].input-lg,
  input[type="time"].input-lg {
    line-height: 46px;
  }
}
.form-group {
  margin-bottom: 15px;
}
.checkbox,
.radio {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}
.checkbox label,
.radio label {
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: 400;
  cursor: pointer;
}
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"],
.radio input[type="radio"],
.radio-inline input[type="radio"] {
  position: absolute;
  margin-left: -20px;
}
.checkbox + .checkbox,
.radio + .radio {
  margin-top: -5px;
}
.checkbox-inline,
.radio-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: 400;
  vertical-align: middle;
  cursor: pointer;
}
.checkbox-inline + .checkbox-inline,
.radio-inline + .radio-inline {
  margin-top: 0;
  margin-left: 10px;
}
fieldset[disabled] input[type="checkbox"],
fieldset[disabled] input[type="radio"],
input[type="checkbox"].disabled,
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="radio"][disabled] {
  cursor: not-allowed;
}
.checkbox-inline.disabled,
.radio-inline.disabled,
fieldset[disabled] .checkbox-inline,
fieldset[disabled] .radio-inline {
  cursor: not-allowed;
}
.checkbox.disabled label,
.radio.disabled label,
fieldset[disabled] .checkbox label,
fieldset[disabled] .radio label {
  cursor: not-allowed;
}
.form-control-static {
  min-height: 34px;
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
}
.form-control-static.input-lg,
.form-control-static.input-sm {
  padding-right: 0;
  padding-left: 0;
}
.input-sm {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
select.input-sm {
  height: 30px;
  line-height: 30px;
}
select[multiple].input-sm,
textarea.input-sm {
  height: auto;
}
.form-group-sm .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.form-group-sm select.form-control {
  height: 30px;
  line-height: 30px;
}
.form-group-sm select[multiple].form-control,
.form-group-sm textarea.form-control {
  height: auto;
}
.form-group-sm .form-control-static {
  height: 30px;
  min-height: 32px;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.input-lg {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
select.input-lg {
  height: 46px;
  line-height: 46px;
}
select[multiple].input-lg,
textarea.input-lg {
  height: auto;
}
.form-group-lg .form-control {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
.form-group-lg select.form-control {
  height: 46px;
  line-height: 46px;
}
.form-group-lg select[multiple].form-control,
.form-group-lg textarea.form-control {
  height: auto;
}
.form-group-lg .form-control-static {
  height: 46px;
  min-height: 38px;
  padding: 11px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}
.has-feedback {
  position: relative;
}
.has-feedback .form-control {
  padding-right: 42.5px;
}
.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  pointer-events: none;
}
.form-group-lg .form-control + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.input-lg + .form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px;
}
.form-group-sm .form-control + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.input-sm + .form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px;
}
.has-success .checkbox,
.has-success .checkbox-inline,
.has-success .control-label,
.has-success .help-block,
.has-success .radio,
.has-success .radio-inline,
.has-success.checkbox label,
.has-success.checkbox-inline label,
.has-success.radio label,
.has-success.radio-inline label {
  color: #3c763d;
}
.has-success .form-control {
  border-color: #3c763d;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-success .form-control:focus {
  border-color: #2b542c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}
.has-success .input-group-addon {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #3c763d;
}
.has-success .form-control-feedback {
  color: #3c763d;
}
.has-warning .checkbox,
.has-warning .checkbox-inline,
.has-warning .control-label,
.has-warning .help-block,
.has-warning .radio,
.has-warning .radio-inline,
.has-warning.checkbox label,
.has-warning.checkbox-inline label,
.has-warning.radio label,
.has-warning.radio-inline label {
  color: #8a6d3b;
}
.has-warning .form-control {
  border-color: #8a6d3b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-warning .form-control:focus {
  border-color: #66512c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}
.has-warning .input-group-addon {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #8a6d3b;
}
.has-warning .form-control-feedback {
  color: #8a6d3b;
}
.has-error .checkbox,
.has-error .checkbox-inline,
.has-error .control-label,
.has-error .help-block,
.has-error .radio,
.has-error .radio-inline,
.has-error.checkbox label,
.has-error.checkbox-inline label,
.has-error.radio label,
.has-error.radio-inline label {
  color: #a94442;
}
.has-error .form-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .form-control:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}
.has-error .input-group-addon {
  color: #a94442;
  background-color: #f2dede;
  border-color: #a94442;
}
.has-error .form-control-feedback {
  color: #a94442;
}
.has-feedback label ~ .form-control-feedback {
  top: 25px;
}
.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0;
}
.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373;
}
@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-static {
    display: inline-block;
  }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .form-inline .input-group .form-control,
  .form-inline .input-group .input-group-addon,
  .form-inline .input-group .input-group-btn {
    width: auto;
  }
  .form-inline .input-group > .form-control {
    width: 100%;
  }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .checkbox,
  .form-inline .radio {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .checkbox label,
  .form-inline .radio label {
    padding-left: 0;
  }
  .form-inline .checkbox input[type="checkbox"],
  .form-inline .radio input[type="radio"] {
    position: relative;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}
.form-horizontal .checkbox,
.form-horizontal .checkbox-inline,
.form-horizontal .radio,
.form-horizontal .radio-inline {
  padding-top: 7px;
  margin-top: 0;
  margin-bottom: 0;
}
.form-horizontal .checkbox,
.form-horizontal .radio {
  min-height: 27px;
}
.form-horizontal .form-group {
  margin-right: -15px;
  margin-left: -15px;
}
@media (min-width: 768px) {
  .form-horizontal .control-label {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: right;
  }
}
.form-horizontal .has-feedback .form-control-feedback {
  right: 15px;
}
@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 14.33px;
    font-size: 18px;
  }
}
@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
    font-size: 12px;
  }
}
.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn.focus,
.btn:focus,
.btn:hover {
  color: #333;
  text-decoration: none;
}
.btn.active,
.btn:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  -webkit-box-shadow: none;
  box-shadow: none;
  opacity: 0.65;
}
a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: none;
}
.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-default.focus,
.btn-default:focus {
  color: #333;
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}
.btn-default:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default.active,
.btn-default:active,
.open > .dropdown-toggle.btn-default {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active.focus,
.btn-default:active:focus,
.btn-default:active:hover,
.open > .dropdown-toggle.btn-default.focus,
.open > .dropdown-toggle.btn-default:focus,
.open > .dropdown-toggle.btn-default:hover {
  color: #333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}
.btn-default.active,
.btn-default:active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled,
.btn-default.disabled.active,
.btn-default.disabled.focus,
.btn-default.disabled:active,
.btn-default.disabled:focus,
.btn-default.disabled:hover,
.btn-default[disabled],
.btn-default[disabled].active,
.btn-default[disabled].focus,
.btn-default[disabled]:active,
.btn-default[disabled]:focus,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default,
fieldset[disabled] .btn-default.active,
fieldset[disabled] .btn-default.focus,
fieldset[disabled] .btn-default:active,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default:hover {
  background-color: #fff;
  border-color: #ccc;
}
.btn-default .badge {
  color: #fff;
  background-color: #333;
}
.btn-primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-primary.focus,
.btn-primary:focus {
  color: #fff;
  background-color: #286090;
  border-color: #122b40;
}
.btn-primary:hover {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.btn-primary.active,
.btn-primary:active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open > .dropdown-toggle.btn-primary.focus,
.open > .dropdown-toggle.btn-primary:focus,
.open > .dropdown-toggle.btn-primary:hover {
  color: #fff;
  background-color: #204d74;
  border-color: #122b40;
}
.btn-primary.active,
.btn-primary:active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled,
.btn-primary.disabled.active,
.btn-primary.disabled.focus,
.btn-primary.disabled:active,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary[disabled],
.btn-primary[disabled].active,
.btn-primary[disabled].focus,
.btn-primary[disabled]:active,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary.active,
fieldset[disabled] .btn-primary.focus,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:hover {
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-primary .badge {
  color: #337ab7;
  background-color: #fff;
}
.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success.focus,
.btn-success:focus {
  color: #fff;
  background-color: #449d44;
  border-color: #255625;
}
.btn-success:hover {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.btn-success.active,
.btn-success:active,
.open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.btn-success.active.focus,
.btn-success.active:focus,
.btn-success.active:hover,
.btn-success:active.focus,
.btn-success:active:focus,
.btn-success:active:hover,
.open > .dropdown-toggle.btn-success.focus,
.open > .dropdown-toggle.btn-success:focus,
.open > .dropdown-toggle.btn-success:hover {
  color: #fff;
  background-color: #398439;
  border-color: #255625;
}
.btn-success.active,
.btn-success:active,
.open > .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled,
.btn-success.disabled.active,
.btn-success.disabled.focus,
.btn-success.disabled:active,
.btn-success.disabled:focus,
.btn-success.disabled:hover,
.btn-success[disabled],
.btn-success[disabled].active,
.btn-success[disabled].focus,
.btn-success[disabled]:active,
.btn-success[disabled]:focus,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success,
fieldset[disabled] .btn-success.active,
fieldset[disabled] .btn-success.focus,
fieldset[disabled] .btn-success:active,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success:hover {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success .badge {
  color: #5cb85c;
  background-color: #fff;
}
.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info.focus,
.btn-info:focus {
  color: #fff;
  background-color: #31b0d5;
  border-color: #1b6d85;
}
.btn-info:hover {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.btn-info.active,
.btn-info:active,
.open > .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.btn-info.active.focus,
.btn-info.active:focus,
.btn-info.active:hover,
.btn-info:active.focus,
.btn-info:active:focus,
.btn-info:active:hover,
.open > .dropdown-toggle.btn-info.focus,
.open > .dropdown-toggle.btn-info:focus,
.open > .dropdown-toggle.btn-info:hover {
  color: #fff;
  background-color: #269abc;
  border-color: #1b6d85;
}
.btn-info.active,
.btn-info:active,
.open > .dropdown-toggle.btn-info {
  background-image: none;
}
.btn-info.disabled,
.btn-info.disabled.active,
.btn-info.disabled.focus,
.btn-info.disabled:active,
.btn-info.disabled:focus,
.btn-info.disabled:hover,
.btn-info[disabled],
.btn-info[disabled].active,
.btn-info[disabled].focus,
.btn-info[disabled]:active,
.btn-info[disabled]:focus,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info,
fieldset[disabled] .btn-info.active,
fieldset[disabled] .btn-info.focus,
fieldset[disabled] .btn-info:active,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info:hover {
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info .badge {
  color: #5bc0de;
  background-color: #fff;
}
.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning.focus,
.btn-warning:focus {
  color: #fff;
  background-color: #ec971f;
  border-color: #985f0d;
}
.btn-warning:hover {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.btn-warning.active,
.btn-warning:active,
.open > .dropdown-toggle.btn-warning {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.btn-warning.active.focus,
.btn-warning.active:focus,
.btn-warning.active:hover,
.btn-warning:active.focus,
.btn-warning:active:focus,
.btn-warning:active:hover,
.open > .dropdown-toggle.btn-warning.focus,
.open > .dropdown-toggle.btn-warning:focus,
.open > .dropdown-toggle.btn-warning:hover {
  color: #fff;
  background-color: #d58512;
  border-color: #985f0d;
}
.btn-warning.active,
.btn-warning:active,
.open > .dropdown-toggle.btn-warning {
  background-image: none;
}
.btn-warning.disabled,
.btn-warning.disabled.active,
.btn-warning.disabled.focus,
.btn-warning.disabled:active,
.btn-warning.disabled:focus,
.btn-warning.disabled:hover,
.btn-warning[disabled],
.btn-warning[disabled].active,
.btn-warning[disabled].focus,
.btn-warning[disabled]:active,
.btn-warning[disabled]:focus,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning,
fieldset[disabled] .btn-warning.active,
fieldset[disabled] .btn-warning.focus,
fieldset[disabled] .btn-warning:active,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning:hover {
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning .badge {
  color: #f0ad4e;
  background-color: #fff;
}
.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger.focus,
.btn-danger:focus {
  color: #fff;
  background-color: #c9302c;
  border-color: #761c19;
}
.btn-danger:hover {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-danger.active,
.btn-danger:active,
.open > .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-danger.active.focus,
.btn-danger.active:focus,
.btn-danger.active:hover,
.btn-danger:active.focus,
.btn-danger:active:focus,
.btn-danger:active:hover,
.open > .dropdown-toggle.btn-danger.focus,
.open > .dropdown-toggle.btn-danger:focus,
.open > .dropdown-toggle.btn-danger:hover {
  color: #fff;
  background-color: #ac2925;
  border-color: #761c19;
}
.btn-danger.active,
.btn-danger:active,
.open > .dropdown-toggle.btn-danger {
  background-image: none;
}
.btn-danger.disabled,
.btn-danger.disabled.active,
.btn-danger.disabled.focus,
.btn-danger.disabled:active,
.btn-danger.disabled:focus,
.btn-danger.disabled:hover,
.btn-danger[disabled],
.btn-danger[disabled].active,
.btn-danger[disabled].focus,
.btn-danger[disabled]:active,
.btn-danger[disabled]:focus,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger,
fieldset[disabled] .btn-danger.active,
fieldset[disabled] .btn-danger.focus,
fieldset[disabled] .btn-danger:active,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger:hover {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger .badge {
  color: #d9534f;
  background-color: #fff;
}
.btn-link {
  font-weight: 400;
  color: #337ab7;
  border-radius: 0;
}
.btn-link,
.btn-link.active,
.btn-link:active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-link,
.btn-link:active,
.btn-link:focus,
.btn-link:hover {
  border-color: transparent;
}
.btn-link:focus,
.btn-link:hover {
  color: #23527c;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:focus,
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:focus,
fieldset[disabled] .btn-link:hover {
  color: #777;
  text-decoration: none;
}
.btn-group-lg > .btn,
.btn-lg {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
.btn-group-sm > .btn,
.btn-sm {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-group-xs > .btn,
.btn-xs {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-block {
  display: block;
  width: 100%;
}
.btn-block + .btn-block {
  margin-top: 5px;
}
input[type="button"].btn-block,
input[type="reset"].btn-block,
input[type="submit"].btn-block {
  width: 100%;
}
.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.fade.in {
  opacity: 1;
}
.collapse {
  display: none;
}
.collapse.in {
  display: block;
}
tr.collapse.in {
  display: table-row;
}
tbody.collapse.in {
  display: table-row-group;
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-duration: 0.35s;
  -o-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-property: height, visibility;
  -o-transition-property: height, visibility;
  transition-property: height, visibility;
}
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.dropdown,
.dropup {
  position: relative;
}
.dropdown-toggle:focus {
  outline: 0;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
}
.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > a:hover {
  color: #fff;
  text-decoration: none;
  background-color: #337ab7;
  outline: 0;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:focus,
.dropdown-menu > .disabled > a:hover {
  color: #777;
}
.dropdown-menu > .disabled > a:focus,
.dropdown-menu > .disabled > a:hover {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
}
.open > .dropdown-menu {
  display: block;
}
.open > a {
  outline: 0;
}
.dropdown-menu-right {
  right: 0;
  left: auto;
}
.dropdown-menu-left {
  right: auto;
  left: 0;
}
.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #777;
  white-space: nowrap;
}
.dropdown-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 990;
}
.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  content: "";
  border-top: 0;
  border-bottom: 4px dashed;
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}
@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto;
  }
  .navbar-right .dropdown-menu-left {
    right: auto;
    left: 0;
  }
}
.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.btn-group-vertical > .btn,
.btn-group > .btn {
  position: relative;
  float: left;
}
.btn-group-vertical > .btn.active,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:hover,
.btn-group > .btn.active,
.btn-group > .btn:active,
.btn-group > .btn:focus,
.btn-group > .btn:hover {
  z-index: 2;
}
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px;
}
.btn-toolbar {
  margin-left: -5px;
}
.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
  float: left;
}
.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
  margin-left: 5px;
}
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}
.btn-group > .btn:first-child {
  margin-left: 0;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group > .btn-group {
  float: left;
}
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}
.btn-group > .btn + .dropdown-toggle {
  padding-right: 8px;
  padding-left: 8px;
}
.btn-group > .btn-lg + .dropdown-toggle {
  padding-right: 12px;
  padding-left: 12px;
}
.btn-group.open .dropdown-toggle {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-group.open .dropdown-toggle.btn-link {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn .caret {
  margin-left: 0;
}
.btn-lg .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0;
}
.dropup .btn-lg .caret {
  border-width: 0 5px 5px;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
}
.btn-group-vertical > .btn-group > .btn {
  float: none;
}
.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0;
}
.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 4px;
}
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical
  > .btn-group:first-child:not(:last-child)
  > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical
  > .btn-group:last-child:not(:first-child)
  > .btn:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
  display: table-cell;
  float: none;
  width: 1%;
}
.btn-group-justified > .btn-group .btn {
  width: 100%;
}
.btn-group-justified > .btn-group .dropdown-menu {
  left: auto;
}
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
.input-group[class*="col-"] {
  float: none;
  padding-right: 0;
  padding-left: 0;
}
.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
select.input-group-lg > .form-control,
select.input-group-lg > .input-group-addon,
select.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  line-height: 46px;
}
select[multiple].input-group-lg > .form-control,
select[multiple].input-group-lg > .input-group-addon,
select[multiple].input-group-lg > .input-group-btn > .btn,
textarea.input-group-lg > .form-control,
textarea.input-group-lg > .input-group-addon,
textarea.input-group-lg > .input-group-btn > .btn {
  height: auto;
}
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  line-height: 30px;
}
select[multiple].input-group-sm > .form-control,
select[multiple].input-group-sm > .input-group-addon,
select[multiple].input-group-sm > .input-group-btn > .btn,
textarea.input-group-sm > .form-control,
textarea.input-group-sm > .input-group-addon,
textarea.input-group-sm > .input-group-btn > .btn {
  height: auto;
}
.input-group .form-control,
.input-group-addon,
.input-group-btn {
  display: table-cell;
}
.input-group .form-control:not(:first-child):not(:last-child),
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}
.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #555;
  text-align: center;
  background-color: #eee;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.input-group-addon.input-sm {
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 3px;
}
.input-group-addon.input-lg {
  padding: 10px 16px;
  font-size: 18px;
  border-radius: 6px;
}
.input-group-addon input[type="checkbox"],
.input-group-addon input[type="radio"] {
  margin-top: 0;
}
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group-addon:first-child {
  border-right: 0;
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group-addon:last-child {
  border-left: 0;
}
.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}
.input-group-btn > .btn {
  position: relative;
}
.input-group-btn > .btn + .btn {
  margin-left: -1px;
}
.input-group-btn > .btn:active,
.input-group-btn > .btn:focus,
.input-group-btn > .btn:hover {
  z-index: 2;
}
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
  margin-right: -1px;
}
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
  z-index: 2;
  margin-left: -1px;
}
.nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.nav > li {
  position: relative;
  display: block;
}
.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}
.nav > li > a:focus,
.nav > li > a:hover {
  text-decoration: none;
  background-color: #eee;
}
.nav > li.disabled > a {
  color: #777;
}
.nav > li.disabled > a:focus,
.nav > li.disabled > a:hover {
  color: #777;
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
}
.nav .open > a,
.nav .open > a:focus,
.nav .open > a:hover {
  background-color: #eee;
  border-color: #337ab7;
}
.nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.nav > li > a > img {
  max-width: none;
}
.nav-tabs {
  border-bottom: 1px solid #ddd;
}
.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}
.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover {
  border-color: #eee #eee #ddd;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
  color: #555;
  cursor: default;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}
.nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0;
}
.nav-tabs.nav-justified > li {
  float: none;
}
.nav-tabs.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:focus,
.nav-tabs.nav-justified > .active > a:hover {
  border: 1px solid #ddd;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs.nav-justified > .active > a,
  .nav-tabs.nav-justified > .active > a:focus,
  .nav-tabs.nav-justified > .active > a:hover {
    border-bottom-color: #fff;
  }
}
.nav-pills > li {
  float: left;
}
.nav-pills > li > a {
  border-radius: 4px;
}
.nav-pills > li + li {
  margin-left: 2px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:focus,
.nav-pills > li.active > a:hover {
  color: #fff;
  background-color: #337ab7;
}
.nav-stacked > li {
  float: none;
}
.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0;
}
.nav-justified {
  width: 100%;
}
.nav-justified > li {
  float: none;
}
.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
}
.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs-justified {
  border-bottom: 0;
}
.nav-tabs-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:focus,
.nav-tabs-justified > .active > a:hover {
  border: 1px solid #ddd;
}
@media (min-width: 768px) {
  .nav-tabs-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs-justified > .active > a,
  .nav-tabs-justified > .active > a:focus,
  .nav-tabs-justified > .active > a:hover {
    border-bottom-color: #fff;
  }
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent;
}
@media (min-width: 768px) {
  .navbar {
    border-radius: 4px;
  }
}
@media (min-width: 768px) {
  .navbar-header {
    float: left;
  }
}
.navbar-collapse {
  padding-right: 15px;
  padding-left: 15px;
  overflow-x: visible;
  -webkit-overflow-scrolling: touch;
  border-top: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
.navbar-collapse.in {
  overflow-y: auto;
}
@media (min-width: 768px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .navbar-collapse.in {
    overflow-y: visible;
  }
  .navbar-fixed-bottom .navbar-collapse,
  .navbar-fixed-top .navbar-collapse,
  .navbar-static-top .navbar-collapse {
    padding-right: 0;
    padding-left: 0;
  }
}
.navbar-fixed-bottom .navbar-collapse,
.navbar-fixed-top .navbar-collapse {
  max-height: 340px;
}
@media (max-device-width: 480px) and (orientation: landscape) {
  .navbar-fixed-bottom .navbar-collapse,
  .navbar-fixed-top .navbar-collapse {
    max-height: 200px;
  }
}
.container-fluid > .navbar-collapse,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container > .navbar-header {
  margin-right: -15px;
  margin-left: -15px;
}
@media (min-width: 768px) {
  .container-fluid > .navbar-collapse,
  .container-fluid > .navbar-header,
  .container > .navbar-collapse,
  .container > .navbar-header {
    margin-right: 0;
    margin-left: 0;
  }
}
.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px;
}
@media (min-width: 768px) {
  .navbar-static-top {
    border-radius: 0;
  }
}
.navbar-fixed-bottom,
.navbar-fixed-top {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
}
@media (min-width: 768px) {
  .navbar-fixed-bottom,
  .navbar-fixed-top {
    border-radius: 0;
  }
}
.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px;
}
.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0;
}
.navbar-brand {
  float: left;
  height: 50px;
  padding: 15px 15px;
  font-size: 18px;
  line-height: 20px;
}
.navbar-brand:focus,
.navbar-brand:hover {
  text-decoration: none;
}
.navbar-brand > img {
  display: block;
}
@media (min-width: 768px) {
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    margin-left: -15px;
  }
}
.navbar-toggle {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-top: 8px;
  margin-right: 15px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.navbar-toggle:focus {
  outline: 0;
}
.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}
@media (min-width: 768px) {
  .navbar-toggle {
    display: none;
  }
}
.navbar-nav {
  margin: 7.5px -15px;
}
.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px;
}
@media (max-width: 767px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .navbar-nav .open .dropdown-menu .dropdown-header,
  .navbar-nav .open .dropdown-menu > li > a {
    padding: 5px 15px 5px 25px;
  }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px;
  }
  .navbar-nav .open .dropdown-menu > li > a:focus,
  .navbar-nav .open .dropdown-menu > li > a:hover {
    background-image: none;
  }
}
@media (min-width: 768px) {
  .navbar-nav {
    float: left;
    margin: 0;
  }
  .navbar-nav > li {
    float: left;
  }
  .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
.navbar-form {
  padding: 10px 15px;
  margin-top: 8px;
  margin-right: -15px;
  margin-bottom: 8px;
  margin-left: -15px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 1px 0 rgba(255, 255, 255, 0.1);
}
@media (min-width: 768px) {
  .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .navbar-form .form-control-static {
    display: inline-block;
  }
  .navbar-form .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .navbar-form .input-group .form-control,
  .navbar-form .input-group .input-group-addon,
  .navbar-form .input-group .input-group-btn {
    width: auto;
  }
  .navbar-form .input-group > .form-control {
    width: 100%;
  }
  .navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .checkbox,
  .navbar-form .radio {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .checkbox label,
  .navbar-form .radio label {
    padding-left: 0;
  }
  .navbar-form .checkbox input[type="checkbox"],
  .navbar-form .radio input[type="radio"] {
    position: relative;
    margin-left: 0;
  }
  .navbar-form .has-feedback .form-control-feedback {
    top: 0;
  }
}
@media (max-width: 767px) {
  .navbar-form .form-group {
    margin-bottom: 5px;
  }
  .navbar-form .form-group:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .navbar-form {
    width: auto;
    padding-top: 0;
    padding-bottom: 0;
    margin-right: 0;
    margin-left: 0;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}
.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  margin-bottom: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.navbar-btn {
  margin-top: 8px;
  margin-bottom: 8px;
}
.navbar-btn.btn-sm {
  margin-top: 10px;
  margin-bottom: 10px;
}
.navbar-btn.btn-xs {
  margin-top: 14px;
  margin-bottom: 14px;
}
.navbar-text {
  margin-top: 15px;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .navbar-text {
    float: left;
    margin-right: 15px;
    margin-left: 15px;
  }
}
@media (min-width: 768px) {
  .navbar-left {
    float: left !important;
  }
  .navbar-right {
    float: right !important;
    margin-right: -15px;
  }
  .navbar-right ~ .navbar-right {
    margin-right: 0;
  }
}
.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7;
}
.navbar-default .navbar-brand {
  color: #777;
}
.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:hover {
  color: #5e5e5e;
  background-color: transparent;
}
.navbar-default .navbar-text {
  color: #777;
}
.navbar-default .navbar-nav > li > a {
  color: #777;
}
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover {
  color: #333;
  background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
  color: #555;
  background-color: #e7e7e7;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:focus,
.navbar-default .navbar-nav > .disabled > a:hover {
  color: #ccc;
  background-color: transparent;
}
.navbar-default .navbar-toggle {
  border-color: #ddd;
}
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
  background-color: #ddd;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #888;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #e7e7e7;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover {
  color: #555;
  background-color: #e7e7e7;
}
@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #777;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
    color: #333;
    background-color: transparent;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover {
    color: #555;
    background-color: #e7e7e7;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover {
    color: #ccc;
    background-color: transparent;
  }
}
.navbar-default .navbar-link {
  color: #777;
}
.navbar-default .navbar-link:hover {
  color: #333;
}
.navbar-default .btn-link {
  color: #777;
}
.navbar-default .btn-link:focus,
.navbar-default .btn-link:hover {
  color: #333;
}
.navbar-default .btn-link[disabled]:focus,
.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:focus,
fieldset[disabled] .navbar-default .btn-link:hover {
  color: #ccc;
}
.navbar-inverse {
  background-color: #222;
  border-color: #080808;
}
.navbar-inverse .navbar-brand {
  color: #9d9d9d;
}
.navbar-inverse .navbar-brand:focus,
.navbar-inverse .navbar-brand:hover {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-text {
  color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a {
  color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a:focus,
.navbar-inverse .navbar-nav > li > a:hover {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .active > a:hover {
  color: #fff;
  background-color: #080808;
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:focus,
.navbar-inverse .navbar-nav > .disabled > a:hover {
  color: #444;
  background-color: transparent;
}
.navbar-inverse .navbar-toggle {
  border-color: #333;
}
.navbar-inverse .navbar-toggle:focus,
.navbar-inverse .navbar-toggle:hover {
  background-color: #333;
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #fff;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #101010;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:focus,
.navbar-inverse .navbar-nav > .open > a:hover {
  color: #fff;
  background-color: #080808;
}
@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #9d9d9d;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
    color: #fff;
    background-color: transparent;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover {
    color: #fff;
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover {
    color: #444;
    background-color: transparent;
  }
}
.navbar-inverse .navbar-link {
  color: #9d9d9d;
}
.navbar-inverse .navbar-link:hover {
  color: #fff;
}
.navbar-inverse .btn-link {
  color: #9d9d9d;
}
.navbar-inverse .btn-link:focus,
.navbar-inverse .btn-link:hover {
  color: #fff;
}
.navbar-inverse .btn-link[disabled]:focus,
.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:focus,
fieldset[disabled] .navbar-inverse .btn-link:hover {
  color: #444;
}
.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 4px;
}
.breadcrumb > li {
  display: inline-block;
}
.breadcrumb > li + li:before {
  padding: 0 5px;
  color: #ccc;
  content: "/\00a0";
}
.breadcrumb > .active {
  color: #777;
}
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #337ab7;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover {
  z-index: 3;
  color: #23527c;
  background-color: #eee;
  border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #337ab7;
  border-color: #337ab7;
}
.pagination > .disabled > a,
.pagination > .disabled > a:focus,
.pagination > .disabled > a:hover,
.pagination > .disabled > span,
.pagination > .disabled > span:focus,
.pagination > .disabled > span:hover {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.pager {
  padding-left: 0;
  margin: 20px 0;
  text-align: center;
  list-style: none;
}
.pager li {
  display: inline;
}
.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 15px;
}
.pager li > a:focus,
.pager li > a:hover {
  text-decoration: none;
  background-color: #eee;
}
.pager .next > a,
.pager .next > span {
  float: right;
}
.pager .previous > a,
.pager .previous > span {
  float: left;
}
.pager .disabled > a,
.pager .disabled > a:focus,
.pager .disabled > a:hover,
.pager .disabled > span {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
}
.label {
  display: inline;
  padding: 0.2em 0.6em 0.3em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25em;
}
a.label:focus,
a.label:hover {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.label:empty {
  display: none;
}
.btn .label {
  position: relative;
  top: -1px;
}
.label-default {
  background-color: #777;
}
.label-default[href]:focus,
.label-default[href]:hover {
  background-color: #5e5e5e;
}
.label-primary {
  background-color: #337ab7;
}
.label-primary[href]:focus,
.label-primary[href]:hover {
  background-color: #286090;
}
.label-success {
  background-color: #5cb85c;
}
.label-success[href]:focus,
.label-success[href]:hover {
  background-color: #449d44;
}
.label-info {
  background-color: #5bc0de;
}
.label-info[href]:focus,
.label-info[href]:hover {
  background-color: #31b0d5;
}
.label-warning {
  background-color: #f0ad4e;
}
.label-warning[href]:focus,
.label-warning[href]:hover {
  background-color: #ec971f;
}
.label-danger {
  background-color: #d9534f;
}
.label-danger[href]:focus,
.label-danger[href]:hover {
  background-color: #c9302c;
}
.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  background-color: #777;
  border-radius: 10px;
}
.badge:empty {
  display: none;
}
.btn .badge {
  position: relative;
  top: -1px;
}
.btn-group-xs > .btn .badge,
.btn-xs .badge {
  top: 0;
  padding: 1px 5px;
}
a.badge:focus,
a.badge:hover {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  color: #337ab7;
  background-color: #fff;
}
.list-group-item > .badge {
  float: right;
}
.list-group-item > .badge + .badge {
  margin-right: 5px;
}
.nav-pills > li > a > .badge {
  margin-left: 3px;
}
.jumbotron {
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  color: inherit;
  background-color: #eee;
}
.jumbotron .h1,
.jumbotron h1 {
  color: inherit;
}
.jumbotron p {
  margin-bottom: 15px;
  font-size: 21px;
  font-weight: 200;
}
.jumbotron > hr {
  border-top-color: #d5d5d5;
}
.container .jumbotron,
.container-fluid .jumbotron {
  border-radius: 6px;
}
.jumbotron .container {
  max-width: 100%;
}
@media screen and (min-width: 768px) {
  .jumbotron {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .container .jumbotron,
  .container-fluid .jumbotron {
    padding-right: 60px;
    padding-left: 60px;
  }
  .jumbotron .h1,
  .jumbotron h1 {
    font-size: 63px;
  }
}
.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: border 0.2s ease-in-out;
  -o-transition: border 0.2s ease-in-out;
  transition: border 0.2s ease-in-out;
}
.thumbnail a > img,
.thumbnail > img {
  margin-right: auto;
  margin-left: auto;
}
a.thumbnail.active,
a.thumbnail:focus,
a.thumbnail:hover {
  border-color: #337ab7;
}
.thumbnail .caption {
  padding: 9px;
  color: #333;
}
.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.alert h4 {
  margin-top: 0;
  color: inherit;
}
.alert .alert-link {
  font-weight: 700;
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
}
.alert > p + p {
  margin-top: 5px;
}
.alert-dismissable,
.alert-dismissible {
  padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}
.alert-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.alert-success hr {
  border-top-color: #c9e2b3;
}
.alert-success .alert-link {
  color: #2b542c;
}
.alert-info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.alert-info hr {
  border-top-color: #a6e1ec;
}
.alert-info .alert-link {
  color: #245269;
}
.alert-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.alert-warning hr {
  border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
  color: #66512c;
}
.alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.alert-danger hr {
  border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
  color: #843534;
}
@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@-o-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress {
  height: 20px;
  margin-bottom: 20px;
  overflow: hidden;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.progress-bar {
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #337ab7;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease;
}
.progress-bar-striped,
.progress-striped .progress-bar {
  background-image: -webkit-linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
  background-image: -o-linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
  background-image: linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
  -webkit-background-size: 40px 40px;
  background-size: 40px 40px;
}
.progress-bar.active,
.progress.active .progress-bar {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}
.progress-bar-success {
  background-color: #5cb85c;
}
.progress-striped .progress-bar-success {
  background-image: -webkit-linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
  background-image: -o-linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
  background-image: linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
}
.progress-bar-info {
  background-color: #5bc0de;
}
.progress-striped .progress-bar-info {
  background-image: -webkit-linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
  background-image: -o-linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
  background-image: linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
}
.progress-bar-warning {
  background-color: #f0ad4e;
}
.progress-striped .progress-bar-warning {
  background-image: -webkit-linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
  background-image: -o-linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
  background-image: linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
}
.progress-bar-danger {
  background-color: #d9534f;
}
.progress-striped .progress-bar-danger {
  background-image: -webkit-linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
  background-image: -o-linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
  background-image: linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
}
.media {
  margin-top: 15px;
}
.media:first-child {
  margin-top: 0;
}
.media,
.media-body {
  overflow: hidden;
  zoom: 1;
}
.media-body {
  width: 10000px;
}
.media-object {
  display: block;
}
.media-object.img-thumbnail {
  max-width: none;
}
.media-right,
.media > .pull-right {
  padding-left: 10px;
}
.media-left,
.media > .pull-left {
  padding-right: 10px;
}
.media-body,
.media-left,
.media-right {
  display: table-cell;
  vertical-align: top;
}
.media-middle {
  vertical-align: middle;
}
.media-bottom {
  vertical-align: bottom;
}
.media-heading {
  margin-top: 0;
  margin-bottom: 5px;
}
.media-list {
  padding-left: 0;
  list-style: none;
}
.list-group {
  padding-left: 0;
  margin-bottom: 20px;
}
.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd;
}
.list-group-item:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
a.list-group-item,
button.list-group-item {
  color: #555;
}
a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
  color: #333;
}
a.list-group-item:focus,
a.list-group-item:hover,
button.list-group-item:focus,
button.list-group-item:hover {
  color: #555;
  text-decoration: none;
  background-color: #f5f5f5;
}
button.list-group-item {
  width: 100%;
  text-align: left;
}
.list-group-item.disabled,
.list-group-item.disabled:focus,
.list-group-item.disabled:hover {
  color: #777;
  cursor: not-allowed;
  background-color: #eee;
}
.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading {
  color: inherit;
}
.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text {
  color: #777;
}
.list-group-item.active,
.list-group-item.active:focus,
.list-group-item.active:hover {
  z-index: 2;
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}
.list-group-item.active .list-group-item-heading,
.list-group-item.active .list-group-item-heading > .small,
.list-group-item.active .list-group-item-heading > small,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading > .small,
.list-group-item.active:focus .list-group-item-heading > small,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading > .small,
.list-group-item.active:hover .list-group-item-heading > small {
  color: inherit;
}
.list-group-item.active .list-group-item-text,
.list-group-item.active:focus .list-group-item-text,
.list-group-item.active:hover .list-group-item-text {
  color: #c7ddef;
}
.list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8;
}
a.list-group-item-success,
button.list-group-item-success {
  color: #3c763d;
}
a.list-group-item-success .list-group-item-heading,
button.list-group-item-success .list-group-item-heading {
  color: inherit;
}
a.list-group-item-success:focus,
a.list-group-item-success:hover,
button.list-group-item-success:focus,
button.list-group-item-success:hover {
  color: #3c763d;
  background-color: #d0e9c6;
}
a.list-group-item-success.active,
a.list-group-item-success.active:focus,
a.list-group-item-success.active:hover,
button.list-group-item-success.active,
button.list-group-item-success.active:focus,
button.list-group-item-success.active:hover {
  color: #fff;
  background-color: #3c763d;
  border-color: #3c763d;
}
.list-group-item-info {
  color: #31708f;
  background-color: #d9edf7;
}
a.list-group-item-info,
button.list-group-item-info {
  color: #31708f;
}
a.list-group-item-info .list-group-item-heading,
button.list-group-item-info .list-group-item-heading {
  color: inherit;
}
a.list-group-item-info:focus,
a.list-group-item-info:hover,
button.list-group-item-info:focus,
button.list-group-item-info:hover {
  color: #31708f;
  background-color: #c4e3f3;
}
a.list-group-item-info.active,
a.list-group-item-info.active:focus,
a.list-group-item-info.active:hover,
button.list-group-item-info.active,
button.list-group-item-info.active:focus,
button.list-group-item-info.active:hover {
  color: #fff;
  background-color: #31708f;
  border-color: #31708f;
}
.list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
}
a.list-group-item-warning,
button.list-group-item-warning {
  color: #8a6d3b;
}
a.list-group-item-warning .list-group-item-heading,
button.list-group-item-warning .list-group-item-heading {
  color: inherit;
}
a.list-group-item-warning:focus,
a.list-group-item-warning:hover,
button.list-group-item-warning:focus,
button.list-group-item-warning:hover {
  color: #8a6d3b;
  background-color: #faf2cc;
}
a.list-group-item-warning.active,
a.list-group-item-warning.active:focus,
a.list-group-item-warning.active:hover,
button.list-group-item-warning.active,
button.list-group-item-warning.active:focus,
button.list-group-item-warning.active:hover {
  color: #fff;
  background-color: #8a6d3b;
  border-color: #8a6d3b;
}
.list-group-item-danger {
  color: #a94442;
  background-color: #f2dede;
}
a.list-group-item-danger,
button.list-group-item-danger {
  color: #a94442;
}
a.list-group-item-danger .list-group-item-heading,
button.list-group-item-danger .list-group-item-heading {
  color: inherit;
}
a.list-group-item-danger:focus,
a.list-group-item-danger:hover,
button.list-group-item-danger:focus,
button.list-group-item-danger:hover {
  color: #a94442;
  background-color: #ebcccc;
}
a.list-group-item-danger.active,
a.list-group-item-danger.active:focus,
a.list-group-item-danger.active:hover,
button.list-group-item-danger.active,
button.list-group-item-danger.active:focus,
button.list-group-item-danger.active:hover {
  color: #fff;
  background-color: #a94442;
  border-color: #a94442;
}
.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px;
}
.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3;
}
.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.panel-body {
  padding: 15px;
}
.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}
.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
}
.panel-title > .small,
.panel-title > .small > a,
.panel-title > a,
.panel-title > small,
.panel-title > small > a {
  color: inherit;
}
.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .list-group,
.panel > .panel-collapse > .list-group {
  margin-bottom: 0;
}
.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}
.panel > .list-group:first-child .list-group-item:first-child,
.panel
  > .panel-collapse
  > .list-group:first-child
  .list-group-item:first-child {
  border-top: 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel
  > .panel-heading
  + .panel-collapse
  > .list-group
  .list-group-item:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}
.list-group + .panel-footer {
  border-top-width: 0;
}
.panel > .panel-collapse > .table,
.panel > .table,
.panel > .table-responsive > .table {
  margin-bottom: 0;
}
.panel > .panel-collapse > .table caption,
.panel > .table caption,
.panel > .table-responsive > .table caption {
  padding-right: 15px;
  padding-left: 15px;
}
.panel > .table-responsive:first-child > .table:first-child,
.panel > .table:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel
  > .table-responsive:first-child
  > .table:first-child
  > tbody:first-child
  > tr:first-child,
.panel
  > .table-responsive:first-child
  > .table:first-child
  > thead:first-child
  > tr:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel
  > .table-responsive:first-child
  > .table:first-child
  > tbody:first-child
  > tr:first-child
  td:first-child,
.panel
  > .table-responsive:first-child
  > .table:first-child
  > tbody:first-child
  > tr:first-child
  th:first-child,
.panel
  > .table-responsive:first-child
  > .table:first-child
  > thead:first-child
  > tr:first-child
  td:first-child,
.panel
  > .table-responsive:first-child
  > .table:first-child
  > thead:first-child
  > tr:first-child
  th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel
  > .table:first-child
  > thead:first-child
  > tr:first-child
  th:first-child {
  border-top-left-radius: 3px;
}
.panel
  > .table-responsive:first-child
  > .table:first-child
  > tbody:first-child
  > tr:first-child
  td:last-child,
.panel
  > .table-responsive:first-child
  > .table:first-child
  > tbody:first-child
  > tr:first-child
  th:last-child,
.panel
  > .table-responsive:first-child
  > .table:first-child
  > thead:first-child
  > tr:first-child
  td:last-child,
.panel
  > .table-responsive:first-child
  > .table:first-child
  > thead:first-child
  > tr:first-child
  th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child {
  border-top-right-radius: 3px;
}
.panel > .table-responsive:last-child > .table:last-child,
.panel > .table:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel
  > .table-responsive:last-child
  > .table:last-child
  > tbody:last-child
  > tr:last-child,
.panel
  > .table-responsive:last-child
  > .table:last-child
  > tfoot:last-child
  > tr:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel
  > .table-responsive:last-child
  > .table:last-child
  > tbody:last-child
  > tr:last-child
  td:first-child,
.panel
  > .table-responsive:last-child
  > .table:last-child
  > tbody:last-child
  > tr:last-child
  th:first-child,
.panel
  > .table-responsive:last-child
  > .table:last-child
  > tfoot:last-child
  > tr:last-child
  td:first-child,
.panel
  > .table-responsive:last-child
  > .table:last-child
  > tfoot:last-child
  > tr:last-child
  th:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: 3px;
}
.panel
  > .table-responsive:last-child
  > .table:last-child
  > tbody:last-child
  > tr:last-child
  td:last-child,
.panel
  > .table-responsive:last-child
  > .table:last-child
  > tbody:last-child
  > tr:last-child
  th:last-child,
.panel
  > .table-responsive:last-child
  > .table:last-child
  > tfoot:last-child
  > tr:last-child
  td:last-child,
.panel
  > .table-responsive:last-child
  > .table:last-child
  > tfoot:last-child
  > tr:last-child
  th:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: 3px;
}
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
  border-top: 1px solid #ddd;
}
.panel > .table > tbody:first-child > tr:first-child td,
.panel > .table > tbody:first-child > tr:first-child th {
  border-top: 0;
}
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0;
}
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child {
  border-left: 0;
}
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child {
  border-right: 0;
}
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th {
  border-bottom: 0;
}
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  border-bottom: 0;
}
.panel > .table-responsive {
  margin-bottom: 0;
  border: 0;
}
.panel-group {
  margin-bottom: 20px;
}
.panel-group .panel {
  margin-bottom: 0;
  border-radius: 4px;
}
.panel-group .panel + .panel {
  margin-top: 5px;
}
.panel-group .panel-heading {
  border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse > .list-group,
.panel-group .panel-heading + .panel-collapse > .panel-body {
  border-top: 1px solid #ddd;
}
.panel-group .panel-footer {
  border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #ddd;
}
.panel-default {
  border-color: #ddd;
}
.panel-default > .panel-heading {
  color: #333;
  background-color: #f5f5f5;
  border-color: #ddd;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ddd;
}
.panel-default > .panel-heading .badge {
  color: #f5f5f5;
  background-color: #333;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ddd;
}
.panel-primary {
  border-color: #337ab7;
}
.panel-primary > .panel-heading {
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #337ab7;
}
.panel-primary > .panel-heading .badge {
  color: #337ab7;
  background-color: #fff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #337ab7;
}
.panel-success {
  border-color: #d6e9c6;
}
.panel-success > .panel-heading {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #d6e9c6;
}
.panel-success > .panel-heading .badge {
  color: #dff0d8;
  background-color: #3c763d;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #d6e9c6;
}
.panel-info {
  border-color: #bce8f1;
}
.panel-info > .panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #bce8f1;
}
.panel-info > .panel-heading .badge {
  color: #d9edf7;
  background-color: #31708f;
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #bce8f1;
}
.panel-warning {
  border-color: #faebcc;
}
.panel-warning > .panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #faebcc;
}
.panel-warning > .panel-heading .badge {
  color: #fcf8e3;
  background-color: #8a6d3b;
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #faebcc;
}
.panel-danger {
  border-color: #ebccd1;
}
.panel-danger > .panel-heading {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ebccd1;
}
.panel-danger > .panel-heading .badge {
  color: #f2dede;
  background-color: #a94442;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ebccd1;
}
.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}
.embed-responsive-4by3 {
  padding-bottom: 75%;
}
.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15);
}
.well-lg {
  padding: 24px;
  border-radius: 6px;
}
.well-sm {
  padding: 9px;
  border-radius: 3px;
}
.close {
  float: right;
  font-size: 21px;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.2;
}
.close:focus,
.close:hover {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.5;
}
button.close {
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  background: 0 0;
  border: 0;
}
.modal-open {
  overflow: hidden;
}
.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-content {
  position: relative;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  outline: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.in {
  opacity: 0.5;
}
.modal-header {
  min-height: 16.43px;
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.modal-body {
  position: relative;
  padding: 15px;
}
.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  opacity: 0;
  line-break: auto;
}
.tooltip.in {
  opacity: 0.9;
}
.tooltip.top {
  padding: 5px 0;
  margin-top: -3px;
}
.tooltip.right {
  padding: 0 5px;
  margin-left: 3px;
}
.tooltip.bottom {
  padding: 5px 0;
  margin-top: 3px;
}
.tooltip.left {
  padding: 0 5px;
  margin-left: -3px;
}
.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 4px;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-left .tooltip-arrow {
  right: 5px;
  bottom: 0;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  line-break: auto;
}
.popover.top {
  margin-top: -10px;
}
.popover.right {
  margin-left: 10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover.left {
  margin-left: -10px;
}
.popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}
.popover-content {
  padding: 9px 14px;
}
.popover > .arrow,
.popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover > .arrow {
  border-width: 11px;
}
.popover > .arrow:after {
  content: "";
  border-width: 10px;
}
.popover.top > .arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #999;
  border-top-color: rgba(0, 0, 0, 0.25);
  border-bottom-width: 0;
}
.popover.top > .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  content: " ";
  border-top-color: #fff;
  border-bottom-width: 0;
}
.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-right-color: #999;
  border-right-color: rgba(0, 0, 0, 0.25);
  border-left-width: 0;
}
.popover.right > .arrow:after {
  bottom: -10px;
  left: 1px;
  content: " ";
  border-right-color: #fff;
  border-left-width: 0;
}
.popover.bottom > .arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.popover.bottom > .arrow:after {
  top: 1px;
  margin-left: -10px;
  content: " ";
  border-top-width: 0;
  border-bottom-color: #fff;
}
.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.popover.left > .arrow:after {
  right: 1px;
  bottom: -10px;
  content: " ";
  border-right-width: 0;
  border-left-color: #fff;
}
.carousel {
  position: relative;
}
.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner > .item {
  position: relative;
  display: none;
  -webkit-transition: 0.6s ease-in-out left;
  -o-transition: 0.6s ease-in-out left;
  transition: 0.6s ease-in-out left;
}
.carousel-inner > .item > a > img,
.carousel-inner > .item > img {
  line-height: 1;
}
@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item {
    -webkit-transition: -webkit-transform 0.6s ease-in-out;
    -o-transition: -o-transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px;
  }
  .carousel-inner > .item.active.right,
  .carousel-inner > .item.next {
    left: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  .carousel-inner > .item.active.left,
  .carousel-inner > .item.prev {
    left: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  .carousel-inner > .item.active,
  .carousel-inner > .item.next.left,
  .carousel-inner > .item.prev.right {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}
.carousel-inner > .active {
  left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel-inner > .next {
  left: 100%;
}
.carousel-inner > .prev {
  left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}
.carousel-inner > .active.left {
  left: -100%;
}
.carousel-inner > .active.right {
  left: 100%;
}
.carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15%;
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  opacity: 0.5;
}
.carousel-control.left {
  background-image: -webkit-linear-gradient(
    left,
    rgba(0, 0, 0, 0.5) 0,
    rgba(0, 0, 0, 0.0001) 100%
  );
  background-image: -o-linear-gradient(
    left,
    rgba(0, 0, 0, 0.5) 0,
    rgba(0, 0, 0, 0.0001) 100%
  );
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(rgba(0, 0, 0, 0.5)),
    to(rgba(0, 0, 0, 0.0001))
  );
  background-image: linear-gradient(
    to right,
    rgba(0, 0, 0, 0.5) 0,
    rgba(0, 0, 0, 0.0001) 100%
  );
  background-repeat: repeat-x;
}
.carousel-control.right {
  right: 0;
  left: auto;
  background-image: -webkit-linear-gradient(
    left,
    rgba(0, 0, 0, 0.0001) 0,
    rgba(0, 0, 0, 0.5) 100%
  );
  background-image: -o-linear-gradient(
    left,
    rgba(0, 0, 0, 0.0001) 0,
    rgba(0, 0, 0, 0.5) 100%
  );
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(rgba(0, 0, 0, 0.0001)),
    to(rgba(0, 0, 0, 0.5))
  );
  background-image: linear-gradient(
    to right,
    rgba(0, 0, 0, 0.0001) 0,
    rgba(0, 0, 0, 0.5) 100%
  );
  background-repeat: repeat-x;
}
.carousel-control:focus,
.carousel-control:hover {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next,
.carousel-control .icon-prev {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
  margin-top: -10px;
}
.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev {
  left: 50%;
  margin-left: -10px;
}
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next {
  right: 50%;
  margin-right: -10px;
}
.carousel-control .icon-next,
.carousel-control .icon-prev {
  width: 20px;
  height: 20px;
  font-family: serif;
  line-height: 1;
}
.carousel-control .icon-prev:before {
  content: "\2039";
}
.carousel-control .icon-next:before {
  content: "\203a";
}
.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none;
}
.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #fff;
  border-radius: 10px;
}
.carousel-indicators .active {
  width: 12px;
  height: 12px;
  margin: 0;
  background-color: #fff;
}
.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-caption .btn {
  text-shadow: none;
}
@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next,
  .carousel-control .icon-prev {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    font-size: 30px;
  }
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -15px;
  }
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-right: -15px;
  }
  .carousel-caption {
    right: 20%;
    left: 20%;
    padding-bottom: 30px;
  }
  .carousel-indicators {
    bottom: 20px;
  }
}
.btn-group-vertical > .btn-group:after,
.btn-group-vertical > .btn-group:before,
.btn-toolbar:after,
.btn-toolbar:before,
.clearfix:after,
.clearfix:before,
.container-fluid:after,
.container-fluid:before,
.container:after,
.container:before,
.dl-horizontal dd:after,
.dl-horizontal dd:before,
.form-horizontal .form-group:after,
.form-horizontal .form-group:before,
.modal-footer:after,
.modal-footer:before,
.nav:after,
.nav:before,
.navbar-collapse:after,
.navbar-collapse:before,
.navbar-header:after,
.navbar-header:before,
.navbar:after,
.navbar:before,
.pager:after,
.pager:before,
.panel-body:after,
.panel-body:before,
.row:after,
.row:before {
  display: table;
  content: " ";
}
.btn-group-vertical > .btn-group:after,
.btn-toolbar:after,
.clearfix:after,
.container-fluid:after,
.container:after,
.dl-horizontal dd:after,
.form-horizontal .form-group:after,
.modal-footer:after,
.nav:after,
.navbar-collapse:after,
.navbar-header:after,
.navbar:after,
.pager:after,
.panel-body:after,
.row:after {
  clear: both;
}
.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
}
.affix {
  position: fixed;
}
@-ms-viewport {
  width: device-width;
}
.visible-lg,
.visible-md,
.visible-sm,
.visible-xs {
  display: none !important;
}
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  td.visible-xs,
  th.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table !important;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  td.visible-sm,
  th.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table !important;
  }
  tr.visible-md {
    display: table-row !important;
  }
  td.visible-md,
  th.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  td.visible-lg,
  th.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table !important;
  }
  tr.visible-print {
    display: table-row !important;
  }
  td.visible-print,
  th.visible-print {
    display: table-cell !important;
  }
}
.visible-print-block {
  display: none !important;
}
@media print {
  .visible-print-block {
    display: block !important;
  }
}
.visible-print-inline {
  display: none !important;
}
@media print {
  .visible-print-inline {
    display: inline !important;
  }
}
.visible-print-inline-block {
  display: none !important;
}
@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}
@media print {
  .hidden-print {
    display: none !important;
  }
}
.selectize-control.plugin-drag_drop.multi
  > .selectize-input
  > div.ui-sortable-placeholder {
  visibility: visible !important;
  background: #f2f2f2 !important;
  background: rgba(0, 0, 0, 0.06) !important;
  border: 0 none !important;
  -webkit-box-shadow: inset 0 0 12px 4px #fff;
  box-shadow: inset 0 0 12px 4px #fff;
}
.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
  content: "!";
  visibility: hidden;
}
.selectize-control.plugin-drag_drop .ui-sortable-helper {
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.selectize-dropdown-header {
  position: relative;
  padding: 3px 12px;
  border-bottom: 1px solid #d0d0d0;
  background: #f8f8f8;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}
.selectize-dropdown-header-close {
  position: absolute;
  right: 12px;
  top: 50%;
  color: #333;
  opacity: 0.4;
  margin-top: -12px;
  line-height: 20px;
  font-size: 20px !important;
}
.selectize-dropdown-header-close:hover {
  color: #000;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup {
  border-right: 1px solid #f2f2f2;
  border-top: 0 none;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
  border-right: 0 none;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup:before {
  display: none;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup-header {
  border-top: 0 none;
}
.selectize-control.plugin-remove_button [data-value] {
  position: relative;
  padding-right: 24px !important;
}
.selectize-control.plugin-remove_button [data-value] .remove {
  z-index: 1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 17px;
  text-align: center;
  font-weight: 700;
  font-size: 12px;
  color: inherit;
  text-decoration: none;
  vertical-align: middle;
  display: inline-block;
  padding: 1px 0 0 0;
  border-left: 1px solid transparent;
  -webkit-border-radius: 0 2px 2px 0;
  -moz-border-radius: 0 2px 2px 0;
  border-radius: 0 2px 2px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.selectize-control.plugin-remove_button [data-value] .remove:hover {
  background: rgba(0, 0, 0, 0.05);
}
.selectize-control.plugin-remove_button [data-value].active .remove {
  border-left-color: transparent;
}
.selectize-control.plugin-remove_button .disabled [data-value] .remove:hover {
  background: 0 0;
}
.selectize-control.plugin-remove_button .disabled [data-value] .remove {
  border-left-color: rgba(77, 77, 77, 0);
}
.selectize-control {
  position: relative;
}
.selectize-dropdown,
.selectize-input,
.selectize-input input {
  color: #333;
  font-family: inherit;
  font-size: inherit;
  line-height: 20px;
  -webkit-font-smoothing: inherit;
}
.selectize-control.single .selectize-input.input-active,
.selectize-input {
  background: #fff;
  cursor: text;
  display: inline-block;
}
.selectize-input {
  border: 1px solid #ccc;
  padding: 6px 12px;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.selectize-control.multi .selectize-input.has-items {
  padding: 5px 12px 2px;
}
.selectize-input.full {
  background-color: #fff;
}
.selectize-input.disabled,
.selectize-input.disabled * {
  cursor: default !important;
}
.selectize-input.focus {
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
}
.selectize-input.dropdown-active {
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}
.selectize-input > * {
  vertical-align: baseline;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
}
.selectize-control.multi .selectize-input > div {
  cursor: pointer;
  margin: 0 3px 3px 0;
  padding: 1px 3px;
  background: #efefef;
  color: #333;
  border: 0 solid transparent;
}
.selectize-control.multi .selectize-input > div.active {
  background: #428bca;
  color: #fff;
  border: 0 solid transparent;
}
.selectize-control.multi .selectize-input.disabled > div,
.selectize-control.multi .selectize-input.disabled > div.active {
  color: grey;
  background: #fff;
  border: 0 solid rgba(77, 77, 77, 0);
}
.selectize-input > input {
  display: inline-block !important;
  padding: 0 !important;
  min-height: 0 !important;
  max-height: none !important;
  max-width: 100% !important;
  margin: 0 !important;
  text-indent: 0 !important;
  border: 0 none !important;
  background: 0 0 !important;
  line-height: inherit !important;
  -webkit-user-select: auto !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.selectize-input > input::-ms-clear {
  display: none;
}
.selectize-input > input:focus {
  outline: 0 !important;
}
.selectize-input::after {
  content: " ";
  display: block;
  clear: left;
}
.selectize-input.dropdown-active::before {
  content: " ";
  display: block;
  position: absolute;
  background: #fff;
  height: 1px;
  bottom: 0;
  left: 0;
  right: 0;
}
.selectize-dropdown {
  position: absolute;
  z-index: 10;
  border: 1px solid #d0d0d0;
  background: #fff;
  margin: -1px 0 0 0;
  border-top: 0 none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}
.selectize-dropdown [data-selectable] {
  cursor: pointer;
  overflow: hidden;
}
.selectize-dropdown [data-selectable] .highlight {
  background: rgba(255, 237, 40, 0.4);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}
.selectize-dropdown .optgroup-header,
.selectize-dropdown [data-selectable] {
  padding: 3px 12px;
}
.selectize-dropdown .optgroup:first-child .optgroup-header {
  border-top: 0 none;
}
.selectize-dropdown .optgroup-header {
  color: #777;
  background: #fff;
  cursor: default;
}
.selectize-dropdown .active {
  background-color: #f5f5f5;
  color: #262626;
}
.selectize-dropdown .active.create {
  color: #262626;
}
.selectize-dropdown .create {
  color: rgba(51, 51, 51, 0.5);
}
.selectize-dropdown-content {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 200px;
}
.selectize-control.single .selectize-input,
.selectize-control.single .selectize-input input {
  cursor: pointer;
}
.selectize-control.single .selectize-input.input-active,
.selectize-control.single .selectize-input.input-active input {
  cursor: text;
}
.selectize-control.single .selectize-input:after {
  content: " ";
  display: block;
  position: absolute;
  top: 50%;
  right: 17px;
  margin-top: -3px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #333 transparent transparent transparent;
}
.selectize-control.single .selectize-input.dropdown-active:after {
  margin-top: -4px;
  border-width: 0 5px 5px 5px;
  border-color: transparent transparent #333 transparent;
}
.selectize-control.rtl.single .selectize-input:after {
  left: 17px;
  right: auto;
}
.selectize-control.rtl .selectize-input > input {
  margin: 0 4px 0 -2px !important;
}
.selectize-control .selectize-input.disabled {
  opacity: 0.5;
  background-color: #fff;
}
.selectize-dropdown,
.selectize-dropdown.form-control {
  height: auto;
  padding: 0;
  margin: 2px 0 0 0;
  z-index: 1000;
  background: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.selectize-dropdown .optgroup-header {
  font-size: 12px;
  line-height: 1.42857143;
}
.selectize-dropdown .optgroup:first-child:before {
  display: none;
}
.selectize-dropdown .optgroup:before {
  content: " ";
  display: block;
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
  margin-left: -12px;
  margin-right: -12px;
}
.selectize-dropdown-content {
  padding: 5px 0;
}
.selectize-dropdown-header {
  padding: 6px 12px;
}
.selectize-input {
  min-height: 34px;
}
.selectize-input.dropdown-active {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.selectize-input.dropdown-active::before {
  display: none;
}
.selectize-input.focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
    0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
    0 0 8px rgba(102, 175, 233, 0.6);
}
.has-error .selectize-input {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .selectize-input:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}
.selectize-control.multi .selectize-input.has-items {
  padding-left: 9px;
  padding-right: 9px;
}
.selectize-control.multi .selectize-input > div {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.form-control.selectize-control {
  padding: 0;
  height: auto;
  border: none;
  background: 0 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.sweet-overlay {
  background-color: rgba(0, 0, 0, 0.4);
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: none;
  z-index: 1000;
}
.sweet-alert {
  background-color: #fff;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  border-radius: 5px;
  box-sizing: border-box;
  text-align: center;
  position: fixed;
  left: 50%;
  top: 50%;
  margin-top: -200px;
  max-height: 90%;
  overflow-x: hidden;
  overflow-y: auto;
  display: none;
  z-index: 2000;
}
.sweet-alert h2 {
  color: #575757;
  font-size: 30px;
  text-align: center;
  font-weight: 600;
  text-transform: none;
  position: relative;
  margin: 0;
  padding: 0;
  line-height: 60px;
  display: block;
}
.sweet-alert p {
  font-size: 16px;
  text-align: center;
  font-weight: 300;
  position: relative;
  float: none;
  margin: 0;
  padding: 0;
  line-height: normal;
}
.sweet-alert hr {
  height: 10px;
  color: transparent;
  border: 0;
}
.sweet-alert button {
  color: #fff;
  border: 0;
  box-shadow: none;
  font-size: 17px;
  font-weight: 500;
  border-radius: 5px;
  padding: 10px 32px;
  margin: 0 5px;
  cursor: pointer;
}
.sweet-alert button:focus {
  outline: 0;
}
.sweet-alert button.cancel[disabled] {
  opacity: 0.4;
}
.sweet-alert button.confirm[disabled] {
  border: 4px solid transparent;
  border-color: transparent;
  width: 40px;
  height: 40px;
  padding: 0;
  margin: 0 30px;
  vertical-align: middle;
  background-color: transparent !important;
  color: transparent;
  cursor: default;
  border-radius: 100%;
  -webkit-animation: rotate-loading 1.5s linear 0s infinite normal;
  animation: rotate-loading 1.5s linear 0s infinite normal;
}
.sweet-alert button::-moz-focus-inner {
  border: 0;
}
.sweet-alert[data-has-cancel-button="false"] button {
  box-shadow: none !important;
}
.sweet-alert .icon {
  width: 80px;
  height: 80px;
  border: 4px solid grey;
  border-radius: 50%;
  margin: 20px auto;
  padding: 0;
  position: relative;
  box-sizing: content-box;
}
.sweet-alert .icon.error {
  border-color: #f27474;
}
.sweet-alert .icon.error .x-mark {
  position: relative;
  display: block;
}
.sweet-alert .icon.error .line {
  position: absolute;
  height: 5px;
  width: 47px;
  background-color: #f27474;
  display: block;
  top: 37px;
  border-radius: 2px;
}
.sweet-alert .icon.error .line.left {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 17px;
}
.sweet-alert .icon.error .line.right {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  right: 16px;
}
.sweet-alert .icon.warning {
  border-color: #f8bb86;
}
.sweet-alert .icon.warning .body {
  position: absolute;
  width: 5px;
  height: 47px;
  left: 50%;
  top: 10px;
  border-radius: 2px;
  margin-left: -2px;
  background-color: #f8bb86;
}
.sweet-alert .icon.warning .dot {
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  margin-left: -3px;
  left: 50%;
  bottom: 10px;
  background-color: #f8bb86;
}
.sweet-alert .icon.info {
  border-color: #c9dae1;
}
.sweet-alert .icon.info::before {
  content: "";
  position: absolute;
  width: 5px;
  height: 29px;
  left: 50%;
  bottom: 17px;
  border-radius: 2px;
  margin-left: -2px;
  background-color: #c9dae1;
}
.sweet-alert .icon.info::after {
  content: "";
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  margin-left: -3px;
  top: 19px;
  background-color: #c9dae1;
}
.sweet-alert .icon.success {
  border-color: #a5dc86;
}
.sweet-alert .icon.success::after,
.sweet-alert .icon.success::before {
  content: "";
  border-radius: 50%;
  position: absolute;
  width: 60px;
  height: 120px;
  background: #fff;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.sweet-alert .icon.success::before {
  border-radius: 120px 0 0 120px;
  top: -7px;
  left: -33px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: 60px 60px;
  -ms-transform-origin: 60px 60px;
  transform-origin: 60px 60px;
}
.sweet-alert .icon.success::after {
  border-radius: 0 120px 120px 0;
  top: -11px;
  left: 30px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: 0 60px;
  -ms-transform-origin: 0 60px;
  transform-origin: 0 60px;
}
.sweet-alert .icon.success .placeholder {
  width: 80px;
  height: 80px;
  border: 4px solid rgba(165, 220, 134, 0.2);
  border-radius: 50%;
  box-sizing: content-box;
  position: absolute;
  left: -4px;
  top: -4px;
  z-index: 2;
}
.sweet-alert .icon.success .fix {
  width: 5px;
  height: 90px;
  background-color: #fff;
  position: absolute;
  left: 28px;
  top: 8px;
  z-index: 1;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.sweet-alert .icon.success .line {
  height: 5px;
  background-color: #a5dc86;
  display: block;
  border-radius: 2px;
  position: absolute;
  z-index: 2;
}
.sweet-alert .icon.success .line.tip {
  width: 25px;
  left: 14px;
  top: 46px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.sweet-alert .icon.success .line.long {
  width: 47px;
  right: 8px;
  top: 38px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.sweet-alert .icon.custom {
  background-size: contain;
  border-radius: 0;
  border: 0;
  background-position: center center;
  background-repeat: no-repeat;
}
@-webkit-keyframes showSweetAlert {
  0% {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
  }
  45% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  80% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes showSweetAlert {
  0% {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
  }
  45% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  80% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes hideSweetAlert {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
}
@keyframes hideSweetAlert {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
}
.show-sweet-alert {
  -webkit-animation: showSweetAlert 0.3s;
  animation: showSweetAlert 0.3s;
}
.show-sweet-alert.no-animation {
  -webkit-animation: none;
  animation: none;
}
.hide-sweet-alert {
  -webkit-animation: hideSweetAlert 0.2s;
  animation: hideSweetAlert 0.2s;
}
.hide-sweet-alert.no-animation {
  -webkit-animation: none;
  animation: none;
}
@-webkit-keyframes animate-success-tip {
  0% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  54% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  70% {
    width: 50px;
    left: -8px;
    top: 37px;
  }
  84% {
    width: 17px;
    left: 21px;
    top: 48px;
  }
  100% {
    width: 25px;
    left: 14px;
    top: 45px;
  }
}
@keyframes animate-success-tip {
  0% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  54% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  70% {
    width: 50px;
    left: -8px;
    top: 37px;
  }
  84% {
    width: 17px;
    left: 21px;
    top: 48px;
  }
  100% {
    width: 25px;
    left: 14px;
    top: 45px;
  }
}
@-webkit-keyframes animate-success-long {
  0% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  65% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  84% {
    width: 55px;
    right: 0;
    top: 35px;
  }
  100% {
    width: 47px;
    right: 8px;
    top: 38px;
  }
}
@keyframes animate-success-long {
  0% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  65% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  84% {
    width: 55px;
    right: 0;
    top: 35px;
  }
  100% {
    width: 47px;
    right: 8px;
    top: 38px;
  }
}
@-webkit-keyframes rotatePlaceholder {
  0% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  5% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  12% {
    -webkit-transform: rotate(-405deg);
    transform: rotate(-405deg);
  }
  100% {
    -webkit-transform: rotate(-405deg);
    transform: rotate(-405deg);
  }
}
@keyframes rotatePlaceholder {
  0% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  5% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  12% {
    -webkit-transform: rotate(-405deg);
    transform: rotate(-405deg);
  }
  100% {
    -webkit-transform: rotate(-405deg);
    transform: rotate(-405deg);
  }
}
.animate-success-tip {
  -webkit-animation: animate-success-tip 0.75s;
  animation: animate-success-tip 0.75s;
}
.animate-success-long {
  -webkit-animation: animate-success-long 0.75s;
  animation: animate-success-long 0.75s;
}
.icon.success.animate::after {
  -webkit-animation: rotatePlaceholder 4.25s ease-in;
  animation: rotatePlaceholder 4.25s ease-in;
}
@-webkit-keyframes animate-error-icon {
  0% {
    -webkit-transform: rotateX(100deg);
    transform: rotateX(100deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
    opacity: 1;
  }
}
@keyframes animate-error-icon {
  0% {
    -webkit-transform: rotateX(100deg);
    transform: rotateX(100deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
    opacity: 1;
  }
}
.animate-error-icon {
  -webkit-animation: animate-error-icon 0.5s;
  animation: animate-error-icon 0.5s;
}
@-webkit-keyframes animate-x-mark {
  0% {
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
    margin-top: 26px;
    opacity: 0;
  }
  50% {
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
    margin-top: 26px;
    opacity: 0;
  }
  80% {
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
    margin-top: -6px;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    margin-top: 0;
    opacity: 1;
  }
}
@keyframes animate-x-mark {
  0% {
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
    margin-top: 26px;
    opacity: 0;
  }
  50% {
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
    margin-top: 26px;
    opacity: 0;
  }
  80% {
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
    margin-top: -6px;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    margin-top: 0;
    opacity: 1;
  }
}
.animate-x-mark {
  -webkit-animation: animate-x-mark 0.5s;
  animation: animate-x-mark 0.5s;
}
@-webkit-keyframes pulse-warning {
  0% {
    border-color: #f8d486;
  }
  100% {
    border-color: #f8bb86;
  }
}
@keyframes pulse-warning {
  0% {
    border-color: #f8d486;
  }
  100% {
    border-color: #f8bb86;
  }
}
.pulse-warning {
  -webkit-animation: pulse-warning 0.75s infinite alternate;
  animation: pulse-warning 0.75s infinite alternate;
}
@-webkit-keyframes pulse-warning-ins {
  0% {
    background-color: #f8d486;
  }
  100% {
    background-color: #f8bb86;
  }
}
@keyframes pulse-warning-ins {
  0% {
    background-color: #f8d486;
  }
  100% {
    background-color: #f8bb86;
  }
}
.pulse-warning-ins {
  -webkit-animation: pulse-warning-ins 0.75s infinite alternate;
  animation: pulse-warning-ins 0.75s infinite alternate;
}
@-webkit-keyframes rotate-loading {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotate-loading {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.ct-double-octave:after,
.ct-major-eleventh:after,
.ct-major-second:after,
.ct-major-seventh:after,
.ct-major-sixth:after,
.ct-major-tenth:after,
.ct-major-third:after,
.ct-major-twelfth:after,
.ct-minor-second:after,
.ct-minor-seventh:after,
.ct-minor-sixth:after,
.ct-minor-third:after,
.ct-octave:after,
.ct-perfect-fifth:after,
.ct-perfect-fourth:after,
.ct-square:after {
  content: "";
  clear: both;
}
.ct-double-octave:after,
.ct-double-octave:before,
.ct-golden-section:after,
.ct-major-eleventh:after,
.ct-major-eleventh:before,
.ct-major-second:after,
.ct-major-second:before,
.ct-major-seventh:after,
.ct-major-seventh:before,
.ct-major-sixth:after,
.ct-major-sixth:before,
.ct-major-tenth:after,
.ct-major-tenth:before,
.ct-major-third:after,
.ct-major-third:before,
.ct-major-twelfth:after,
.ct-major-twelfth:before,
.ct-minor-second:after,
.ct-minor-second:before,
.ct-minor-seventh:after,
.ct-minor-seventh:before,
.ct-minor-sixth:after,
.ct-minor-sixth:before,
.ct-minor-third:after,
.ct-minor-third:before,
.ct-octave:after,
.ct-octave:before,
.ct-perfect-fifth:after,
.ct-perfect-fifth:before,
.ct-perfect-fourth:after,
.ct-perfect-fourth:before,
.ct-square:after,
.ct-square:before {
  content: "";
}
.ct-label {
  fill: rgba(0, 0, 0, 0.4);
  color: rgba(0, 0, 0, 0.4);
  font-size: 0.75rem;
  line-height: 1;
}
.ct-chart-bar .ct-label,
.ct-chart-line .ct-label {
  display: block;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.ct-label.ct-horizontal.ct-start {
  -webkit-box-align: flex-end;
  -webkit-align-items: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  text-align: left;
  text-anchor: start;
}
.ct-label.ct-horizontal.ct-end {
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  text-align: left;
  text-anchor: start;
}
.ct-label.ct-vertical.ct-start {
  -webkit-box-align: flex-end;
  -webkit-align-items: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
  -webkit-box-pack: flex-end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: flex-end;
  justify-content: flex-end;
  text-align: right;
  text-anchor: end;
}
.ct-label.ct-vertical.ct-end {
  -webkit-box-align: flex-end;
  -webkit-align-items: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  text-align: left;
  text-anchor: start;
}
.ct-chart-bar .ct-label.ct-horizontal.ct-start {
  -webkit-box-align: flex-end;
  -webkit-align-items: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  text-anchor: start;
}
.ct-chart-bar .ct-label.ct-horizontal.ct-end {
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  text-anchor: start;
}
.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-start {
  -webkit-box-align: flex-end;
  -webkit-align-items: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  text-align: left;
  text-anchor: start;
}
.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-end {
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  text-align: left;
  text-anchor: start;
}
.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-start {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: flex-end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: flex-end;
  justify-content: flex-end;
  text-align: right;
  text-anchor: end;
}
.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-end {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  text-align: left;
  text-anchor: end;
}
.ct-grid {
  stroke: rgba(0, 0, 0, 0.2);
  stroke-width: 1px;
  stroke-dasharray: 2px;
}
.ct-point {
  stroke-width: 10px;
  stroke-linecap: round;
}
.ct-line {
  fill: none;
  stroke-width: 4px;
}
.ct-area {
  stroke: none;
  fill-opacity: 0.1;
}
.ct-bar {
  fill: none;
  stroke-width: 10px;
}
.ct-slice-donut {
  fill: none;
  stroke-width: 60px;
}
.ct-series-a .ct-bar,
.ct-series-a .ct-line,
.ct-series-a .ct-point,
.ct-series-a .ct-slice-donut {
  stroke: #d70206;
}
.ct-series-a .ct-area,
.ct-series-a .ct-slice-pie {
  fill: #d70206;
}
.ct-series-b .ct-bar,
.ct-series-b .ct-line,
.ct-series-b .ct-point,
.ct-series-b .ct-slice-donut {
  stroke: #f05b4f;
}
.ct-series-b .ct-area,
.ct-series-b .ct-slice-pie {
  fill: #f05b4f;
}
.ct-series-c .ct-bar,
.ct-series-c .ct-line,
.ct-series-c .ct-point,
.ct-series-c .ct-slice-donut {
  stroke: #f4c63d;
}
.ct-series-c .ct-area,
.ct-series-c .ct-slice-pie {
  fill: #f4c63d;
}
.ct-series-d .ct-bar,
.ct-series-d .ct-line,
.ct-series-d .ct-point,
.ct-series-d .ct-slice-donut {
  stroke: #d17905;
}
.ct-series-d .ct-area,
.ct-series-d .ct-slice-pie {
  fill: #d17905;
}
.ct-series-e .ct-bar,
.ct-series-e .ct-line,
.ct-series-e .ct-point,
.ct-series-e .ct-slice-donut {
  stroke: #453d3f;
}
.ct-series-e .ct-area,
.ct-series-e .ct-slice-pie {
  fill: #453d3f;
}
.ct-series-f .ct-bar,
.ct-series-f .ct-line,
.ct-series-f .ct-point,
.ct-series-f .ct-slice-donut {
  stroke: #59922b;
}
.ct-series-f .ct-area,
.ct-series-f .ct-slice-pie {
  fill: #59922b;
}
.ct-series-g .ct-bar,
.ct-series-g .ct-line,
.ct-series-g .ct-point,
.ct-series-g .ct-slice-donut {
  stroke: #0544d3;
}
.ct-series-g .ct-area,
.ct-series-g .ct-slice-pie {
  fill: #0544d3;
}
.ct-series-h .ct-bar,
.ct-series-h .ct-line,
.ct-series-h .ct-point,
.ct-series-h .ct-slice-donut {
  stroke: #6b0392;
}
.ct-series-h .ct-area,
.ct-series-h .ct-slice-pie {
  fill: #6b0392;
}
.ct-series-i .ct-bar,
.ct-series-i .ct-line,
.ct-series-i .ct-point,
.ct-series-i .ct-slice-donut {
  stroke: #f05b4f;
}
.ct-series-i .ct-area,
.ct-series-i .ct-slice-pie {
  fill: #f05b4f;
}
.ct-series-j .ct-bar,
.ct-series-j .ct-line,
.ct-series-j .ct-point,
.ct-series-j .ct-slice-donut {
  stroke: #dda458;
}
.ct-series-j .ct-area,
.ct-series-j .ct-slice-pie {
  fill: #dda458;
}
.ct-series-k .ct-bar,
.ct-series-k .ct-line,
.ct-series-k .ct-point,
.ct-series-k .ct-slice-donut {
  stroke: #eacf7d;
}
.ct-series-k .ct-area,
.ct-series-k .ct-slice-pie {
  fill: #eacf7d;
}
.ct-series-l .ct-bar,
.ct-series-l .ct-line,
.ct-series-l .ct-point,
.ct-series-l .ct-slice-donut {
  stroke: #86797d;
}
.ct-series-l .ct-area,
.ct-series-l .ct-slice-pie {
  fill: #86797d;
}
.ct-series-m .ct-bar,
.ct-series-m .ct-line,
.ct-series-m .ct-point,
.ct-series-m .ct-slice-donut {
  stroke: #b2c326;
}
.ct-series-m .ct-area,
.ct-series-m .ct-slice-pie {
  fill: #b2c326;
}
.ct-series-n .ct-bar,
.ct-series-n .ct-line,
.ct-series-n .ct-point,
.ct-series-n .ct-slice-donut {
  stroke: #6188e2;
}
.ct-series-n .ct-area,
.ct-series-n .ct-slice-pie {
  fill: #6188e2;
}
.ct-series-o .ct-bar,
.ct-series-o .ct-line,
.ct-series-o .ct-point,
.ct-series-o .ct-slice-donut {
  stroke: #a748ca;
}
.ct-series-o .ct-area,
.ct-series-o .ct-slice-pie {
  fill: #a748ca;
}
.ct-square {
  display: block;
  position: relative;
  width: 100%;
}
.ct-square:before {
  display: block;
  float: left;
  width: 0;
  height: 0;
  padding-bottom: 100%;
}
.ct-square:after {
  display: table;
}
.ct-square > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.ct-minor-second {
  display: block;
  position: relative;
  width: 100%;
}
.ct-minor-second:before {
  display: block;
  float: left;
  width: 0;
  height: 0;
  padding-bottom: 93.75%;
}
.ct-minor-second:after {
  display: table;
}
.ct-minor-second > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.ct-major-second {
  display: block;
  position: relative;
  width: 100%;
}
.ct-major-second:before {
  display: block;
  float: left;
  width: 0;
  height: 0;
  padding-bottom: 88.8888888889%;
}
.ct-major-second:after {
  display: table;
}
.ct-major-second > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.ct-minor-third {
  display: block;
  position: relative;
  width: 100%;
}
.ct-minor-third:before {
  display: block;
  float: left;
  width: 0;
  height: 0;
  padding-bottom: 83.3333333333%;
}
.ct-minor-third:after {
  display: table;
}
.ct-minor-third > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.ct-major-third {
  display: block;
  position: relative;
  width: 100%;
}
.ct-major-third:before {
  display: block;
  float: left;
  width: 0;
  height: 0;
  padding-bottom: 80%;
}
.ct-major-third:after {
  display: table;
}
.ct-major-third > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.ct-perfect-fourth {
  display: block;
  position: relative;
  width: 100%;
}
.ct-perfect-fourth:before {
  display: block;
  float: left;
  width: 0;
  height: 0;
  padding-bottom: 75%;
}
.ct-perfect-fourth:after {
  display: table;
}
.ct-perfect-fourth > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.ct-perfect-fifth {
  display: block;
  position: relative;
  width: 100%;
}
.ct-perfect-fifth:before {
  display: block;
  float: left;
  width: 0;
  height: 0;
  padding-bottom: 66.6666666667%;
}
.ct-perfect-fifth:after {
  display: table;
}
.ct-perfect-fifth > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.ct-minor-sixth {
  display: block;
  position: relative;
  width: 100%;
}
.ct-minor-sixth:before {
  display: block;
  float: left;
  width: 0;
  height: 0;
  padding-bottom: 62.5%;
}
.ct-minor-sixth:after {
  display: table;
}
.ct-minor-sixth > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.ct-golden-section {
  display: block;
  position: relative;
  width: 100%;
}
.ct-golden-section:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 61.804697157%;
}
.ct-golden-section:after {
  display: table;
  clear: both;
}
.ct-golden-section > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.ct-major-sixth {
  display: block;
  position: relative;
  width: 100%;
}
.ct-major-sixth:before {
  display: block;
  float: left;
  width: 0;
  height: 0;
  padding-bottom: 60%;
}
.ct-major-sixth:after {
  display: table;
}
.ct-major-sixth > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.ct-minor-seventh {
  display: block;
  position: relative;
  width: 100%;
}
.ct-minor-seventh:before {
  display: block;
  float: left;
  width: 0;
  height: 0;
  padding-bottom: 56.25%;
}
.ct-minor-seventh:after {
  display: table;
}
.ct-minor-seventh > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.ct-major-seventh {
  display: block;
  position: relative;
  width: 100%;
}
.ct-major-seventh:before {
  display: block;
  float: left;
  width: 0;
  height: 0;
  padding-bottom: 53.3333333333%;
}
.ct-major-seventh:after {
  display: table;
}
.ct-major-seventh > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.ct-octave {
  display: block;
  position: relative;
  width: 100%;
}
.ct-octave:before {
  display: block;
  float: left;
  width: 0;
  height: 0;
  padding-bottom: 50%;
}
.ct-octave:after {
  display: table;
}
.ct-octave > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.ct-major-tenth {
  display: block;
  position: relative;
  width: 100%;
}
.ct-major-tenth:before {
  display: block;
  float: left;
  width: 0;
  height: 0;
  padding-bottom: 40%;
}
.ct-major-tenth:after {
  display: table;
}
.ct-major-tenth > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.ct-major-eleventh {
  display: block;
  position: relative;
  width: 100%;
}
.ct-major-eleventh:before {
  display: block;
  float: left;
  width: 0;
  height: 0;
  padding-bottom: 37.5%;
}
.ct-major-eleventh:after {
  display: table;
}
.ct-major-eleventh > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.ct-major-twelfth {
  display: block;
  position: relative;
  width: 100%;
}
.ct-major-twelfth:before {
  display: block;
  float: left;
  width: 0;
  height: 0;
  padding-bottom: 33.3333333333%;
}
.ct-major-twelfth:after {
  display: table;
}
.ct-major-twelfth > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.ct-double-octave {
  display: block;
  position: relative;
  width: 100%;
}
.ct-double-octave:before {
  display: block;
  float: left;
  width: 0;
  height: 0;
  padding-bottom: 25%;
}
.ct-double-octave:after {
  display: table;
}
.ct-double-octave > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  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 {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.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;
}
.tooltipster-default {
  border-radius: 5px;
  border: 2px solid #000;
  background: #4c4c4c;
  color: #fff;
}
.tooltipster-default .tooltipster-content {
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 16px;
  padding: 8px 10px;
  overflow: hidden;
}
.tooltipster-icon {
  cursor: help;
  margin-left: 4px;
}
.tooltipster-base {
  padding: 0;
  font-size: 0;
  line-height: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9999999;
  pointer-events: none;
  width: auto;
  overflow: visible;
}
.tooltipster-base .tooltipster-content {
  overflow: hidden;
}
.tooltipster-arrow {
  display: block;
  text-align: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.tooltipster-arrow span,
.tooltipster-arrow-border {
  display: block;
  width: 0;
  height: 0;
  position: absolute;
}
.tooltipster-arrow-top span,
.tooltipster-arrow-top-left span,
.tooltipster-arrow-top-right span {
  border-left: 8px solid transparent !important;
  border-right: 8px solid transparent !important;
  border-top: 8px solid;
  bottom: -7px;
}
.tooltipster-arrow-top .tooltipster-arrow-border,
.tooltipster-arrow-top-left .tooltipster-arrow-border,
.tooltipster-arrow-top-right .tooltipster-arrow-border {
  border-left: 9px solid transparent !important;
  border-right: 9px solid transparent !important;
  border-top: 9px solid;
  bottom: -7px;
}
.tooltipster-arrow-bottom span,
.tooltipster-arrow-bottom-left span,
.tooltipster-arrow-bottom-right span {
  border-left: 8px solid transparent !important;
  border-right: 8px solid transparent !important;
  border-bottom: 8px solid;
  top: -7px;
}
.tooltipster-arrow-bottom .tooltipster-arrow-border,
.tooltipster-arrow-bottom-left .tooltipster-arrow-border,
.tooltipster-arrow-bottom-right .tooltipster-arrow-border {
  border-left: 9px solid transparent !important;
  border-right: 9px solid transparent !important;
  border-bottom: 9px solid;
  top: -7px;
}
.tooltipster-arrow-bottom .tooltipster-arrow-border,
.tooltipster-arrow-bottom span,
.tooltipster-arrow-top .tooltipster-arrow-border,
.tooltipster-arrow-top span {
  left: 0;
  right: 0;
  margin: 0 auto;
}
.tooltipster-arrow-bottom-left span,
.tooltipster-arrow-top-left span {
  left: 6px;
}
.tooltipster-arrow-bottom-left .tooltipster-arrow-border,
.tooltipster-arrow-top-left .tooltipster-arrow-border {
  left: 5px;
}
.tooltipster-arrow-bottom-right span,
.tooltipster-arrow-top-right span {
  right: 6px;
}
.tooltipster-arrow-bottom-right .tooltipster-arrow-border,
.tooltipster-arrow-top-right .tooltipster-arrow-border {
  right: 5px;
}
.tooltipster-arrow-left .tooltipster-arrow-border,
.tooltipster-arrow-left span {
  border-top: 8px solid transparent !important;
  border-bottom: 8px solid transparent !important;
  border-left: 8px solid;
  top: 50%;
  margin-top: -7px;
  right: -7px;
}
.tooltipster-arrow-left .tooltipster-arrow-border {
  border-top: 9px solid transparent !important;
  border-bottom: 9px solid transparent !important;
  border-left: 9px solid;
  margin-top: -8px;
}
.tooltipster-arrow-right .tooltipster-arrow-border,
.tooltipster-arrow-right span {
  border-top: 8px solid transparent !important;
  border-bottom: 8px solid transparent !important;
  border-right: 8px solid;
  top: 50%;
  margin-top: -7px;
  left: -7px;
}
.tooltipster-arrow-right .tooltipster-arrow-border {
  border-top: 9px solid transparent !important;
  border-bottom: 9px solid transparent !important;
  border-right: 9px solid;
  margin-top: -8px;
}
.tooltipster-fade {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -ms-transition-property: opacity;
  transition-property: opacity;
}
.tooltipster-fade-show {
  opacity: 1;
}
.tooltipster-grow {
  -webkit-transform: scale(0, 0);
  -moz-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-backface-visibility: hidden;
}
.tooltipster-grow-show {
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}
.tooltipster-swing {
  opacity: 0;
  -webkit-transform: rotateZ(4deg);
  -moz-transform: rotateZ(4deg);
  -o-transform: rotateZ(4deg);
  -ms-transform: rotateZ(4deg);
  transform: rotateZ(4deg);
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
}
.tooltipster-swing-show {
  opacity: 1;
  -webkit-transform: rotateZ(0);
  -moz-transform: rotateZ(0);
  -o-transform: rotateZ(0);
  -ms-transform: rotateZ(0);
  transform: rotateZ(0);
  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 1);
  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -moz-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -ms-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -o-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
}
.tooltipster-fall {
  top: 0;
  -webkit-transition-property: top;
  -moz-transition-property: top;
  -o-transition-property: top;
  -ms-transition-property: top;
  transition-property: top;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}
.tooltipster-fall.tooltipster-dying {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  top: 0 !important;
  opacity: 0;
}
.tooltipster-slide {
  left: -40px;
  -webkit-transition-property: left;
  -moz-transition-property: left;
  -o-transition-property: left;
  -ms-transition-property: left;
  transition-property: left;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}
.tooltipster-slide.tooltipster-dying {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  left: 0 !important;
  opacity: 0;
}
.tooltipster-content-changing {
  opacity: 0.5;
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
} /*!
 * Lightbox for Bootstrap 3 by @ashleydw
 * https://github.com/ashleydw/lightbox
 *
 * License: https://github.com/ashleydw/lightbox/blob/master/LICENSE
 */
.ekko-lightbox-container {
  position: relative;
}
.ekko-lightbox-nav-overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
}
.ekko-lightbox-nav-overlay a {
  z-index: 100;
  display: block;
  width: 49%;
  height: 100%;
  font-size: 30px;
  color: #fff;
  text-shadow: 2px 2px 4px #000;
  opacity: 0;
  filter: dropshadow(color=#000000, offx=2, offy=2);
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.ekko-lightbox-nav-overlay a:empty {
  width: 49%;
}
.ekko-lightbox a:hover {
  text-decoration: none;
  opacity: 1;
}
.ekko-lightbox .glyphicon-chevron-left {
  left: 0;
  float: left;
  padding-left: 15px;
  text-align: left;
}
.ekko-lightbox .glyphicon-chevron-right {
  right: 0;
  float: right;
  padding-right: 15px;
  text-align: right;
}
.ekko-lightbox .modal-footer {
  text-align: left;
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
#about #mission h2 {
  position: relative;
  margin-bottom: 40px;
}
#about #mission h2 .icon {
  position: absolute;
  top: -90px;
  left: 50%;
  transform: translateX(-50%);
  color: #8e929b;
}
#about #mission p {
  text-align: center;
  margin-bottom: 20px;
  font-size: 22px;
  line-height: 28px;
  color: #2d3237;
}
#about #mission.content {
  padding-top: 140px;
}
@media only screen and (max-width: 769px) {
  #about #mission.content {
    padding: 100px 0;
  }
}
#about #numbers {
  margin: 0 auto 5px;
  padding-top: 100px;
  padding-bottom: 40px;
  background: rgba(93, 199, 241, 0.18);
  background: linear-gradient(
    90deg,
    rgba(244, 119, 175, 0.18) 0,
    rgba(93, 199, 241, 0.18) 100%
  );
}
#about #numbers .container {
  overflow: hidden;
}
#about #numbers .item {
  font-size: 22px;
  line-height: 28px;
  color: #484848;
  width: 325px;
  height: 85px;
  margin: 0 auto;
}
#about #numbers .item span {
  display: table-cell;
  vertical-align: middle;
  padding-right: 20px;
  height: inherit;
}
#about #numbers .item span:last-child {
  padding-right: 0;
}
#about #numbers .item .icon,
#about #numbers .item .num {
  color: #4d71f1;
}
#about #numbers .item .icon {
  width: 60px;
  font-size: 50px;
  vertical-align: inherit;
}
#about #numbers .item .num {
  font-size: 60px;
  font-weight: 500;
  text-align: right;
  width: 175px;
}
#about #numbers .item .text a {
  color: inherit;
  text-decoration: underline;
}
#about #mission-collage img {
  width: 100%;
  height: auto;
}
#about #reviews-all {
  padding: 90px 0 92px;
}
#about #reviews-all h2 {
  margin-bottom: 20px;
}
#about #reviews-all .image-carousel-container {
  margin-block: 64px;
}
#about #reviews-all .container > p {
  margin-bottom: 70px;
}
#about #multi-product-cta {
  margin-top: 92px;
}
#about #team {
  padding-top: 140px;
}
#about #team p {
  margin-top: 50px;
  margin-bottom: 120px;
}
#about #team .above-h2 {
  color: #7a44e6;
}
#about #team .container--no-padding {
  width: 100%;
  overflow-x: scroll;
}
#about #team .container--no-padding .row {
  display: flex;
}
#about #team .blank,
#about #team .employee {
  width: 150px;
  height: 150px;
  background-repeat: no-repeat;
  background-size: cover;
}
#about #team .employee {
  position: relative;
  overflow: hidden;
}
#about #team .employee:active .overlay,
#about #team .employee:focus .overlay,
#about #team .employee:hover .overlay {
  opacity: 1;
  transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  -ms-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -webkit-transition: opacity 0.5s;
}
#about #team .employee .overlay {
  opacity: 0;
  position: absolute;
  background: rgba(184, 4, 61, 0.75);
  color: #fff;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 101%;
  transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  -ms-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -webkit-transition: opacity 0.5s;
  cursor: default;
}
#about #team .employee .overlay .wrapper {
  display: table;
  height: 100%;
  width: 100%;
}
#about #team .employee .overlay .wrapper .center {
  display: table-cell;
  vertical-align: middle;
  padding: 10px;
}
#about #team .employee .overlay .wrapper .center strong {
  display: block;
  margin-bottom: 10px;
}
#about #team .blank--clr-1 {
  background-color: #2e4798;
}
#about #team .blank--clr-2 {
  background-color: #4d71f1;
}
#about #team .blank--clr-3 {
  background-color: #88c7d9;
}
#about #team .blank--clr-4 {
  background-color: #d74db1;
}
#about #team .blank--clr-5 {
  background-color: #fcc530;
}
#about #team .blank--clr-6 {
  background-color: #7a44e6;
}
#about #team .blank--clr-7 {
  background-color: #fff;
}
@media only screen and (max-width: 1300px) {
  #about #team .info > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
  }
}
@media only screen and (max-width: 992px) {
  #about #team .info > [class*="col-"] {
    margin-right: 25px;
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media only screen and (max-width: 650px) {
  #about #team .col-xs-6 {
    width: 100%;
  }
}
@media only screen and (max-width: 480px) {
  #about #team .info {
    margin-bottom: 60px;
  }
  #about #team .info .item .icon {
    width: 40px;
    font-size: 35px;
    vertical-align: middle;
  }
  #about #team .info .item .num {
    font-size: 45px;
  }
  #about #team .info .item span {
    padding-right: 5px;
    font-size: 18px;
    line-height: 22px;
  }
}
#about #playmaker {
  padding-top: 90px;
}
#about #playmaker h2 {
  font-size: 42px;
  line-height: 50px;
  font-weight: 500;
  color: #2d3237;
  margin: 0 0 42px;
  letter-spacing: 0;
}
#about #playmaker .above-h2 {
  color: #7a44e6;
  font-weight: 500;
  font-size: 16px;
  line-height: 32px;
  letter-spacing: 0;
}
#about #playmaker img {
  width: 100%;
  border-radius: 6px;
  cursor: pointer;
}
#about #playmaker img:hover {
  box-shadow: 0 8px 24px rgba(204, 103, 159, 0.35);
}
#about #playmaker .slick-slider {
  width: calc(100% - 48px * 2);
  margin: 0 auto;
}
#about #playmaker .slick-arrow {
  position: absolute;
  width: 48px;
  height: 48px;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
  border: none;
  font-size: 40px;
  background-color: #7540ab;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  cursor: pointer;
}
#about #playmaker .slick-arrow.slick-next {
  right: -50px;
}
#about #playmaker .slick-arrow.slick-prev {
  left: -50px;
}
#about #playmaker .slick-dots button {
  background-color: rgba(142, 146, 155, 0.3);
}
#about #playmaker .slick-dots li.slick-active button,
#about #playmaker .slick-dots li:hover button {
  background-color: #7540ab;
}
@media only screen and (max-width: 768px) {
  #about #playmaker .col-md-4 {
    margin-bottom: 20px;
  }
}
#about #values h2 {
  font-size: 42px;
  line-height: 50px;
  font-weight: 500;
  color: #2d3237;
  margin: 0 0 42px;
  letter-spacing: 0;
}
#about #values .above-h2 {
  line-height: 32px;
  letter-spacing: 0;
}
#about #values p {
  margin: auto;
  letter-spacing: 0;
}
#about #values .container {
  padding: 90px 0 113px;
}
#about #values .boxes {
  width: 100%;
  display: grid;
  grid-template-columns: 3fr 1.25fr 3fr;
  grid-template-rows: auto auto auto;
  gap: 24px;
  margin-top: 57px;
}
#about #values .box {
  border-radius: 12px;
  font-family: Geist;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
#about #values .box__back,
#about #values .box__front {
  padding: 32px;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
#about #values .box__front {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  opacity: 1;
  visibility: visible;
}
#about #values .box__back {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  color: #fff;
  background: linear-gradient(100.24deg, #6d53dd 6.06%, #ac70d6 95.63%);
  border-radius: 12px;
  opacity: 0;
  visibility: hidden;
  flex-grow: 1;
}
#about #values .box__back-text {
  font-size: 16px;
  line-height: 24px;
}
#about #values .box__back-icon {
  font-size: 48px;
  color: rgba(255, 255, 255, 0.3);
  align-self: flex-end;
}
#about #values .box__back-icon--svg {
  width: auto;
  height: 48px;
  opacity: 0.3;
  filter: brightness(0) invert(1);
}
#about #values .box__title {
  color: #000;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  letter-spacing: 0;
}
#about #values .box__icon {
  font-size: 48px;
  align-self: flex-end;
}
#about #values .box__icon--svg {
  width: auto;
  height: 48px;
}
#about #values .box:hover .box__front {
  opacity: 0;
  visibility: hidden;
}
#about #values .box:hover .box__back {
  opacity: 1;
  visibility: visible;
}
#about #values .box--first {
  grid-column: 1/3;
  grid-row: 1;
  background-color: rgba(77, 113, 241, 0.2);
}
#about #values .box--first .box__icon {
  color: #4d71f1;
}
#about #values .box--second {
  grid-column: 3;
  grid-row: 1;
  background-color: rgba(237, 40, 87, 0.2);
}
#about #values .box--second .box__icon {
  color: #ed2857;
}
#about #values .box--third {
  grid-column: 1;
  grid-row: 2/4;
  background-color: rgba(244, 187, 66, 0.2);
}
#about #values .box--third .box__icon {
  color: #f4bb42;
}
#about #values .box--fourth {
  grid-column: 2/4;
  grid-row: 2;
  background-color: rgba(42, 182, 116, 0.2);
}
#about #values .box--fourth .box__icon {
  color: #2ab674;
}
#about #values .box--fifth {
  grid-column: 2/4;
  grid-row: 3;
  background-color: rgba(46, 71, 151, 0.2);
}
#about #values .box--fifth .box__icon {
  color: #2e4797;
}
#about #values .extra {
  text-align: center;
}
#about #values .extra .btn {
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  padding-top: 7px;
  padding-bottom: 7px;
}
@media only screen and (max-width: 991px) {
  #about #values .boxes {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    gap: 17px;
  }
  #about #values .boxes .box {
    grid-column: 1 !important;
    grid-row: auto !important;
    min-height: 250px;
  }
}
#about #join-us {
  padding: 25px 0 70px;
  background: rgba(104, 85, 227, 0.2);
  background: linear-gradient(
    90deg,
    rgba(104, 85, 227, 0.2) 0,
    rgba(135, 224, 218, 0.2) 100%
  );
}
#about #join-us img {
  width: 434px;
  height: auto;
}
#about #join-us h2,
#about #join-us p {
  text-align: left;
}
#about #join-us h2 {
  margin-top: 0;
  margin-bottom: 40px;
}
#about #join-us p {
  font-size: 18px;
  color: #8e929b;
  margin-bottom: 25px;
}
#about #join-us .row:last-child {
  text-align: left;
}
#about #join-us .row:last-child strong {
  font-size: 18px;
}
#about #join-us .row:last-child p {
  text-align: left;
  margin: 0;
}
#about #join-us .row:last-child p a {
  text-decoration: underline;
  font-weight: 500;
}
#about #join-us #talent-resource {
  margin-top: 0;
}
#about #join-us #talent-resource strong {
  font-size: 20px;
}
@media only screen and (max-width: 992px) {
  #about #join-us h2,
  #about #join-us p {
    text-align: center;
  }
  #about #join-us img {
    margin: 0 auto;
  }
}
#about #future-generation-playmakers {
  padding-top: 120px;
  padding-bottom: 120px;
  border-bottom: 3px solid rgba(217, 228, 233, 0.35);
}
#about #contact-us {
  background-color: #fff;
  padding-bottom: 110px;
}
#about #contact-us .contacts {
  padding-left: 95px;
}
#investors {
  padding: 120px 0 135px;
  background: rgba(242, 244, 246, 0.6);
}
#investors .above-h2 {
  color: #39c462 !important;
}
#investors p {
  font-size: 18px;
  line-height: 28px;
  color: #8e929b;
}
#investors .list {
  text-align: center;
  margin: 0 auto;
}
#investors .list .founder {
  padding-right: 100px;
}
#investors .list .techstars {
  padding-left: 100px;
}
@media only screen and (max-width: 991px) {
  #investors .list .founder {
    padding-right: 0;
    margin-bottom: 50px;
  }
  #investors .list .techstars {
    padding-left: 0;
    margin-top: 50px;
  }
}
#future-generation-playmakers .img-container {
  max-width: 380px;
  display: inline-block;
  text-align: left;
}
#future-generation-playmakers .img-container .playmaker-slider {
  -moz-box-shadow: 0 8px 32px rgba(35, 150, 216, 0.25);
  -webkit-box-shadow: 0 8px 32px rgba(35, 150, 216, 0.25);
  box-shadow: 0 8px 32px rgba(35, 150, 216, 0.25);
}
#future-generation-playmakers .img-container .playmaker-slider .slick-list {
  margin: 0 -4px;
}
#future-generation-playmakers
  .img-container
  .playmaker-slider
  .slick-slide
  > div {
  padding: 0 4px;
}
#future-generation-playmakers .img-container .playmaker-slider .slick-dots li {
  padding: 2px;
  margin: 1px;
}
#future-generation-playmakers
  .img-container
  .playmaker-slider
  .slick-dots
  li.slick-active
  button {
  width: 13px;
  border-radius: 7px;
}
#future-generation-playmakers .img-container .playmaker-slider-box {
  padding: 48px 22px 46px 36px;
  background: linear-gradient(108.26deg, #7a44e6 -36.93%, #02b875 125.4%);
  border-radius: 8px;
  min-height: 345px;
  display: flex;
  position: relative;
}
#future-generation-playmakers .img-container .playmaker-slider-box::after {
  content: "";
  width: 132px;
  height: 132px;
  position: absolute;
  bottom: 17px;
  right: 17px;
  z-index: 0;
  background: url("../img/about/stamp-mark.svg") no-repeat center;
  background-size: 100%;
}
#future-generation-playmakers
  .img-container
  .playmaker-slider-box
  .playmaker-inner {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#future-generation-playmakers .img-container .playmaker-slider-box p {
  color: #fff;
  font-size: 27px;
  line-height: 34px;
  margin: 0;
  font-weight: 400;
}
#future-generation-playmakers
  .img-container
  .playmaker-slider-box
  p.smaller-text {
  font-size: 22px;
  line-height: 29px;
}
#future-generation-playmakers .img-container .playmaker-slider-box ul {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  flex-direction: row;
  align-items: center;
}
#future-generation-playmakers .img-container .playmaker-slider-box ul li {
  color: #fff;
  font-weight: 400;
}
#future-generation-playmakers .img-container .playmaker-slider-box ul li img {
  width: 50px;
  border-radius: 100%;
  border: 1px solid #fff;
  margin-right: 10px;
}
#future-generation-playmakers .img-container .playmaker-slider-box ul li span {
  display: block;
}
#future-generation-playmakers
  .img-container
  .playmaker-slider-box
  ul
  li
  span.name {
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  margin-bottom: 4px;
}
#future-generation-playmakers
  .img-container
  .playmaker-slider-box
  ul
  li
  span.position {
  font-weight: 400;
  font-size: 11px;
  line-height: 13px;
}
#masonry img {
  width: 100%;
  display: block;
}
#contact-us {
  background: rgba(250, 253, 253, 0.1);
  background: linear-gradient(
    180deg,
    rgba(33, 154, 87, 0.1) 0,
    rgba(250, 253, 253, 0.1) 100%
  );
}
#contact-us .map img {
  max-width: 478px;
  width: 100%;
}
#contact-us .contacts {
  font-size: 20px;
  padding-top: 65px;
}
#contact-us .contacts ul {
  list-style-type: none;
  padding: 0;
}
#contact-us .contacts ul .email,
#contact-us .contacts ul .location {
  position: relative;
}
#contact-us .contacts ul .email .icon,
#contact-us .contacts ul .location .icon {
  position: absolute;
  color: #4d71f1;
  left: -40px;
  top: 0;
}
#contact-us .contacts ul .location .icon {
  font-size: 26px;
  top: -10px;
}
#contact-us .contacts ul .email {
  margin-top: 40px;
}
#contact-us .rebeka {
  padding-top: 60px;
  padding-left: 100px;
  position: relative;
  font-size: 18px;
  color: #8e929b;
}
#contact-us .rebeka img {
  position: absolute;
  left: 0;
}
#contact-us .rebeka ul {
  padding: 0;
  list-style-type: none;
}
#contact-us .rebeka ul strong {
  color: #000;
}
@media only screen and (max-width: 1200px) {
  #contact-us .contacts {
    width: 50%;
    padding-left: 150px;
  }
  #contact-us .rebeka {
    width: 100%;
    text-align: center;
    padding-left: 0;
  }
  #contact-us .rebeka img {
    position: relative;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 991px) {
  #contact-us .contacts,
  #contact-us .map,
  #contact-us .rebeka {
    text-align: center;
  }
  #contact-us .contacts {
    width: 100%;
    padding-left: 0 !important;
  }
  #contact-us .contacts ul .location .icon {
    position: relative;
    top: 0;
    left: -5px;
  }
  #contact-us .contacts ul .email .icon {
    position: relative;
    top: 0;
    left: -10px;
  }
  #contact-us .rebeka {
    padding-left: 0;
    padding-top: 60px;
  }
  #contact-us .rebeka img {
    position: relative;
    margin-bottom: 20px;
  }
}
#lets-connect {
  padding-bottom: 130px;
  text-align: center;
}
#lets-connect .icon-container {
  display: flex;
  justify-content: center;
  gap: 16px;
}
#lets-connect .icon {
  font-size: 45px;
  color: rgba(13, 15, 17, 0.8);
  transition: color 0.25s ease;
}
#lets-connect .icon:hover {
  color: #1c1d1f;
}
#lets-connect .instagram {
  background: url(../img/other/instagram.png);
  background-image: url(../img/other/instagram.svg);
  width: 45px;
  height: 45px;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  transform: translateY(10px);
}
.recognitions p {
  margin-bottom: 32px;
}
.recognitions .badges {
  margin-bottom: 120px;
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  justify-content: center;
}
.recognitions .badges .recognition-badge {
  width: 190px;
  height: 220px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.recognitions .badges .recognition-badge img {
  width: 100px;
  height: auto;
}
@media screen and (max-width: 768px) {
  .recognitions .badges {
    gap: 16px;
  }
  .recognitions .badges .recognition-badge {
    width: 150px;
    height: 190px;
  }
}
#about .interactive-header__container,
#careers .interactive-header__container,
#product-and-engineering .interactive-header__container {
  clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%);
}
#about .interactive-header h1,
#careers .interactive-header h1,
#product-and-engineering .interactive-header h1 {
  font-size: 80px;
  font-weight: 300;
  line-height: 1.2;
  color: #fff;
  margin-bottom: 16px;
}
#about .interactive-header p,
#careers .interactive-header p,
#product-and-engineering .interactive-header p {
  font-size: 22px;
  line-height: 1.4;
  color: #fff;
}
#about .interactive-header .btn,
#careers .interactive-header .btn,
#product-and-engineering .interactive-header .btn {
  width: 260px;
}
#about .interactive-header h1 .underline,
#about h2 .underline,
#careers .interactive-header h1 .underline,
#careers h2 .underline,
#product-and-engineering .interactive-header h1 .underline,
#product-and-engineering h2 .underline {
  background: url(../img/other/underline-blue-purple.svg);
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: 100% 45%;
  padding: 0 3px;
  margin-left: -3px;
  margin-right: -3px;
}
#about h2,
#careers h2,
#product-and-engineering h2 {
  font-size: 40px;
  font-weight: 500;
  color: #2d3237;
  text-align: center;
  margin-bottom: 25px;
}
#about h2 + p,
#careers h2 + p,
#product-and-engineering h2 + p {
  text-align: center;
  font-size: 22px;
  color: #8e929b;
  line-height: 30px;
}
#about .above-h2,
#careers .above-h2,
#product-and-engineering .above-h2 {
  font-size: 16px;
  color: #4d71f1;
  text-transform: uppercase;
  letter-spacing: 2px;
  text-align: center;
  font-weight: 500;
}
#about .above-h2 + h2,
#careers .above-h2 + h2,
#product-and-engineering .above-h2 + h2 {
  margin-top: 5px;
}
#about #contact-us h2,
#careers #contact-us h2,
#product-and-engineering #contact-us h2 {
  margin-bottom: 55px;
}
@media only screen and (max-width: 480px) {
  #about .interactive-header h1,
  #careers .interactive-header h1,
  #product-and-engineering .interactive-header h1 {
    font-size: 45px;
  }
  #about .interactive-header h1 p,
  #careers .interactive-header h1 p,
  #product-and-engineering .interactive-header h1 p {
    font-size: 18px;
  }
  #about h2,
  #careers h2,
  #product-and-engineering h2 {
    font-size: 35px;
  }
  #about h2 + p,
  #careers h2 + p,
  #product-and-engineering h2 + p {
    font-size: 18px;
  }
}
#multi-product-cta h2 + p {
  margin-bottom: 50px;
}
#multi-product-cta a {
  text-decoration: none;
}
#multi-product-cta .box {
  border-radius: 16px;
  box-shadow: 3px 4px 20px 0 rgba(117, 128, 136, 0.1);
  border: 1px solid rgba(142, 146, 155, 0.2);
  padding: 25px 25px 40px;
  background: #fff;
  text-align: center;
  height: 100%;
}
#multi-product-cta .box:hover {
  box-shadow: 3px 4px 20px 0 rgba(117, 128, 136, 0.25);
}
#multi-product-cta .box .image-box {
  border-radius: 8px;
  overflow: hidden;
}
#multi-product-cta .box .image-box img {
  max-width: 100%;
  display: block;
}
#multi-product-cta .box .icon {
  display: inline-block;
  max-width: 58px;
  top: -32px;
  position: relative;
  margin-bottom: -32px;
}
#multi-product-cta .box .icon img {
  width: 100%;
}
#multi-product-cta .box h3 {
  margin: 10px 0 9px;
  font-size: 28px;
  line-height: 40px;
  font-weight: 600;
  color: #2d3237;
}
#multi-product-cta .box p {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
  color: #8e929b;
  margin: 0;
}
#multi-product-cta .box p strong {
  font-weight: 700;
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.landing-agency {
  font-size: 16px;
}
.landing-agency li {
  list-style-type: none;
}
.landing-agency h1 {
  font-size: 2.5rem;
  line-height: 2.875rem;
  font-weight: 800;
}
.landing-agency h2 {
  font-size: 2rem;
  line-height: 2.5rem;
  font-weight: 800;
}
.landing-agency h3 {
  font-size: 1.5rem;
  line-height: 2.5rem;
  font-weight: 800;
}
.landing-agency h4 {
  font-size: 1.125rem;
  line-height: 1.5rem;
  font-weight: 800;
}
.landing-agency h1,
.landing-agency h2,
.landing-agency h3,
.landing-agency h4,
.landing-agency h5 {
  max-width: 1000px;
}
@media only screen and (min-width: 1024px) {
  .landing-agency h1 {
    font-size: 3.375rem;
    line-height: 3.75rem;
  }
  .landing-agency h2 {
    font-size: 3rem;
    line-height: 3.5rem;
  }
  .landing-agency h3 {
    font-size: 2rem;
    line-height: 2.5rem;
  }
  .landing-agency h4 {
    font-size: 1.5rem;
    line-height: 2.25rem;
  }
}
.landing-agency p {
  max-width: 800px;
}
.landing-agency #pricing-2023 #plans-all-features .pricing-header--fixed {
  top: 0 !important;
}
.landing-agency .agency-header {
  padding-top: 96px;
  padding-bottom: 100px;
  color: #fff;
  background: url("/wp-content/themes/databox/inc/img/header/analytics-bottom.svg")
      no-repeat bottom,
    linear-gradient(185deg, #7347ea 6.79%, #c757ad 125.6%, #e3716d 198.73%);
  background-size: contain;
  align-items: stretch;
}
.landing-agency .agency-header .dbx-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.landing-agency .agency-header .dbx-ratings {
  align-self: flex-start;
  margin-bottom: 16px;
}
.landing-agency .agency-header .dbx-ratings__text {
  display: none;
}
.landing-agency .agency-header .dbx-ratings__divider:nth-of-type(2) {
  display: none;
}
.landing-agency .agency-header__title {
  align-self: start;
}
.landing-agency .agency-header__text {
  color: #fff;
  text-align: left;
  margin-bottom: 24px;
  align-self: start;
  font-size: 1rem;
  line-height: 1.2rem;
}
.landing-agency .agency-header__solutions {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}
.landing-agency .agency-header__solutions-text {
  color: #fff;
  text-align: left;
}
.landing-agency .agency-header__btn {
  margin-bottom: 32px;
  align-self: stretch;
}
.landing-agency .agency-header__btn:last-child {
  display: none;
}
.landing-agency .agency-header__video {
  max-width: 1000px;
}
.landing-agency .agency-header__content {
  place-items: stretch;
}
.landing-agency .agency-header__list {
  gap: 20px;
  background-color: rgba(255, 255, 255, 0.1);
  padding: 25px;
  border-radius: 5px;
  max-width: 800px;
}
.landing-agency .agency-header__list-item .icon {
  display: flex;
  gap: 8px;
}
.landing-agency .agency-header__list-item .icon::before {
  margin-top: 3px;
}
.landing-agency .agency-header__footer {
  flex-direction: column;
  row-gap: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.landing-agency .agency-header__icons {
  display: flex;
  gap: 4px;
  flex-wrap: wrap;
}
.landing-agency .agency-header__icons .agency-header__icons-list-item img {
  width: 32px;
  border-radius: 100%;
}
.landing-agency .agency-header__other-features {
  display: flex;
  gap: 24px;
  flex-wrap: wrap;
  justify-content: center;
}
@media screen and (min-width: 450px) {
  .landing-agency .agency-header__btn {
    align-self: center;
  }
}
@media screen and (min-width: 768px) {
  .landing-agency .agency-header {
    padding-top: 20px;
  }
  .landing-agency .agency-header .dbx-ratings {
    align-self: center;
    margin-bottom: 94px;
  }
  .landing-agency .agency-header__text,
  .landing-agency .agency-header__title {
    align-self: center;
    text-align: center;
  }
  .landing-agency .agency-header__icons {
    gap: 4px;
  }
  .landing-agency .agency-header__solutions-text {
    text-align: center;
  }
  .landing-agency .agency-header .agency-header__icons-list-item img {
    width: 48px;
    border-radius: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .landing-agency .agency-header__text {
    font-size: 1.5rem;
    line-height: 1.75rem;
  }
}
@media screen and (min-width: 1440px) {
  .landing-agency .agency-header .dbx-ratings__text {
    display: inline-block;
  }
  .landing-agency .agency-header .dbx-ratings__divider:nth-of-type(2) {
    display: inline-block;
  }
  .landing-agency .agency-header__footer {
    flex-direction: row;
  }
  .landing-agency .agency-header__text {
    margin-bottom: 64px;
  }
  .landing-agency .agency-header__btn {
    width: 100%;
    margin-bottom: 0;
  }
  .landing-agency .agency-header__btn:last-child {
    display: inline-block;
  }
  .landing-agency .agency-header__btn:first-child {
    display: none;
  }
  .landing-agency .agency-header__solutions-text {
    text-align: left;
    max-width: 500px;
    align-self: flex-start;
  }
}
.landing-agency .dbx-hero-header .dbx-hero-header__subtitle {
  font-size: 1.125rem;
  line-height: 1.5rem;
}
.landing-agency .dbx-hero-header .dbx-hero-header__text-container {
  flex-basis: 55%;
}
.landing-agency .dbx-hero-header .dbx-hero-header__video-container {
  flex-basis: 45%;
}
.landing-agency .dbx-trusted-by-businesses {
  margin-block: 48px 64px;
}
.landing-agency .dbx-solution-cards {
  margin-block: 64px;
}
@media screen and (min-width: 768px) {
  .landing-agency .dbx-solution-cards {
    margin-block: 96px;
  }
}
.landing-agency .dbx-solution-cards .title-cards {
  display: flex;
  flex-direction: column;
}
.landing-agency .dbx-solution-cards .title {
  text-align: center;
  margin-bottom: 32px;
  max-width: 755px;
  align-self: center;
}
.landing-agency .dbx-solution-cards .dbx-enhanced-card {
  margin-inline: 8px;
}
.landing-agency .dbx-solution-cards .dbx-enhanced-card__title {
  font-size: 1.75rem;
  line-height: 2rem;
}
.landing-agency .dbx-solution-cards ul {
  margin-left: 0;
}
.landing-agency .dbx-solution-cards ul li {
  padding: 0;
}
.landing-agency .dbx-solution-cards ul li::marker {
  content: "";
}
@media screen and (min-width: 768px) {
  .landing-agency .dbx-solution-cards .title {
    font-size: 3rem;
    line-height: 3.75rem;
    margin-bottom: 64px;
  }
  .landing-agency .dbx-solution-cards .dbx-enhanced-card {
    margin-inline: 0px;
  }
  .landing-agency .dbx-solution-cards .dbx-enhanced-card__title {
    font-size: 2.5rem;
    line-height: 3rem;
  }
}
.landing-agency .dbx-templates-preview-section {
  margin-block: 64px;
  background: 0 0;
}
@media screen and (min-width: 768px) {
  .landing-agency .dbx-templates-preview-section {
    margin-block: 96px;
  }
}
.landing-agency .dbx-templates-preview-section .dbx-template-card {
  align-items: center;
  box-shadow: none;
  border-radius: 0;
}
.landing-agency .dbx-templates-preview-section .dbx-template-card__title {
  text-align: center;
  font-weight: 400;
}
.landing-agency .dbx-repeater-icon-card-section {
  margin-block: 64px;
}
@media screen and (min-width: 768px) {
  .landing-agency .dbx-repeater-icon-card-section {
    margin-block: 96px;
  }
}
.landing-agency
  .dbx-repeater-icon-card-section--vertical-cards
  .dbx-icon-card__title {
  font-size: 16px;
}
.landing-agency
  .dbx-repeater-icon-card-section--vertical-cards
  .dbx-icon-card__text {
  font-size: 14px;
}
.landing-agency .dbx-repeater-icon-list-section {
  margin-block: 64px;
}
@media screen and (min-width: 768px) {
  .landing-agency .dbx-repeater-icon-list-section {
    margin-block: 96px;
  }
}
.landing-agency .agency-customer-success ul {
  padding: 0;
}
.landing-agency .agency-customer-success__container {
  background-color: rgba(64, 94, 209, 0.08);
  display: flex;
  border-radius: 24px;
  flex-direction: column;
  align-items: center;
  padding-top: 80px;
  padding-bottom: 65px;
  margin-top: 60px;
  margin-bottom: 45px;
}
.landing-agency .agency-customer-success__title {
  font-size: 48px;
  line-height: 60px;
  text-align: center;
  margin-bottom: 56px;
}
.landing-agency .agency-customer-success__stories {
  display: flex;
  flex-direction: column;
}
.landing-agency .agency-customer-success__stories .tabs-switcher__header {
  border: 0;
}
.landing-agency
  .agency-customer-success__stories
  .tabs-switcher__header
  li.selected {
  border-bottom: 0;
}
.landing-agency .agency-customer-success__stories .tabs {
  display: flex;
  justify-content: center;
  height: 60px;
  gap: 48px;
}
.landing-agency .agency-customer-success__stories .tabs .tab {
  position: relative;
  user-select: none;
  cursor: pointer;
  flex: none;
  padding: 0;
  margin: 0;
  min-width: auto;
}
.landing-agency .agency-customer-success__stories .tabs .tab > img {
  max-height: 40px;
}
.landing-agency .agency-customer-success__stories .tabs .tab.selected::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: #4d71f1;
  bottom: 0;
  left: 0;
}
.landing-agency .agency-customer-success__stories .tabs .tab:hover::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: #4d71f1;
  bottom: 0;
  left: 0;
}
.landing-agency .agency-customer-success__stories .tab-content {
  background: url("../img/agency/customer-success-polygons.svg") no-repeat top
      left,
    #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 16px;
  margin: 0 10%;
  padding: 40px 40px 28px 40px;
}
.landing-agency .agency-customer-success__stories .tab-content__title {
  text-align: center;
  font-weight: 900;
  font-size: 32px;
  line-height: 40px;
  margin-bottom: 40px;
}
.landing-agency .agency-customer-success__stories .tab-content__row {
  display: flex;
  width: 100%;
  gap: 24px;
}
.landing-agency .agency-customer-success__stories .tab-content__row .column {
  display: flex;
  flex-direction: column;
  gap: 16px;
  flex: 1;
}
.landing-agency
  .agency-customer-success__stories
  .tab-content__row
  .column__title {
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
}
.landing-agency
  .agency-customer-success__stories
  .tab-content__row
  .column__utilized {
  background-color: #ecf6fb;
  border-radius: 14px;
  padding: 32px 16px;
  height: 100%;
}
.landing-agency
  .agency-customer-success__stories
  .tab-content__row
  .column__utilized
  > ul {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.landing-agency
  .agency-customer-success__stories
  .tab-content__row
  .column__utilized
  > ul
  li {
  list-style-type: disc;
  margin-left: 32px;
  font-size: 14px;
  line-height: 21px;
}
.landing-agency
  .agency-customer-success__stories
  .tab-content__row
  .column__utilized
  > ul
  li
  > strong {
  font-weight: 700;
}
.landing-agency
  .agency-customer-success__stories
  .tab-content__row
  .column__achieved {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.landing-agency
  .agency-customer-success__stories
  .tab-content__row
  .column__achieved
  .metric {
  display: flex;
  background-color: #e9f6f0;
  padding: 14px;
  border-radius: 14px;
  border: 1px solid #25a767;
  gap: 14px;
}
.landing-agency
  .agency-customer-success__stories
  .tab-content__row
  .column__achieved
  .metric__icon {
  padding: 6px;
  width: 38px;
  height: 38px;
  background-color: rgba(37, 167, 103, 0.1);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.landing-agency
  .agency-customer-success__stories
  .tab-content__row
  .column__achieved
  .metric__title-description {
  display: flex;
  flex-direction: column;
}
.landing-agency
  .agency-customer-success__stories
  .tab-content__row
  .column__achieved
  .metric__title-description
  .title {
  font-size: 18px;
  line-height: 38px;
  font-weight: 700;
}
.landing-agency
  .agency-customer-success__stories
  .tab-content__row
  .column__achieved
  .metric__title-description
  .description {
  font-size: 16px;
  line-height: 24px;
}
@media only screen and (max-width: 1145px) {
  .landing-agency .agency-customer-success__stories .tab-content__row {
    flex-direction: column;
  }
}
.landing-agency .agency-customer-success__stories .bottom {
  display: flex;
  align-self: flex-start;
  gap: 8px;
  margin-top: 18px;
  width: 100%;
}
.landing-agency .agency-customer-success__stories .bottom__text {
  font-size: 16px;
  line-height: 28px;
  font-weight: 500;
  color: #8e929b;
}
@media only screen and (max-width: 1145px) {
  .landing-agency .agency-customer-success__stories .bottom {
    justify-content: center;
  }
}
.landing-agency .agency-customer-success__cta {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 36px;
  gap: 12px;
}
.landing-agency .agency-customer-success__cta > .dbx-btn {
  width: 350px;
}
.landing-agency .agency-customer-success__cta .text {
  font-size: 14px;
  line-height: 28px;
  font-weight: 400;
  color: #8e929b;
}
@media only screen and (max-width: 768px) {
  .landing-agency .agency-customer-success__container {
    margin: 0 -16px;
    border-radius: 0;
  }
  .landing-agency .agency-customer-success__stories .tab-content {
    margin: 0;
    border-radius: 0;
    background: #fff;
  }
  .landing-agency .agency-customer-success__stories .tab-content__title {
    font-size: 26px;
    font-weight: 700 !important;
    line-height: 32px;
    padding: 0 16px;
  }
  .landing-agency .agency-customer-success__title {
    font-size: 26px;
    font-weight: 700 !important;
    line-height: 32px;
    padding: 0 16px;
  }
}
@media only screen and (min-width: 768px) {
  .landing-agency .agency-customer-success__stories .tab-content__title {
    max-width: 70%;
  }
  .landing-agency .agency-customer-success__title {
    max-width: 70%;
  }
}
.landing-agency .dbx-repeater-title-text-card-section {
  margin-block: 70px;
}
.landing-agency .dbx-repeater-title-text-card-section .dbx-card {
  box-shadow: none;
}
.landing-agency .dbx-repeater-image-text-card-section {
  margin-block: 64px;
}
@media screen and (min-width: 768px) {
  .landing-agency .dbx-repeater-image-text-card-section {
    margin-block: 96px;
  }
}
.landing-agency .dbx-quote-section {
  display: grid;
  place-content: center;
}
.landing-agency .dbx-quote-section__container {
  max-width: 1062px;
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
#analytics-performance-tools {
  background-color: #fafbfd;
  padding-bottom: 40px;
}
#analytics-performance-tools .header {
  background: linear-gradient(
      0deg,
      rgba(0, 0, 0, 0.2) 0,
      rgba(0, 0, 0, 0.2) 100%
    ),
    linear-gradient(144deg, #4c70de 0, #1c9cd2 49.48%, #0faaa3 100%);
  padding: 172px 0 200px;
}
@media screen and (max-width: 768px) {
  #analytics-performance-tools .header {
    padding: 100px 0 200px;
  }
}
#analytics-performance-tools .header h1 {
  color: #fff;
  text-align: center;
  font-size: 48px;
  font-weight: 700;
  line-height: 72px;
  margin: 0;
  letter-spacing: 1px;
}
#analytics-performance-tools .header p {
  color: #fff;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
#analytics-performance-tools .tool-card-list {
  margin-top: -150px;
}
#analytics-performance-tools .tool-card-list .tool-card {
  margin: 24px auto 0 auto;
  display: flex;
  flex-direction: column;
  border-radius: 12px;
  background: #fff;
  box-shadow: 3px 4px 28px 0 rgba(117, 128, 136, 0.22);
  max-width: 275px;
}
#analytics-performance-tools .tool-card-list .tool-card:hover {
  text-decoration: none;
  box-shadow: 3px 4px 28px 0 rgba(0, 0, 0, 0.22);
}
#analytics-performance-tools .tool-card-list .tool-card img {
  width: 100%;
  border-radius: inherit;
}
#analytics-performance-tools .tool-card-list .tool-card h6 {
  padding: 16px;
  color: #2d3237;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  line-height: 21px;
}
#analytics-performance-tools #business-analytics-for-everyone {
  background-color: #fafbfd;
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
#api-landing .header {
  background-image: url(../img/product/devices/api-bgd.jpg);
  margin-bottom: 320px;
  padding-top: 190px;
}
#api-landing .header .row {
  display: flex;
  flex-direction: column;
}
#api-landing .header .row .img {
  order: 1;
}
#api-landing .header .row .img .video-box {
  max-width: 946px;
  margin: 0 auto -320px;
  float: none;
}
#api-landing .header .row .img .video-box .videoholder {
  background: url(../img/benchmarks/wizard_step.png) left top no-repeat;
  background-size: cover;
  padding: 32px 2px 2px;
  border-radius: 5px;
}
#api-landing .header .row .img .video-box .videoholder p {
  margin: 0;
}
#api-landing .header .row .img .video-box .videoholder iframe {
  max-width: 100%;
  width: 100%;
  display: block;
}
#api-landing .header .row .img .video-box .videoholder video {
  max-width: 100%;
  display: block;
  border-radius: 5px;
}
@media screen and (max-width: 768px) {
  #api-landing .header .row .img .video-box .videoholder {
    padding-top: 22px;
  }
}
#api-landing .header .row .text {
  order: 0;
}
#api-landing .header .row .text h1 {
  font-size: 44px;
  line-height: 52px;
  color: #fff;
  font-weight: 500;
  margin: 0 auto 24px;
  padding: 0;
  width: 800px;
  max-width: 100%;
}
#api-landing .header .row .text p {
  font-size: 22px;
  line-height: 30px;
  margin: 0 auto 80px;
  max-width: 920px;
  width: 100%;
  font-weight: 300;
}
#api-landing .header .row .text p strong {
  font-weight: 700;
}
@media screen and (max-width: 1200px) {
  #api-landing .header {
    padding-top: 140px;
  }
}
@media screen and (max-width: 992px) {
  #api-landing .header {
    padding-top: 100px;
  }
}
#api-landing .product-datas-multiple .container.narrow,
#api-landing .product-datas-single .container.narrow {
  padding-left: 100px;
  padding-right: 100px;
}
@media screen and (max-width: 992px) {
  #api-landing .product-datas-multiple .container.narrow,
  #api-landing .product-datas-single .container.narrow {
    padding-left: 15px;
    padding-right: 15px;
  }
}
#api-landing .product-datas-multiple .left,
#api-landing .product-datas-multiple .right,
#api-landing .product-datas-single .left,
#api-landing .product-datas-single .right {
  display: flex;
  flex-direction: column;
}
#api-landing .product-datas-multiple .left .img,
#api-landing .product-datas-multiple .right .img,
#api-landing .product-datas-single .left .img,
#api-landing .product-datas-single .right .img {
  text-align: center;
}
#api-landing .product-datas-multiple .left .img img,
#api-landing .product-datas-multiple .right .img img,
#api-landing .product-datas-single .left .img img,
#api-landing .product-datas-single .right .img img {
  float: none;
  display: inline-block;
}
#api-landing .product-datas-multiple .left h2,
#api-landing .product-datas-multiple .left h3,
#api-landing .product-datas-multiple .left h4,
#api-landing .product-datas-multiple .right h2,
#api-landing .product-datas-multiple .right h3,
#api-landing .product-datas-multiple .right h4,
#api-landing .product-datas-single .left h2,
#api-landing .product-datas-single .left h3,
#api-landing .product-datas-single .left h4,
#api-landing .product-datas-single .right h2,
#api-landing .product-datas-single .right h3,
#api-landing .product-datas-single .right h4 {
  font-size: 29px;
  line-height: 37px;
  color: #2d3237;
  margin: 0 0 24px;
  font-weight: 500;
}
#api-landing .product-datas-multiple .left h2 strong,
#api-landing .product-datas-multiple .left h3 strong,
#api-landing .product-datas-multiple .left h4 strong,
#api-landing .product-datas-multiple .right h2 strong,
#api-landing .product-datas-multiple .right h3 strong,
#api-landing .product-datas-multiple .right h4 strong,
#api-landing .product-datas-single .left h2 strong,
#api-landing .product-datas-single .left h3 strong,
#api-landing .product-datas-single .left h4 strong,
#api-landing .product-datas-single .right h2 strong,
#api-landing .product-datas-single .right h3 strong,
#api-landing .product-datas-single .right h4 strong {
  font-weight: 500;
  text-decoration: underline;
  text-decoration-skip-ink: none;
  text-decoration-color: #6abbc4;
  -webkit-text-decoration-color: #6abbc4;
}
#api-landing .product-datas-multiple .left p,
#api-landing .product-datas-multiple .right p,
#api-landing .product-datas-single .left p,
#api-landing .product-datas-single .right p {
  font-size: 18px;
  line-height: 21px;
  color: #8e929b;
  font-weight: 400;
  margin: 0 0 20px;
}
#api-landing .product-datas-multiple#product-any-data-1 .left h2 strong,
#api-landing .product-datas-multiple#product-any-data-1 .left h3 strong,
#api-landing .product-datas-multiple#product-any-data-1 .left h4 strong,
#api-landing .product-datas-multiple#product-any-data-1 .right h2 strong,
#api-landing .product-datas-multiple#product-any-data-1 .right h3 strong,
#api-landing .product-datas-multiple#product-any-data-1 .right h4 strong,
#api-landing .product-datas-single#product-any-data-1 .left h2 strong,
#api-landing .product-datas-single#product-any-data-1 .left h3 strong,
#api-landing .product-datas-single#product-any-data-1 .left h4 strong,
#api-landing .product-datas-single#product-any-data-1 .right h2 strong,
#api-landing .product-datas-single#product-any-data-1 .right h3 strong,
#api-landing .product-datas-single#product-any-data-1 .right h4 strong {
  text-decoration: underline;
  text-decoration-skip-ink: none;
  text-decoration-color: #ff9600;
  -webkit-text-decoration-color: #ff9600;
}
#api-landing .product-datas-multiple#product-any-data-2 .left h2 strong,
#api-landing .product-datas-multiple#product-any-data-2 .left h3 strong,
#api-landing .product-datas-multiple#product-any-data-2 .left h4 strong,
#api-landing .product-datas-multiple#product-any-data-2 .right h2 strong,
#api-landing .product-datas-multiple#product-any-data-2 .right h3 strong,
#api-landing .product-datas-multiple#product-any-data-2 .right h4 strong,
#api-landing .product-datas-single#product-any-data-2 .left h2 strong,
#api-landing .product-datas-single#product-any-data-2 .left h3 strong,
#api-landing .product-datas-single#product-any-data-2 .left h4 strong,
#api-landing .product-datas-single#product-any-data-2 .right h2 strong,
#api-landing .product-datas-single#product-any-data-2 .right h3 strong,
#api-landing .product-datas-single#product-any-data-2 .right h4 strong {
  text-decoration: underline;
  text-decoration-skip-ink: none;
  text-decoration-color: #2690ca;
  -webkit-text-decoration-color: #2690ca;
}
#api-landing .product-datas-multiple .btn,
#api-landing .product-datas-single .btn {
  white-space: normal;
}
#api-landing .product-datas-multiple .btn.btn-link,
#api-landing .product-datas-single .btn.btn-link {
  border: none;
  padding: 0;
  color: #4d71f1;
  text-decoration: underline;
  width: auto;
  text-align: left;
  font-weight: 400;
  white-space: normal;
}
#api-landing .product-datas-multiple .btn.btn-link span.icon,
#api-landing .product-datas-single .btn.btn-link span.icon {
  display: none;
}
#api-landing .product-datas-multiple .btn.btn-link:hover,
#api-landing .product-datas-single .btn.btn-link:hover {
  color: #1679a6;
  text-decoration: none;
}
#integrations-block {
  background: #f2f4f6;
  padding: 96px 0 96px;
}
#integrations-block .integrations-section h3 {
  margin: 0 0 24px;
  font-size: 12px;
  line-height: 20px;
  font-weight: 300;
  color: #2d3237;
  text-align: center;
}
#integrations-block .integrations-list {
  font-size: 0;
  text-align: left;
  margin: 0 !important;
}
#integrations-block .integrations-list li {
  max-width: 284px;
  float: none;
  display: inline-block;
  vertical-align: top;
  text-align: left;
}
#integrations-block .integrations-list li a {
  background: #fff;
}
#integrations-block .integrations-list li a .name {
  margin-left: 8px;
}
@media screen and (max-width: 992px) {
  #integrations-block .integrations-list li {
    max-width: 49%;
  }
}
@media screen and (max-width: 600px) {
  #integrations-block .integrations-list li {
    max-width: 100%;
  }
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
#become-a-contributor .header {
  background-image: url(../img/become-a-contributor/bg.jpg);
  text-align: left;
  padding: 181px 0 0;
}
#become-a-contributor .header h1 {
  font-weight: 800;
  font-size: 56px;
  line-height: 65px;
  color: #fff;
  margin: 52px 0 24px;
}
#become-a-contributor .header p {
  font-size: 16px;
  line-height: 24px;
  color: #fff;
  font-weight: 400;
  margin: 0 0 40px;
}
#become-a-contributor .header p strong {
  font-weight: 700;
}
#become-a-contributor .header .col-testimonial {
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(20px);
  border-radius: 8px;
}
#become-a-contributor .header .col-testimonial .testimonial {
  padding: 24px;
  display: flex;
  justify-content: space-between;
}
#become-a-contributor .header .col-testimonial .testimonial .testimonial-image {
  width: 66px;
  height: 66px;
}
#become-a-contributor
  .header
  .col-testimonial
  .testimonial
  .testimonial-image
  img {
  max-width: 100%;
  border-radius: 100%;
  width: 100%;
}
#become-a-contributor .header .col-testimonial .testimonial .testimonial-text {
  width: calc(100% - 86px);
}
#become-a-contributor
  .header
  .col-testimonial
  .testimonial
  .testimonial-text
  p {
  margin-bottom: 16px;
  font-size: 16px;
  line-height: 27px;
  color: #8e929b;
  letter-spacing: 0;
}
#become-a-contributor
  .header
  .col-testimonial
  .testimonial
  .testimonial-text
  p:last-child {
  margin-bottom: 0;
}
#become-a-contributor .header .first {
  text-align: right;
  margin-bottom: -45px;
}
#become-a-contributor .header .first .hubspot-form {
  position: relative;
  width: 100%;
  max-width: 465px;
  display: inline-block;
  margin-bottom: -145px;
}
#become-a-contributor .header .first .hubspot-form .hubspot-form-inner {
  position: relative;
  z-index: 3;
  padding: 32px;
  background: #fff;
  border-radius: 10px;
  border: 1px solid #999;
  -moz-box-shadow: 0 5px 20px rgba(117, 128, 136, 0.15);
  -webkit-box-shadow: 0 5px 20px rgba(117, 128, 136, 0.15);
  box-shadow: 0 5px 20px rgba(117, 128, 136, 0.15);
  overflow: hidden;
}
#become-a-contributor .header .first .hubspot-form .hubspot-form-inner::after {
  content: "";
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  height: 5px;
  background: #00adb4;
}
#become-a-contributor .header .first .hubspot-form::before {
  content: "";
  position: absolute;
  margin: auto;
  display: block;
  min-height: 25%;
  background: #fff;
  border-radius: 10px;
  left: 0;
  right: 0;
  top: -14px;
  width: 90%;
  opacity: 0.8;
  z-index: 2;
  -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}
#become-a-contributor .header .first .hubspot-form::after {
  content: "";
  position: absolute;
  margin: auto;
  display: block;
  min-height: 25%;
  background: #fff;
  border-radius: 10px;
  left: 0;
  right: 0;
  top: -28px;
  width: 80%;
  opacity: 0.5;
  z-index: 1;
  -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}
#become-a-contributor .header .first .hubspot-form br {
  display: none;
}
#become-a-contributor .header .first .hubspot-form h2,
#become-a-contributor .header .first .hubspot-form h3 {
  margin: 0 0 24px;
  font-size: 28px;
  line-height: 40px;
  font-weight: 500;
  color: #1c1d1f;
  text-align: center;
  letter-spacing: 0;
}
#become-a-contributor .header .first .hubspot-form h2::after,
#become-a-contributor .header .first .hubspot-form h3::after {
  content: "";
  border-top: 3px solid #4d71f1;
  margin: 16px auto 0;
  width: 55px;
  display: block;
}
#become-a-contributor .header .first .hubspot-form p {
  margin: 0;
}
#become-a-contributor .header .first .hubspot-form .hbspt-form {
  text-align: left;
}
#become-a-contributor .header .first .hubspot-form .hbspt-form .hs-form-field {
  margin-bottom: 24px;
}
#become-a-contributor
  .header
  .first
  .hubspot-form
  .hbspt-form
  .hs-form-field
  label {
  display: none;
}
#become-a-contributor
  .header
  .first
  .hubspot-form
  .hbspt-form
  .hs-form-field
  input,
#become-a-contributor
  .header
  .first
  .hubspot-form
  .hbspt-form
  .hs-form-field
  select {
  background: #f2f4f6;
  border: 1px solid #f2f4f6;
  border-radius: 5px;
  height: 46px;
  line-height: 46px;
  font-size: 14px;
  padding: 0 16px;
}
#become-a-contributor .header .first .hubspot-form .hbspt-form .hs-richtext {
  margin-bottom: 24px;
}
#become-a-contributor .header .first .hubspot-form .hbspt-form .hs-richtext p {
  font-size: 13px;
  line-height: 18px;
  color: #8e929b;
  letter-spacing: 0;
}
#become-a-contributor
  .header
  .first
  .hubspot-form
  .hbspt-form
  .hs-submit
  .actions {
  padding: 0;
}
#become-a-contributor
  .header
  .first
  .hubspot-form
  .hbspt-form
  .hs-submit
  .actions
  .hs-button {
  width: 100%;
  height: 46px;
  line-height: 46px;
  padding: 0;
  margin: 0;
  font-size: 18px;
  font-weight: 500;
  text-transform: none;
  background: #2ab674;
}
#become-a-contributor
  .header
  .first
  .hubspot-form
  .hbspt-form
  .hs-submit
  .actions
  .hs-button:hover {
  background: #20925a;
}
@media screen and (max-width: 992px) {
  #become-a-contributor .header {
    padding-bottom: 60px;
  }
  #become-a-contributor .header .col-testimonial {
    width: 94%;
    margin: auto;
  }
  #become-a-contributor .header .first {
    margin-bottom: 0;
  }
  #become-a-contributor .header .first .hubspot-form {
    margin: auto;
    display: block;
  }
}
#become-a-contributor #repeatable-images {
  text-align: center;
  padding: 130px 0 120px;
}
#become-a-contributor #repeatable-images p {
  font-size: 16px;
  line-height: 24px;
  color: #8e929b;
  margin: 0 0 24px;
  font-weight: 400;
}
#become-a-contributor #repeatable-images .image-block {
  display: inline-block;
  vertical-align: middle;
  max-width: 200px;
  margin: 0 16px;
  padding: 0;
}
#become-a-contributor #repeatable-images .image-block img {
  opacity: 0.8;
  max-width: 100%;
}
#become-a-contributor #product-any-data-build {
  background: rgba(102, 197, 218, 0.1);
  padding: 120px 0;
}
#become-a-contributor #product-any-data-build h2 {
  text-align: center;
  margin: 0 auto 64px;
  font-size: 40px;
  line-height: 48px;
  color: #2d3237;
  max-width: 800px;
}
#become-a-contributor #product-any-data-build h2 strong {
  font-weight: 500;
  text-decoration: underline;
  text-decoration-skip-ink: none;
  text-decoration-color: #4d71f1;
  -webkit-text-decoration-color: #4d71f1;
}
#become-a-contributor #product-any-data-build p {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
  color: #8e929b;
  margin: 0 0 30px;
}
#become-a-contributor #product-any-data-build p strong {
  font-weight: 700;
}
#become-a-contributor #product-any-data-build p:last-child {
  margin: 0;
}
#become-a-contributor #product-any-data-build .central-section {
  max-width: 800px;
  margin: 58px auto 40px;
  text-align: center;
}
#become-a-contributor #product-any-data-build .bottom-buttons {
  text-align: center;
}
#become-a-contributor #product-any-data-build .bottom-buttons .btn {
  margin: 0 10px;
}
#become-a-contributor #product-any-data-build .bottom-buttons .btn.btn-blue {
  background-color: #25a767;
}
#become-a-contributor
  #product-any-data-build
  .bottom-buttons
  .btn.btn-blue:hover {
  background-color: #20925a;
}
#become-a-contributor
  #product-any-data-build
  .bottom-buttons
  .btn.btn-blue-outline {
  border-color: #25a767;
  color: #25a767;
}
#become-a-contributor
  #product-any-data-build
  .bottom-buttons
  .btn.btn-blue-outline:hover {
  border-color: #20925a;
  color: #20925a;
}
@media screen and (max-width: 992px) {
  #become-a-contributor #product-any-data-build.content.layout-dbl .img img {
    max-width: 100%;
  }
}
@media screen and (max-width: 640px) {
  #become-a-contributor #product-any-data-build .bottom-buttons a.btn {
    display: block;
    margin-bottom: 20px;
  }
  #become-a-contributor
    #product-any-data-build
    .bottom-buttons
    a.btn:last-child {
    margin-bottom: 0;
  }
}
#become-a-contributor #what-else {
  padding: 120px 0;
}
#become-a-contributor #what-else h2,
#become-a-contributor #what-else h3 {
  text-align: center;
  font-weight: 500;
  font-size: 40px;
  line-height: 48px;
  margin: 0 0 70px;
}
#become-a-contributor #what-else h2 strong,
#become-a-contributor #what-else h3 strong {
  font-weight: 500;
  text-decoration: underline;
  text-decoration-skip-ink: none;
  text-decoration-color: #25a767;
  -webkit-text-decoration-color: #25a767;
}
#become-a-contributor #what-else .layout-slider-holder .col-inner {
  padding: 0 40px;
}
#become-a-contributor #what-else .layout-slider-holder .col-inner .image-box {
  min-height: 36px;
}
#become-a-contributor #what-else .layout-slider-holder .col-inner h3,
#become-a-contributor #what-else .layout-slider-holder .col-inner h4 {
  font-size: 24px;
  line-height: 28px;
  color: #000;
  font-weight: 500;
  text-align: left;
  margin: 38px 0 16px;
  letter-spacing: 0;
}
#become-a-contributor #what-else .layout-slider-holder .col-inner p {
  letter-spacing: 0;
  font-size: 18px;
  line-height: 27px;
  color: #8e929b;
  margin: 0;
}
@media screen and (max-width: 992px) {
  #become-a-contributor #what-else .col {
    margin-bottom: 40px;
  }
  #become-a-contributor #what-else .layout-slider-holder .col-inner h3,
  #become-a-contributor #what-else .layout-slider-holder .col-inner h4 {
    margin-top: 20px;
  }
}
#become-a-contributor #testimonials-slider {
  padding-bottom: 40px;
}
#become-a-contributor #testimonials-slider .testimonial-row {
  max-width: 770px;
  margin: auto;
}
#become-a-contributor #testimonials-slider .testimonial-row .col-slide h2,
#become-a-contributor #testimonials-slider .testimonial-row .col-slide h3 {
  font-size: 30px;
  line-height: 38px;
  font-weight: 500;
  color: #2d3237;
  margin: 0 0 24px;
}
#become-a-contributor #testimonials-slider .testimonial-row .col-slide p {
  font-weight: 400;
  font-size: 18px;
  line-height: 27px;
  color: #72757c;
  margin: 0;
  letter-spacing: 0;
}
#become-a-contributor
  #testimonials-slider
  .testimonial-row
  .col-slide
  .testimonial-bottom {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 32px;
}
#become-a-contributor
  #testimonials-slider
  .testimonial-row
  .col-slide
  .testimonial-bottom
  .testimonial-image {
  width: 40px;
  height: 40px;
  margin-right: 16px;
}
#become-a-contributor
  #testimonials-slider
  .testimonial-row
  .col-slide
  .testimonial-bottom
  .testimonial-image
  img {
  width: 100%;
  height: auto;
  border-radius: 100%;
}
#become-a-contributor
  #testimonials-slider
  .testimonial-row
  .col-slide
  .testimonial-bottom
  .testimonial-details
  p {
  font-size: 16px;
  line-height: 27px;
  color: #8e929b;
  letter-spacing: 0;
}
#become-a-contributor #testimonials-slider .testimonial-row .slick-dots {
  text-align: left;
  left: 15px;
}
#become-a-contributor #testimonials-slider .testimonial-row .slick-dots li {
  margin: 0;
}
#become-a-contributor #contributions-section {
  padding: 120px 0 0;
}
#become-a-contributor #contributions-section h2 {
  text-align: center;
  margin: 0 0 64px;
  font-size: 40px;
  line-height: 48px;
  color: #2d3237;
  font-weight: 500;
}
#become-a-contributor #contributions-section h2 strong {
  font-weight: 500;
  text-decoration: underline;
  text-decoration-skip-ink: none;
  text-decoration-color: #515aa7;
  -webkit-text-decoration-color: #515aa7;
}
#become-a-contributor #contributions-section a {
  font-weight: 700;
  color: #4d71f1;
  font-size: 20px;
  line-height: 28px;
  text-decoration: underline;
}
#become-a-contributor #contributions-section a:hover {
  text-decoration: none;
}
#become-a-contributor #contributions-section p {
  font-size: 16px;
  line-height: 19px;
  color: #8e929b;
  margin: 0;
  letter-spacing: 0;
}
#become-a-contributor #contributions-section .layout-slider {
  margin-bottom: 48px;
}
#become-a-contributor #contributions-section .layout-slider:last-child {
  margin-bottom: 0;
}
#become-a-contributor #contributions-section .layout-slider .icon {
  background: #f8f8f8;
  border-radius: 5px;
  line-height: 34px;
  height: 34px;
  padding: 0 16px 0 0;
  display: inline-block;
  margin-top: 19px;
}
#become-a-contributor #contributions-section .layout-slider .icon::before {
  background: #f3f3f3;
  width: 34px;
  height: 34px;
  border-radius: 5px 0 0 5px;
  margin-right: 12px;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  line-height: 34px;
}
#become-a-contributor
  #contributions-section
  .layout-slider
  .icon.icon-sand::before {
  color: #7540ab;
  font-size: 20px;
}
#become-a-contributor
  #contributions-section
  .layout-slider
  .icon.icon-fire::before {
  color: #f05c4d;
  font-size: 24px;
}
#become-a-contributor #contributions-section .layout-slider .icon span {
  display: inline-block;
  vertical-align: top;
  color: #8e929b;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0;
}
@media screen and (max-width: 992px) {
  #become-a-contributor #contributions-section .layout-slider {
    margin-bottom: 0;
  }
  #become-a-contributor #contributions-section .col {
    margin-bottom: 40px;
  }
}
#become-a-contributor #ready-to-start {
  text-align: center;
  padding-bottom: 96px;
  padding-top: 120px;
}
#become-a-contributor #ready-to-start .container {
  padding: 68px 0 68px;
}
#become-a-contributor #ready-to-start .container h2 {
  margin: 0 auto 40px;
  max-width: 800px;
  font-size: 36px;
  line-height: 44px;
  font-weight: 500;
  color: #2d3237;
}
#become-a-contributor #ready-to-start .container p {
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
  color: #8e929b;
  margin: 0 auto 40px;
  max-width: 820px;
}
#become-a-contributor #ready-to-start .container .btn.btn-green {
  text-transform: none;
  font-size: 16px;
  font-weight: 500;
}
@media screen and (max-width: 992px) {
  #become-a-contributor #ready-to-start .container {
    background-size: 100% 100% !important;
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media screen and (max-width: 768px) {
  #become-a-contributor #ready-to-start .container {
    background-size: 100% 100% !important;
    margin: 0 15px;
    padding-left: 30px;
    padding-right: 30px;
  }
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
#benchmarks .header {
  padding: 142px 0 76px;
  background-image: linear-gradient(
    254.47deg,
    #f7eaff 0.91%,
    #ecffee 33.18%,
    #d6e5f3 68.01%,
    #e2ebf1 99.26%
  );
  background-image: -o-linear-gradient(
    254.47deg,
    #f7eaff 0.91%,
    #ecffee 33.18%,
    #d6e5f3 68.01%,
    #e2ebf1 99.26%
  );
  background-image: -ms-linear-gradient(
    254.47deg,
    #f7eaff 0.91%,
    #ecffee 33.18%,
    #d6e5f3 68.01%,
    #e2ebf1 99.26%
  );
  background-image: -moz-linear-gradient(
    254.47deg,
    #f7eaff 0.91%,
    #ecffee 33.18%,
    #d6e5f3 68.01%,
    #e2ebf1 99.26%
  );
  background-image: -webkit-linear-gradient(
    254.47deg,
    #f7eaff 0.91%,
    #ecffee 33.18%,
    #d6e5f3 68.01%,
    #e2ebf1 99.26%
  );
}
#benchmarks .header img.img-responsive {
  display: block;
  margin: auto;
  width: auto;
}
#benchmarks .header h1 {
  font-weight: 800;
  font-size: 65px;
  line-height: 73px;
  margin: 50px auto 25px;
  max-width: 710px;
  display: block;
  color: #2d3237;
}
#benchmarks .header p {
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
  margin: 0 0 40px;
  color: #2d3237;
}
#benchmarks .header p strong {
  font-weight: 700;
  text-decoration: underline;
  text-decoration-skip-ink: none;
  text-decoration-color: #48b9e5;
  -webkit-text-decoration-color: #48b9e5;
}
#benchmarks .header .btn {
  text-transform: none;
  background-color: #515aa7;
  font-size: 18px;
  font-weight: 500;
  border: 2px solid #515aa7;
}
#benchmarks .header .btn:hover {
  background: #3a4077;
  border: 2px solid #3a4077;
}
#benchmarks .header .mobile-buttons {
  display: none;
}
@media screen and (max-width: 1300px) and (min-width: 1100px) {
  #benchmarks .header {
    padding-top: 100px;
  }
  #benchmarks .header h1 {
    font-size: 52px;
    line-height: 58px;
    margin-top: 40px;
  }
}
@media screen and (max-width: 768px) {
  #benchmarks .header {
    padding-top: 90px;
  }
  #benchmarks .header h1 {
    font-size: 60px;
    line-height: 68px;
  }
}
#benchmarks #section-content {
  text-align: center;
  padding: 72px 0 100px;
}
#benchmarks #section-content h2 {
  font-weight: 500;
  margin: 0 0 32px;
  color: #2d3237;
  font-size: 36px;
  line-height: 44px;
}
#benchmarks #section-content p {
  margin: 0 auto 90px;
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
  color: #8e929b;
  max-width: 1040px;
  display: block;
}
#benchmarks #section-content img {
  display: inline-block;
}
@media screen and (max-width: 768px) {
  #benchmarks #section-content {
    padding: 60px 0 26px;
  }
}
#benchmarks #repeatable-images {
  text-align: center;
  background-image: linear-gradient(
    270deg,
    rgba(248, 234, 255, 0.35) 0,
    rgba(240, 249, 244, 0.4) 100%
  );
  background-image: -o-linear-gradient(
    270deg,
    rgba(248, 234, 255, 0.35) 0,
    rgba(240, 249, 244, 0.4) 100%
  );
  background-image: -ms-linear-gradient(
    270deg,
    rgba(248, 234, 255, 0.35) 0,
    rgba(240, 249, 244, 0.4) 100%
  );
  background-image: -moz-linear-gradient(
    270deg,
    rgba(248, 234, 255, 0.35) 0,
    rgba(240, 249, 244, 0.4) 100%
  );
  background-image: -webkit-linear-gradient(
    270deg,
    rgba(248, 234, 255, 0.35) 0,
    rgba(240, 249, 244, 0.4) 100%
  );
  padding: 96px 0 56px;
}
#benchmarks #repeatable-images h3 {
  font-weight: 500;
  font-size: 36px;
  line-height: 44px;
  margin: 0 0 64px;
  color: #2d3237;
}
#benchmarks #repeatable-images .image-block {
  margin: 0 0 40px;
}
#benchmarks #repeatable-images .image-block .img {
  border-radius: 10px;
  -moz-box-shadow: 0 5px 25px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0 5px 25px rgba(0, 0, 0, 0.05);
  box-shadow: 0 5px 25px rgba(0, 0, 0, 0.05);
}
#benchmarks #repeatable-images .image-block .img img {
  width: 100%;
}
#benchmarks #repeatable-images .image-block .img:hover {
  -moz-box-shadow: 0 10px 55px rgba(37, 37, 37, 0.15);
  -webkit-box-shadow: 0 10px 55px rgba(37, 37, 37, 0.15);
  box-shadow: 0 10px 55px rgba(37, 37, 37, 0.15);
}
@media screen and (max-width: 768px) {
  #benchmarks #repeatable-images {
    padding: 60px 0 26px;
  }
}
#benchmarks .layout-dbl.content {
  padding: 96px 0;
}
#benchmarks .layout-dbl.content h2,
#benchmarks .layout-dbl.content h3 {
  margin: 0 0 24px;
  color: #000;
  font-weight: 500;
  font-size: 36px;
  line-height: 44px;
}
#benchmarks .layout-dbl.content h2 strong,
#benchmarks .layout-dbl.content h3 strong {
  position: relative;
}
#benchmarks .layout-dbl.content p {
  margin: 0 0 16px;
  font-weight: 400;
  color: #8e929b;
}
#benchmarks .product-datas-single {
  text-align: center;
  border: none;
}
#benchmarks .product-datas-single h2 strong,
#benchmarks .product-datas-single h3 strong {
  text-decoration: underline;
  text-decoration-skip-ink: none;
  text-decoration-color: #f57c4e;
  -webkit-text-decoration-color: #f57c4e;
}
#benchmarks .product-datas-single .left,
#benchmarks .product-datas-single .right {
  text-align: left;
}
#benchmarks .product-datas-single ul {
  list-style: none;
  margin-top: 20px;
  padding-left: 0;
}
#benchmarks .product-datas-single ul li {
  font-size: 18px;
  line-height: 28px;
  color: #8e929b;
  font-weight: 400;
  margin: 0 0 36px;
  padding-left: 28px;
  position: relative;
}
#benchmarks .product-datas-single ul li:last-child {
  margin-bottom: 0;
}
#benchmarks .product-datas-single ul li strong {
  font-weight: 500;
  color: #2d3237;
  font-size: 20px;
  line-height: 28px;
  display: block;
  margin-bottom: 16px;
}
#benchmarks .product-datas-single ul li br {
  display: none;
}
#benchmarks .product-datas-single ul li:before {
  display: inline-block;
  font-family: Icons;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  position: relative;
  text-transform: none;
  top: 1px;
  vertical-align: middle;
  font-size: 22px;
  margin-right: 16px;
  position: absolute;
  left: 0;
}
#benchmarks .product-datas-single .btn.btn-green-outline {
  display: inline-block;
  vertical-align: middle;
  border: 2px solid #515aa7;
  background: #515aa7;
  color: #fff;
  font-size: 16px;
  padding-top: 11px;
  padding-bottom: 11px;
  font-weight: 500;
}
#benchmarks .product-datas-single .btn.btn-green-outline:hover {
  background: #3a4077;
  border: 2px solid #3a4077;
}
#benchmarks .product-datas-single ~ .product-datas-single h2 strong,
#benchmarks .product-datas-single ~ .product-datas-single h3 strong {
  text-decoration-color: #48b9e5;
  -webkit-text-decoration-color: #48b9e5;
}
#benchmarks .product-datas-single.no-padding .container {
  padding-left: 15px;
  padding-right: 15px;
}
#benchmarks .product-datas-single.lock ul li:before {
  content: "\e961";
  display: inline-block;
  font-family: Icons;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  position: relative;
  text-transform: none;
  top: 1px;
  vertical-align: middle;
  color: #48b9e5;
  font-size: 22px;
  margin-right: 16px;
  position: absolute;
  left: 0;
}
#benchmarks .product-datas-single.rocket ul li:before {
  content: "\e960";
  display: inline-block;
  font-family: Icons;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  position: relative;
  text-transform: none;
  top: 1px;
  vertical-align: middle;
  color: #515aa7;
  font-size: 22px;
  margin-right: 16px;
  position: absolute;
  left: 0;
}
@media screen and (max-width: 768px) {
  #benchmarks .product-datas-single.layout-dbl.content {
    padding: 60px 0;
  }
}
#benchmarks #companies-group {
  background: url("../img/benchmarks/gradient_background.png") no-repeat center;
  background-size: cover;
  text-align: center;
  padding: 96px 0 76px;
}
#benchmarks #companies-group h3 {
  color: #515aa7;
  font-size: 32px;
  line-height: 40px;
  font-weight: 700;
  margin: 0 0 46px;
}
#benchmarks #companies-group .links {
  font-size: 0;
  margin: auto;
  display: block;
  max-width: 960px;
}
#benchmarks #companies-group .links a.button {
  display: inline-block;
  vertical-align: middle;
  border: 2px solid #4d71f1;
  color: #4d71f1;
  text-align: center;
  padding: 3px 11px;
  border-radius: 8px;
  margin: 0 3px 20px;
  font-size: 16px;
  line-height: 30px;
  font-weight: 700;
}
#benchmarks #companies-group .links a.button:hover {
  background: #4d71f1;
  color: #fff;
  text-decoration: none;
}
@media screen and (max-width: 768px) {
  #benchmarks #companies-group {
    padding: 60px 0 40px;
  }
}
#benchmarks #product-wizard-ui-steps {
  padding: 96px 0;
  background-image: linear-gradient(
    270deg,
    rgba(248, 234, 255, 0.35) 0,
    rgba(240, 249, 244, 0.4) 100%
  );
  background-image: -o-linear-gradient(
    270deg,
    rgba(248, 234, 255, 0.35) 0,
    rgba(240, 249, 244, 0.4) 100%
  );
  background-image: -ms-linear-gradient(
    270deg,
    rgba(248, 234, 255, 0.35) 0,
    rgba(240, 249, 244, 0.4) 100%
  );
  background-image: -moz-linear-gradient(
    270deg,
    rgba(248, 234, 255, 0.35) 0,
    rgba(240, 249, 244, 0.4) 100%
  );
  background-image: -webkit-linear-gradient(
    270deg,
    rgba(248, 234, 255, 0.35) 0,
    rgba(240, 249, 244, 0.4) 100%
  );
  text-align: center;
}
#benchmarks #product-wizard-ui-steps .slick-dots li .step__title {
  font-weight: 400;
}
#benchmarks
  #product-wizard-ui-steps
  .slick-dots
  .slick-active
  .step__number
  .number {
  background-color: #515aa7;
}
#benchmarks #product-wizard-ui-steps .slick-dots .slick-active .step__title {
  color: #515aa7;
}
#benchmarks #product-wizard-ui-steps .images {
  -moz-box-shadow: 5.73576px 8px 30px rgba(8, 14, 30, 0.08);
  -webkit-box-shadow: 5.73576px 8px 30px rgba(8, 14, 30, 0.08);
  box-shadow: 5.73576px 8px 30px rgba(8, 14, 30, 0.08);
  border-radius: 6px;
}
#benchmarks #product-wizard-ui-steps .image-box {
  background: url(../img/benchmarks/wizard_step.png) left top no-repeat;
  background-size: cover;
  padding: 27px 2px 2px;
  border-radius: 6px;
}
#benchmarks #product-wizard-ui-steps .image-box img {
  border: 4px solid #fff;
  border-top: none;
  border-radius: 6px;
}
#benchmarks #product-wizard-ui-steps h2 {
  margin: 0;
  font-size: 36px;
  line-height: 44px;
  color: #2d3237;
  font-weight: 500;
}
#benchmarks #product-wizard-ui-steps .desc {
  margin: auto;
  max-width: 780px;
  text-align: center;
}
#benchmarks #product-wizard-ui-steps .desc p {
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
  margin: 64px 0 0;
}
@media screen and (max-width: 768px) {
  #benchmarks #product-wizard-ui-steps {
    padding: 60px 0;
  }
  #benchmarks #product-wizard-ui-steps .container {
    padding-left: 40px;
    padding-right: 40px;
  }
  #benchmarks #product-wizard-ui-steps .image-box {
    padding-top: 14px;
  }
  #benchmarks #product-wizard-ui-steps .step-wrapper img {
    padding: 0;
  }
  #benchmarks #product-wizard-ui-steps .step-wrapper .description {
    display: none;
  }
  #benchmarks #product-wizard-ui-steps .desc p {
    margin-top: 34px;
  }
}
#benchmarks #what-else {
  padding: 96px 0 32px;
  text-align: center;
  background-image: linear-gradient(
    270deg,
    rgba(248, 234, 255, 0.35) 0,
    rgba(240, 249, 244, 0.4) 100%
  );
  background-image: -o-linear-gradient(
    270deg,
    rgba(248, 234, 255, 0.35) 0,
    rgba(240, 249, 244, 0.4) 100%
  );
  background-image: -ms-linear-gradient(
    270deg,
    rgba(248, 234, 255, 0.35) 0,
    rgba(240, 249, 244, 0.4) 100%
  );
  background-image: -moz-linear-gradient(
    270deg,
    rgba(248, 234, 255, 0.35) 0,
    rgba(240, 249, 244, 0.4) 100%
  );
  background-image: -webkit-linear-gradient(
    270deg,
    rgba(248, 234, 255, 0.35) 0,
    rgba(240, 249, 244, 0.4) 100%
  );
}
#benchmarks #what-else h2 {
  font-size: 36px;
  line-height: 44px;
  font-weight: 500;
  max-width: 575px;
  margin: 0 auto 24px;
  color: #2d3237;
}
#benchmarks #what-else p {
  max-width: 575px;
  margin: 0 auto 65px;
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
  color: #8e929b;
}
#benchmarks #what-else .col-inner {
  text-align: left;
}
#benchmarks #what-else .col-inner .image-box {
  min-height: 210px;
}
#benchmarks #what-else .col-inner h3 {
  margin: 0 0 16px;
}
#benchmarks #what-else .col-inner p {
  max-width: inherit;
  margin: 0 0 65px;
}
@media screen and (max-width: 768px) {
  #benchmarks #what-else {
    padding: 60px 0 30px;
  }
}
#benchmarks #main-value-proposition {
  text-align: center;
  padding: 120px 0;
}
#benchmarks #main-value-proposition h2 {
  margin: 0 auto 64px;
  max-width: 590px;
  font-size: 36px;
  line-height: 44px;
  font-weight: 500;
  color: #2d3237;
}
#benchmarks #main-value-proposition .main-value-bottom-section {
  max-width: 930px;
  margin: 0 auto 96px;
}
#benchmarks #main-value-proposition .main-value-bottom-section p {
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
  color: #8e929b;
}
#benchmarks #main-value-proposition .image-col {
  max-width: 946px;
  margin: 0 auto 56px;
  float: none;
}
#benchmarks #main-value-proposition .image-col .videoholder {
  background: url(../img/benchmarks/wizard_step.png) left top no-repeat;
  background-size: cover;
  padding: 32px 2px 2px;
  border-radius: 6px;
  -moz-box-shadow: 5.73576px 8px 30px rgba(8, 14, 30, 0.15);
  -webkit-box-shadow: 5.73576px 8px 30px rgba(8, 14, 30, 0.15);
  box-shadow: 5.73576px 8px 30px rgba(8, 14, 30, 0.15);
}
#benchmarks #main-value-proposition .image-col .videoholder .image-box {
  border: 4px solid #fff;
  border-top: 0;
  border-radius: 6px;
}
#benchmarks
  #main-value-proposition
  .image-col
  .videoholder
  .image-box
  img.img-responsive {
  border-radius: 6px;
}
#benchmarks #main-value-proposition .main-value-repeater {
  text-align: left;
  margin-bottom: 40px;
}
#benchmarks #main-value-proposition .main-value-repeater p {
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
  color: #8e929b;
}
#benchmarks #main-value-proposition .main-value-repeater .image-box {
  min-height: 68px;
}
#benchmarks #main-value-proposition .main-value-ctas a.btn.btn-green {
  text-transform: none;
  font-size: 16px;
  background: #515aa7;
  border: 2px solid #515aa7;
  font-weight: 500;
}
#benchmarks #main-value-proposition .main-value-ctas a.btn.btn-green:hover {
  background: #3a4077;
  border: 2px solid #3a4077;
}
#benchmarks #main-value-proposition .main-value-ctas .buttons-description {
  margin-top: 32px;
}
#benchmarks #main-value-proposition .main-value-ctas .buttons-description p {
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
  color: #8e929b;
}
#benchmarks #main-value-proposition .main-value-ctas .buttons-description p a {
  color: #4d71f1;
}
@media screen and (max-width: 768px) {
  #benchmarks #main-value-proposition {
    padding: 60px 0;
  }
  #benchmarks #main-value-proposition .row {
    margin: 0;
  }
  #benchmarks #main-value-proposition .main-value-bottom-section {
    padding: 0 15px;
  }
  #benchmarks #main-value-proposition .main-value-repeater {
    padding: 0 15px;
  }
  #benchmarks #main-value-proposition .main-value-repeater .image-box {
    min-height: auto;
    margin-bottom: 10px;
  }
  #benchmarks #main-value-proposition .main-value-repeater .col {
    margin-bottom: 30px;
    padding: 0;
  }
}
#benchmarks .product-datas-multiple .container {
  padding-left: 85px;
  padding-right: 85px;
}
#benchmarks .product-datas-multiple.layout-dbl.content h3 {
  color: #2d3237;
  font-size: 29px;
  line-height: 37px;
  margin-bottom: 24px;
  font-weight: 500;
}
#benchmarks .product-datas-multiple ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
#benchmarks .product-datas-multiple ul li {
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
  color: #8e929b;
  margin-bottom: 20px;
  position: relative;
  padding-left: 30px;
}
#benchmarks .product-datas-multiple ul li strong {
  font-weight: 700;
}
#benchmarks .product-datas-multiple ul li::before {
  content: "\e002";
  display: inline-block;
  font-family: Icons;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  position: absolute;
  left: 0;
  top: 5px;
  text-transform: none;
  vertical-align: middle;
  color: #2ab674;
  font-size: 13px;
  margin-right: 16px;
}
#benchmarks .product-datas-multiple#product-any-data-1 {
  border-top: 0;
  padding-top: 72px;
}
@media screen and (max-width: 768px) {
  #benchmarks .product-datas-multiple.content.layout-dbl {
    padding: 60px 0;
  }
  #benchmarks .product-datas-multiple.content.layout-dbl .img img {
    margin: 10px auto 40px;
  }
  #benchmarks .product-datas-multiple .container {
    padding: 0 15px;
  }
}
#benchmarks #product-any-data-content {
  border-top: 1px solid #e8e9eb;
  text-align: center;
  padding-top: 120px;
}
#benchmarks #product-any-data-content h2 {
  margin: 0 auto 24px;
  max-width: 540px;
  font-size: 36px;
  line-height: 44px;
  font-weight: 500;
  color: #2d3237;
}
#benchmarks #product-any-data-content p {
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
  color: #8e929b;
  margin: auto;
  max-width: 820px;
}
@media screen and (max-width: 768px) {
  #benchmarks #product-any-data-content {
    padding-top: 90px;
  }
}
#benchmarks #awards {
  padding: 0;
}
#benchmarks #awards .badges {
  display: flex;
  justify-content: center;
  text-align: center;
}
#benchmarks #awards .badges .badge-images {
  margin-bottom: 24px;
}
#benchmarks #awards .badges .badge-images img {
  display: block;
  clear: both;
  margin: 0 auto 24px;
}
#benchmarks #awards .badges .badge-text {
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
  color: #8e929b;
}
#benchmarks #awards .badges .badge-text strong {
  color: #2d3237;
  font-weight: 500;
}
#benchmarks #awards .badges .badge-text a {
  text-decoration: underline;
  font-weight: 700;
  color: #4d71f1;
  display: block;
}
@media screen and (max-width: 768px) {
  #benchmarks #awards .badges {
    display: block;
  }
  #benchmarks #awards .badges .col-badges {
    margin-bottom: 40px;
  }
}
#benchmarks #ready-to-start {
  text-align: center;
  padding-bottom: 96px;
}
#benchmarks #ready-to-start .container {
  padding: 68px 0 68px;
}
#benchmarks #ready-to-start .container h2 {
  margin: 0 auto 24px;
  max-width: 540px;
  font-size: 36px;
  line-height: 44px;
  font-weight: 500;
  color: #2d3237;
}
#benchmarks #ready-to-start .container p {
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
  color: #8e929b;
  margin: 0 auto 40px;
  max-width: 820px;
}
#benchmarks #ready-to-start .container .btn.btn-green {
  text-transform: none;
  font-size: 16px;
  background: #515aa7;
  border: 2px solid #515aa7;
  font-weight: 500;
}
#benchmarks #ready-to-start .container .btn.btn-green:hover {
  background: #3a4077;
  border: 2px solid #3a4077;
}
@media screen and (max-width: 992px) {
  #benchmarks #ready-to-start .container {
    background-size: 100% 100% !important;
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media screen and (max-width: 768px) {
  #benchmarks #ready-to-start .container {
    background-size: 100% 100% !important;
    margin: 0 15px;
    padding-left: 30px;
    padding-right: 30px;
  }
}
#benchmark-home {
  background-image: linear-gradient(
    180deg,
    rgba(248, 234, 255, 0.75) -0.87%,
    rgba(240, 249, 244, 0.8) 103.38%
  );
  background-image: -o-linear-gradient(
    180deg,
    rgba(248, 234, 255, 0.75) -0.87%,
    rgba(240, 249, 244, 0.8) 103.38%
  );
  background-image: -ms-linear-gradient(
    180deg,
    rgba(248, 234, 255, 0.75) -0.87%,
    rgba(240, 249, 244, 0.8) 103.38%
  );
  background-image: -moz-linear-gradient(
    180deg,
    rgba(248, 234, 255, 0.75) -0.87%,
    rgba(240, 249, 244, 0.8) 103.38%
  );
  background-image: -webkit-linear-gradient(
    180deg,
    rgba(248, 234, 255, 0.75) -0.87%,
    rgba(240, 249, 244, 0.8) 103.38%
  );
  padding: 116px 0;
}
#benchmark-home .image-box img {
  max-width: 100%;
}
#benchmark-home .row {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
#benchmark-home .content-box h2 {
  margin: 0 auto 24px;
  font-size: 36px;
  line-height: 42px;
  font-weight: 500;
  color: #2d3237;
}
#benchmark-home .content-box p {
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
  color: #8e929b;
  margin: 0 auto 30px;
}
#benchmark-home .content-box .btn.btn-purple {
  border: 2px solid #515aa7;
  background: #515aa7;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.8px;
  font-weight: 700;
  text-transform: none;
  font-weight: 500;
}
#benchmark-home .content-box .btn.btn-purple:hover {
  background: #3a4077;
  border: 2px solid #3a4077;
}
@media screen and (max-width: 768px) {
  #benchmark-home {
    padding: 75px 0;
  }
  #benchmark-home .row {
    flex-direction: column;
  }
  #benchmark-home .image-box {
    margin-bottom: 40px;
  }
  #benchmark-home .image-box img {
    max-width: 570px;
    width: 100%;
  }
  #benchmark-home .content-box .btn {
    display: inline-block;
  }
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
#business-analytics-for-everyone {
  background-color: #e6eff4;
  padding: 70px 0;
  overflow: hidden;
}
#business-analytics-for-everyone > .container > div:last-of-type {
  display: flex;
}
#business-analytics-for-everyone #business-analytics-for-everyone-header {
  text-align: center;
  margin-bottom: 50px;
}
#business-analytics-for-everyone #business-analytics-for-everyone-header h6 {
  color: #4d71f1;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  margin: 0;
}
#business-analytics-for-everyone #business-analytics-for-everyone-header h2 {
  color: #1c1d1f;
  font-size: 42px;
  font-weight: 800;
  line-height: 62px;
  letter-spacing: 0.5px;
  margin: 0;
}
#business-analytics-for-everyone #business-analytics-for-everyone-content {
  margin: auto 0;
}
#business-analytics-for-everyone
  #business-analytics-for-everyone-content
  > p:first-of-type {
  margin-bottom: 24px;
  color: #55585d;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0.3px;
}
#business-analytics-for-everyone
  #business-analytics-for-everyone-content
  > div:first-of-type {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 40px;
}
#business-analytics-for-everyone
  #business-analytics-for-everyone-content
  > div:first-of-type
  .card {
  display: flex;
  align-items: center;
  padding: 12px;
  gap: 8px;
  border-radius: 6px;
  border: 1px solid #fff;
  background: #fff;
  box-shadow: 4px 4px 22px 0 rgba(117, 128, 136, 0.1);
}
@media screen and (max-width: 768px) {
  #business-analytics-for-everyone
    #business-analytics-for-everyone-content
    > div:first-of-type
    .card {
    flex: 1 0 100%;
  }
}
#business-analytics-for-everyone
  #business-analytics-for-everyone-content
  > div:first-of-type
  .card
  label {
  color: #55585d;
  font-size: 13px;
  font-weight: 500;
  margin: 0;
}
#business-analytics-for-everyone
  #business-analytics-for-everyone-content
  > div:first-of-type
  .card
  .icon {
  font-size: 15px;
}
#business-analytics-for-everyone
  #business-analytics-for-everyone-content
  > div:first-of-type
  .card
  .icon-box-123 {
  color: #2e4797;
}
#business-analytics-for-everyone
  #business-analytics-for-everyone-content
  > div:first-of-type
  .card
  .icon-datawall {
  color: #405ed1;
}
#business-analytics-for-everyone
  #business-analytics-for-everyone-content
  > div:first-of-type
  .card
  .icon-present {
  color: #f47920;
}
#business-analytics-for-everyone
  #business-analytics-for-everyone-content
  > div:first-of-type
  .card
  .icon-goal-3 {
  color: #25a767;
}
#business-analytics-for-everyone
  #business-analytics-for-everyone-content
  > div:first-of-type
  .card
  .icon-benchmarks {
  color: #7540ab;
}
#business-analytics-for-everyone
  #business-analytics-for-everyone-content
  > div:first-of-type
  .card
  .icon-mag-glass {
  color: #f4bb42;
}
#business-analytics-for-everyone #business-analytics-for-everyone-form {
  padding: 32px;
  background-color: #d1e6ed;
  border: 1px solid #4976df86;
  border-radius: 12px;
}
#business-analytics-for-everyone
  #business-analytics-for-everyone-form
  .signupBox {
  text-align: center;
  margin: unset;
  width: unset;
}
#business-analytics-for-everyone
  #business-analytics-for-everyone-form
  .signupBox
  input {
  border: none;
}
#business-analytics-for-everyone #business-analytics-for-everyone-form small {
  color: rgba(142, 146, 155, 0.8);
  text-align: left;
  font-weight: 500;
}
#business-analytics-for-everyone #business-analytics-for-everyone-form > div {
  padding: 8px 16px;
  display: flex;
  gap: 16px;
}
#business-analytics-for-everyone
  #business-analytics-for-everyone-form
  > div
  > div {
  display: flex;
  gap: 0 4px;
  font-size: 10px;
}
#business-analytics-for-everyone
  #business-analytics-for-everyone-form
  > div
  > div
  .icon-check {
  color: #25a767;
}
#business-analytics-for-everyone
  #business-analytics-for-everyone-form
  > div
  > div
  span:last-of-type {
  color: rgba(142, 146, 155, 0.8);
  font-weight: 400;
  text-transform: uppercase;
}
#business-analytics-for-everyone #business-analytics-for-everyone-image {
  margin-left: 90px;
}
#business-analytics-for-everyone #business-analytics-for-everyone-image > img {
  width: 100%;
}
.blog-section-margin {
  margin-block: 48px;
}
@media screen and (min-width: 768px) {
  .blog-section-margin {
    margin-block: 64px;
  }
}
.blog-section-margin-bottom {
  margin-bottom: 48px;
}
@media screen and (min-width: 768px) {
  .blog-section-margin-bottom {
    margin-bottom: 64px;
  }
}
.blog-section-margin-top {
  margin-top: 48px;
}
@media screen and (min-width: 768px) {
  .blog-section-margin-top {
    margin-top: 64px;
  }
}
.blog-section-padding {
  padding-block: 48px;
}
@media screen and (min-width: 768px) {
  .blog-section-padding {
    padding-block: 64px;
  }
}
.blog-section-padding-top {
  padding-top: 48px;
}
@media screen and (min-width: 768px) {
  .blog-section-padding-top {
    padding-top: 64px;
  }
}
.blog-section-padding-bottom {
  padding-bottom: 48px;
}
@media screen and (min-width: 768px) {
  .blog-section-padding-bottom {
    padding-bottom: 64px;
  }
}
#blog-author-page,
#blog-categories,
#blog-category-page,
#blog-home-page,
#blog-post {
  position: relative;
}
#blog-author-page .blog-basic-hero-header,
#blog-categories .blog-basic-hero-header,
#blog-category-page .blog-basic-hero-header,
#blog-home-page .blog-basic-hero-header,
#blog-post .blog-basic-hero-header {
  text-align: center;
  padding-top: 220px;
  margin-bottom: 48px;
}
#blog-author-page .blog-basic-hero-header .dbx-container,
#blog-categories .blog-basic-hero-header .dbx-container,
#blog-category-page .blog-basic-hero-header .dbx-container,
#blog-home-page .blog-basic-hero-header .dbx-container,
#blog-post .blog-basic-hero-header .dbx-container {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
#blog-author-page .blog-basic-hero-header h1,
#blog-categories .blog-basic-hero-header h1,
#blog-category-page .blog-basic-hero-header h1,
#blog-home-page .blog-basic-hero-header h1,
#blog-post .blog-basic-hero-header h1 {
  color: #000;
  margin: 0;
  font-weight: 700;
}
#blog-author-page .blog-basic-hero-header p,
#blog-categories .blog-basic-hero-header p,
#blog-category-page .blog-basic-hero-header p,
#blog-home-page .blog-basic-hero-header p,
#blog-post .blog-basic-hero-header p {
  color: rgba(142, 146, 155, 0.9);
}
#blog-author-page .dbx-move-the-needle-newsletter,
#blog-categories .dbx-move-the-needle-newsletter,
#blog-category-page .dbx-move-the-needle-newsletter,
#blog-home-page .dbx-move-the-needle-newsletter,
#blog-post .dbx-move-the-needle-newsletter {
  margin-block: 48px;
}
@media screen and (min-width: 768px) {
  #blog-author-page .dbx-move-the-needle-newsletter,
  #blog-categories .dbx-move-the-needle-newsletter,
  #blog-category-page .dbx-move-the-needle-newsletter,
  #blog-home-page .dbx-move-the-needle-newsletter,
  #blog-post .dbx-move-the-needle-newsletter {
    margin-block: 64px;
  }
}
#blog-author-page .sticky-bottom-form,
#blog-categories .sticky-bottom-form,
#blog-category-page .sticky-bottom-form,
#blog-home-page .sticky-bottom-form,
#blog-post .sticky-bottom-form {
  position: fixed;
  bottom: -100px;
  width: 100%;
  left: 0;
  z-index: 99;
  text-align: center;
  transition: bottom 0.25s ease-in-out;
}
#blog-author-page .sticky-bottom-form .sticky-form-close,
#blog-categories .sticky-bottom-form .sticky-form-close,
#blog-category-page .sticky-bottom-form .sticky-form-close,
#blog-home-page .sticky-bottom-form .sticky-form-close,
#blog-post .sticky-bottom-form .sticky-form-close {
  width: 50px;
  height: 30px;
  border-radius: 6px 6px 0 0;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  position: absolute;
  right: 15%;
  bottom: 0;
  z-index: 4;
  background: #fff;
  cursor: pointer;
}
#blog-author-page .sticky-bottom-form .sticky-form-close .icon,
#blog-categories .sticky-bottom-form .sticky-form-close .icon,
#blog-category-page .sticky-bottom-form .sticky-form-close .icon,
#blog-home-page .sticky-bottom-form .sticky-form-close .icon,
#blog-post .sticky-bottom-form .sticky-form-close .icon {
  display: block;
  transform: rotate(270deg);
  margin: 7px auto 0;
}
#blog-author-page .sticky-bottom-form .sticky-form-close::after,
#blog-categories .sticky-bottom-form .sticky-form-close::after,
#blog-category-page .sticky-bottom-form .sticky-form-close::after,
#blog-home-page .sticky-bottom-form .sticky-form-close::after,
#blog-post .sticky-bottom-form .sticky-form-close::after {
  content: "";
  position: absolute;
  bottom: -10px;
  width: 100%;
  display: block;
  background: #fff;
  height: 10px;
}
#blog-author-page .sticky-bottom-form.active .sticky-form-close,
#blog-categories .sticky-bottom-form.active .sticky-form-close,
#blog-category-page .sticky-bottom-form.active .sticky-form-close,
#blog-home-page .sticky-bottom-form.active .sticky-form-close,
#blog-post .sticky-bottom-form.active .sticky-form-close {
  bottom: 100px;
}
#blog-author-page .sticky-bottom-form.active .sticky-form-close .icon,
#blog-categories .sticky-bottom-form.active .sticky-form-close .icon,
#blog-category-page .sticky-bottom-form.active .sticky-form-close .icon,
#blog-home-page .sticky-bottom-form.active .sticky-form-close .icon,
#blog-post .sticky-bottom-form.active .sticky-form-close .icon {
  display: block;
  transform: rotate(90deg);
  margin: 7px auto 0;
}
@media screen and (max-width: 992px) {
  #blog-author-page .sticky-bottom-form.active .sticky-form-close,
  #blog-categories .sticky-bottom-form.active .sticky-form-close,
  #blog-category-page .sticky-bottom-form.active .sticky-form-close,
  #blog-home-page .sticky-bottom-form.active .sticky-form-close,
  #blog-post .sticky-bottom-form.active .sticky-form-close {
    bottom: 285px;
  }
}
#blog-author-page .sticky-bottom-form .sticky-form-holder,
#blog-categories .sticky-bottom-form .sticky-form-holder,
#blog-category-page .sticky-bottom-form .sticky-form-holder,
#blog-home-page .sticky-bottom-form .sticky-form-holder,
#blog-post .sticky-bottom-form .sticky-form-holder {
  background: #fff;
  width: 100%;
  text-align: center;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  padding: 10px;
  height: 100px;
  position: relative;
  z-index: 3;
  display: none;
  align-items: center;
  justify-content: start;
  flex-direction: column;
}
#blog-author-page
  .sticky-bottom-form
  .sticky-form-holder
  .sticky-form-holder__legal,
#blog-categories
  .sticky-bottom-form
  .sticky-form-holder
  .sticky-form-holder__legal,
#blog-category-page
  .sticky-bottom-form
  .sticky-form-holder
  .sticky-form-holder__legal,
#blog-home-page
  .sticky-bottom-form
  .sticky-form-holder
  .sticky-form-holder__legal,
#blog-post .sticky-bottom-form .sticky-form-holder .sticky-form-holder__legal {
  font-size: 0.775rem;
  color: rgba(142, 146, 155, 0.9);
}
#blog-author-page
  .sticky-bottom-form
  .sticky-form-holder
  .sticky-form-holder__legal
  a,
#blog-categories
  .sticky-bottom-form
  .sticky-form-holder
  .sticky-form-holder__legal
  a,
#blog-category-page
  .sticky-bottom-form
  .sticky-form-holder
  .sticky-form-holder__legal
  a,
#blog-home-page
  .sticky-bottom-form
  .sticky-form-holder
  .sticky-form-holder__legal
  a,
#blog-post
  .sticky-bottom-form
  .sticky-form-holder
  .sticky-form-holder__legal
  a {
  color: rgba(142, 146, 155, 0.9);
  font-weight: 400;
  margin: 0;
  font-size: inherit;
}
#blog-author-page .sticky-bottom-form .sticky-form-holder div,
#blog-author-page .sticky-bottom-form .sticky-form-holder p.title,
#blog-categories .sticky-bottom-form .sticky-form-holder div,
#blog-categories .sticky-bottom-form .sticky-form-holder p.title,
#blog-category-page .sticky-bottom-form .sticky-form-holder div,
#blog-category-page .sticky-bottom-form .sticky-form-holder p.title,
#blog-home-page .sticky-bottom-form .sticky-form-holder div,
#blog-home-page .sticky-bottom-form .sticky-form-holder p.title,
#blog-post .sticky-bottom-form .sticky-form-holder div,
#blog-post .sticky-bottom-form .sticky-form-holder p.title {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
}
#blog-author-page .sticky-bottom-form .sticky-form-holder p.title,
#blog-categories .sticky-bottom-form .sticky-form-holder p.title,
#blog-category-page .sticky-bottom-form .sticky-form-holder p.title,
#blog-home-page .sticky-bottom-form .sticky-form-holder p.title,
#blog-post .sticky-bottom-form .sticky-form-holder p.title {
  font-weight: 500;
  color: #2d3237;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0;
}
#blog-author-page .sticky-bottom-form .sticky-form-holder a,
#blog-categories .sticky-bottom-form .sticky-form-holder a,
#blog-category-page .sticky-bottom-form .sticky-form-holder a,
#blog-home-page .sticky-bottom-form .sticky-form-holder a,
#blog-post .sticky-bottom-form .sticky-form-holder a {
  margin-left: 20px;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 0;
  color: #000;
  text-decoration: underline;
}
#blog-author-page .sticky-bottom-form .sticky-form-holder a:hover,
#blog-categories .sticky-bottom-form .sticky-form-holder a:hover,
#blog-category-page .sticky-bottom-form .sticky-form-holder a:hover,
#blog-home-page .sticky-bottom-form .sticky-form-holder a:hover,
#blog-post .sticky-bottom-form .sticky-form-holder a:hover {
  color: #4d71f1;
  text-decoration: none;
}
#blog-author-page .sticky-bottom-form .sticky-form-holder .submitted-message p,
#blog-categories .sticky-bottom-form .sticky-form-holder .submitted-message p,
#blog-category-page
  .sticky-bottom-form
  .sticky-form-holder
  .submitted-message
  p,
#blog-home-page .sticky-bottom-form .sticky-form-holder .submitted-message p,
#blog-post .sticky-bottom-form .sticky-form-holder .submitted-message p {
  color: #25a767;
  font-size: 20px;
  margin: 16px 0 0;
}
@media screen and (max-width: 992px) {
  #blog-author-page
    .sticky-bottom-form
    .sticky-form-holder
    .submitted-message
    p,
  #blog-categories .sticky-bottom-form .sticky-form-holder .submitted-message p,
  #blog-category-page
    .sticky-bottom-form
    .sticky-form-holder
    .submitted-message
    p,
  #blog-home-page .sticky-bottom-form .sticky-form-holder .submitted-message p,
  #blog-post .sticky-bottom-form .sticky-form-holder .submitted-message p {
    margin-top: 40px;
  }
}
#blog-author-page .sticky-bottom-form .sticky-form-holder .hs-form-private,
#blog-categories .sticky-bottom-form .sticky-form-holder .hs-form-private,
#blog-category-page .sticky-bottom-form .sticky-form-holder .hs-form-private,
#blog-home-page .sticky-bottom-form .sticky-form-holder .hs-form-private,
#blog-post .sticky-bottom-form .sticky-form-holder .hs-form-private {
  position: relative;
}
#blog-author-page .sticky-bottom-form .sticky-form-holder .hs_email,
#blog-categories .sticky-bottom-form .sticky-form-holder .hs_email,
#blog-category-page .sticky-bottom-form .sticky-form-holder .hs_email,
#blog-home-page .sticky-bottom-form .sticky-form-holder .hs_email,
#blog-post .sticky-bottom-form .sticky-form-holder .hs_email {
  margin-left: 20px;
  position: relative;
}
#blog-author-page .sticky-bottom-form .sticky-form-holder .hs_email label,
#blog-categories .sticky-bottom-form .sticky-form-holder .hs_email label,
#blog-category-page .sticky-bottom-form .sticky-form-holder .hs_email label,
#blog-home-page .sticky-bottom-form .sticky-form-holder .hs_email label,
#blog-post .sticky-bottom-form .sticky-form-holder .hs_email label {
  display: none;
}
#blog-author-page .sticky-bottom-form .sticky-form-holder .hs_email .hs-input,
#blog-categories .sticky-bottom-form .sticky-form-holder .hs_email .hs-input,
#blog-category-page .sticky-bottom-form .sticky-form-holder .hs_email .hs-input,
#blog-home-page .sticky-bottom-form .sticky-form-holder .hs_email .hs-input,
#blog-post .sticky-bottom-form .sticky-form-holder .hs_email .hs-input {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  width: 100%;
}
#blog-author-page
  .sticky-bottom-form
  .sticky-form-holder
  .hs_email
  ul.hs-error-msgs,
#blog-categories
  .sticky-bottom-form
  .sticky-form-holder
  .hs_email
  ul.hs-error-msgs,
#blog-category-page
  .sticky-bottom-form
  .sticky-form-holder
  .hs_email
  ul.hs-error-msgs,
#blog-home-page
  .sticky-bottom-form
  .sticky-form-holder
  .hs_email
  ul.hs-error-msgs,
#blog-post .sticky-bottom-form .sticky-form-holder .hs_email ul.hs-error-msgs {
  display: none;
}
#blog-author-page
  .sticky-bottom-form
  .sticky-form-holder
  .hs_email
  .hs_error_rollup,
#blog-categories
  .sticky-bottom-form
  .sticky-form-holder
  .hs_email
  .hs_error_rollup,
#blog-category-page
  .sticky-bottom-form
  .sticky-form-holder
  .hs_email
  .hs_error_rollup,
#blog-home-page
  .sticky-bottom-form
  .sticky-form-holder
  .hs_email
  .hs_error_rollup,
#blog-post .sticky-bottom-form .sticky-form-holder .hs_email .hs_error_rollup {
  position: absolute;
  width: 100%;
  text-align: left;
  bottom: -25px;
  left: 0;
}
#blog-author-page
  .sticky-bottom-form
  .sticky-form-holder
  .hs_email
  .hs_error_rollup
  ul.hs-error-msgs,
#blog-categories
  .sticky-bottom-form
  .sticky-form-holder
  .hs_email
  .hs_error_rollup
  ul.hs-error-msgs,
#blog-category-page
  .sticky-bottom-form
  .sticky-form-holder
  .hs_email
  .hs_error_rollup
  ul.hs-error-msgs,
#blog-home-page
  .sticky-bottom-form
  .sticky-form-holder
  .hs_email
  .hs_error_rollup
  ul.hs-error-msgs,
#blog-post
  .sticky-bottom-form
  .sticky-form-holder
  .hs_email
  .hs_error_rollup
  ul.hs-error-msgs {
  list-style: none;
  padding: 0 0 0 16px;
  margin: 0;
  color: #f76868;
  font-size: 14px;
}
#blog-author-page
  .sticky-bottom-form
  .sticky-form-holder
  .hs_email
  .hs_error_rollup
  ul.hs-error-msgs
  li,
#blog-categories
  .sticky-bottom-form
  .sticky-form-holder
  .hs_email
  .hs_error_rollup
  ul.hs-error-msgs
  li,
#blog-category-page
  .sticky-bottom-form
  .sticky-form-holder
  .hs_email
  .hs_error_rollup
  ul.hs-error-msgs
  li,
#blog-home-page
  .sticky-bottom-form
  .sticky-form-holder
  .hs_email
  .hs_error_rollup
  ul.hs-error-msgs
  li,
#blog-post
  .sticky-bottom-form
  .sticky-form-holder
  .hs_email
  .hs_error_rollup
  ul.hs-error-msgs
  li {
  margin: 0;
}
#blog-author-page
  .sticky-bottom-form
  .sticky-form-holder
  .hs_email
  .hs_error_rollup
  ul.hs-error-msgs
  li:before,
#blog-categories
  .sticky-bottom-form
  .sticky-form-holder
  .hs_email
  .hs_error_rollup
  ul.hs-error-msgs
  li:before,
#blog-category-page
  .sticky-bottom-form
  .sticky-form-holder
  .hs_email
  .hs_error_rollup
  ul.hs-error-msgs
  li:before,
#blog-home-page
  .sticky-bottom-form
  .sticky-form-holder
  .hs_email
  .hs_error_rollup
  ul.hs-error-msgs
  li:before,
#blog-post
  .sticky-bottom-form
  .sticky-form-holder
  .hs_email
  .hs_error_rollup
  ul.hs-error-msgs
  li:before {
  display: none;
}
#blog-author-page
  .sticky-bottom-form
  .sticky-form-holder
  .hs_email
  .hs_error_rollup
  ul.hs-error-msgs
  label,
#blog-categories
  .sticky-bottom-form
  .sticky-form-holder
  .hs_email
  .hs_error_rollup
  ul.hs-error-msgs
  label,
#blog-category-page
  .sticky-bottom-form
  .sticky-form-holder
  .hs_email
  .hs_error_rollup
  ul.hs-error-msgs
  label,
#blog-home-page
  .sticky-bottom-form
  .sticky-form-holder
  .hs_email
  .hs_error_rollup
  ul.hs-error-msgs
  label,
#blog-post
  .sticky-bottom-form
  .sticky-form-holder
  .hs_email
  .hs_error_rollup
  ul.hs-error-msgs
  label {
  display: block;
}
#blog-author-page .sticky-bottom-form .sticky-form-holder .hs_error_rollup,
#blog-categories .sticky-bottom-form .sticky-form-holder .hs_error_rollup,
#blog-category-page .sticky-bottom-form .sticky-form-holder .hs_error_rollup,
#blog-home-page .sticky-bottom-form .sticky-form-holder .hs_error_rollup,
#blog-post .sticky-bottom-form .sticky-form-holder .hs_error_rollup {
  position: absolute;
  bottom: -12px;
  left: 20px;
}
#blog-author-page .sticky-bottom-form .sticky-form-holder .hs_error_rollup ul,
#blog-categories .sticky-bottom-form .sticky-form-holder .hs_error_rollup ul,
#blog-category-page .sticky-bottom-form .sticky-form-holder .hs_error_rollup ul,
#blog-home-page .sticky-bottom-form .sticky-form-holder .hs_error_rollup ul,
#blog-post .sticky-bottom-form .sticky-form-holder .hs_error_rollup ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#blog-author-page
  .sticky-bottom-form
  .sticky-form-holder
  .hs_error_rollup
  ul
  li,
#blog-categories .sticky-bottom-form .sticky-form-holder .hs_error_rollup ul li,
#blog-category-page
  .sticky-bottom-form
  .sticky-form-holder
  .hs_error_rollup
  ul
  li,
#blog-home-page .sticky-bottom-form .sticky-form-holder .hs_error_rollup ul li,
#blog-post .sticky-bottom-form .sticky-form-holder .hs_error_rollup ul li {
  margin: 0;
}
#blog-author-page .sticky-bottom-form .sticky-form-holder .submitted-message p,
#blog-categories .sticky-bottom-form .sticky-form-holder .submitted-message p,
#blog-category-page
  .sticky-bottom-form
  .sticky-form-holder
  .submitted-message
  p,
#blog-home-page .sticky-bottom-form .sticky-form-holder .submitted-message p,
#blog-post .sticky-bottom-form .sticky-form-holder .submitted-message p {
  margin-top: 0;
}
#blog-author-page .sticky-bottom-form .sticky-form-holder .hs_submit,
#blog-categories .sticky-bottom-form .sticky-form-holder .hs_submit,
#blog-category-page .sticky-bottom-form .sticky-form-holder .hs_submit,
#blog-home-page .sticky-bottom-form .sticky-form-holder .hs_submit,
#blog-post .sticky-bottom-form .sticky-form-holder .hs_submit {
  margin-left: 20px;
}
#blog-author-page
  .sticky-bottom-form
  .sticky-form-holder
  .hs_submit
  .actions
  .hs-button,
#blog-categories
  .sticky-bottom-form
  .sticky-form-holder
  .hs_submit
  .actions
  .hs-button,
#blog-category-page
  .sticky-bottom-form
  .sticky-form-holder
  .hs_submit
  .actions
  .hs-button,
#blog-home-page
  .sticky-bottom-form
  .sticky-form-holder
  .hs_submit
  .actions
  .hs-button,
#blog-post
  .sticky-bottom-form
  .sticky-form-holder
  .hs_submit
  .actions
  .hs-button {
  background-color: #25a767;
  color: #fff;
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  text-transform: none;
}
#blog-author-page
  .sticky-bottom-form
  .sticky-form-holder
  .hs_submit
  .actions
  .hs-button:hover,
#blog-categories
  .sticky-bottom-form
  .sticky-form-holder
  .hs_submit
  .actions
  .hs-button:hover,
#blog-category-page
  .sticky-bottom-form
  .sticky-form-holder
  .hs_submit
  .actions
  .hs-button:hover,
#blog-home-page
  .sticky-bottom-form
  .sticky-form-holder
  .hs_submit
  .actions
  .hs-button:hover,
#blog-post
  .sticky-bottom-form
  .sticky-form-holder
  .hs_submit
  .actions
  .hs-button:hover {
  background-color: #20925a;
}
@media screen and (max-width: 992px) {
  #blog-author-page
    .sticky-bottom-form
    .sticky-form-holder
    .hs_submit
    .actions
    .hs-button,
  #blog-categories
    .sticky-bottom-form
    .sticky-form-holder
    .hs_submit
    .actions
    .hs-button,
  #blog-category-page
    .sticky-bottom-form
    .sticky-form-holder
    .hs_submit
    .actions
    .hs-button,
  #blog-home-page
    .sticky-bottom-form
    .sticky-form-holder
    .hs_submit
    .actions
    .hs-button,
  #blog-post
    .sticky-bottom-form
    .sticky-form-holder
    .hs_submit
    .actions
    .hs-button {
    width: 100%;
  }
}
@media screen and (max-width: 992px) {
  #blog-author-page .sticky-bottom-form .sticky-form-holder,
  #blog-categories .sticky-bottom-form .sticky-form-holder,
  #blog-category-page .sticky-bottom-form .sticky-form-holder,
  #blog-home-page .sticky-bottom-form .sticky-form-holder,
  #blog-post .sticky-bottom-form .sticky-form-holder {
    height: 285px;
    padding-top: 25px;
    flex-direction: column;
    gap: 8px;
  }
  #blog-author-page
    .sticky-bottom-form
    .sticky-form-holder
    .sticky-form-holder__content,
  #blog-categories
    .sticky-bottom-form
    .sticky-form-holder
    .sticky-form-holder__content,
  #blog-category-page
    .sticky-bottom-form
    .sticky-form-holder
    .sticky-form-holder__content,
  #blog-home-page
    .sticky-bottom-form
    .sticky-form-holder
    .sticky-form-holder__content,
  #blog-post
    .sticky-bottom-form
    .sticky-form-holder
    .sticky-form-holder__content {
    max-width: 300px;
  }
  #blog-author-page .sticky-bottom-form .sticky-form-holder .hbspt-form,
  #blog-categories .sticky-bottom-form .sticky-form-holder .hbspt-form,
  #blog-category-page .sticky-bottom-form .sticky-form-holder .hbspt-form,
  #blog-home-page .sticky-bottom-form .sticky-form-holder .hbspt-form,
  #blog-post .sticky-bottom-form .sticky-form-holder .hbspt-form {
    margin: auto;
    display: block;
    max-width: 80%;
  }
  #blog-author-page .sticky-bottom-form .sticky-form-holder div,
  #blog-author-page .sticky-bottom-form .sticky-form-holder p,
  #blog-categories .sticky-bottom-form .sticky-form-holder div,
  #blog-categories .sticky-bottom-form .sticky-form-holder p,
  #blog-category-page .sticky-bottom-form .sticky-form-holder div,
  #blog-category-page .sticky-bottom-form .sticky-form-holder p,
  #blog-home-page .sticky-bottom-form .sticky-form-holder div,
  #blog-home-page .sticky-bottom-form .sticky-form-holder p,
  #blog-post .sticky-bottom-form .sticky-form-holder div,
  #blog-post .sticky-bottom-form .sticky-form-holder p {
    display: block;
  }
  #blog-author-page .sticky-bottom-form .sticky-form-holder p,
  #blog-categories .sticky-bottom-form .sticky-form-holder p,
  #blog-category-page .sticky-bottom-form .sticky-form-holder p,
  #blog-home-page .sticky-bottom-form .sticky-form-holder p,
  #blog-post .sticky-bottom-form .sticky-form-holder p {
    margin-bottom: 15px;
  }
  #blog-author-page .sticky-bottom-form .sticky-form-holder p.title,
  #blog-categories .sticky-bottom-form .sticky-form-holder p.title,
  #blog-category-page .sticky-bottom-form .sticky-form-holder p.title,
  #blog-home-page .sticky-bottom-form .sticky-form-holder p.title,
  #blog-post .sticky-bottom-form .sticky-form-holder p.title {
    margin-bottom: 20px;
  }
  #blog-author-page .sticky-bottom-form .sticky-form-holder a,
  #blog-categories .sticky-bottom-form .sticky-form-holder a,
  #blog-category-page .sticky-bottom-form .sticky-form-holder a,
  #blog-home-page .sticky-bottom-form .sticky-form-holder a,
  #blog-post .sticky-bottom-form .sticky-form-holder a {
    margin-left: 0;
  }
  #blog-author-page .sticky-bottom-form .sticky-form-holder .hs_email,
  #blog-author-page .sticky-bottom-form .sticky-form-holder .hs_submit,
  #blog-categories .sticky-bottom-form .sticky-form-holder .hs_email,
  #blog-categories .sticky-bottom-form .sticky-form-holder .hs_submit,
  #blog-category-page .sticky-bottom-form .sticky-form-holder .hs_email,
  #blog-category-page .sticky-bottom-form .sticky-form-holder .hs_submit,
  #blog-home-page .sticky-bottom-form .sticky-form-holder .hs_email,
  #blog-home-page .sticky-bottom-form .sticky-form-holder .hs_submit,
  #blog-post .sticky-bottom-form .sticky-form-holder .hs_email,
  #blog-post .sticky-bottom-form .sticky-form-holder .hs_submit {
    margin: 0;
  }
}
#blog-author-page .sticky-bottom-form.active .sticky-form-holder,
#blog-categories .sticky-bottom-form.active .sticky-form-holder,
#blog-category-page .sticky-bottom-form.active .sticky-form-holder,
#blog-home-page .sticky-bottom-form.active .sticky-form-holder,
#blog-post .sticky-bottom-form.active .sticky-form-holder {
  display: flex;
}
#blog-author-page .dbx-post-cards-section,
#blog-categories .dbx-post-cards-section,
#blog-category-page .dbx-post-cards-section,
#blog-home-page .dbx-post-cards-section,
#blog-post .dbx-post-cards-section {
  margin-block: 48px;
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  #blog-author-page .dbx-post-cards-section,
  #blog-categories .dbx-post-cards-section,
  #blog-category-page .dbx-post-cards-section,
  #blog-home-page .dbx-post-cards-section,
  #blog-post .dbx-post-cards-section {
    margin-block: 64px;
  }
}
#blog-author-page .dbx-post-cards-section__title,
#blog-categories .dbx-post-cards-section__title,
#blog-category-page .dbx-post-cards-section__title,
#blog-home-page .dbx-post-cards-section__title,
#blog-post .dbx-post-cards-section__title {
  margin-bottom: 48px;
  font-size: 1.5rem;
  line-height: 1.75rem;
}
#blog-author-page .dbx-post-cards-section__title h2,
#blog-categories .dbx-post-cards-section__title h2,
#blog-category-page .dbx-post-cards-section__title h2,
#blog-home-page .dbx-post-cards-section__title h2,
#blog-post .dbx-post-cards-section__title h2 {
  margin: 0;
  font-size: 1.5rem;
  line-height: 1.75rem;
  font-weight: 700;
}
#blog-home-page .dbx-editors-post-cards-section {
  padding-top: 220px;
  margin-top: 0;
}
#blog-home-page .post-cards-section-wrapper .dbx-post-cards-section {
  margin-top: 0;
  padding-top: 220px;
  background-color: #fff;
}
#blog-post {
  position: relative;
}
#blog-post .hero-header__breadcrumbs {
  display: flex;
  gap: 8px;
}
#blog-post .hero-header__breadcrumbs-segment a {
  color: #000;
}
#blog-post .hero-header__breadcrumbs-segment:last-child a {
  font-weight: 700;
  color: #4d71f1;
}
#blog-post .hero-header__seperator {
  color: rgba(142, 146, 155, 0.5);
}
#blog-post .hero-header__title {
  font-size: 2.5rem;
  line-height: 3rem;
  margin-bottom: 8px;
}
#blog-post .hero-header__title strong {
  font-weight: 700;
}
#blog-post .hero-header__info-and-share {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  font-size: 0.75rem;
  align-items: center;
  justify-content: start;
}
#blog-post .hero-header__info-and-share span:not(:last-child) {
  position: relative;
}
#blog-post .hero-header__info-and-share span:not(:last-child):after {
  content: "";
  position: absolute;
  right: -12px;
  top: 50%;
  transform: translateY(-50%);
  width: 2px;
  height: 2px;
  display: block;
  background-color: rgba(142, 146, 155, 0.5);
}
#blog-post .hero-header__share {
  display: flex;
  gap: 8px;
  align-items: center;
}
#blog-post .hero-header__share a {
  display: block;
  border-radius: 100%;
  overflow: hidden;
  width: 18px;
  height: 18px;
  line-height: 0;
}
#blog-post .hero-header__share a img {
  width: 100%;
  height: 102%;
  object-fit: cover;
  object-position: center;
}
#blog-post .hero-header__share a:hover {
  cursor: pointer;
}
#blog-post .hero-header__author {
  display: flex;
  gap: 24px;
  max-width: 480px;
}
#blog-post .hero-header__author-avatar {
  width: 48px;
  height: 48px;
  border-radius: 100%;
  overflow: hidden;
  flex-shrink: 0;
}
#blog-post .hero-header__author-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#blog-post .hero-header__author-text {
  font-size: 0.875rem;
  display: flex;
  flex-direction: column;
  gap: 4px;
  text-align: left;
  align-self: center;
}
#blog-post .hero-header__author-name {
  color: #000;
  font-weight: 500;
}
#blog-post .hero-header__author-name:hover {
  text-decoration-color: #000;
}
@media screen and (min-width: 400px) {
  #blog-post .hero-header__info-and-share {
    justify-content: center;
  }
}
@media screen and (min-width: 1200px) {
  #blog-post .hero-header__info-and-share {
    justify-content: start;
  }
}
#blog-post .dbx-hero-header__container {
  padding-block: 220px 64px;
}
#blog-post .dbx-hero-header__image-container {
  overflow: hidden;
  border-radius: 12px;
}
@media only screen and (min-width: 1200px) {
  #blog-post .dbx-hero-header__container {
    padding-bottom: 84px;
    gap: 128px;
  }
  #blog-post .dbx-hero-header__text-container {
    flex-basis: 45%;
  }
  #blog-post .dbx-hero-header__image-container {
    flex-basis: 55%;
  }
}
#blog-post .reading-line {
  z-index: 8;
  background-color: #dbe3fc;
  position: sticky;
  left: 0;
  width: 100%;
  height: 5px;
}
#blog-post .reading-line__progress {
  z-index: 9;
  position: absolute;
  background-color: #4d71f1;
  left: 0;
  top: 0;
  bottom: 0;
}
#blog-post .post-content__container {
  display: flex;
  flex-direction: column;
  gap: 48px;
  position: relative;
  align-items: center;
}
#blog-post .post-content__article {
  flex: 1 1 auto;
  min-width: 0;
  font-size: 1rem;
  line-height: 1.5rem;
}
#blog-post .post-content__article > * {
  margin-inline: auto;
  max-width: 100%;
}
#blog-post .post-content__article > :first-child {
  margin-top: 0;
}
#blog-post .post-content__article p {
  font-size: 1rem;
  line-height: 2rem;
  color: #393a3e;
}
#blog-post .post-content__article h1 {
  font-size: 1.75rem;
  line-height: 2.25rem;
  margin-block: 48px 32px;
}
#blog-post .post-content__article h2 {
  font-size: 1.5rem;
  line-height: 2.5rem;
  margin-block: 32px 24px;
}
#blog-post .post-content__article h3 {
  font-size: 1.25rem;
  line-height: 2.5rem;
  margin-block: 32px 24px;
}
#blog-post .post-content__article h4 {
  font-size: 1.125rem;
  line-height: 1.5rem;
  margin-block: 24px 16px;
}
#blog-post .post-content__article h5 {
  font-size: 1rem;
  line-height: 1.5rem;
  margin-block: 24px 16px;
}
#blog-post .post-content__article h1 strong,
#blog-post .post-content__article h2 strong {
  font-weight: 800;
}
#blog-post .post-content__article li {
  font-size: 1rem;
  line-height: 1.5rem;
  margin-block: 10px;
}
#blog-post .post-content__article img {
  max-width: 100%;
  border-radius: 16px;
  height: auto !important;
}
#blog-post .post-content__article > ol,
#blog-post .post-content__article > ul {
  padding-inline-start: 24px;
}
#blog-post .post-content__article strong {
  font-weight: 700;
}
#blog-post .post-content__article--gray-text {
  color: #393a3e;
}
#blog-post .post-content__article .databox-featured-section {
  padding: 32px;
  margin-block: 32px;
}
@media only screen and (min-width: 1024px) {
  #blog-post .post-content__article h1 {
    font-size: 2rem;
    line-height: 2.5rem;
  }
  #blog-post .post-content__article h2 {
    font-size: 1.75rem;
    line-height: 2.25rem;
  }
  #blog-post .post-content__article h3 {
    font-size: 1.75rem;
    line-height: 2.25rem;
  }
  #blog-post .post-content__article h4 {
    font-size: 1.5rem;
    line-height: 2.25rem;
  }
  #blog-post .post-content__article h5 {
    font-size: 1.25rem;
    line-height: 1.5rem;
  }
  #blog-post .post-content__article .databox-featured-section {
    padding: 48px 32px;
    margin-block: 32px;
  }
}
#blog-post .post-content__table-of-contents {
  padding-bottom: 32px;
  border-bottom: 1px solid rgba(142, 146, 155, 0.2);
  flex: 0 0 200px;
  display: none;
  left: 0;
  position: sticky;
  font-size: 1rem;
  line-height: 1.5rem;
}
#blog-post .post-content__table-of-contents-container {
  overflow-y: auto;
  max-height: 60vh;
}
#blog-post .post-content__table-of-contents-title {
  font-weight: 700;
  font-size: 0.75rem;
  line-height: 1.25rem;
  color: #72757c;
  text-transform: uppercase;
}
#blog-post .post-content__table-of-contents-list {
  padding-inline: 0 16px;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
#blog-post .post-content__table-of-contents-list li {
  color: #72757c;
  cursor: pointer;
}
#blog-post .post-content__table-of-contents-list li.current {
  color: #4d71f1;
  font-weight: 700;
}
#blog-post .post-content .sidebar {
  font-size: 16px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  flex: 0 0 300px;
  gap: 24px;
  align-self: stretch;
}
#blog-post .post-content .sidebar .widget_block {
  border-radius: 12px;
  border: 1px solid rgba(142, 146, 155, 0.2);
  padding: 8px;
}
#blog-post .post-content .sidebar .wp-block-group .wp-block-group {
  padding: 8px;
}
#blog-post .post-content .sidebar h2.has-background {
  margin: 0;
  padding: 18px 20px;
  border-radius: 8px;
}
#blog-post .post-content .sidebar ul {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding-left: 40px;
}
#blog-post .post-content .sidebar img {
  border-radius: 8px;
}
#blog-post .post-content .sidebar .dbx-btn {
  display: block;
  margin: 0 auto;
  width: 100%;
}
@media screen and (min-width: 960px) {
  #blog-post .post-content__container {
    flex-direction: row;
    align-items: start;
    gap: 48px;
  }
  #blog-post .post-content__container .dbx-btn {
    width: max-content;
  }
}
@media screen and (min-width: 1200px) {
  #blog-post .post-content__table-of-contents {
    display: block;
  }
}
#blog-post .author__container {
  display: flex;
  max-width: 624px;
  margin: 0 auto;
  gap: 16px;
}
#blog-post .author__image-container {
  flex-shrink: 0;
  width: 64px;
  height: 64px;
  border-radius: 100%;
  overflow: hidden;
}
#blog-post .author__image-container img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#blog-post .author__role {
  margin-bottom: 4px;
  font-size: 0.75rem;
  line-height: 1.25rem;
}
#blog-post .author__name {
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: 12px;
}
#blog-post .author__description {
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin-bottom: 8px;
}
#blog-post .author__more-from-author {
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin-bottom: 24px;
  text-decoration: underline;
  text-decoration-color: #4d71f1;
}
#blog-post .author__social-media-container {
  display: flex;
  gap: 8px;
  align-items: center;
}
#blog-post .author__social-media-container a {
  display: block;
  border-radius: 100%;
  overflow: hidden;
  width: 18px;
  height: 18px;
  line-height: 0;
}
#blog-post .author__social-media-container a img {
  width: 100%;
  height: 102%;
  object-fit: cover;
  object-position: center;
}
#blog-post .author__social-media-container a:hover {
  cursor: pointer;
}
#blog-post .articles__title {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
  margin-bottom: 24px;
}
#blog-post #move-the-needle-form {
  margin-block: 64px;
}
#blog-post #move-the-needle-form .container {
  width: unset;
}
#blog-post #move-the-needle-form .move-the-needle-form-box {
  margin: auto;
  max-width: 792px;
  border: 1px solid rgba(142, 146, 155, 0.2);
  border-radius: 0 0 40px 0;
  padding: 44px 98px;
  box-shadow: 0 15px 25px rgba(142, 146, 155, 0.2);
}
#blog-post #move-the-needle-form .move-the-needle-form-box .legal {
  display: block;
  text-align: center;
  font-size: 0.775rem;
  margin-bottom: 32px;
  color: rgba(142, 146, 155, 0.9);
}
#blog-post #move-the-needle-form .move-the-needle-form-box .legal a {
  color: rgba(142, 146, 155, 0.9);
  font-weight: 400;
  text-decoration: underline;
  margin: 0;
  font-size: inherit;
}
#blog-post
  #move-the-needle-form
  .move-the-needle-form-box
  .dbx-title-text__title {
  font-size: 1.5rem;
  line-height: 1.75rem;
  font-weight: 700;
  text-align: center;
  color: #3f3f56;
  margin: 0;
}
#blog-post #move-the-needle-form .move-the-needle-form-box .bottom-text,
#blog-post
  #move-the-needle-form
  .move-the-needle-form-box
  .dbx-title-text__text {
  font-size: 1.125rem;
  line-height: 1.5rem;
  text-align: center;
}
#blog-post #move-the-needle-form .move-the-needle-form-box .bottom-text {
  margin-top: 24px;
}
#blog-post #move-the-needle-form .move-the-needle-form-box .newsletter {
  max-width: 597px;
  margin: 0 auto 32px auto;
  display: block;
  font-size: 0;
  text-align: center;
}
#blog-post
  #move-the-needle-form
  .move-the-needle-form-box
  .newsletter
  .hs_email {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  z-index: 1;
  text-align: center;
  width: 100%;
  max-width: calc(100% - 170px);
}
#blog-post
  #move-the-needle-form
  .move-the-needle-form-box
  .newsletter
  .hs_email
  label {
  display: none;
}
#blog-post
  #move-the-needle-form
  .move-the-needle-form-box
  .newsletter
  .hs_email
  .hs-error-msgs {
  position: absolute;
  bottom: -40px;
  left: 0;
  font-size: 14px;
  color: #f76868;
  list-style: none;
  padding-left: 25px;
}
#blog-post
  #move-the-needle-form
  .move-the-needle-form-box
  .newsletter
  .hs_email
  .hs-error-msgs
  label {
  display: block;
}
#blog-post
  #move-the-needle-form
  .move-the-needle-form-box
  .newsletter
  .hs_email
  .hs-input {
  border: 1px solid #f5f5f5;
  background: #f5f5f5;
  border-radius: 5px;
  line-height: 42px;
  padding: 0 25px;
  height: 42px;
  font-size: 16px;
  color: #8e929b;
  width: 100%;
}
@media screen and (max-width: 480px) {
  #blog-post
    #move-the-needle-form
    .move-the-needle-form-box
    .newsletter
    .hs_email {
    max-width: 100%;
    margin-bottom: 20px;
  }
}
#blog-post
  #move-the-needle-form
  .move-the-needle-form-box
  .newsletter
  .hs_submit {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 -5px;
}
#blog-post
  #move-the-needle-form
  .move-the-needle-form-box
  .newsletter
  .hs_submit
  .actions {
  padding: 0;
}
#blog-post
  #move-the-needle-form
  .move-the-needle-form-box
  .newsletter
  .hs_submit
  .actions
  .hs-button {
  background: #182e53;
  border-radius: 6px;
  width: 170px;
  height: 42px;
  color: #fff;
  text-transform: uppercase;
  font-size: 18px;
  line-height: 42px;
  font-weight: 700;
  padding: 0;
  position: relative;
  z-index: 2;
}
#blog-post
  #move-the-needle-form
  .move-the-needle-form-box
  .newsletter
  .hs_submit
  .actions
  .hs-button:hover {
  background: #4d71f1;
}
@media screen and (max-width: 640px) {
  #blog-post #move-the-needle-form .move-the-needle-form-box {
    padding: 44px 44px;
  }
  #blog-post
    #move-the-needle-form
    .move-the-needle-form-box
    .newsletter
    .email-holder {
    max-width: 100%;
    margin-bottom: 20px;
  }
}
#blog-post .cta-banner {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  padding-block: 16px;
  box-shadow: 0 0 15px 1px rgba(142, 146, 155, 0.3);
  background-color: #fff;
  z-index: 50;
}
#blog-post .cta-banner .dbx-btn {
  padding: 7px 16px;
}
#blog-post .cta-banner .dbx-container {
  align-items: center;
  display: flex;
  justify-content: center;
  gap: 16px;
  position: relative;
}
#blog-post .cta-banner__btn-container {
  display: flex;
  align-items: center;
  gap: 16px;
}
#blog-post .cta-banner__close-btn {
  position: absolute;
  right: 16px;
  border: none;
  background: 0 0;
  padding: 0;
}
#blog-post .cta-banner__close-btn::before {
  top: 0;
  display: grid;
  place-content: center;
  font-size: 16px;
  width: 28px;
  height: 28px;
  color: rgba(142, 146, 155, 0.6);
  border-radius: 100%;
  transition: color 0.2s, background 0.2s;
}
#blog-post .cta-banner__close-btn:hover::before {
  color: #72757c;
  background: rgba(142, 146, 155, 0.1);
}
#blog-post .cta-banner p {
  margin: 0;
  font-size: 18px;
  font-weight: 500;
}
#blog-post .cta-banner.cta-banner--hide {
  display: none;
}
@media screen and (max-width: 600px) {
  #blog-post .cta-banner__btn-container {
    align-items: stretch;
    flex-direction: column;
  }
}
@media screen and (max-width: 900px) {
  #blog-post .cta-banner .dbx-container {
    flex-direction: column;
    gap: 20px;
  }
  #blog-post .cta-banner__btn-container {
    margin-right: 0;
  }
  #blog-post .cta-banner__close-btn {
    transform: translateY(-50%);
    top: 8px;
  }
}
@media screen and (max-width: 1200px) {
  #blog-post .cta-banner .dbx-btn {
    font-size: 12px;
    padding: 10px 18px;
  }
  #blog-post .cta-banner__btn-container {
    gap: 8px;
  }
  #blog-post .cta-banner p {
    font-size: 12px;
  }
}
#blog-post .wp-block-embed__wrapper {
  text-align: left;
}
#blog-post .wp-block-embed__wrapper iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
}
#blog-post .post-categories {
  margin-block: 48px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#blog-post .post-categories__container {
  display: flex;
  gap: 32px;
  flex-direction: column;
}
#blog-post .post-categories__sub-container {
  display: inline-flex;
  gap: 32px;
  align-items: start;
  flex-direction: column;
}
#blog-post .post-categories__title {
  margin: 0;
  padding-block: 12px;
  text-wrap: nowrap;
  font-size: 1.125rem;
  line-height: 1.5rem;
  font-weight: 600;
  color: #000;
}
#blog-post .post-categories__categories-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 24px;
}
#blog-post .post-categories .dbx-btn {
  border-radius: 100px;
  padding-block: 12px;
  text-wrap: nowrap;
}
@media screen and (min-width: 1024px) {
  #blog-post .post-categories__sub-container {
    flex-direction: row;
  }
}
#blog-post section:not(.dbx-hero-header):not(.blog-navigation) {
  margin-block: 48px;
}
@media screen and (min-width: 1024px) {
  #blog-post section:not(.dbx-hero-header):not(.blog-navigation) {
    margin-block: 64px;
  }
}
#blog-post .articles {
  align-items: stretch;
}
#blog-post .quote-block {
  border-radius: 8px;
  background: #f0f9fb;
  margin-block: 25px;
}
#blog-post .quote-block .quote-block-content {
  padding: 48px;
}
#blog-post .quote-block .quote-block-content .quote-block-box {
  margin-bottom: 10px;
  font-style: italic;
}
#blog-post .quote-block .quote-block-content .quote-block-box p {
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 29px;
  font-weight: 400;
  color: #2d3237;
  padding: 0;
  font-style: italic;
}
#blog-post .quote-block .quote-block-content .quote-block-box blockquote {
  border-left: 2px solid #405ed1;
  margin: 0 0 32px;
}
#blog-post .quote-block .quote-block-content .quote-block-box blockquote p {
  font-weight: 700;
  font-size: 20px;
  line-height: 32px;
  color: #2d3237;
  font-style: italic;
  padding: 0;
}
#blog-post
  .quote-block
  .quote-block-content
  .quote-block-author
  .quote-author-image {
  border-radius: 100%;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  width: 64px;
  height: 64px;
  margin-right: 17px;
}
#blog-post
  .quote-block
  .quote-block-content
  .quote-block-author
  .quote-author-image
  img {
  display: block;
  border-radius: 100%;
  width: 100%;
  margin: 0;
}
#blog-post
  .quote-block
  .quote-block-content
  .quote-block-author
  .quote-author-details {
  display: inline-block;
  vertical-align: middle;
}
#blog-post
  .quote-block
  .quote-block-content
  .quote-block-author
  .quote-author-details
  p {
  margin: 0;
  color: #2d3237;
  padding: 0;
}
#blog-post
  .quote-block
  .quote-block-content
  .quote-block-author
  .quote-author-details
  p.name {
  font-size: 21px;
  line-height: 28px;
  font-weight: 400;
  margin-bottom: 2px;
}
#blog-post
  .quote-block
  .quote-block-content
  .quote-block-author
  .quote-author-details
  p.position {
  font-size: 13px;
  line-height: 21px;
  font-weight: 600;
  text-transform: uppercase;
}
#blog-post .quote-block .quote-block-content .quote-bottom-note {
  padding-top: 29px;
}
#blog-post .quote-block .quote-block-content .quote-bottom-note p {
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
  color: #2d3237;
  padding: 0;
  margin: 0;
  font-style: italic;
}
#blog-post .quote-block .quote-block-content .quote-bottom-note p a {
  color: #4d71f1;
  font-weight: 700;
}
#blog-post .quote-block .quote-block-content .quote-bottom-note p a:hover {
  color: #1679a6;
  text-decoration: none;
}
@media screen and (max-width: 991px) {
  #blog-post .quote-block {
    width: 100%;
    margin: 25px 0;
  }
}
@media screen and (max-width: 767px) {
  #blog-post .quote-block .quote-block-content {
    padding: 30px;
  }
  #blog-post
    .quote-block
    .quote-block-content
    .quote-block-author
    .quote-author-details {
    max-width: calc(100% - 90px);
  }
}
#blog-author-page .author {
  padding-top: 192px;
}
#blog-author-page .author__container {
  display: flex;
  flex-direction: column;
  gap: 64px;
}
#blog-author-page .author__additional-info-fields,
#blog-author-page .author__basic-info {
  display: flex;
  flex-direction: column;
}
#blog-author-page .author__name {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
  color: #000;
  margin-block: 24px 12px;
}
#blog-author-page .author__image-container {
  width: 100px;
  max-width: 20%;
  aspect-ratio: 1;
  border-radius: 100%;
  overflow: hidden;
}
#blog-author-page .author__image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#blog-author-page .author__additional-info-fields {
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 48px 64px;
}
#blog-author-page .author__field {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
#blog-author-page .author__bio,
#blog-author-page .author__fields-of-expertise,
#blog-author-page .author__social-media {
  flex-grow: 1;
}
#blog-author-page .author__bio {
  flex-basis: 400px;
}
#blog-author-page .author__fields-of-expertise,
#blog-author-page .author__social-media {
  flex-basis: 250px;
}
#blog-author-page .author__field-title {
  font-size: 0.75rem;
  line-height: 1.25rem;
  margin: 0;
  font-weight: 600;
}
#blog-author-page .author__social-media ul {
  list-style: none;
  padding: 0;
  display: flex;
  gap: 8px;
  align-items: center;
}
#blog-author-page .author__social-media ul a {
  display: block;
  border-radius: 100%;
  overflow: hidden;
  width: 18px;
  height: 18px;
  line-height: 0;
}
#blog-author-page .author__social-media ul a img {
  width: 100%;
  height: 102%;
  object-fit: cover;
  object-position: center;
}
#blog-author-page .author__social-media ul a:hover {
  cursor: pointer;
}
#blog-author-page .author__social-media ul a {
  width: 34px;
  height: 34px;
}
#blog-author-page .author__fields-of-expertise ul {
  padding-inline-start: 16px;
}
@media screen and (min-width: 450px) {
  #blog-author-page .author__basic-info {
    align-items: center;
    text-align: center;
  }
}
@media screen and (min-width: 768px) {
  #blog-author-page .author__name {
    font-size: 2rem;
    line-height: 3rem;
  }
}
#blog-categories .dbx-repeater-icon-card-section {
  margin-top: 0;
}
.blog-navigation {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  background-color: #fff;
  z-index: 9;
  border-bottom: 1px solid rgba(142, 146, 155, 0.2);
}
.blog-navigation .dbx-container {
  position: relative;
}
.blog-navigation__container {
  display: flex;
  flex-direction: row;
  gap: 16px;
  justify-content: space-between;
  position: relative;
}
.blog-navigation.active {
  box-shadow: 0 3px 15px rgba(0, 0, 0, 0.05);
}
.blog-navigation__search {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 28px;
  height: 60px;
}
.blog-navigation__search .asl_w_container {
  min-width: 0;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.blog-navigation__search #ajaxsearchlite1 {
  background-color: #fff;
  background-image: none;
  box-shadow: none;
}
.blog-navigation__search #ajaxsearchlite1 div.asl_w {
  width: 100% !important;
  max-width: none;
}
.blog-navigation__search #ajaxsearchlite1 .probox {
  padding: 5px;
  background-color: #fff;
  background-image: none;
  border: none;
  border-radius: 4px;
  max-width: 250px;
}
.blog-navigation__search #ajaxsearchlite1 .probox .proinput,
.blog-navigation__search #ajaxsearchlite1 .probox .promagnifier,
.blog-navigation__search #ajaxsearchlite1 .probox .prosettings {
  background-color: transparent;
  background-image: none;
}
.blog-navigation__search #ajaxsearchlite1 .probox .proinput {
  display: none;
}
.blog-navigation__search #ajaxsearchlite1 .probox .proinput form {
  max-width: 250px;
}
.blog-navigation__search #ajaxsearchlite1 .probox .proinput input {
  caret-color: #000;
  color: #55585d !important;
}
.blog-navigation__search #ajaxsearchlite1 .probox .proinput input::placeholder {
  color: rgba(142, 146, 155, 0.6) !important;
}
.blog-navigation__search #ajaxsearchlite1 .probox .innericon path {
  fill: #4d71f1;
}
.blog-navigation__search.active .asl_w_container {
  min-width: 250px;
}
.blog-navigation__search.active #ajaxsearchlite1 .probox {
  border: 1px solid rgba(142, 146, 155, 0.2);
}
.blog-navigation__search.active #ajaxsearchlite1 .probox .proinput {
  display: block;
}
.blog-navigation__left-container {
  display: flex;
  flex-direction: column;
  gap: 0 32px;
  width: 100%;
}
.blog-navigation__header {
  align-self: start;
  display: flex;
  gap: 16px;
  align-items: center;
  padding-block: 16px;
}
.blog-navigation__menu-toggle-button {
  font-size: 20px;
  cursor: pointer;
}
.blog-navigation__title {
  font-size: 1rem;
  line-height: 1.25rem;
  font-weight: 600;
  color: #000;
  text-decoration: none;
}
.blog-navigation__title:active,
.blog-navigation__title:focus,
.blog-navigation__title:hover {
  color: #4d71f1;
  text-decoration: none;
}
.blog-navigation__menu-container {
  margin-inline: -8px;
  padding-inline: 8px;
  align-self: stretch;
  overflow: hidden;
  height: 0;
  transition: height 250ms;
}
.blog-navigation__menu {
  display: flex;
  flex-direction: column;
  list-style: none;
  margin: 0;
  padding: 24px 0 0 0;
}
.blog-navigation__menu > .menu-item > a,
.blog-navigation__menu > .menu-item > button {
  padding: 16px 4px;
  transition: background-color 250ms;
  overflow: visible;
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.5rem;
  position: relative;
  transition: background-color 0.25s;
  color: #000;
  border: 0;
  border-top: 1px solid rgba(142, 146, 155, 0.2);
  width: 100%;
  text-wrap: nowrap;
}
.blog-navigation__menu > .menu-item > a a,
.blog-navigation__menu > .menu-item > button a {
  color: #000;
}
.blog-navigation__menu > .menu-item > a:hover,
.blog-navigation__menu > .menu-item > button:hover {
  background-color: rgba(77, 113, 241, 0.1);
}
.blog-navigation__menu > .menu-item > button {
  text-align: start;
  background-color: transparent;
  width: 100%;
  display: flex;
  gap: 8px;
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
}
.blog-navigation__menu > .menu-item > button .icon::before {
  transition: transform 250ms;
  transform: rotate(90deg);
  font-size: 12px;
}
.blog-navigation__menu > .menu-item > button.active .icon::before {
  transform: rotate(-90deg);
}
.blog-navigation__menu > .menu-item > a {
  display: inline-block;
}
.blog-navigation__menu > .menu-item > a:hover {
  text-decoration: none;
  color: #000;
}
.blog-navigation__submenu-wrapper {
  height: 0;
  overflow: hidden;
  transition: height 250ms;
  padding-inline: 4px;
}
.blog-navigation__menu-item-has-grandchildren
  .blog-navigation__submenu-container
  > ul {
  display: flex;
  gap: 40px;
  flex-wrap: wrap;
}
.blog-navigation__submenu-container {
  padding-block: 8px;
  height: 0;
}
.blog-navigation__submenu-container ul {
  padding: 0;
  list-style-type: none;
  margin: 0;
}
.blog-navigation__submenu-content {
  display: flex;
  gap: 72px;
}
.blog-navigation__submenu-container .menu-item {
  display: flex;
  flex-direction: column;
  max-width: 250px;
}
.blog-navigation__submenu-container .menu-item.menu-item-has-children > span {
  font-size: 0.75rem;
  line-height: 1rem;
  color: rgba(142, 146, 155, 0.8);
  text-transform: uppercase;
  font-weight: 700;
}
.blog-navigation__submenu-container .menu-item {
  line-height: 1.25rem;
  font-size: 0.875rem;
  color: #000;
}
.blog-navigation__submenu-container .menu-item a {
  padding-block: 8px;
  color: #000;
  cursor: pointer;
}
.blog-navigation__submenu-container .menu-item span {
  padding-block: 8px;
}
.blog-navigation__submenu-container .menu-item a:hover {
  text-decoration: none;
  color: #4d71f1;
}
@media screen and (min-width: 1024px) {
  .blog-navigation__search {
    position: relative;
    align-self: start;
  }
  .blog-navigation__left-container {
    flex-direction: row;
    align-items: center;
    width: auto;
  }
  .blog-navigation__header,
  .blog-navigation__menu-container {
    align-self: center;
  }
  .blog-navigation__menu-container {
    display: block;
    overflow: flex;
    height: auto;
    margin-inline: 0;
    padding-inline: 0;
  }
  .blog-navigation__menu {
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 16px;
    padding: 0;
  }
  .blog-navigation__menu > .menu-item > a,
  .blog-navigation__menu > .menu-item > button {
    font-size: 0.85rem;
    line-height: 1.25rem;
    width: auto;
    font-weight: 400;
  }
  .blog-navigation__menu > .menu-item > a .icon::before,
  .blog-navigation__menu > .menu-item > button .icon::before {
    transition: none;
    font-size: 8px;
  }
  .blog-navigation__menu > .menu-item > a,
  .blog-navigation__menu > .menu-item > button {
    padding: 4px 8px;
    border-radius: 4px;
    border-top: 0;
  }
  .blog-navigation__menu > .menu-item > a::before,
  .blog-navigation__menu > .menu-item > button::before {
    display: none;
  }
  .blog-navigation__menu > .menu-item > a:hover,
  .blog-navigation__menu > .menu-item > button:hover {
    background-color: rgba(77, 113, 241, 0.1);
  }
  .blog-navigation__menu > .menu-item > button.active {
    background-color: rgba(77, 113, 241, 0.1);
  }
  .blog-navigation__submenu-wrapper {
    display: none;
  }
  .blog-navigation__submenu-container {
    padding: 0;
  }
  .blog-navigation__menu-toggle-button {
    display: none;
  }
}
@media screen and (min-width: 1200px) {
  .blog-navigation__menu
    > .menu-item
    > a
    .blog-navigation__menu
    > .menu-item
    > button {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .blog-navigation__menu > .menu-item > button.active:before {
    background-color: rgba(77, 113, 241, 0.1);
    border-radius: 8px;
  }
}
#ajaxsearchliteres1.vertical {
  background-color: #fff !important;
  border: 1px solid rgba(142, 146, 155, 0.2) !important;
  border-radius: 4px !important;
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
#single-calculator {
  letter-spacing: 0;
  background-color: #fafafa;
}
#single-calculator > .header {
  padding: 172px 0 330px;
  background: linear-gradient(142deg, #5cb4be 0, #4d71f1 100%);
}
@media screen and (max-width: 768px) {
  #single-calculator > .header {
    padding: 100px 0 330px;
  }
}
#single-calculator > .header a {
  margin: 16px 0;
  display: inline-flex;
  padding: 4px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  color: #fff;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 32px;
  background: rgba(232, 245, 251, 0.1);
  border-radius: 8px;
  border: 0;
  transition: transform 0.1s ease-in-out;
  white-space: nowrap;
  cursor: pointer;
  user-select: none;
}
#single-calculator > .header a:hover {
  text-decoration: none;
}
#single-calculator > .header a:active {
  transform: scale(0.95);
}
#single-calculator > .header #calculators-header-content h1 {
  color: #fff;
  text-align: center;
  font-size: 48px;
  font-weight: 700;
  line-height: 72px;
  margin: 0;
}
#single-calculator > .header #calculators-header-content p {
  color: #fff;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin: 20px 0 0;
}
#single-calculator .calculators-graph {
  margin-top: -250px;
  padding-bottom: 50px;
}
@media screen and (max-width: 768px) {
  #single-calculator .calculators-graph {
    padding-left: 0;
    padding-right: 0;
  }
}
#single-calculator #calculators-about {
  border-bottom: 1px solid #d7e2ec;
  padding-top: 70px;
  padding-bottom: 70px;
}
#single-calculator #calculators-about h3 {
  color: #2d3237;
  font-size: 32px;
  font-weight: 500;
  margin: 0 0 30px;
}
#single-calculator #calculators-about h6 {
  color: #252525;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}
#single-calculator #calculators-about p {
  color: #72757c;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
}
#single-calculator #how-to-track {
  padding-top: 130px;
  padding-bottom: 50px;
}
#single-calculator #how-to-track h3 {
  color: #2d3237;
  font-size: 32px;
  font-weight: 500;
  margin: 0 0 30px;
}
#single-calculator #how-to-track h3::before {
  position: absolute;
  content: "";
  height: 3px;
  top: 30px;
  margin: 0 auto;
  left: -38px;
  right: 0;
  width: 300px;
  background: #008aceb3;
}
@media screen and (max-width: 1200px) {
  #single-calculator #how-to-track h3::before {
    content: unset;
  }
}
#single-calculator #how-to-track p {
  color: #000;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin: 0;
}
#single-calculator #how-to-track .how-to-track-card {
  gap: 0 6px;
  display: inline-flex;
  align-items: center;
  padding: 12px;
  border-radius: 6px;
  background: #fff;
  box-shadow: 3px 4px 22px 0 rgba(117, 128, 136, 0.1);
}
#single-calculator #how-to-track .how-to-track-step {
  margin-bottom: 16px;
  display: flex;
  gap: 14px;
}
#single-calculator #how-to-track .how-to-track-step:first-of-type {
  margin-top: 40px;
}
#single-calculator #how-to-track .how-to-track-step > div:first-of-type {
  border-radius: 50%;
  background-color: #4d71f1;
  height: 20px;
  width: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  flex-shrink: 0;
  padding-left: 1.5px;
}
#single-calculator #how-to-track .how-to-track-step .how-to-track-step-list {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin: 16px 0;
}
#single-calculator
  #how-to-track
  .how-to-track-step
  .how-to-track-step-list
  .how-to-track-card
  img {
  border-radius: 50%;
  height: 16px;
  width: 16px;
}
#single-calculator
  #how-to-track
  .how-to-track-step
  .how-to-track-step-list
  .how-to-track-card
  span {
  color: #292929;
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
}
#single-calculator #how-to-track .how-to-track-image-card-list {
  display: flex;
  flex-flow: row wrap;
  gap: 24px;
  justify-content: flex-end;
}
@media screen and (max-width: 768px) {
  #single-calculator #how-to-track .how-to-track-image-card-list {
    padding: 0 16px;
    justify-content: center;
  }
}
#single-calculator
  #how-to-track
  .how-to-track-image-card-list
  .how-to-track-card {
  display: flex;
  flex-direction: column;
  flex: 0 1 270px;
  padding: 8px;
}
#single-calculator
  #how-to-track
  .how-to-track-image-card-list
  .how-to-track-card
  > :not(img) {
  margin: 8px 0 0;
  padding: 8px;
  color: #292929;
  font-size: 14px;
  font-weight: 400;
  align-self: flex-start;
}
#single-calculator #track-all-of-your {
  background-image: url("/wp-content/themes/databox/inc/img/calculators/track-all-metrics-desktop.png");
  background-size: contain;
  background-repeat: no-repeat;
  height: 350px;
  padding: 70px;
  margin-bottom: 50px;
  margin-top: 50px;
}
@media screen and (max-width: 992px) {
  #single-calculator #track-all-of-your {
    padding: 40px;
  }
}
@media screen and (max-width: 768px) {
  #single-calculator #track-all-of-your {
    display: flex;
    background-image: url("/wp-content/themes/databox/inc/img/calculators/track-all-metrics-mobile.png");
    background-position: center;
    justify-content: center;
    align-items: flex-end;
    padding: 60px;
  }
}
#single-calculator #track-all-of-your > div {
  max-width: 550px;
}
@media screen and (max-width: 1200px) {
  #single-calculator #track-all-of-your > div {
    max-width: 450px;
  }
}
@media screen and (max-width: 992px) {
  #single-calculator #track-all-of-your > div {
    max-width: 350px;
  }
}
@media screen and (max-width: 768px) {
  #single-calculator #track-all-of-your > div {
    max-width: 300px;
  }
}
#single-calculator #track-all-of-your > div h2 {
  color: #2c3137;
  font-size: 34px;
  font-weight: 500;
  line-height: 48px;
  margin-bottom: 24px;
}
@media screen and (max-width: 1200px) {
  #single-calculator #track-all-of-your > div h2 {
    margin-bottom: 12px;
    font-size: 28px;
    line-height: 36px;
  }
}
@media screen and (max-width: 992px) {
  #single-calculator #track-all-of-your > div h2 {
    font-size: 20px;
    line-height: 28px;
  }
}
#single-calculator #track-all-of-your > div a {
  display: flex;
  width: 169px;
  height: 48px;
  padding: 8px 16px;
  justify-content: center;
  align-items: center;
  color: #fff;
  text-align: center;
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
  background-color: #25a767;
  border-radius: 8px;
  border: 0;
  transition: transform 0.1s ease-in-out;
  white-space: nowrap;
  cursor: pointer;
  user-select: none;
}
@media screen and (max-width: 992px) {
  #single-calculator #track-all-of-your > div a {
    padding: 6px 12px;
    height: 40px;
  }
}
#single-calculator #track-all-of-your > div a:hover {
  text-decoration: none;
}
#single-calculator #track-all-of-your > div a:active {
  transform: scale(0.95);
}
#single-calculator #repeatable-images {
  background-color: #e6eef3;
}
#single-calculator #repeatable-images div.row:first-of-type p {
  max-width: 650px;
  margin-left: auto;
  margin-right: auto;
}
#single-calculator #repeatable-images .img img {
  width: 100%;
}
#single-calculator #other-calculators {
  margin-top: 70px;
  padding-bottom: 150px;
}
#single-calculator #other-calculators .row {
  display: flex;
  flex-flow: row wrap;
  padding: 0 8px;
  margin-top: 28px;
}
#single-calculator #other-calculators .row div {
  padding-left: 8px;
  padding-right: 8px;
  margin-bottom: 16px;
}
@media screen and (max-width: 767px) {
  #single-calculator #other-calculators .row {
    flex-flow: column wrap;
  }
  #single-calculator #other-calculators .row div {
    padding-left: 16px;
    padding-right: 16px;
  }
}
#single-calculator #other-calculators .other-calculator-card {
  display: block;
  height: 100%;
  border-radius: 12px;
  border: 1px solid rgba(142, 146, 155, 0.4);
  background: #fff;
  text-align: center;
  padding: 32px;
}
#single-calculator #other-calculators .other-calculator-card:hover {
  text-decoration: none;
  box-shadow: 3px 4px 28px 0 rgba(117, 128, 136, 0.22);
}
#single-calculator #other-calculators .other-calculator-card img {
  margin-bottom: 24px;
}
#single-calculator #other-calculators .other-calculator-card h6 {
  color: #2d3237;
  font-size: 20px;
  font-weight: 700;
  line-height: 21px;
  margin-bottom: 12px;
}
#single-calculator #other-calculators .other-calculator-card p {
  color: #8e929b;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  margin-bottom: 24px;
}
#single-calculator #other-calculators .other-calculator-card .link {
  color: #4d71f1;
  font-size: 16px;
  font-weight: 600;
  line-height: 21px;
}
#single-calculator .product-datas .product-datas-inner .row > .left {
  margin-right: 60px;
}
@media screen and (max-width: 992px) {
  #single-calculator .product-datas .product-datas-inner .row > .left {
    margin-right: 0;
  }
}
#single-calculator .product-datas .product-datas-inner .box > .subtitle,
#single-calculator .product-datas .product-datas-inner .box > .subtitle > p {
  color: #4d71f1;
  font-family: Roboto, Geist;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
#careers .btn-lg {
  font-size: 16px;
}
#careers .interactive-header .container {
  justify-content: unset;
  padding-top: 128px;
}
#careers .interactive-header .inspiring-workplaces {
  width: 75px;
}
@media screen and (max-width: 1024px) {
  #careers .interactive-header h1 {
    font-size: 45px;
  }
}
#careers .best-product {
  margin-block: 92px;
}
#careers .best-product p {
  max-width: 1000px;
  text-align: center;
  margin-inline: auto;
}
#careers .image-carousel-container {
  margin-block: 64px;
}
#careers .image-carousel-container--badges {
  margin-top: 32px;
}
#careers .dbx-ratings {
  margin-top: 92px;
}
@media screen and (min-width: 400px) {
  #careers .dbx-ratings {
    justify-content: center;
    align-items: center;
  }
}
#careers #team-player {
  padding: 70px 0;
}
#careers #team-player h2 {
  max-width: 996px;
  margin-left: auto;
  margin-right: auto;
}
#careers #team-player p {
  font-size: 18px;
  line-height: 28px;
  color: #8e929b;
  margin-bottom: 25px;
}
#careers #team-player strong {
  color: #2d3237;
}
#careers #team-player .img-container {
  text-align: center;
  right: -50px;
  top: -50px;
}
#careers #team-player .img-container a {
  display: block;
  margin-top: 30px;
  margin-left: -26px;
  font-size: 18px;
  font-weight: 500;
  text-decoration: underline;
}
@media only screen and (max-width: 1300px) {
  #careers #team-player .img-container {
    right: inherit;
    top: inherit;
  }
}
@media only screen and (max-width: 480px) {
  #careers #team-player .img-container {
    margin-top: 50px;
  }
  #careers #team-player .img-container a {
    margin-left: 0;
  }
}
#careers #team-stats {
  padding: 110px 0 60px;
  background: rgba(93, 199, 241, 0.18);
  background: linear-gradient(
    90deg,
    rgba(244, 119, 175, 0.18) 0,
    rgba(93, 199, 241, 0.18) 100%
  );
}
#careers #team-stats h2 {
  margin-bottom: 55px;
}
#careers #team-stats .item {
  text-align: center;
  margin-bottom: 50px;
}
#careers #team-stats .item .icon,
#careers #team-stats .item .num {
  font-weight: 500;
}
#careers #team-stats .item .icon {
  font-size: 45px;
}
#careers #team-stats .item .num {
  font-size: 60px;
}
#careers #team-stats .item .text {
  font-size: 22px;
  line-height: 24px;
  font-weight: 400;
  color: #484848;
}
#careers #team-stats .item.playmakers .icon,
#careers #team-stats .item.playmakers .num {
  color: #7540ab;
}
#careers #team-stats .item.countries .icon,
#careers #team-stats .item.countries .num {
  color: #4d71f1;
}
#careers #team-stats .item.teams .icon,
#careers #team-stats .item.teams .num {
  color: #d64db0;
}
#careers #team-stats .item.glassdoor .icon,
#careers #team-stats .item.glassdoor .num,
#careers #team-stats .item.glassdoor a {
  color: #00ac3a;
}
#careers #team-stats .item.glassdoor a {
  text-decoration: underline;
}
#careers #values.content {
  padding-bottom: 68px;
}
#careers #values h2 {
  letter-spacing: 0;
  font-weight: 500;
  margin-left: auto;
  margin-right: auto;
}
#careers #values p {
  margin-bottom: 120px;
  font-weight: 400;
  letter-spacing: 0;
  max-width: 974px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 44px;
}
#careers #values .vimeo-wrapper {
  max-width: 600px;
  margin: 0 auto;
}
#careers #values .text {
  margin-bottom: 50px;
  padding-left: 60px;
  font-size: 16px;
  line-height: 24px;
  color: #8e929b;
  letter-spacing: 0;
  font-weight: 400;
}
#careers #values .text strong {
  color: #2d3237;
  display: block;
  margin-bottom: 0;
  font-size: 21px;
  line-height: 40px;
  font-weight: 500;
}
#careers #values .text div {
  padding-top: 8px;
  display: none;
}
#careers #values .num {
  position: absolute;
  font-size: 60px;
  color: #4d71f1;
  line-height: 60px;
  font-weight: 100;
}
#careers #values .icon {
  position: absolute;
  top: 20px;
  height: 40px;
  margin: auto;
  display: flex;
  align-items: center;
}
#careers #values .icon.icon-arrow-right {
  right: 24px;
  top: 26px;
  display: block;
  transform: rotate(90deg);
  height: auto;
  font-size: 18px;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.5);
}
#careers #values .icon.icon-play-as-a-team {
  color: #2ec1d6;
  font-size: 38px;
}
#careers #values .icon.icon-challenge-yourself {
  color: #f44436;
  font-size: 38px;
}
#careers #values .icon.icon-be-accountable {
  color: #02b875;
  font-size: 32px;
}
#careers #values .icon.icon-show-gratitude {
  color: #f47920;
  font-size: 39px;
}
#careers #values .icon.icon-prioritize-customer-impact {
  color: #1a4889;
  font-size: 29px;
}
#careers #values .icon.icon-balance-work {
  color: #7540ab;
  font-size: 38px;
}
#careers #values .value-box {
  padding: 20px;
  border-radius: 8px;
  margin-bottom: 12px;
  position: relative;
}
#careers #values .value-box.active .icon.icon-arrow-right {
  transform: rotate(-90deg);
}
#careers #values .value-box .text {
  margin: 0;
  cursor: pointer;
}
#careers #values .value-box.play-as-a-team {
  background: rgba(46, 193, 214, 0.1);
}
#careers #values .value-box.challenge-yourself {
  background: rgba(244, 68, 54, 0.1);
}
#careers #values .value-box.be-accountable {
  background: rgba(2, 184, 117, 0.1);
}
#careers #values .value-box.show-gratitude {
  background: rgba(244, 121, 32, 0.1);
}
#careers #values .value-box.prioritize-customer-impact {
  background: rgba(26, 72, 137, 0.1);
}
#careers #values .value-box.balance-work {
  background: rgba(117, 64, 171, 0.1);
}
#careers #testimonial {
  border-radius: 8px;
  background: rgba(46, 193, 214, 0.1);
  padding: 58px 164px;
  margin-bottom: 120px;
}
#careers #testimonial .testimonial-box {
  display: flex;
  align-items: center;
}
#careers #testimonial .testimonial-box .testimonial-image {
  width: 120px;
  margin-right: 32px;
  flex-shrink: 0;
}
#careers #testimonial .testimonial-box .testimonial-image img {
  max-width: 100%;
  border-radius: 100%;
}
#careers #testimonial .testimonial-box .testimonial-content p {
  font-size: 20px;
  line-height: 28px;
  font-weight: 300;
  font-style: italic;
  color: #2d3237;
  letter-spacing: 0.5px;
  margin: 0 0 28px;
}
#careers #testimonial .testimonial-box .testimonial-content p.position {
  font-size: 18px;
  line-height: 22px;
  letter-spacing: 0;
  font-style: normal;
  margin: 0;
}
#careers #testimonial .testimonial-box .testimonial-content p.position strong {
  font-weight: 500;
}
@media only screen and (max-width: 992px) {
  #careers #testimonial {
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media only screen and (max-width: 576px) {
  #careers #testimonial .testimonial-box {
    flex-direction: column;
  }
  #careers #testimonial .testimonial-box .testimonial-image {
    margin-bottom: 32px;
    margin-right: 0;
  }
}
#careers #team-collage img {
  width: 100%;
  height: auto;
}
#careers #teams {
  padding-top: 130px;
  font-size: 18px;
  line-height: 28px;
}
#careers #teams h3 {
  font-size: 22px;
}
#careers #teams p {
  color: #8e929b;
}
#careers #teams .teams-container {
  margin-inline: 16px;
  margin-top: 64px;
}
#careers #teams .team {
  margin: 0 auto;
}
#careers #teams .image-container {
  margin: 0 auto;
  margin-bottom: 20px;
}
#careers #teams .image-container img {
  width: 100%;
}
#careers #teams .text-container {
  padding-left: 48px;
}
#careers #teams .hr-badge .image-container {
  position: relative;
}
#careers #teams .hr-badge .image-container::after {
  content: "";
  top: 0;
  right: 0;
  position: absolute;
  width: 100px;
  height: 100px;
  transform: translate(20%, -20%);
  z-index: 5;
  background: url("https://cdnwebsite.databox.com/wp-content/uploads/2024/06/11022039/hr-team-2024.png")
    no-repeat top center/contain;
}
@media only screen and (max-width: 769px) {
  #careers #teams .team {
    text-align: center;
    max-width: 250px;
  }
  #careers #teams .text-container {
    text-align: center;
  }
}
@media only screen and (max-width: 1024px) {
  #careers #teams .text-container {
    padding-left: 0;
  }
}
#careers #remote-work {
  position: relative;
  padding: 70px 0 0;
  background: #f3f7f9;
  background: linear-gradient(180deg, #eaeaf7 0, #f3f7f9 50%);
}
#careers #remote-work .above-h2 {
  color: #7a44e6;
  font-size: 16px;
  line-height: 32px;
  font-weight: 500;
  letter-spacing: 0;
}
#careers #remote-work h2 {
  margin: 0 0 32px;
  letter-spacing: 0;
}
#careers #remote-work p {
  font-size: 18px;
  line-height: 28px;
  color: #758088;
  font-weight: 400;
  text-align: center;
  max-width: 1008px;
  margin: 0 auto 27px;
  letter-spacing: 0;
}
#careers #remote-work .img-container {
  bottom: -240px;
  margin-top: -270px;
}
#careers #remote-work .img-container img {
  max-width: 690px;
  margin-left: -100px;
}
#careers #remote-work .img-container {
  bottom: -240px;
  margin-top: -270px;
}
#careers #remote-work .img-container img {
  max-width: 690px;
  margin-left: -100px;
}
#careers #remote-work .remote-images {
  max-width: 1008px;
  margin: 38px auto -300px;
  width: 90%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
#careers #remote-work .remote-images .box {
  width: 29%;
}
#careers #remote-work .remote-images .box img {
  max-width: 100%;
  border-radius: 4px;
  margin: 0 0 5px;
  display: block;
}
#careers #remote-work .remote-images .box.wide {
  width: 41%;
}
#careers #remote-work .remote-images .box.wide img {
  margin: 0;
}
@media only screen and (max-width: 680px) {
  #careers #remote-work .remote-images {
    flex-direction: column;
  }
  #careers #remote-work .remote-images .box {
    width: 100%;
  }
  #careers #remote-work .remote-images .box.wide {
    width: 100%;
    margin-bottom: 4px;
  }
}
@media only screen and (max-width: 1300px) {
  #careers #remote-work .img-container {
    bottom: -420px;
    margin-top: -330px;
  }
  #careers #remote-work .img-container img {
    max-width: 500px;
    margin-left: 0;
  }
}
@media only screen and (max-width: 1200px) {
  #careers #remote-work {
    padding-bottom: 0;
  }
  #careers #remote-work .img-container {
    bottom: -30px;
    margin-top: 0;
    overflow-x: hidden;
  }
  #careers #remote-work .img-container img {
    max-width: 450px;
    margin: 0 auto;
  }
}
#careers #perks {
  padding: 40px 0 100px;
}
#careers #perks .row strong {
  color: #252525;
  margin-bottom: 10px;
}
#careers #perks .row p {
  font-size: 18px;
  color: #8e929b;
  padding-right: 30px;
}
#careers #perks .info {
  margin-top: 100px;
}
#careers #perks .info p {
  text-align: center;
  font-size: 13px;
  line-height: 28px;
}
#careers #perks .icon {
  display: block;
  line-height: 50px;
  font-size: 50px;
  padding: 50px 0 15px;
}
#careers #perks .icon-computer,
#careers #perks .icon-wallet {
  font-size: 40px;
  margin-top: 5px;
}
#careers #perks .icon-wallet {
  color: #39b54a;
}
#careers #perks .icon-success {
  color: #1d9ad6;
}
#careers #perks .icon-door-plant {
  color: #02b875;
}
#careers #perks .icon-pie-chart {
  color: #7540ab;
}
#careers #perks .icon-holidays {
  color: #f7941d;
}
#careers #perks .icon-pregnant-woman {
  color: #92278f;
}
#careers #perks .icon-computer {
  color: #6d6e71;
}
#careers #perks .icon-football {
  color: #8dc63f;
}
#careers #perks .icon-tent {
  color: #d7b17a;
}
#careers #perks .icon-user-center {
  color: #772e77;
}
#careers #perks .icon-stetoscope {
  color: #f76868;
}
#careers #perks .icon-mountaineering {
  color: #737667;
}
#careers #hiring-process {
  padding: 135px 0 110px;
  background: rgba(104, 85, 227, 0.2);
  background: linear-gradient(
    270deg,
    rgba(104, 85, 227, 0.2) 0,
    rgba(135, 224, 218, 0.2) 100%
  );
  text-align: center;
}
#careers #hiring-process .above-h2 {
  text-align: left;
  color: #495660;
}
#careers #hiring-process h2 {
  text-align: left;
}
#careers #hiring-process h2 + p {
  text-align: left;
  margin-bottom: 30px;
}
#careers #hiring-process .cards {
  height: 380px;
  overflow: hidden;
}
#careers #hiring-process .cards .card {
  float: left;
  width: 600px;
  height: 380px;
  margin: 0 20px;
}
#careers #hiring-process .cards .card--hidden {
  width: 60px;
  text-align: center;
  cursor: pointer;
}
#careers #hiring-process .cards .card--hidden .card__content {
  opacity: 0;
}
#careers #hiring-process .cards .card--hidden .card__handle {
  position: relative;
  display: block;
  height: 100%;
}
#careers #hiring-process .cards .card--hidden .card__handle .title {
  transform: rotate(270deg);
  -o-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
  width: 200px;
  font-size: 16px;
  position: absolute;
  bottom: 220px;
  right: 20px;
  text-align: left;
  transform-origin: 100% 100%;
}
#careers #hiring-process .cards .card__content .num,
#careers #hiring-process .cards .card__handle .num {
  font-size: 50px;
  padding-top: 30px;
  font-weight: 100;
  text-align: left;
}
#careers #hiring-process .cards .card__handle {
  display: none;
}
#careers #hiring-process .cards .card__content {
  position: relative;
  height: 380px;
  max-width: 600px;
  width: 100%;
  padding-right: 200px;
  opacity: 1;
}
#careers #hiring-process .cards .card__content img {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 25%;
}
#careers #hiring-process .cards .card__content strong {
  color: #292929;
  font-size: 20px;
}
#careers #hiring-process .cards .card__content a {
  text-decoration: underline;
}
#careers #hiring-process .cards .card__content p {
  margin-top: 20px;
  text-align: left;
  font-size: 18px;
  color: #8e929b;
}
#careers #hiring-process .cards .card__content .num {
  color: #292929;
}
#careers #hiring-process .cards .card__content .next {
  position: absolute;
  left: 0;
  bottom: 20px;
  font-size: 16px;
  cursor: pointer;
}
#careers #hiring-process .cards .card__content .next .icon::before {
  margin-left: 10px;
}
#careers #hiring-process .cards .card:first-child {
  margin-left: 0;
  margin-right: 20px;
}
#careers #hiring-process .cards .card:last-child {
  margin-left: 20px;
  margin-right: 0;
}
#careers #hiring-process .cards-indicator {
  display: none;
  padding-left: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}
#careers #hiring-process .cards-indicator .card-indicator {
  display: inline-block;
  border: 0;
  background-color: rgba(148, 179, 197, 0.5);
  border-radius: 100%;
  width: 7px;
  height: 7px;
  padding: 0;
  margin: 0 4px;
  text-indent: -999px;
  overflow: hidden;
  outline: 0;
  cursor: pointer;
}
#careers #hiring-process .cards-indicator .card-indicator--active {
  background-color: #1679a6;
}
#careers #hiring-process a.btn {
  white-space: normal;
}
#careers #reviews-best-product {
  padding-bottom: 140px;
}
#careers #reviews-best-product h2 {
  font-size: 40px;
  font-weight: 500;
  color: #2d3237;
  text-align: center;
  margin-bottom: 25px;
}
#careers #reviews-best-product p {
  color: #8e929b;
}
#careers #quotes-carousel {
  border-top: 3px solid rgba(217, 228, 233, 0.35);
}
@media only screen and (max-width: 1200px) {
  #careers #hiring-process .cards .card {
    width: auto;
    height: 100%;
    margin: 0;
  }
  #careers #hiring-process .cards .card--hidden {
    display: none;
  }
  #careers #hiring-process .cards .card__content {
    max-width: 100%;
    height: 100%;
    padding-right: 300px;
  }
  #careers #hiring-process .cards .card__content .next {
    bottom: 50px;
  }
  #careers #hiring-process .cards .card:first-child {
    margin-right: 0;
  }
  #careers #hiring-process .cards .card:last-child {
    margin-left: 0;
  }
  #careers #hiring-process .cards-indicator {
    display: block;
  }
}
@media only screen and (max-width: 769px) {
  #careers #hiring-process .cards {
    height: 550px;
  }
  #careers #hiring-process .cards .card {
    width: 100%;
    margin: 0;
  }
  #careers #hiring-process .cards .card--hidden {
    display: none;
  }
  #careers #hiring-process .cards .card__content {
    padding-top: 50px;
    padding-right: 0;
  }
  #careers #hiring-process .cards .card__content .img-container {
    margin: 30px 0;
    text-align: center;
  }
  #careers #hiring-process .cards .card__content .img-container img {
    position: relative;
    top: 0;
    transform: none;
    -o-transform: none;
    -ms-transform: none;
    -moz-transform: none;
    -webkit-transform: none;
    width: 30%;
    min-width: 150px;
  }
  #careers #hiring-process .cards .card__content .num {
    display: inline-block;
    font-size: 30px;
  }
  #careers #hiring-process .cards .card__content .next {
    display: block;
    text-align: center;
    margin-top: 20px;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-50%);
    -o-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -webkit-transform: translate(-50%);
  }
}
#careers #future-generation-playmakers {
  padding-top: 120px;
  padding-bottom: 120px;
  border-bottom: 3px solid rgba(217, 228, 233, 0.35);
}
#reviews-best-product {
  padding: 100px 0;
  font-size: 18px;
}
#reviews-best-product h2 {
  font-size: 60px;
  font-weight: 100;
  color: #8e929b;
  text-align: center;
  margin-bottom: 60px;
}
#reviews-best-product p {
  margin-bottom: 60px;
}
#reviews-best-product a {
  text-decoration: underline;
  font-weight: 500;
}
#reviews-best-product .col {
  text-align: center;
}
#reviews-best-product .col .marked {
  color: #292929;
  font-weight: 500;
}
#reviews-best-product .col .label1,
#reviews-best-product .col .score {
  margin-bottom: 10px;
}
#reviews-best-product .col .img-container {
  height: 140px;
  margin-bottom: 30px;
  padding-top: 30px;
}
#reviews-best-product .col .img-container--no-stars img {
  height: 115px;
  margin: 0 auto;
}
#reviews-best-product .col .img-container .logo {
  display: block;
  height: 40px;
  width: auto;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
}
#reviews-best-product .col .img-container .logo.glassdoor {
  height: 35px;
  margin-bottom: 35px;
}
#reviews-best-product .col .img-container .logo.capterra {
  height: 30px;
  margin-bottom: 40px;
}
#reviews-best-product .col .img-container .stars {
  width: 200px;
}
@media only screen and (max-width: 991px) {
  #reviews-best-product .col {
    margin-bottom: 50px;
  }
  #reviews-best-product .col:last-child {
    margin-bottom: 0;
  }
}
#quotes-carousel {
  position: relative;
  padding: 110px 0 140px;
  text-align: center;
}
#quotes-carousel .above-h2 {
  color: #00ac3a;
}
#quotes-carousel h2 + p {
  margin-bottom: 50px;
}
#quotes-carousel h3 {
  font-size: 30px;
  line-height: 36px;
  color: #292929;
  margin-bottom: 30px;
}
#quotes-carousel ul {
  list-style-type: none;
  padding-left: 20px;
  padding-right: 20px;
  text-align: left;
}
#quotes-carousel ul li p {
  font-size: 18px;
  line-height: 24px;
}
#quotes-carousel .department {
  margin-top: 30px;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 5px;
}
#quotes-carousel .slick-slide {
  outline: 0;
}
#quotes-carousel .slick-dots {
  bottom: -70px;
  padding-left: 15px;
  padding-right: 15px;
}
#quotes-carousel .review {
  padding-top: 30%;
}
#quotes-carousel .review strong {
  display: block;
  color: #292929;
  font-size: 16px;
  margin-bottom: 20px;
}
#quotes-carousel .review .logo {
  margin-bottom: 25px;
}
#quotes-carousel .review .stars {
  margin-bottom: 20px;
}
#quotes-carousel .review a {
  text-decoration: underline;
}
@media only screen and (max-width: 991px) {
  #quotes-carousel .review {
    padding-top: 80px;
  }
  #quotes-carousel .slick-dots {
    text-align: center;
  }
}
#jobs {
  padding: 60px 0 100px;
  margin-top: 50px;
}
#jobs .container {
  background-image: url(../img/product/bg-cta-green-gradient.png);
  background-size: 97% 100%;
  background-repeat: no-repeat;
  padding: 0 90px 90px;
}
#jobs .above-h2 {
  color: #fff;
}
#jobs h2 {
  color: #fff;
  margin-bottom: 80px;
  text-align: center;
}
#jobs h2.description-title {
  margin-bottom: 27px;
}
#jobs p.description {
  color: #fff;
  margin: 0 auto 80px;
  max-width: 698px;
  text-align: center;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: 0;
}
#jobs .job {
  color: #fff;
  font-size: 14px;
  width: 80%;
  margin: 0 auto 30px;
}
#jobs .job__position a {
  color: #fff;
  font-weight: 500;
  font-size: 24px;
  text-decoration: underline;
}
#jobs .job__department {
  text-transform: uppercase;
  letter-spacing: 1px;
}
#jobs .job__description {
  color: #292929;
  font-weight: 400;
}
#jobs .job__description .time {
  margin-right: 10px;
}
#jobs .job__description .icon::before {
  margin-right: 5px;
}
#jobs .extra {
  text-align: center;
  margin-top: 50px;
}
#jobs .extra .icon {
  font-size: 40px;
  line-height: 40px;
  color: #95aab9;
}
#jobs .extra strong {
  font-size: 20px;
  line-height: 27px;
  font-weight: 500;
  display: block;
  margin-top: 16px;
}
#jobs .extra p {
  font-weight: 400;
  color: #8e929b;
  margin-top: 10px;
  font-size: 18px;
  line-height: 27px;
  margin: 0;
}
#jobs .extra p a {
  text-decoration: underline;
}
@media only screen and (max-width: 991px) {
  #jobs .job {
    width: 100%;
    text-align: center;
  }
}
@media only screen and (max-width: 666px) {
  #jobs .container {
    padding: 45px;
    background: #2bb673;
    background: linear-gradient(90deg, #6563c7 0, #0fb577 100%);
  }
}
@media only screen and (max-width: 480px) {
  #jobs .extra {
    padding-right: 15px;
    padding-left: 15px;
  }
}
#careers #jobs .container {
  margin-top: 64px;
}
#careers #jobs .inspiring-workplace {
  display: block;
  margin: 0 auto;
  margin-top: -60px;
  margin-bottom: 64px;
}
@media screen and (max-width: 1024px) {
  #careers #jobs .inspiring-workplace {
    margin-top: -35px;
    margin-bottom: 50px;
    width: 75px;
  }
}
@media screen and (max-width: 666px) {
  #careers #jobs .inspiring-workplace {
    margin-top: -100px;
  }
}
#talent-resource {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  background-color: #fff;
  border-radius: 8px;
  padding: 26px 40px;
  float: none;
  margin: -70px auto 0;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
  max-width: 958px;
  width: 90%;
  letter-spacing: 0;
}
#talent-resource p {
  font-size: 17px;
  line-height: 26px;
  font-weight: 400;
  margin: 0;
  color: #8e929b;
}
#talent-resource strong {
  display: block;
  margin-bottom: 7px;
  font-size: 20px;
  line-height: 26px;
  font-weight: 600;
  color: #2e3338;
}
#talent-resource a {
  font-weight: 500;
  text-decoration: underline;
}
#talent-resource .icon {
  width: 58px;
  margin-right: 40px;
  margin-top: 10px;
  font-size: 61px;
  line-height: 58px;
  color: #4d6fdf;
}
#talent-resource .talent-resource-block {
  max-width: 700px;
}
#life-at-databox {
  text-align: center;
  background: #f4f7f9;
  padding: 80px 0;
  text-align: left;
}
#life-at-databox h2 {
  margin: 0 0 24px;
  text-align: left;
  font-size: 40px;
  line-height: 52px;
  font-weight: 500;
}
#life-at-databox h2 strong {
  display: block;
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  color: #7540ab;
  margin-bottom: 8px;
}
#life-at-databox .col p {
  text-align: left;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #8e929b;
  letter-spacing: 0;
  margin-bottom: 28px;
}
#life-at-databox .col p:last-child {
  margin-bottom: 0;
}
#life-at-databox .col p a {
  text-decoration: underline;
  font-weight: 500;
}
#life-at-databox .col p a:hover {
  text-decoration: none;
}
@media only screen and (max-width: 992px) {
  #life-at-databox .vimeo-wrapper {
    margin-top: 50px;
  }
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
#dbx-case-studies h1,
#dbx-case-studies h2,
#dbx-case-studies h3,
#dbx-case-studies h4,
#dbx-case-studies h5,
#dbx-case-studies h6 {
  margin: 0;
}
#dbx-case-studies li,
#dbx-case-studies p {
  font-size: 1rem;
  line-height: 1.5rem;
}
#dbx-case-studies strong {
  font-weight: 700;
}
#dbx-case-studies .dbx-case-studies-intro {
  background: linear-gradient(
    180deg,
    rgba(0, 138, 206, 0.2) 0,
    rgba(255, 255, 255, 0) 100%
  );
  padding-top: 200px;
  padding-bottom: 60px;
  margin-bottom: 96px;
}
#dbx-case-studies .dbx-case-studies-intro > .dbx-container {
  display: flex;
  gap: 32px;
}
#dbx-case-studies .dbx-case-studies-intro__header {
  display: flex;
  flex-direction: column;
  gap: 52px;
}
#dbx-case-studies .dbx-case-studies-intro__header-logo-text {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
#dbx-case-studies .dbx-case-studies-intro__header-logo-text > .title-subtitle {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
#dbx-case-studies
  .dbx-case-studies-intro__header-logo-text
  > .title-subtitle
  > .title {
  font-size: 48px;
  line-height: 56px;
  font-weight: 500;
  color: #24282c;
}
#dbx-case-studies
  .dbx-case-studies-intro__header-logo-text
  > .title-subtitle
  > .title
  > .bold {
  font-weight: 800;
}
#dbx-case-studies
  .dbx-case-studies-intro__header-logo-text
  > .title-subtitle
  > .subtitle {
  font-size: 18px;
  max-width: 85%;
}
#dbx-case-studies .dbx-case-studies-intro__header-logo-text > div > img {
  height: 54px;
  width: auto;
}
#dbx-case-studies .dbx-case-studies-intro__header-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
#dbx-case-studies .dbx-case-studies-intro__header-tags > .tag {
  text-transform: uppercase;
  font-size: 13px;
  line-height: 15px;
  font-weight: 700;
  color: #4d71f1;
  border: 1px solid rgba(77, 113, 241, 0.5);
  padding: 6px 14px;
  border-radius: 6px;
}
@media screen and (max-width: 1100px) {
  #dbx-case-studies .dbx-case-studies-intro__image,
  #dbx-case-studies .dbx-case-studies-intro__video {
    display: none;
  }
}
#dbx-case-studies .dbx-case-studies-intro__image {
  width: 450px;
  height: 450px;
  position: relative;
  flex-shrink: 0;
}
#dbx-case-studies .dbx-case-studies-intro__image > img,
#dbx-case-studies .dbx-case-studies-intro__image > svg {
  position: absolute;
}
#dbx-case-studies .dbx-case-studies-intro__image > svg {
  top: 240px;
}
#dbx-case-studies .dbx-case-studies-intro__image > img {
  z-index: 1;
  height: auto;
  width: 100%;
  object-fit: cover;
  max-width: 450px;
  margin-left: 50px;
  aspect-ratio: 1/1.1;
  clip-path: polygon(
    99.425% 68.867%,
    99.927% 32.169%,
    99.927% 32.169%,
    99.863% 30.762%,
    99.639% 29.383%,
    99.26% 28.045%,
    98.732% 26.756%,
    98.061% 25.526%,
    97.254% 24.366%,
    96.317% 23.285%,
    95.256% 22.294%,
    94.076% 21.402%,
    92.785% 20.619%,
    58.002% 1.874%,
    58.002% 1.874%,
    56.627% 1.22%,
    55.199% 0.707%,
    53.731% 0.335%,
    52.237% 0.106%,
    50.727% 0.018%,
    49.216% 0.071%,
    47.716% 0.267%,
    46.239% 0.605%,
    44.797% 1.086%,
    43.404% 1.709%,
    8.119% 19.661%,
    8.119% 19.661%,
    6.807% 20.415%,
    5.603% 21.28%,
    4.515% 22.247%,
    3.548% 23.306%,
    2.71% 24.447%,
    2.006% 25.661%,
    1.443% 26.938%,
    1.027% 28.268%,
    0.765% 29.64%,
    0.664% 31.046%,
    0.161% 67.744%,
    0.161% 67.744%,
    0.225% 69.151%,
    0.449% 70.53%,
    0.828% 71.868%,
    1.356% 73.157%,
    2.026% 74.387%,
    2.833% 75.547%,
    3.77% 76.628%,
    4.832% 77.619%,
    6.012% 78.511%,
    7.303% 79.294%,
    42.086% 98.039%,
    42.086% 98.039%,
    43.462% 98.693%,
    44.889% 99.206%,
    46.357% 99.578%,
    47.852% 99.807%,
    49.361% 99.895%,
    50.872% 99.842%,
    52.372% 99.646%,
    53.849% 99.308%,
    55.291% 98.827%,
    56.684% 98.204%,
    91.969% 80.252%,
    91.969% 80.252%,
    93.281% 79.498%,
    94.485% 78.633%,
    95.573% 77.666%,
    96.54% 76.607%,
    97.378% 75.465%,
    98.082% 74.251%,
    98.645% 72.975%,
    99.061% 71.645%,
    99.323% 70.272%,
    99.425% 68.867%
  );
}
#dbx-case-studies .dbx-case-studies-intro__video {
  flex-basis: 45%;
  flex-shrink: 0;
  align-self: center;
}
#dbx-case-studies .dbx-case-studies-intro__video > div {
  border-radius: 8px;
  overflow: hidden;
}
@media screen and (max-width: 480px) {
  #dbx-case-studies .dbx-case-studies-intro {
    padding-bottom: 0;
    margin-bottom: 48px;
  }
}
#dbx-case-studies .dbx-case-studies-content {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 64px;
}
#dbx-case-studies .dbx-case-studies-content-character__container {
  background: url("/wp-content/themes/databox/inc/img/case-studies/character-polygon-bg.svg")
      no-repeat bottom left,
    linear-gradient(
      102deg,
      rgba(29, 154, 214, 0.1) 58.87%,
      rgba(29, 154, 214, 0.04) 102.02%
    );
  padding: 56px 64px;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  gap: 30px;
  max-width: 1062px;
}
#dbx-case-studies .dbx-case-studies-content-character__container-image-text {
  display: flex;
  align-items: center;
  gap: 14px;
}
#dbx-case-studies
  .dbx-case-studies-content-character__container-image-text
  > img {
  height: 84px;
  width: 84px;
  border-radius: 100%;
}
#dbx-case-studies
  .dbx-case-studies-content-character__container-image-text
  > .text {
  display: flex;
  flex-direction: column;
  color: #24282c;
}
#dbx-case-studies
  .dbx-case-studies-content-character__container-image-text
  > .text
  > .name {
  font-size: 32px;
  font-weight: 700;
  line-height: 40px;
}
#dbx-case-studies
  .dbx-case-studies-content-character__container-image-text
  > .text
  > .job-title {
  font-size: 16px;
  line-height: 24px;
}
#dbx-case-studies
  .dbx-case-studies-content-character__container-image-text
  > .text
  > .job-title
  > .bold {
  font-weight: 700;
}
@media screen and (max-width: 480px) {
  #dbx-case-studies .dbx-case-studies-content-character__container {
    padding: 24px;
  }
  #dbx-case-studies .dbx-case-studies-content-character__container-image-text {
    flex-direction: column;
  }
}
#dbx-case-studies .dbx-case-studies-content-character__container-text {
  display: flex;
  flex-direction: column;
  gap: 12px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  width: 90%;
}
@media screen and (max-width: 768px) {
  #dbx-case-studies .dbx-case-studies-content-character__container-text {
    width: auto;
  }
}
#dbx-case-studies .dbx-case-studies-content-text-metrics {
  display: flex;
  flex-direction: column;
  gap: 70px;
  margin-bottom: 64px;
}
#dbx-case-studies .dbx-case-studies-content-text-metrics__text {
  max-width: 845px;
}
#dbx-case-studies .dbx-case-studies-content-text-metrics__text > h2 {
  margin-bottom: 32px;
}
#dbx-case-studies .dbx-case-studies-content-text-metrics__text > figure > img,
#dbx-case-studies
  .dbx-case-studies-content-text-metrics__text
  > h2:not(:first-child) {
  padding-top: 50px;
}
#dbx-case-studies .dbx-case-studies-metrics {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  max-width: 845px;
  gap: 32px;
}
#dbx-case-studies .dbx-case-studies-metrics__metric {
  display: flex;
  flex-direction: column;
  gap: 18px;
  width: 300px;
  border-radius: 16px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
  padding: 24px;
  flex: 1 1 265px;
}
#dbx-case-studies .dbx-case-studies-metrics__metric > .icon {
  padding: 8px;
  width: 56px;
  height: 56px;
  background-color: #b060a51a;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#dbx-case-studies .dbx-case-studies-metrics__metric > .title {
  font-size: 32px;
  font-weight: 700;
  line-height: 56px;
}
#dbx-case-studies .dbx-case-studies-metrics__metric > .description {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
#dbx-case-studies .dbx-case-studies-metrics__metric > .description > .bold {
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  #dbx-case-studies .dbx-case-studies-metrics__metric {
    width: auto;
  }
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.ct-chart {
  margin-bottom: 30px;
  position: relative;
}
.ct-grids line {
  stroke: rgba(255, 255, 255, 0.2);
  stroke-dasharray: none;
}
.ct-labels span {
  color: rgba(255, 255, 255, 0.2);
  font-size: 16px;
}
.ct-labels span.ct-horizontal {
  color: rgba(255, 255, 255, 0.5);
  justify-content: space-around !important;
}
.ct-label {
  fill: rgba(255, 255, 255, 0.5);
  font-size: 20px;
}
.ct-bar-label {
  fill: rgba(255, 255, 255, 0.5);
}
.ct-series-a .ct-bar,
.ct-series-a .ct-line,
.ct-series-a .ct-slice-donut,
.ct-series-a .ct-slice-pie {
  stroke: rgba(255, 255, 255, 0.9);
}
.ct-series-a .ct-point {
  stroke: #fff;
}
.ct-series-a .ct-bar {
  filter: drop-shadow(4px 4px 4px rgba(0, 0, 0, 0.3));
  stroke-width: 50px;
}
.ct-series-b .ct-bar {
  stroke: #a39bae;
  filter: drop-shadow(4px 4px 4px rgba(0, 0, 0, 0.3));
  stroke-width: 50px;
}
.ct-series-c .ct-slice-donut {
  stroke: #aa9ab0;
}
.ct-series-d .ct-slice-donut {
  stroke: #927a97;
}
.ct-series-e .ct-slice-donut {
  stroke: #836586;
}
.ct-series-a .ct-slice-donut {
  stroke: rgba(255, 255, 255, 0.9);
}
.ct-series-b .ct-slice-donut {
  stroke: rgba(255, 255, 255, 0.3);
}
.tooltip {
  background: rgba(0, 0, 0, 0.6);
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  font-size: 16px;
  opacity: 1;
  padding: 5px 10px;
  position: absolute;
  z-index: 1;
}
.tooltip.tooltip-hidden {
  opacity: 0;
}
#resource.spotlight-4 .main #chart12,
#resource.spotlight-4 .main #chart13 {
  margin: -40px 0 -30px 0;
}
#resource.spotlight-4 .main #chart12 .ct-label,
#resource.spotlight-4 .main #chart13 .ct-label {
  font-size: 12px;
}
#resource.spotlight-4 .main #chart12 .ct-label.ct-vertical,
#resource.spotlight-4 .main #chart13 .ct-label.ct-vertical {
  padding-left: 65px;
  padding: 5px;
}
#resource.spotlight-4 .main .ct-chart-line {
  padding: 10px 20px;
}
@media only screen and (max-width: 767px) {
  .ct-series-a .ct-bar,
  .ct-series-b .ct-bar {
    stroke-width: 20px;
  }
  .ct-labels span {
    font-size: 10px;
  }
  .ct-bar-label {
    font-size: 10px;
  }
  #chart10,
  #chart11,
  #chart15,
  #chart16,
  #chart17,
  #chart18,
  #chart3 {
    height: 280px !important;
  }
  #chart20,
  #chart4,
  #chart6,
  #chart7 {
    margin: -40px 0 -30px 0;
  }
  #chart20 .ct-label,
  #chart4 .ct-label,
  #chart6 .ct-label,
  #chart7 .ct-label {
    font-size: 10px;
  }
  #chart20 .ct-label.ct-vertical,
  #chart4 .ct-label.ct-vertical,
  #chart6 .ct-label.ct-vertical,
  #chart7 .ct-label.ct-vertical {
    padding-left: 65px;
    padding: 5px;
  }
  #chart20 .ct-label .ct-horizontal,
  #chart4 .ct-label .ct-horizontal,
  #chart6 .ct-label .ct-horizontal,
  #chart7 .ct-label .ct-horizontal {
    width: 10px;
  }
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.dbx-strikethrough {
  position: relative;
}
.dbx-strikethrough::after {
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #8650ce -2%, #c9698b 96.39%);
}
.dbx-linear-gradient-text {
  background: linear-gradient(45deg, #8850cb, #da6e7a);
  background: -o-linear-gradient(45deg, #8850cb, #da6e7a);
  background: -ms-linear-gradient(45deg, #8850cb, #da6e7a);
  background: -moz-linear-gradient(45deg, #8850cb, #da6e7a);
  background: -webkit-linear-gradient(45deg, #8850cb, #da6e7a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.dbx-linear-gradient-text-2 {
  background: linear-gradient(45deg, #9150f6, #d568c3);
  background: -o-linear-gradient(45deg, #9150f6, #d568c3);
  background: -ms-linear-gradient(45deg, #9150f6, #d568c3);
  background: -moz-linear-gradient(45deg, #9150f6, #d568c3);
  background: -webkit-linear-gradient(45deg, #9150f6, #d568c3);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.dbx-tag {
  font-weight: 600;
  white-space: nowrap;
  padding: 8px 16px;
  border-radius: 6px;
}
.dbx-tag--lg {
  padding: 8px 24px;
}
.dbx-tag--sm {
  padding: 2px 8px;
  font-size: 13px;
}
.dbx-tag--faded-blue {
  background-color: rgba(77, 113, 241, 0.1);
  border: 1px solid rgba(77, 113, 241, 0.15);
  color: #4d71f1;
}
.dbx-tag--blue {
  background-color: rgba(0, 143, 212, 0.1);
  color: #008fd4;
}
.dbx-tag--dark-blue {
  background-color: #021b79;
  color: #fff;
}
.dbx-tag--gradient-purple {
  background: linear-gradient(90deg, #7f4dd4 0, #cc6a87 100%);
  color: #fff;
}
.dbx-tag--white {
  background-color: #fff;
  color: #000;
}
.dbx-tag--green {
  background-color: #25a767;
  color: #fff;
}
.dbx-tag--faded-green {
  background-color: rgba(37, 167, 103, 0.1);
  color: #25a767;
}
.dbx-tag--faded-orange {
  background-color: #fff3e7;
  color: #fa870c;
}
.dbx-tag--orange {
  background-color: #fa870c;
  color: #fff;
}
.dbx-tag--custom-transparent-purple {
  background-color: rgba(134, 80, 206, 0.5);
  color: #fff;
}
.dbx-tag--transform-uppercase {
  text-transform: uppercase;
}
.dbx-tag--underlined {
  padding: 8px 0;
  border-radius: 0;
}
.dbx-tag--underlined-orange {
  border-bottom: 2px solid #fddab4;
  color: #fa870c;
}
.dbx-hero-tag {
  padding: 8px 16px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  border-radius: 8px;
  text-transform: uppercase;
  white-space: normal;
}
.dbx-text--faded-light {
  color: #8e929b;
}
.dbx-text--faded-dark {
  color: rgba(13, 15, 17, 0.8);
}
.dbx-text--xxl {
  font-size: 1.25rem;
  line-height: 1.5rem;
}
.dbx-text--xl {
  font-size: 1.0652rem;
  line-height: 1.5rem;
}
.dbx-text--lg {
  font-size: 1rem;
  line-height: 1.5rem;
}
.dbx-text--sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.dbx-text--s {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 300;
}
.dbx-text--xs {
  font-size: 0.75rem !important;
  line-height: 0.875rem !important;
}
.dbx-text--m {
  font-weight: 500;
}
.dbx-text--b {
  font-weight: 700;
}
.dbx-text--blue {
  color: #4d71f1;
}
.dbx-text--purple {
  color: #7540ab;
}
.dbx-text--pink {
  color: #c031b1;
}
.dbx-text--orange {
  color: #fa870c;
}
.dbx-text--navy {
  color: #2e4797;
}
.dbx-text--green {
  color: #25a767;
}
.dbx-text--black {
  color: #000;
}
.dbx-text--blue {
  color: #4d71f1;
}
.dbx-text--letter-spacing-1 {
  letter-spacing: 1px;
}
.dbx-text--letter-spacing-2 {
  letter-spacing: 2px;
}
.dbx-text--uppercase {
  text-transform: uppercase;
}
@media screen and (min-width: 768px) {
  .dbx-text--xxl {
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .dbx-text--xl {
    font-size: 1.25rem;
    line-height: 1.875rem;
  }
  .dbx-text--lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}
.dbx-arrow-btn,
.dbx-btn {
  font-size: 16px;
  transition: all 0.3s;
  font-weight: 600;
  padding: 16px 24px;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  user-select: none;
  border: 1px solid transparent;
}
.dbx-arrow-btn--size-sm,
.dbx-btn--size-sm {
  padding: 8px 16px;
}
.dbx-btn {
  display: inline-block;
}
.dbx-btn.dbx-btn--blue-solid {
  color: #fff;
  background-color: #4d71f1;
}
.dbx-btn.dbx-btn--blue-outline {
  background-color: transparent;
  color: #4d71f1;
  border: 1px solid #c3cdef;
}
.dbx-btn.dbx-btn--blue-text {
  color: #4d71f1;
  background-color: transparent;
  padding-left: 0;
}
.dbx-btn.dbx-btn--green-solid {
  color: #fff;
  background-color: #25a767;
}
.dbx-btn.dbx-btn--green-outline {
  background-color: transparent;
  color: #25a767;
  border: 1px solid #25a767;
}
.dbx-btn.dbx-btn--white-solid {
  color: #000;
  background-color: #fff;
}
.dbx-btn.dbx-btn--white-solid-blue-text {
  color: #4d71f1;
  background-color: #fff;
}
.dbx-btn.dbx-btn--white-solid-transparent {
  color: #fff;
  background: rgba(255, 255, 255, 0.25);
}
.dbx-btn.dbx-btn--white-solid-transparent-10 {
  color: #fff;
  background: rgba(255, 255, 255, 0.1);
}
.dbx-btn.dbx-btn--white-outline {
  background-color: transparent;
  color: #fff;
  border: 1px solid #fff;
}
.dbx-btn.dbx-btn--transparent-solid-to-10-white {
  color: #fff;
  background-color: transparent;
  border: 1px solid transparent;
}
.dbx-btn.dbx-btn--navy-solid {
  color: #fff;
  background-color: #2e4797;
}
.dbx-btn.dbx-btn--navy-outline {
  background-color: transparent;
  color: #2e4797;
  border: 1px solid #2e4797;
}
.dbx-btn.dbx-btn--orange-solid {
  color: #fff;
  background-color: #fa870c;
}
.dbx-btn.dbx-btn--orange-outline {
  background-color: transparent;
  color: #fa870c;
  border: 1px solid #fa870c;
}
.dbx-btn.dbx-btn--yellow-solid {
  color: #fff;
  background-color: #f4bb42;
}
.dbx-btn.dbx-btn--yellow-outline {
  background-color: transparent;
  color: #f4bb42;
  border: 1px solid #f4bb42;
}
.dbx-btn.dbx-btn--purple-solid {
  color: #fff;
  background-color: #7540ab;
}
.dbx-btn.dbx-btn--purple-outline {
  background-color: transparent;
  color: #7540ab;
  border: 1px solid #7540ab;
}
.dbx-btn.dbx-btn--gray-solid {
  color: #fff;
  background-color: #8e929b;
}
.dbx-btn.dbx-btn--gray-outline {
  background-color: transparent;
  color: #8e929b;
  border: 1px solid #8e929b;
}
.dbx-btn.dbx-btn--red-solid {
  color: #fff;
  background-color: #f46868;
}
.dbx-btn.dbx-btn--red-outline {
  background-color: transparent;
  color: #f46868;
  border: 1px solid #f46868;
}
.dbx-btn.dbx-btn--transparent-solid {
  background-color: transparent;
  color: #2b2c2f;
  font-weight: 500;
}
.dbx-btn.dbx-btn--transparent-solid.dbx-btn--active {
  background-color: #f4f4f5;
  border: 1px solid #f4f4f5;
}
.dbx-btn.dbx-btn--transparent-solid-to-10-gray {
  background-color: transparent;
  color: #73747b;
}
.dbx-btn--white-black-text-variant {
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  color: #000;
  font-weight: 500 !important;
}
.dbx-btn--sm {
  padding: 8px 16px;
}
.dbx-btn.dbx-btn--disabled {
  background-color: #9f9fa0;
  color: rgba(255, 255, 255, 0.5);
  user-select: none;
  position: relative;
  pointer-events: none;
  cursor: not-allowed;
}
.dbx-btn:hover {
  text-decoration: none;
}
.dbx-btn:hover.dbx-btn--blue-solid {
  color: #fff;
  background-color: #405ed1;
}
.dbx-btn:hover.dbx-btn--blue-outline {
  border: 1px solid #4d71f1;
  background-color: #fbfcff;
}
.dbx-btn:hover.dbx-btn--blue-text {
  color: #405ed1;
}
.dbx-btn:hover.dbx-btn--green-solid {
  color: #fff;
  background-color: #20925a;
}
.dbx-btn:hover.dbx-btn--green-outline {
  border: 1px solid #25a767;
  background-color: #fbfdfc;
}
.dbx-btn:hover.dbx-btn--white-solid {
  color: #000;
  background-color: #f9fafa;
}
.dbx-btn:hover.dbx-btn--white-solid-blue-text {
  color: #405ed1;
}
.dbx-btn:hover.dbx-btn--white-solid-transparent {
  background: rgba(255, 255, 255, 0.35);
}
.dbx-btn:hover.dbx-btn--white-solid-transparent-10 {
  background: rgba(255, 255, 255, 0.2);
}
.dbx-btn:hover.dbx-btn--white-outline {
  background-color: #fff;
  color: #2b2c2f;
}
.dbx-btn:hover.dbx-btn--transparent-solid-to-10-white {
  background-color: rgba(255, 255, 255, 0.2);
}
.dbx-btn:hover.dbx-btn--transparent-solid {
  background-color: #f4f4f5;
  border: 1px solid #f4f4f5;
}
.dbx-btn:hover.dbx-btn--transparent-solid-to-10-gray {
  background-color: #f4f4f5;
  border: 1px solid #f4f4f5;
}
.dbx-btn:hover.dbx-btn--navy-solid {
  color: #fff;
  background-color: #5d78ce;
}
.dbx-btn:hover.dbx-btn--navy-outline {
  border: 1px solid #2e4797;
  background-color: #fbfbfd;
}
.dbx-btn:hover.dbx-btn--orange-solid {
  color: #fff;
  background-color: #9d5303;
}
.dbx-btn:hover.dbx-btn--orange-outline {
  border: 1px solid #fa870c;
  background-color: #fffdfa;
}
.dbx-btn:hover.dbx-btn--yellow-solid {
  color: #fff;
  background-color: #c5890b;
}
.dbx-btn:hover.dbx-btn--yellow-outline {
  background-color: #fffefb;
  color: #f4bb42;
}
.dbx-btn:hover.dbx-btn--purple-solid {
  color: #fff;
  background-color: #422461;
}
.dbx-btn:hover.dbx-btn--purple-outline {
  background-color: #fcfbfd;
  color: #7540ab;
}
.dbx-btn:hover.dbx-btn--gray-solid {
  color: #fff;
  background-color: #5c5f67;
}
.dbx-btn:hover.dbx-btn--gray-outline {
  background-color: #fdfdfd;
  color: #8e929b;
}
.dbx-btn:hover.dbx-btn--white-black-text-variant {
  color: #000;
  background-color: rgba(142, 146, 155, 0.1);
}
.dbx-btn:hover.dbx-btn--red-solid {
  color: #fff;
  background-color: #e51111;
}
.dbx-btn:hover.dbx-btn--red-outline {
  background-color: #fffcfc;
  color: #f46868;
}
.dbx-hover-trigger:active,
.dbx-hover-trigger:focus,
.dbx-hover-trigger:hover,
.dbx-hover-trigger:visited {
  text-decoration: none;
}
.dbx-hover-trigger:hover .dbx-btn {
  text-decoration: none;
}
.dbx-hover-trigger:hover .dbx-btn.dbx-btn--blue-solid {
  color: #fff;
  background-color: #405ed1;
}
.dbx-hover-trigger:hover .dbx-btn.dbx-btn--blue-outline {
  border: 1px solid #4d71f1;
  background-color: #fbfcff;
}
.dbx-hover-trigger:hover .dbx-btn.dbx-btn--blue-text {
  color: #405ed1;
}
.dbx-hover-trigger:hover .dbx-btn.dbx-btn--green-solid {
  color: #fff;
  background-color: #20925a;
}
.dbx-hover-trigger:hover .dbx-btn.dbx-btn--green-outline {
  border: 1px solid #25a767;
  background-color: #fbfdfc;
}
.dbx-hover-trigger:hover .dbx-btn.dbx-btn--white-solid {
  color: #000;
  background-color: #f9fafa;
}
.dbx-hover-trigger:hover .dbx-btn.dbx-btn--white-solid-blue-text {
  color: #405ed1;
}
.dbx-hover-trigger:hover .dbx-btn.dbx-btn--white-solid-transparent {
  background: rgba(255, 255, 255, 0.35);
}
.dbx-hover-trigger:hover .dbx-btn.dbx-btn--white-solid-transparent-10 {
  background: rgba(255, 255, 255, 0.2);
}
.dbx-hover-trigger:hover .dbx-btn.dbx-btn--white-outline {
  background-color: #fff;
  color: #2b2c2f;
}
.dbx-hover-trigger:hover .dbx-btn.dbx-btn--transparent-solid-to-10-white {
  background-color: rgba(255, 255, 255, 0.2);
}
.dbx-hover-trigger:hover .dbx-btn.dbx-btn--transparent-solid {
  background-color: #f4f4f5;
  border: 1px solid #f4f4f5;
}
.dbx-hover-trigger:hover .dbx-btn.dbx-btn--transparent-solid-to-10-gray {
  background-color: #f4f4f5;
  border: 1px solid #f4f4f5;
}
.dbx-hover-trigger:hover .dbx-btn.dbx-btn--navy-solid {
  color: #fff;
  background-color: #5d78ce;
}
.dbx-hover-trigger:hover .dbx-btn.dbx-btn--navy-outline {
  border: 1px solid #2e4797;
  background-color: #fbfbfd;
}
.dbx-hover-trigger:hover .dbx-btn.dbx-btn--orange-solid {
  color: #fff;
  background-color: #9d5303;
}
.dbx-hover-trigger:hover .dbx-btn.dbx-btn--orange-outline {
  border: 1px solid #fa870c;
  background-color: #fffdfa;
}
.dbx-hover-trigger:hover .dbx-btn.dbx-btn--yellow-solid {
  color: #fff;
  background-color: #c5890b;
}
.dbx-hover-trigger:hover .dbx-btn.dbx-btn--yellow-outline {
  background-color: #fffefb;
  color: #f4bb42;
}
.dbx-hover-trigger:hover .dbx-btn.dbx-btn--purple-solid {
  color: #fff;
  background-color: #422461;
}
.dbx-hover-trigger:hover .dbx-btn.dbx-btn--purple-outline {
  background-color: #fcfbfd;
  color: #7540ab;
}
.dbx-hover-trigger:hover .dbx-btn.dbx-btn--gray-solid {
  color: #fff;
  background-color: #5c5f67;
}
.dbx-hover-trigger:hover .dbx-btn.dbx-btn--gray-outline {
  background-color: #fdfdfd;
  color: #8e929b;
}
.dbx-hover-trigger:hover .dbx-btn.dbx-btn--white-black-text-variant {
  color: #000;
  background-color: rgba(142, 146, 155, 0.1);
}
.dbx-hover-trigger:hover .dbx-btn.dbx-btn--red-solid {
  color: #fff;
  background-color: #e51111;
}
.dbx-hover-trigger:hover .dbx-btn.dbx-btn--red-outline {
  background-color: #fffcfc;
  color: #f46868;
}
.dbx-hover-trigger .dbx-btn {
  text-decoration: none;
}
.dbx-hover-trigger .dbx-btn:active,
.dbx-hover-trigger .dbx-btn:focus,
.dbx-hover-trigger .dbx-btn:hover,
.dbx-hover-trigger .dbx-btn:visited {
  text-decoration: none;
}
.dbx-anchor-arrow,
.dbx-arrow-btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.dbx-anchor-arrow .icon::before,
.dbx-arrow-btn .icon::before {
  top: 50%;
  transform: translateY(-50%) translateX(0) rotate(90deg);
  position: absolute;
  transition: transform 0.3s;
  will-change: transform;
  font-size: 12px;
}
.dbx-anchor-arrow:hover,
.dbx-arrow-btn:hover {
  text-decoration: none;
}
.dbx-arrow-btn {
  padding-right: 38px;
}
.dbx-arrow-btn .icon {
  margin-right: 5px;
}
.dbx-arrow-btn .icon::before {
  right: 24px;
}
.dbx-arrow-btn:hover .icon::before {
  transform: translateY(-50%) translateX(4px) rotate(90deg);
}
.dbx-arrow-btn--size-sm {
  padding-right: 32px;
}
.dbx-arrow-btn--size-sm .icon::before {
  right: 20px;
}
.dbx-arrow-btn--size-sm:hover .icon::before {
  transform: translateY(-50%) translateX(4px) rotate(90deg);
}
.dbx-arrow-btn--sm {
  padding: 8px 16px;
}
.dbx-anchor-arrow {
  font-weight: 700;
  padding-right: 20px;
  color: #4d71f1;
  cursor: pointer;
}
.dbx-anchor-arrow .icon::before {
  right: 6px;
}
.dbx-anchor-arrow:hover .icon::before {
  transform: translateY(-50%) translateX(6px) rotate(90deg);
}
.dbx-horizontal-scroll {
  max-width: 100%;
  -ms-overflow-style: none;
  scrollbar-width: none;
  display: flex;
  align-items: center;
  overflow-x: auto;
}
.dbx-horizontal-scroll::-webkit-scrollbar {
  display: none;
}
.dbx-horizontal-scroll * {
  flex: 0 0 auto;
}
.dbx-horizontal-scroll :first-child {
  margin-left: auto;
}
.dbx-horizontal-scroll :last-child {
  margin-right: auto;
}
.dbx-grid-horizontal-scroll {
  overflow-x: auto;
  place-content: center;
}
.dbx-list ul {
  padding: 0;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 24px;
  margin: 0;
}
.dbx-list ul li {
  font-size: 18px;
  color: #1b2024;
  line-height: 24px;
  list-style: none;
  padding: 0;
}
.dbx-list--add-check-mark ul {
  margin-left: 16px;
}
.dbx-list--add-check-mark ul li {
  padding-left: 8px;
}
.dbx-list--add-check-mark ul li::marker {
  content: "\e982";
  display: inline-block;
  color: #24282c;
  font-family: Icons;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  position: relative;
  text-transform: none;
  vertical-align: middle;
}
.dbx-list__md ul {
  gap: 12px;
}
.dbx-list__md ul li {
  font-size: 16px;
}
.dbx-list__blue ul li::marker {
  color: #4d71f1;
}
.dbx-list__purple ul li::marker {
  color: #7540ab;
}
.dbx-list__navy ul li::marker {
  color: #2e4797;
}
.dbx-list__orange ul li::marker {
  color: #fa870c;
}
.dbx-list__yellow ul li::marker {
  color: #f4bb42;
}
.dbx-list__green ul li::marker {
  color: #25a767;
}
.dbx-container-anchor {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}
.dbx-background-filter {
  position: relative;
}
.dbx-background-filter::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80%;
  height: 80%;
  transform: translate(-50%, -50%);
  background-color: #855db4;
  opacity: 0.2;
  z-index: -1;
  filter: blur(160.4538269px);
}
.dbx-typewriter {
  display: inline-block;
  white-space: pre;
}
.dbx-typewriter__measurement-helper {
  visibility: hidden;
  position: absolute;
  overflow: hidden;
}
.dbx-typewriter__input {
  display: inline-block;
  text-align: inherit;
}
.dbx-typewriter__input::after {
  font-weight: 400;
  content: "|";
  animation: blink 1s step-end infinite;
}
@keyframes blink {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
.dbx-fading-interval {
  display: block;
  position: relative;
}
.dbx-fading-interval__input {
  display: inline-block;
  white-space: normal;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.dbx-fading-interval__measurement-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: block;
  visibility: hidden;
}
.dbx-fading-interval__measurement-helper {
  display: block;
  width: 100%;
  white-space: normal;
  word-wrap: break-word;
  overflow-wrap: break-word;
  visibility: hidden;
}
.dbx-break-sentence {
  display: none;
}
@media only screen and (min-width: 1200px) {
  .dbx-break-sentence {
    display: block;
  }
}
.dbx-hs-form .dbx-hs-form__form-container .hs-form {
  display: flex;
  gap: 16px;
  justify-content: center;
}
.dbx-hs-form .dbx-hs-form__form-container .hs-email > label {
  display: none;
}
.dbx-hs-form .dbx-hs-form__form-container .hs_error_rollup {
  display: none;
}
.dbx-hs-form .dbx-hs-form__form-container .hs-error-msgs {
  color: rgba(142, 146, 155, 0.8);
  padding-inline-start: 10px;
}
.dbx-hs-form .dbx-hs-form__form-container .hs-error-msgs label {
  color: rgba(142, 146, 155, 0.8);
}
.dbx-hs-form .dbx-hs-form__form-container .hs-input {
  padding: 10px 8px;
  font-size: 14px;
  line-height: 1.5rem;
  height: auto;
  border: 1px solid rgba(142, 146, 155, 0.2);
}
.dbx-hs-form .dbx-hs-form__form-container .actions {
  padding: 0;
}
.dbx-hs-form .dbx-hs-form__form-container .hs-button {
  font-weight: 500;
  font-size: 16px;
  padding: 12px 27px;
  text-transform: none;
  box-sizing: border-box;
  border-radius: 8px;
}
.dbx-hs-form .dbx-hs-form__form-container .submitted-message {
  text-align: center;
  font-weight: 700;
}
.dbx-hs-form .dbx-hs-form__form-legal {
  font-size: 13px;
  color: rgba(142, 146, 155, 0.8);
  text-align: center;
  margin-top: 16px;
}
.dbx-hs-form .dbx-hs-form__form-legal a {
  color: rgba(142, 146, 155, 0.8);
  text-decoration: underline;
}
.dbx-hs-form.dbx-hs-form--color-red .hs-button {
  color: #fff !important;
  background-color: #f46868 !important;
  border: 2px solid #f46868 !important;
}
.dbx-hs-form.dbx-hs-form--color-red .hs-button:hover {
  color: #fff !important;
  background-color: #f25050 !important;
  border: 2px solid #f25050 !important;
}
.dbx-hs-form.dbx-hs-form--color-orange .hs-button {
  color: #fff !important;
  background-color: #fa870c !important;
  border: 2px solid #fa870c !important;
}
.dbx-hs-form.dbx-hs-form--color-blue .hs-button {
  color: #fff !important;
  background-color: #4d71f1 !important;
  border: 2px solid #4d71f1 !important;
}
.dbx-hs-form.dbx-hs-form--light .dbx-hs-form__form-legal {
  color: #fff;
}
.dbx-hs-form.dbx-hs-form--light .dbx-hs-form__form-legal a {
  color: #fff;
  text-decoration: underline;
}
.dbx-hs-form.dbx-hs-form--light .dbx-hs-form__form-container .hs-error-msgs,
.dbx-hs-form.dbx-hs-form--light
  .dbx-hs-form__form-container
  .hs-error-msgs
  label {
  color: #fff;
}
.dbx-hs-form.dbx-hs-form--light .submitted-message {
  color: #fff;
}
#modal-generic .modal-dialog {
  top: 50%;
  transform: translateY(-50%);
  margin: 0 auto;
}
#modal-generic button.close {
  position: absolute;
  width: 38px;
  height: 38px;
  font-size: 16px;
  line-height: 38px;
  padding-left: 1px;
  top: 0;
  right: 0;
  z-index: 1;
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
#compare-pages {
  letter-spacing: 0;
}
#compare-pages .header {
  background: #fff url("../img/dashboard-software/bg_dashboard.png") no-repeat
    top center;
  background-size: 100% 120px;
  color: #000;
  text-align: center;
  padding-bottom: 70px;
}
#compare-pages .header .opposite {
  display: flex;
  flex-direction: column;
}
#compare-pages .header .opposite .img {
  order: 1;
  margin-top: 20px;
}
#compare-pages .header .opposite .text {
  order: 0;
}
#compare-pages .header.no-logos {
  padding-bottom: 30px;
}
#compare-pages .header.no-logos .text {
  padding-top: 120px;
}
#compare-pages .header .top-logos {
  margin: 100px 0 60px;
}
#compare-pages .header .top-logos ul {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
  justify-content: center;
  align-items: center;
}
#compare-pages .header .top-logos ul li {
  padding: 0 30px;
  position: relative;
}
#compare-pages .header .top-logos ul li::after {
  content: "";
  height: 48px;
  width: 2px;
  opacity: 0.1;
  background: #000;
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
}
#compare-pages .header .top-logos ul li:last-child::after {
  display: none;
}
@media screen and (max-width: 768px) {
  #compare-pages .header .top-logos ul li {
    max-width: 50%;
  }
  #compare-pages .header .top-logos ul li img {
    max-width: 100%;
  }
  #compare-pages .header .top-logos ul li::after {
    height: 30px;
  }
}
#compare-pages .header h1 {
  color: #000;
  font-weight: 800;
  font-size: 56px;
  line-height: 66px;
  margin: 0 auto 16px;
  max-width: 810px;
}
#compare-pages .header h3 {
  font-size: 15px;
  line-height: 24px;
  font-weight: 700;
  color: #4d71f1;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin: 0 0 16px;
}
#compare-pages .header p {
  font-size: 16px;
  line-height: 24px;
  color: #72757c;
  max-width: 700px;
  margin: 0 auto 40px;
  font-weight: 400;
}
#compare-pages .header .btn {
  margin: 0 8px 10px;
  text-transform: none;
  padding: 10px 38px;
}
#compare-pages .header .btn.btn-green {
  background: #2ab674;
  font-size: 18px;
}
#compare-pages .header .btn.btn-green .icon {
  display: none;
}
#compare-pages .header .btn.btn-green:hover {
  background: #20925a;
}
#compare-pages .header .btn.btn-purple {
  background: 0 0;
  border: 1px solid #2ab674;
  color: #2ab674;
}
#compare-pages .header .btn.btn-purple:hover {
  color: #fff;
  background: #2ab674;
}
#compare-pages .header .mobile-buttons {
  display: none;
}
@media screen and (max-width: 768px) {
  #compare-pages .header h1 {
    font-size: 42px;
    line-height: 52px;
  }
}
#compare-pages #repeatable-images {
  text-align: center;
  padding: 0 0 116px;
}
#compare-pages #repeatable-images p {
  font-size: 16px;
  line-height: 24px;
  color: #8e929b;
  margin: 0 0 16px;
  font-weight: 400;
}
#compare-pages #repeatable-images .image-block {
  display: inline-block;
  float: none;
  vertical-align: middle;
  width: auto;
  margin: 0 27px;
  padding: 0;
}
#compare-pages #repeatable-images .image-block img {
  opacity: 0.8;
  max-width: 100%;
}
@media screen and (max-width: 768px) {
  #compare-pages #repeatable-images {
    padding-bottom: 60px;
  }
}
#compare-pages .product-any-data-content {
  background: #f3f4f8;
  text-align: center;
  padding: 120px 0 0;
}
#compare-pages .product-any-data-content h2 {
  font-size: 36px;
  line-height: 46px;
  font-weight: 700;
  margin: 0;
  color: #000;
}
#compare-pages .product-any-data-content h2 strong {
  font-weight: 700;
  text-decoration: underline;
  text-decoration-skip-ink: none;
  text-decoration-color: #4d71f1;
  -webkit-text-decoration-color: #4d71f1;
}
#compare-pages .product-datas-multiple {
  background: #f3f4f8;
  border-top: 1px solid rgba(142, 146, 155, 0.2);
  padding: 64px 0;
}
#compare-pages .product-datas-multiple h2,
#compare-pages .product-datas-multiple h3 {
  font-size: 36px;
  line-height: 46px;
  font-weight: 500;
  margin: 0 0 24px;
  color: #000;
}
#compare-pages .product-datas-multiple h2 strong,
#compare-pages .product-datas-multiple h3 strong {
  font-weight: 500;
  text-decoration: underline;
  text-decoration-skip-ink: none;
}
#compare-pages .product-datas-multiple p {
  font-size: 18px;
  line-height: 26px;
  margin: 0;
  color: #8e929b;
  font-weight: 400;
}
#compare-pages .product-datas-multiple#product-any-data-1 {
  border-top: none;
}
#compare-pages .product-datas-multiple#product-any-data-1 h2 strong,
#compare-pages .product-datas-multiple#product-any-data-1 h3 strong {
  text-decoration-color: #49c2a0;
  -webkit-text-decoration-color: #49c2a0;
}
#compare-pages .product-datas-multiple#product-any-data-2 h2 strong,
#compare-pages .product-datas-multiple#product-any-data-2 h3 strong {
  text-decoration-color: #f4857a;
  -webkit-text-decoration-color: #f4857a;
}
#compare-pages .product-datas-multiple#product-any-data-3 h2 strong,
#compare-pages .product-datas-multiple#product-any-data-3 h3 strong {
  text-decoration-color: #48b9e5;
  -webkit-text-decoration-color: #48b9e5;
}
@media screen and (max-width: 768px) {
  #compare-pages .product-datas-multiple.content.layout-dbl .img img {
    max-width: 100%;
  }
}
#compare-pages .compare-block {
  padding: 120px 0;
}
#compare-pages .compare-block .compare-title {
  text-align: center;
  margin-bottom: 68px;
}
#compare-pages .compare-block .compare-title h2,
#compare-pages .compare-block .compare-title h3 {
  margin: 0 0 20px;
  font-size: 32px;
  line-height: 40px;
  font-weight: 700;
  color: #1c1d1f;
}
#compare-pages .compare-block .compare-title p {
  color: #8e929b;
  font-size: 18px;
  line-height: 27px;
  margin: 0 auto;
  font-weight: 400;
  max-width: 630px;
}
#compare-pages .compare-block .compare-companies {
  padding-bottom: 24px;
}
#compare-pages .compare-block .compare-companies::after {
  content: "";
  clear: both;
  display: block;
}
#compare-pages .compare-block .compare-companies--centered .col-md-3 {
  text-align: center;
}
#compare-pages .compare-block .compare-fields--no-dropdown .compare-box {
  cursor: default !important;
}
#compare-pages .compare-block .compare-fields--centered .compare-box .col-md-3 {
  display: flex;
  justify-content: center;
}
#compare-pages
  .compare-block
  .compare-fields--centered
  .compare-box
  .col-md-3
  .icon {
  position: static !important;
  left: auto !important;
  top: auto !important;
}
#compare-pages .compare-block .compare-fields .compare-box {
  clear: both;
  display: block;
  border-top: 1px solid rgba(142, 146, 155, 0.2);
  padding: 28px 0;
  position: relative;
  cursor: pointer;
}
#compare-pages .compare-block .compare-fields .compare-box .col-md-2 {
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  color: #4d71f1;
}
#compare-pages
  .compare-block
  .compare-fields
  .compare-box
  .compare-box__title-wrapper {
  display: flex;
  flex-direction: column;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  color: #4d71f1;
}
#compare-pages .compare-block .compare-fields .compare-box .compare-box__text {
  margin-top: 8px;
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
  color: #72757c;
}
#compare-pages
  .compare-block
  .compare-fields
  .compare-box
  .compare-box__text
  p {
  display: block;
  padding: 0;
  margin: 0;
}
#compare-pages .compare-block .compare-fields .compare-box h3,
#compare-pages .compare-block .compare-fields .compare-box h4 {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #000;
  margin: 0;
  padding-left: 24px;
}
#compare-pages .compare-block .compare-fields .compare-box p {
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  color: #000;
  display: none;
  padding-left: 24px;
}
#compare-pages
  .compare-block
  .compare-fields
  .compare-box
  .icon.icon-arrow-right {
  position: absolute;
  right: 0;
  transform: rotate(90deg);
  top: 32px;
  color: #72757c;
}
#compare-pages .compare-block .compare-fields .compare-box .col-md-3,
#compare-pages .compare-block .compare-fields .compare-box .col-md-4 {
  position: relative;
}
#compare-pages .compare-block .compare-fields .compare-box .col-md-3 .icon,
#compare-pages .compare-block .compare-fields .compare-box .col-md-4 .icon {
  position: absolute;
  top: 0;
  left: 15px;
}
#compare-pages
  .compare-block
  .compare-fields
  .compare-box
  .col-md-3.true
  .icon.icon-check,
#compare-pages
  .compare-block
  .compare-fields
  .compare-box
  .col-md-4.true
  .icon.icon-check {
  color: #25a767;
  font-size: 16px;
}
#compare-pages
  .compare-block
  .compare-fields
  .compare-box
  .col-md-3.true
  .icon.icon-close,
#compare-pages
  .compare-block
  .compare-fields
  .compare-box
  .col-md-4.true
  .icon.icon-close {
  display: none;
}
#compare-pages
  .compare-block
  .compare-fields
  .compare-box
  .col-md-3.false
  .icon.icon-check,
#compare-pages
  .compare-block
  .compare-fields
  .compare-box
  .col-md-4.false
  .icon.icon-check {
  display: none;
}
#compare-pages
  .compare-block
  .compare-fields
  .compare-box
  .col-md-3.false
  .icon.icon-close,
#compare-pages
  .compare-block
  .compare-fields
  .compare-box
  .col-md-4.false
  .icon.icon-close {
  color: #d05858;
  font-size: 16px;
}
#compare-pages .compare-block .compare-fields .compare-box:last-child {
  border-bottom: 1px solid rgba(142, 146, 155, 0.2);
}
#compare-pages .compare-block .compare-fields .compare-box::after {
  content: "";
  clear: both;
  display: block;
}
#compare-pages .compare-block .compare-fields .compare-box.active h3,
#compare-pages .compare-block .compare-fields .compare-box.active h4 {
  margin-bottom: 16px;
}
#compare-pages
  .compare-block
  .compare-fields
  .compare-box.active
  .icon.icon-arrow-right {
  transform: rotate(270deg);
}
@media screen and (max-width: 992px) {
  #compare-pages .compare-block .compare-companies {
    display: flex;
  }
  #compare-pages .compare-block .compare-companies .col-md-2 {
    display: none;
  }
  #compare-pages .compare-block .compare-companies > .col-md-4:first-child {
    display: none;
  }
  #compare-pages .compare-block .compare-companies .col-md-4 {
    width: 49%;
  }
  #compare-pages .compare-block .compare-companies .col-md-4 img {
    max-width: 100%;
  }
  #compare-pages .compare-block .compare-companies .col-md-3 {
    width: 50%;
  }
  #compare-pages .compare-block .compare-companies .col-md-3 img {
    max-width: 100%;
  }
  #compare-pages .compare-block .compare-fields {
    padding: 0 20px;
  }
  #compare-pages .compare-block .compare-fields .compare-box .col-md-2 {
    margin-bottom: 20px;
  }
  #compare-pages
    .compare-block
    .compare-fields
    .compare-box
    .col-md-4.compare-box__title-wrapper {
    width: 100%;
    margin-bottom: 20px;
  }
  #compare-pages .compare-block .compare-fields .compare-box .col-md-3 {
    display: inline-block;
    vertical-align: top;
    width: 49%;
  }
  #compare-pages .compare-block .compare-fields .compare-box .col-md-3 .icon {
    position: relative;
    left: 0;
  }
  #compare-pages .compare-block .compare-fields .compare-box .col-md-3 h3 {
    padding: 0;
  }
  #compare-pages .compare-block .compare-fields .compare-box .col-md-3 p {
    padding: 0;
  }
  #compare-pages
    .compare-block
    .compare-fields--centered
    .compare-box
    .col-md-3 {
    text-align: center;
  }
  #compare-pages
    .compare-block
    .compare-fields--centered
    .compare-box
    .col-md-3
    .icon {
    position: static !important;
    left: auto !important;
  }
}
#compare-pages .compare-prices-block {
  position: relative;
  bottom: -20px;
}
#compare-pages .compare-prices-block .compare-prices {
  margin-bottom: 30px;
  display: flex;
  align-items: center;
}
#compare-pages .compare-prices-block .compare-prices .compare-price-icon {
  background: rgba(0, 138, 206, 0.1)
    url("../img/compare/icon-compare-price.png") no-repeat center;
  background-size: 32px;
  width: 56px;
  height: 56px;
  border-radius: 100%;
}
#compare-pages .compare-prices-block .compare-prices-holder {
  padding: 25px 30px 30px;
  background: linear-gradient(270deg, #f3f4f8 0, #fff 100%);
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
#compare-pages .compare-prices-block .compare-prices-holder .compare-box {
  clear: both;
  padding: 15px;
  line-height: 34px;
}
#compare-pages .compare-prices-block .compare-prices-holder .compare-box p {
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  color: #393a3e;
}
#compare-pages
  .compare-prices-block
  .compare-prices-holder
  .compare-box
  p
  strong {
  font-size: 24px;
  font-weight: 700;
}
#compare-pages .compare-prices-block .compare-prices-holder .compare-box p em {
  color: #25a767;
  font-style: normal;
  padding: 8px;
  line-height: 18px;
  border-radius: 5px;
  background: rgba(37, 167, 103, 0.1);
}
#compare-pages
  .compare-prices-block
  .compare-prices-holder
  .compare-box:nth-child(odd) {
  background: #fff;
}
#compare-pages
  .compare-prices-block
  .compare-prices-holder
  .compare-box
  .col-md-4:first-child {
  color: #72757c;
  font-size: 14px;
  font-weight: 400;
}
#compare-pages .compare-prices-block .compare-box::after,
#compare-pages .compare-prices-block .compare-prices-fields::after,
#compare-pages .compare-prices-block .compare-prices::after {
  content: "";
  clear: both;
  display: block;
}
#compare-pages .compare-prices-block::after {
  content: "";
  clear: both;
  display: block;
}
#compare-pages .compare-prices-block::before {
  content: "";
  z-index: -1;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 65%;
  background: #f3f4f8;
}
@media screen and (max-width: 992px) {
  #compare-pages .compare-prices-block .compare-prices-holder .compare-prices {
    display: flex;
  }
  #compare-pages
    .compare-prices-block
    .compare-prices-holder
    .compare-prices
    .col-md-4 {
    width: 37%;
  }
  #compare-pages
    .compare-prices-block
    .compare-prices-holder
    .compare-prices
    .col-md-4
    img {
    max-width: 100%;
  }
  #compare-pages
    .compare-prices-block
    .compare-prices-holder
    .compare-prices
    .col-md-4:first-child {
    width: 25%;
  }
  #compare-pages
    .compare-prices-block
    .compare-prices-holder
    .compare-prices-fields
    .compare-box {
    display: flex;
  }
  #compare-pages
    .compare-prices-block
    .compare-prices-holder
    .compare-prices-fields
    .compare-box
    .col-md-4 {
    width: 37%;
  }
  #compare-pages
    .compare-prices-block
    .compare-prices-holder
    .compare-prices-fields
    .compare-box
    .col-md-4:first-child {
    width: 25%;
    line-height: 18px;
    font-size: 12px;
  }
}
@media screen and (max-width: 480px) {
  #compare-pages .compare-prices-block .compare-prices-holder {
    padding: 15px;
    width: 95%;
    margin: auto;
  }
  #compare-pages .compare-prices-block .compare-prices-holder .compare-prices {
    margin-bottom: 10px;
  }
  #compare-pages
    .compare-prices-block
    .compare-prices-holder
    .compare-prices
    .col-md-4 {
    width: 50%;
  }
  #compare-pages
    .compare-prices-block
    .compare-prices-holder
    .compare-prices
    .col-md-4:first-child {
    display: none;
  }
  #compare-pages .compare-prices-block .compare-prices-holder .compare-box {
    padding: 8px;
  }
  #compare-pages
    .compare-prices-block
    .compare-prices-holder
    .compare-box
    p
    em {
    white-space: nowrap;
  }
  #compare-pages
    .compare-prices-block
    .compare-prices-holder
    .compare-box
    .col-md-4 {
    width: 50% !important;
  }
  #compare-pages
    .compare-prices-block
    .compare-prices-holder
    .compare-box
    .col-md-4:first-child {
    display: none;
  }
}
#compare-pages #testimonials {
  text-align: center;
  padding: 60px 0 112px;
  background: #f3f4f8;
}
#compare-pages #testimonials h2 {
  font-size: 32px;
  line-height: 40px;
  color: #000;
  margin: 0 0 28px;
  font-weight: 500;
}
#compare-pages #testimonials p {
  color: #8e929b;
  font-size: 18px;
  line-height: 27px;
  margin: 0 auto 39px;
  font-weight: 400;
  max-width: 665px;
  display: block;
}
#compare-pages #testimonials .testimonial-rating-box {
  display: block;
  max-width: 290px;
  margin: auto;
  white-space: nowrap;
}
#compare-pages #testimonials .testimonial-rating-box img.refference {
  display: inline-block;
  vertical-align: middle;
  max-height: 38px;
  margin: 0 8px;
  width: auto;
}
#compare-pages #testimonials .testimonial-rating-box span {
  margin: 24px 0 20px;
  display: block;
}
#compare-pages #testimonials .testimonials-holder {
  padding-top: 35px;
}
#compare-pages #testimonials .testimonials-holder .testimonial-image {
  margin-bottom: 20px;
}
#compare-pages #testimonials .testimonials-holder .testimonial-image img {
  border-radius: 100%;
}
#compare-pages #testimonials .testimonials-holder .testimonial-text p {
  margin: 0 auto;
  font-size: 21px;
  font-weight: 400;
  color: #8e929b;
  line-height: 30px;
}
#compare-pages #testimonials .testimonials-holder .testimonial-position {
  padding-top: 24px;
  color: #8e929b;
  font-size: 18px;
  line-height: 30px;
  font-weight: 400;
}
#compare-pages #testimonials .testimonials-holder .testimonial-position .name {
  color: #000;
}
#compare-pages #testimonials .testimonials-holder .testimonial-position a {
  text-decoration: underline;
  color: #4d71f1;
}
@media screen and (max-width: 992px) {
  #compare-pages #testimonials {
    padding: 60px 20px 112px;
  }
  #compare-pages #testimonials .col-testimonial {
    margin-bottom: 60px;
  }
  #compare-pages #testimonials .col-testimonial:last-child {
    margin-bottom: 0;
  }
}
#compare-pages .choose-block {
  padding: 120px 0;
  text-align: center;
}
#compare-pages .choose-block h2,
#compare-pages .choose-block h3 {
  margin: 0 0 24px;
  font-weight: 500;
  font-size: 36px;
  line-height: 44px;
  color: #000;
}
#compare-pages .choose-block p {
  max-width: 650px;
  margin: auto;
  font-size: 18px;
  line-height: 27px;
  color: #8e929b;
}
#compare-pages .choose-block .choose-fields {
  padding: 40px 85px 58px;
}
#compare-pages .choose-block .choose-fields ul {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: left;
}
#compare-pages .choose-block .choose-fields ul li {
  border-top: 1px solid rgba(142, 146, 155, 0.2);
  font-weight: 500;
  font-size: 18px;
  line-height: 27px;
  color: #393a3e;
  padding: 18px 110px 18px 168px;
  position: relative;
}
#compare-pages .choose-block .choose-fields ul li .icon {
  position: absolute;
  left: 110px;
  top: 18px;
  color: #25a767;
  margin-right: 45px;
}
#compare-pages .choose-block .choose-fields ul li:last-child {
  border-bottom: 1px solid rgba(142, 146, 155, 0.2);
}
@media screen and (max-width: 992px) {
  #compare-pages .choose-block .choose-fields ul li {
    padding-left: 50px !important;
  }
  #compare-pages .choose-block .choose-fields ul li .icon {
    left: 18px;
  }
}
#compare-pages .choose-block .choose-buttons ul {
  list-style: none;
  display: flex;
  padding: 0;
  margin: 0;
  justify-content: center;
  align-items: center;
}
#compare-pages .choose-block .choose-buttons ul li {
  margin: 0 8px;
}
#compare-pages .choose-block .choose-buttons ul li .btn {
  text-transform: none;
}
#compare-pages .choose-block .choose-buttons ul li .btn.btn-green {
  background-color: #2ab674;
}
#compare-pages .choose-block .choose-buttons ul li .btn.btn-green:hover {
  background-color: #20925a;
}
@media screen and (max-width: 768px) {
  #compare-pages .choose-block .choose-buttons {
    display: none;
  }
}
@media screen and (max-width: 992px) {
  #compare-pages .choose-block .choose-title {
    width: 95%;
    margin: auto;
  }
  #compare-pages .choose-block .choose-fields {
    padding: 40px 15px 58px;
  }
  #compare-pages .choose-block .choose-fields ul li {
    padding: 18px 18px;
  }
  #compare-pages .choose-block .choose-fields ul li .icon {
    margin-right: 20px;
  }
}
#compare-pages .review-block-g2 {
  text-align: center;
  position: relative;
  padding-bottom: 60px;
}
#compare-pages .review-block-g2::after {
  content: "";
  z-index: -1;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 65%;
  background: #f3f4f8;
}
#compare-pages .review-block-g2 h2,
#compare-pages .review-block-g2 h3 {
  font-size: 32px;
  line-height: 40px;
  color: #000;
  margin: 0 0 82px;
}
#compare-pages .review-block-g2 .review-fields {
  background: #f6f6fa;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  filter: drop-shadow(3px 4px 20px rgba(117, 128, 136, 0.1));
}
#compare-pages .review-block-g2 .review-fields .review-icon {
  margin-top: -42px;
  margin-bottom: 40px;
}
#compare-pages .review-block-g2 .review-fields ul {
  list-style: none;
  padding: 0;
  margin: 0 0 32px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#compare-pages .review-block-g2 .review-fields ul li {
  text-align: center;
  margin: 0 60px;
}
#compare-pages .review-block-g2 .review-fields ul li h4 {
  clear: both;
  margin: 0 0 24px;
  font-size: 20px;
  line-height: 26px;
  color: #393a3e;
  font-weight: 700;
}
#compare-pages .review-block-g2 .review-fields ul li img {
  display: block;
  margin: auto;
}
#compare-pages .review-block-g2 .review-fields ul li span {
  display: block;
  clear: both;
  margin: 16px 0 0;
  font-size: 15px;
  line-height: 19px;
}
#compare-pages .review-block-g2 .review-fields ul li span strong {
  font-weight: 700;
}
#compare-pages .review-block-g2 .review-fields .review-buttons ul {
  margin: 0 0 40px;
}
#compare-pages .review-block-g2 .review-fields .review-buttons a {
  line-height: 40px;
  font-size: 16px;
  font-weight: 600;
  text-decoration: underline;
}
#compare-pages .review-block-g2 .review-fields .review-buttons a:hover {
  text-decoration: none;
}
@media screen and (max-width: 992px) {
  #compare-pages .review-block-g2 .container {
    margin: auto;
    max-width: 95%;
  }
  #compare-pages .review-block-g2 .review-fields ul {
    display: grid;
    grid-template-columns: auto auto;
  }
  #compare-pages .review-block-g2 .review-fields ul li {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 480px) {
  #compare-pages .review-block-g2 .review-fields ul {
    display: grid;
    grid-template-columns: auto;
  }
}
#compare-pages .bottom-note {
  border: none;
  padding: 0 0 104px;
}
#compare-pages .bottom-note .container {
  padding: 32px 10px 32px 80px;
  border-radius: 10px;
  color: #fff;
  background: linear-gradient(
      0deg,
      rgba(0, 0, 0, 0.1) 0,
      rgba(0, 0, 0, 0.1) 100%
    ),
    linear-gradient(227deg, #27a5db 0, #2e5ba6 100%);
  position: relative;
}
#compare-pages .bottom-note .container::after {
  content: "";
  position: absolute;
  bottom: -20px;
  left: 0;
  right: 0;
  margin: auto;
  z-index: -1;
  width: 90%;
  height: 100px;
  border-radius: 10px;
  opacity: 10%;
  background: linear-gradient(
      0deg,
      rgba(0, 0, 0, 0.1) 0,
      rgba(0, 0, 0, 0.1) 100%
    ),
    linear-gradient(227deg, #27a5db 0, #2e5ba6 100%);
}
#compare-pages .bottom-note .container h2,
#compare-pages .bottom-note .container h3 {
  font-weight: 500;
  font-size: 36px;
  line-height: 48px;
  margin: 0 0 16px;
}
#compare-pages .bottom-note .container p {
  color: #fff;
  font-size: 15px;
  line-height: 21px;
  font-weight: 400;
  margin: 0 0 37px;
}
#compare-pages .bottom-note .container .buttons-section {
  display: flex;
}
#compare-pages .bottom-note .container .buttons-section a.btn {
  width: max-content;
  display: inline-block;
  margin: 0 16px 0 0 !important;
}
#compare-pages
  .bottom-note
  .container
  .buttons-section
  a.btn.btn-green-outline {
  color: #fff;
  background: 0 0;
  border: 1px solid #fff;
}
#compare-pages .bottom-note .container .buttons-section a.btn:hover {
  background-color: #02b875;
  border-color: #02b875;
}
#compare-pages .bottom-note .container .buttons-section a.btn .icon {
  display: none;
}
@media screen and (max-width: 992px) {
  #compare-pages .bottom-note {
    max-width: 95%;
    margin: auto;
  }
  #compare-pages .bottom-note .container {
    padding: 32px 30px 32px 30px;
  }
  #compare-pages .bottom-note .container .img img {
    max-width: 100%;
    margin: 0;
  }
}
@media screen and (max-width: 480px) {
  #compare-pages .bottom-note .container .left {
    text-align: center;
  }
  #compare-pages .bottom-note .container .buttons-section {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  #compare-pages .bottom-note .container .buttons-section a.btn {
    margin: 0 0 20px !important;
  }
  #compare-pages .bottom-note .container .buttons-section a.btn:last-child {
    margin-bottom: 0 !important;
  }
}
#compare-pages .compare-boxes {
  padding: 0 0 90px;
}
#compare-pages .compare-boxes .compare-boxes-title {
  max-width: 846px;
  margin: auto;
}
#compare-pages .compare-boxes .compare-boxes-title h2,
#compare-pages .compare-boxes .compare-boxes-title h3 {
  font-size: 36px;
  line-height: 46px;
  font-weight: 700;
  color: #000;
  margin-bottom: 80px;
  text-align: center;
}
#compare-pages .compare-boxes .compare-boxes-fields .compare-box {
  background: #f3f4f8;
  border-radius: 10px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 30px;
  cursor: pointer;
  box-shadow: 3px 5px 22px rgba(117, 128, 136, 0.1);
}
#compare-pages
  .compare-boxes
  .compare-boxes-fields
  .compare-box
  .compare-box-image-block {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 8px;
  background: #fff;
  height: 112px;
  border-radius: 10px;
}
#compare-pages
  .compare-boxes
  .compare-boxes-fields
  .compare-box
  .compare-box-content-block {
  padding: 40px;
}
#compare-pages
  .compare-boxes
  .compare-boxes-fields
  .compare-box
  .compare-box-content-block
  h3 {
  margin: 0 0 16px;
  font-size: 28px;
  line-height: 46px;
  color: #000;
  font-weight: 400;
}
#compare-pages
  .compare-boxes
  .compare-boxes-fields
  .compare-box
  .compare-box-content-block
  h3
  strong {
  font-weight: 700;
}
#compare-pages
  .compare-boxes
  .compare-boxes-fields
  .compare-box
  .compare-box-content-block
  h3
  a {
  color: #000;
}
#compare-pages
  .compare-boxes
  .compare-boxes-fields
  .compare-box
  .compare-box-content-block
  h3
  a:hover {
  color: #4d71f1;
}
#compare-pages
  .compare-boxes
  .compare-boxes-fields
  .compare-box
  .compare-box-content-block
  p {
  margin: 0;
  font-size: 16px;
  line-height: 24px;
  color: #72757c;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  #compare-pages .compare-boxes .compare-boxes-title {
    width: 95%;
  }
}
#compare-pages #product-faq {
  background: #f2f4f6;
  padding-top: 38px;
  padding-bottom: 80px;
}
#compare-pages #product-faq h2,
#compare-pages #product-faq h3 {
  max-width: 520px;
  margin: 0 auto 16px;
  font-size: 32px;
  line-height: 40px;
  font-weight: 700;
  color: #000;
}
#compare-pages #product-faq p {
  max-width: 650px;
  margin: 0 auto 48px;
  text-align: center;
  font-size: 16px;
  line-height: 27px;
  font-weight: 400;
  color: #8e929b;
}
#compare-pages #product-faq .collapsible-group {
  text-align: left;
}
#compare-pages #product-faq .collapsible-group .collapsible {
  border-top: 1px solid rgba(142, 146, 155, 0.2);
  padding: 28px 28px;
  margin: 0;
  position: relative;
}
#compare-pages
  #product-faq
  .collapsible-group
  .collapsible
  .collapsible__content {
  padding-left: 0;
}
#compare-pages #product-faq .collapsible-group .collapsible p {
  margin: 0;
  max-width: 715px;
  text-align: left;
  font-size: 14px;
  line-height: 21px;
  color: #000;
  font-weight: 400;
}
#compare-pages #product-faq .collapsible-group .collapsible .title p {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
}
#compare-pages #product-faq .collapsible-group .collapsible .icon {
  position: absolute;
  right: 0;
  transform: rotate(90deg);
  top: 32px;
  color: #72757c;
}
#compare-pages #product-faq .collapsible-group .collapsible .icon.expanded {
  transform: rotate(270deg);
  top: 24px;
}
#compare-pages #product-faq .collapsible-group .collapsible:last-child {
  border-bottom: 1px solid rgba(142, 146, 155, 0.2);
}
#compare-pages #numbers {
  margin: 0 auto 80px;
  padding-top: 120px;
  padding-bottom: 30px;
  background: rgba(93, 199, 241, 0.18);
  background: linear-gradient(270deg, #f3f4f8 0, #fff 100%);
}
#compare-pages #numbers h2 {
  text-align: center;
  margin: 0 0 100px;
  color: #000;
  font-size: 32px;
  line-height: 40px;
  font-weight: 700;
}
#compare-pages #numbers .item {
  font-size: 22px;
  line-height: 30px;
  color: #484848;
  width: 325px;
  height: 85px;
  margin: 0 auto 90px;
  font-weight: 300;
}
#compare-pages #numbers .item span {
  display: table-cell;
  vertical-align: middle;
  padding-right: 20px;
  height: inherit;
}
#compare-pages #numbers .item span:last-child {
  padding-right: 0;
}
#compare-pages #numbers .item .icon,
#compare-pages #numbers .item .num {
  color: #4d71f1;
}
#compare-pages #numbers .item .icon {
  width: 60px;
  font-size: 50px;
  vertical-align: inherit;
}
#compare-pages #numbers .item .num {
  font-size: 60px;
  line-height: 68px;
  font-weight: 500;
  text-align: right;
  width: 175px;
}
#compare-pages #numbers .item .text a {
  color: inherit;
  text-decoration: underline;
}
@media screen and (max-width: 768px) {
  #compare-pages #numbers .item {
    width: 100%;
  }
  #compare-pages #numbers .item span {
    display: block;
    padding: 0;
    text-align: left;
    width: 100%;
  }
  #compare-pages #numbers .item span.num {
    width: 100%;
    text-align: left;
  }
}
#compare-pages #before-choosing {
  padding: 120px 0 0;
}
#compare-pages #before-choosing h2,
#compare-pages #before-choosing h3 {
  text-align: center;
  max-width: 520px;
  font-size: 32px;
  line-height: 40px;
  font-weight: 700;
  color: #1c1d1f;
  margin: 0 auto 48px;
}
#compare-pages #before-choosing .item {
  background: rgba(208, 88, 88, 0.1);
  border-radius: 10px;
  padding: 24px;
  margin-bottom: 30px;
}
#compare-pages #before-choosing .item h3 {
  text-align: left;
  margin: 16px 0 16px;
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  color: #000;
}
#compare-pages #before-choosing .item p {
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
  color: #000;
  margin: 0;
}
#compare-pages #competitors {
  padding: 90px 0 120px;
  text-align: center;
}
#compare-pages #competitors h2,
#compare-pages #competitors h3 {
  font-size: 32px;
  line-height: 40px;
  font-weight: 700;
  text-align: center;
  margin: 0 0 46px;
  color: #1c1d1f;
}
#compare-pages #competitors a.item {
  display: inline-block;
  max-width: 585px;
  width: 100%;
  border-top: 1px solid rgba(142, 146, 155, 0.2);
  display: flex;
  justify-content: space-between;
  margin: auto;
  padding: 16px 0;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #000;
}
#compare-pages #competitors a.item strong {
  font-weight: 700;
}
#compare-pages #competitors a.item .icon {
  color: #8e929b;
}
#compare-pages #competitors .col-xs-12:last-child a.item {
  border-bottom: 1px solid rgba(142, 146, 155, 0.2);
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.dbx-background--purple-glow {
  position: relative;
}
.dbx-background--purple-glow .dbx-background__container {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80%;
  height: 80%;
  transform: translate(-50%, -50%);
  background-color: #855db4;
  opacity: 0.2;
  z-index: -1;
  filter: blur(160.4538269px);
}
.dbx-background--solid-light-blue {
  margin: 0;
  padding: 0;
  padding-block: 64px;
  position: relative;
}
@media screen and (min-width: 768px) {
  .dbx-background--solid-light-blue {
    padding-block: 96px;
  }
}
.dbx-background--solid-light-blue .dbx-background__container {
  z-index: -1;
  position: absolute;
  inset: 0;
  overflow-x: hidden;
  background-color: rgba(64, 94, 209, 0.1);
}
.dbx-background--green-white-gradient {
  position: relative;
}
.dbx-background--green-white-gradient .dbx-background__container {
  z-index: -1;
  position: absolute;
  inset: 0;
  overflow-x: hidden;
  background: linear-gradient(180deg, rgba(37, 167, 103, 0.08) 0, #fff 400px);
}
.dbx-background--green-white-gradient.dbx-background--with-spacings {
  margin: 0;
  padding: 0;
  margin-top: 64px;
  padding-top: 64px;
  margin-bottom: 64px;
}
@media screen and (min-width: 768px) {
  .dbx-background--green-white-gradient.dbx-background--with-spacings {
    margin-top: 96px;
  }
}
@media screen and (min-width: 768px) {
  .dbx-background--green-white-gradient.dbx-background--with-spacings {
    padding-top: 96px;
  }
}
@media screen and (min-width: 768px) {
  .dbx-background--green-white-gradient.dbx-background--with-spacings {
    margin-bottom: 96px;
  }
}
.dbx-background--orange-white-gradient {
  position: relative;
}
.dbx-background--orange-white-gradient .dbx-background__container {
  z-index: -1;
  position: absolute;
  inset: 0;
  overflow-x: hidden;
  background: linear-gradient(180deg, rgba(250, 135, 12, 0.08) 0, #fff 400px);
}
.dbx-background--orange-white-gradient.dbx-background--with-spacings {
  margin: 0;
  padding: 0;
  margin-top: 64px;
  padding-top: 64px;
  margin-bottom: 64px;
}
@media screen and (min-width: 768px) {
  .dbx-background--orange-white-gradient.dbx-background--with-spacings {
    margin-top: 96px;
  }
}
@media screen and (min-width: 768px) {
  .dbx-background--orange-white-gradient.dbx-background--with-spacings {
    padding-top: 96px;
  }
}
@media screen and (min-width: 768px) {
  .dbx-background--orange-white-gradient.dbx-background--with-spacings {
    margin-bottom: 96px;
  }
}
.dbx-background--navy-white-gradient {
  position: relative;
}
.dbx-background--navy-white-gradient .dbx-background__container {
  z-index: -1;
  position: absolute;
  inset: 0;
  overflow-x: hidden;
  background: linear-gradient(180deg, rgba(46, 71, 151, 0.08) 0, #fff 400px);
}
.dbx-background--navy-white-gradient.dbx-background--with-spacings {
  margin: 0;
  padding: 0;
  margin-top: 64px;
  padding-top: 64px;
  margin-bottom: 64px;
}
@media screen and (min-width: 768px) {
  .dbx-background--navy-white-gradient.dbx-background--with-spacings {
    margin-top: 96px;
  }
}
@media screen and (min-width: 768px) {
  .dbx-background--navy-white-gradient.dbx-background--with-spacings {
    padding-top: 96px;
  }
}
@media screen and (min-width: 768px) {
  .dbx-background--navy-white-gradient.dbx-background--with-spacings {
    margin-bottom: 96px;
  }
}
.dbx-background--yellow-white-gradient {
  position: relative;
}
.dbx-background--yellow-white-gradient .dbx-background__container {
  z-index: -1;
  position: absolute;
  inset: 0;
  overflow-x: hidden;
  background: linear-gradient(180deg, rgba(244, 187, 66, 0.08) 0, #fff 400px);
}
.dbx-background--yellow-white-gradient.dbx-background--with-spacings {
  margin: 0;
  padding: 0;
  margin-top: 64px;
  padding-top: 64px;
  margin-bottom: 64px;
}
@media screen and (min-width: 768px) {
  .dbx-background--yellow-white-gradient.dbx-background--with-spacings {
    margin-top: 96px;
  }
}
@media screen and (min-width: 768px) {
  .dbx-background--yellow-white-gradient.dbx-background--with-spacings {
    padding-top: 96px;
  }
}
@media screen and (min-width: 768px) {
  .dbx-background--yellow-white-gradient.dbx-background--with-spacings {
    margin-bottom: 96px;
  }
}
.dbx-background--blue-white-gradient {
  position: relative;
}
.dbx-background--blue-white-gradient .dbx-background__container {
  z-index: -1;
  position: absolute;
  inset: 0;
  overflow-x: hidden;
  background: linear-gradient(180deg, rgba(77, 113, 241, 0.08) 0, #fff 400px);
}
.dbx-background--blue-white-gradient.dbx-background--with-spacings {
  margin: 0;
  padding: 0;
  margin-top: 64px;
  padding-top: 64px;
  margin-bottom: 64px;
}
@media screen and (min-width: 768px) {
  .dbx-background--blue-white-gradient.dbx-background--with-spacings {
    margin-top: 96px;
  }
}
@media screen and (min-width: 768px) {
  .dbx-background--blue-white-gradient.dbx-background--with-spacings {
    padding-top: 96px;
  }
}
@media screen and (min-width: 768px) {
  .dbx-background--blue-white-gradient.dbx-background--with-spacings {
    margin-bottom: 96px;
  }
}
.dbx-background--dark-purple {
  position: relative;
}
.dbx-background--dark-purple .dbx-background__container {
  z-index: -1;
  position: absolute;
  inset: 0;
  overflow-x: hidden;
  background: linear-gradient(152.06deg, #3a294e 21.84%, #585685 94.25%);
}
.dbx-background--dark-purple.dbx-background--with-spacings {
  margin: 0;
  padding: 0;
  padding-block: 64px;
}
@media screen and (min-width: 768px) {
  .dbx-background--dark-purple.dbx-background--with-spacings {
    padding-block: 96px;
  }
}
.dbx-background--benchmarks {
  position: relative;
}
.dbx-background--benchmarks .dbx-background__container {
  z-index: -1;
  position: absolute;
  inset: 0;
  overflow-x: hidden;
  background: linear-gradient(
    100deg,
    #f7eaff 0.92%,
    #ecffee 33.68%,
    #d6e5f3 69.03%,
    #e2ebf1 100.75%
  );
}
.dbx-background--benchmarks.dbx-background--with-spacings {
  margin: 0;
  padding: 0;
  padding-block: 64px;
}
@media screen and (min-width: 768px) {
  .dbx-background--benchmarks.dbx-background--with-spacings {
    padding-block: 96px;
  }
}
.dbx-background--extra-light-blue {
  position: relative;
}
.dbx-background--extra-light-blue .dbx-background__container {
  z-index: -1;
  position: absolute;
  inset: 0;
  overflow-x: hidden;
  background: linear-gradient(180deg, rgba(0, 138, 206, 0.1) 0, #fff 100%);
}
.dbx-background--extra-light-blue.dbx-background--with-spacings {
  margin: 0;
  padding: 0;
  padding-block: 64px;
}
@media screen and (min-width: 768px) {
  .dbx-background--extra-light-blue.dbx-background--with-spacings {
    padding-block: 96px;
  }
}
.dbx-background--white {
  position: relative;
}
.dbx-background--white .dbx-background__container {
  z-index: -1;
  position: absolute;
  inset: 0;
  overflow-x: hidden;
  background: linear-gradient(0deg, #fff 0, #fff 100%);
}
.dbx-background--white.dbx-background--with-spacings {
  margin: 0;
  padding: 0;
  padding-block: 64px;
}
@media screen and (min-width: 768px) {
  .dbx-background--white.dbx-background--with-spacings {
    padding-block: 96px;
  }
}
.dbx-background--light-green {
  position: relative;
}
.dbx-background--light-green .dbx-background__container {
  z-index: -1;
  position: absolute;
  inset: 0;
  overflow-x: hidden;
  background: linear-gradient(180deg, #26a868 0, #2698a8 100%);
}
.dbx-background--light-green.dbx-background--with-spacings {
  margin: 0;
  padding: 0;
  padding-block: 64px;
}
@media screen and (min-width: 768px) {
  .dbx-background--light-green.dbx-background--with-spacings {
    padding-block: 96px;
  }
}
.dbx-background--light-purple-3 {
  position: relative;
}
.dbx-background--light-purple-3 .dbx-background__container {
  z-index: -1;
  position: absolute;
  inset: 0;
  overflow-x: hidden;
  background: linear-gradient(90deg, #7347de, #c757ad);
}
.dbx-background--light-purple-3.dbx-background--with-spacings {
  margin: 0;
  padding: 0;
  padding-block: 64px;
}
@media screen and (min-width: 768px) {
  .dbx-background--light-purple-3.dbx-background--with-spacings {
    padding-block: 96px;
  }
}
.dbx-background--light-purple-2 {
  position: relative;
}
.dbx-background--light-purple-2 .dbx-background__container {
  z-index: -1;
  position: absolute;
  inset: 0;
  overflow-x: hidden;
  background: linear-gradient(61.73deg, #8e2de2 -14.11%, #922de2 66.63%);
}
.dbx-background--light-purple-2.dbx-background--with-spacings {
  margin: 0;
  padding: 0;
  padding-block: 64px;
}
@media screen and (min-width: 768px) {
  .dbx-background--light-purple-2.dbx-background--with-spacings {
    padding-block: 96px;
  }
}
.dbx-background--light-purple {
  position: relative;
}
.dbx-background--light-purple .dbx-background__container {
  z-index: -1;
  position: absolute;
  inset: 0;
  overflow-x: hidden;
  background: linear-gradient(
    185deg,
    #7347ea 6.79%,
    #c757ad 125.6%,
    #e3716d 198.73%
  );
}
.dbx-background--light-purple.dbx-background--with-spacings {
  margin: 0;
  padding: 0;
  padding-block: 64px;
}
@media screen and (min-width: 768px) {
  .dbx-background--light-purple.dbx-background--with-spacings {
    padding-block: 96px;
  }
}
.dbx-background--purple {
  position: relative;
}
.dbx-background--purple .dbx-background__container {
  z-index: -1;
  position: absolute;
  inset: 0;
  overflow-x: hidden;
  background: linear-gradient(351deg, #8e2de2 13.18%, #4a00e0 97.39%);
}
.dbx-background--purple.dbx-background--with-spacings {
  margin: 0;
  padding: 0;
  padding-block: 64px;
}
@media screen and (min-width: 768px) {
  .dbx-background--purple.dbx-background--with-spacings {
    padding-block: 96px;
  }
}
.dbx-background--yellow {
  position: relative;
}
.dbx-background--yellow .dbx-background__container {
  z-index: -1;
  position: absolute;
  inset: 0;
  overflow-x: hidden;
  background: linear-gradient(213deg, #f7971e 30.23%, #ffd200 100.29%);
}
.dbx-background--yellow.dbx-background--with-spacings {
  margin: 0;
  padding: 0;
  padding-block: 64px;
}
@media screen and (min-width: 768px) {
  .dbx-background--yellow.dbx-background--with-spacings {
    padding-block: 96px;
  }
}
.dbx-background--orange {
  position: relative;
}
.dbx-background--orange .dbx-background__container {
  z-index: -1;
  position: absolute;
  inset: 0;
  overflow-x: hidden;
  background: linear-gradient(171deg, #fc4a1a -13.36%, #f7b733 104.71%);
}
.dbx-background--orange.dbx-background--with-spacings {
  margin: 0;
  padding: 0;
  padding-block: 64px;
}
@media screen and (min-width: 768px) {
  .dbx-background--orange.dbx-background--with-spacings {
    padding-block: 96px;
  }
}
.dbx-background--light-blue {
  position: relative;
}
.dbx-background--light-blue .dbx-background__container {
  z-index: -1;
  position: absolute;
  inset: 0;
  overflow-x: hidden;
  background: linear-gradient(109deg, #1e8fe1 -11.14%, #26a8a8 62.84%);
}
.dbx-background--light-blue.dbx-background--with-spacings {
  margin: 0;
  padding: 0;
  padding-block: 64px;
}
@media screen and (min-width: 768px) {
  .dbx-background--light-blue.dbx-background--with-spacings {
    padding-block: 96px;
  }
}
.dbx-background--dark-blue {
  position: relative;
}
.dbx-background--dark-blue .dbx-background__container {
  z-index: -1;
  position: absolute;
  inset: 0;
  overflow-x: hidden;
  background: linear-gradient(307deg, #0575e6 1.8%, #021b79 102.62%);
}
.dbx-background--dark-blue.dbx-background--with-spacings {
  margin: 0;
  padding: 0;
  padding-block: 64px;
}
@media screen and (min-width: 768px) {
  .dbx-background--dark-blue.dbx-background--with-spacings {
    padding-block: 96px;
  }
}
.dbx-background--blue {
  position: relative;
}
.dbx-background--blue .dbx-background__container {
  z-index: -1;
  position: absolute;
  inset: 0;
  overflow-x: hidden;
  background: linear-gradient(61.73deg, #6847e3 -14.11%, #4d71f1 66.63%);
}
.dbx-background--blue.dbx-background--with-spacings {
  margin: 0;
  padding: 0;
  padding-block: 64px;
}
@media screen and (min-width: 768px) {
  .dbx-background--blue.dbx-background--with-spacings {
    padding-block: 96px;
  }
}
.dbx-post-cards-section {
  margin-block: 64px;
}
@media screen and (min-width: 768px) {
  .dbx-post-cards-section {
    margin-block: 96px;
  }
}
.dbx-post-cards-section .dbx-container {
  display: flex;
  flex-direction: column;
  gap: 84px;
}
.dbx-post-cards-section__title {
  margin-bottom: 48px;
  font-size: 1.5rem;
  line-height: 1.75rem;
}
.dbx-post-cards-section__title strong {
  font-weight: 700;
}
.dbx-post-cards-section__seperator {
  margin-bottom: 16px;
  width: 100%;
  height: 1px;
  background-color: rgba(142, 146, 155, 0.2);
}
.dbx-post-cards-section__pagination {
  align-self: center;
}
.dbx-post-cards-section__pagination > .page-numbers {
  display: flex;
  gap: 4px;
  justify-content: center;
}
.dbx-post-cards-section__pagination ul {
  padding-inline-start: 0;
}
.dbx-post-cards-section__pagination li {
  list-style: none;
  margin: 0;
}
.dbx-post-cards-section__pagination .page-numbers > .icon {
  margin: 0;
  font-size: 10px;
}
.dbx-post-cards-section__pagination li > .page-numbers {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 6px;
  transition: background-color 0.25s, color 0.25s;
  color: #000;
}
.dbx-post-cards-section__pagination li > .page-numbers.dots {
  width: unset;
}
.dbx-post-cards-section__pagination
  li
  > .page-numbers:not(.dots):not(.current):hover {
  background-color: rgba(77, 113, 241, 0.1);
  text-decoration: none;
  color: #4d71f1;
}
.dbx-post-cards-section__pagination li > .page-numbers.current {
  background-color: #4d71f1;
  color: #fff;
}
.dbx-post-cards-section__pagination li .page-numbers.prev {
  transform: rotate(180deg);
}
@media screen and (min-width: 768px) {
  .dbx-post-cards-section__pagination .page-numbers > .icon {
    font-size: 12px;
  }
  .dbx-post-cards-section__pagination li > .page-numbers {
    width: 32px;
    height: 32px;
    font-size: 0.875rem;
  }
}
.dbx-post-cards-section__pagination-container {
  margin-top: 80px;
}
.dbx-post-cards-section--bg-blue-white-gradient {
  padding-block: 64px;
  margin-bottom: 64px;
  background: linear-gradient(180deg, rgba(64, 94, 209, 0.1), #fff 25%);
}
@media screen and (min-width: 768px) {
  .dbx-post-cards-section--bg-blue-white-gradient {
    padding-block: 96px;
  }
}
@media screen and (min-width: 768px) {
  .dbx-post-cards-section--bg-blue-white-gradient {
    margin-bottom: 96px;
  }
}
.dbx-post-cards-section--bg-purple-glow {
  position: relative;
}
.dbx-post-cards-section--bg-purple-glow::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80%;
  height: 80%;
  transform: translate(-50%, -50%);
  background-color: #855db4;
  opacity: 0.2;
  z-index: -1;
  filter: blur(160.4538269px);
}
.dbx-post-cards-section--bg-solid-light-blue {
  padding-block: 64px;
  position: relative;
  background-color: rgba(64, 94, 209, 0.1);
}
@media screen and (min-width: 768px) {
  .dbx-post-cards-section--bg-solid-light-blue {
    padding-block: 96px;
  }
}
.dbx-post-cards-section--effect-hexagons {
  position: relative;
  overflow: hidden;
}
.dbx-post-cards-section--effect-hexagons::before {
  top: 100px;
  width: 1850px;
  left: 50%;
  height: 500px;
  transform: translate(-50%, 0);
  content: "";
  position: absolute;
  background: url("/wp-content/themes/databox/inc/img/common/two-white-hexagons.svg")
    no-repeat top;
  background-size: 100%;
  z-index: -1;
}
@media screen and (min-width: 768px) {
  .dbx-post-cards-section__title {
    font-size: 2rem;
    line-height: 2.5rem;
  }
}
.dbx-editors-post-cards-section {
  margin-block: 64px;
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .dbx-editors-post-cards-section {
    margin-block: 96px;
  }
}
.dbx-editors-post-cards-section__title {
  margin-bottom: 48px;
  font-size: 1.5rem;
  line-height: 1.75rem;
}
.dbx-editors-post-cards-section__title strong {
  font-weight: 700;
}
.dbx-editors-post-cards-section__seperator {
  width: 100%;
  height: 1px;
  background-color: rgba(142, 146, 155, 0.2);
}
.dbx-editors-post-cards-section__row-posts-container {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.dbx-editors-post-cards-section::before {
  top: 100px;
  width: 2000px;
  left: 50%;
  height: 320px;
  transform: translate(-50%, 0);
  content: "";
  position: absolute;
  background: url("/wp-content/themes/databox/inc/img/common/two-blue-hexagons.svg")
    no-repeat top;
  background-size: 100% 100%;
  pointer-events: none;
}
.dbx-horizontal-post-card {
  display: flex;
  flex-direction: row;
  gap: 24px;
  align-items: center;
}
.dbx-horizontal-post-card__title {
  font-weight: 600;
  color: #000;
  display: block;
  display: -webkit-box;
  max-height: 2.5rem;
  font-size: 1rem;
  line-height: 1.25rem;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dbx-horizontal-post-card__title a {
  color: inherit;
}
.dbx-horizontal-post-card__title a:hover {
  color: #000;
}
.dbx-horizontal-post-card__thumb-container {
  flex: 0 0 64px;
}
.dbx-horizontal-post-card__thumb {
  height: 100%;
  aspect-ratio: 1/1;
  border-radius: 12px;
  overflow: hidden;
  position: relative;
}
.dbx-horizontal-post-card__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.dbx-horizontal-post-card__thumb::after {
  opacity: 0;
  content: "Read more";
  font-size: 0.85rem;
  display: flex;
  color: #fff;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  transition: all 0.25s ease-in-out;
}
.dbx-horizontal-post-card__thumb:hover::after {
  opacity: 1;
}
.dbx-horizontal-post-card__author {
  font-weight: 700;
}
.dbx-horizontal-post-card__author strong {
  font-weight: 700;
}
.dbx-horizontal-post-card__author-avatar {
  width: 20px;
  height: 20px;
  border-radius: 100%;
  overflow: hidden;
  line-height: 0;
}
.dbx-horizontal-post-card__author-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.dbx-horizontal-post-card__text {
  display: flex;
  flex-direction: column;
}
.dbx-horizontal-post-card__category {
  text-transform: uppercase;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
}
.dbx-horizontal-post-card__info {
  display: flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
}
.dbx-horizontal-post-card__date {
  color: rgba(142, 146, 155, 0.9);
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .dbx-horizontal-post-card__thumb-container {
    flex-basis: 84px;
  }
}
.dbx-post-card {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.dbx-post-card__title {
  font-size: 1.125rem;
  line-height: 1.5rem;
  font-weight: 600;
  color: #000;
}
.dbx-post-card__title a {
  color: inherit;
}
.dbx-post-card__title a:hover {
  color: #000;
}
.dbx-post-card__title strong {
  font-weight: 700;
}
.dbx-post-card__thumb {
  width: 100%;
  aspect-ratio: 409/230;
  border-radius: 12px;
  overflow: hidden;
  position: relative;
}
.dbx-post-card__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.dbx-post-card__thumb::after {
  opacity: 0;
  content: "Read more";
  font-size: 1.25rem;
  display: flex;
  color: #fff;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  transition: all 0.25s ease-in-out;
}
.dbx-post-card__thumb:hover::after {
  opacity: 1;
}
.dbx-post-card__excerpt {
  display: block;
  display: -webkit-box;
  max-height: 42px;
  font-size: 14px;
  line-height: 21px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dbx-post-card__info {
  display: flex;
  gap: 8px;
  align-items: center;
}
.dbx-post-card__date {
  color: rgba(142, 146, 155, 0.9);
  font-weight: 700;
}
.dbx-post-card__author {
  font-weight: 700;
}
.dbx-post-card__author strong {
  font-weight: 700;
}
.dbx-post-card__author-avatar {
  width: 20px;
  height: 20px;
  border-radius: 100%;
  overflow: hidden;
  line-height: 0;
}
.dbx-post-card__author-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.dbx-post-card__category {
  text-transform: uppercase;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
}
.dbx-text-post-cards-section {
  margin-block: 64px;
}
@media screen and (min-width: 768px) {
  .dbx-text-post-cards-section {
    margin-block: 96px;
  }
}
.dbx-text-post-cards-section .dbx-container {
  display: flex;
  flex-direction: column;
  gap: 84px;
}
.dbx-text-post-cards-section__title {
  margin-bottom: 48px;
  font-size: 1.5rem;
  line-height: 1.75rem;
}
.dbx-text-post-cards-section__title strong {
  font-weight: 700;
}
.dbx-text-post-cards-section--bg-blue-white-gradient {
  background: linear-gradient(180deg, rgba(195, 205, 239, 0.5) 0, #fff 100%);
}
.dbx-text-post-cards-section--bg-purple-glow {
  background: radial-gradient(
    ellipse at center top,
    rgba(122, 68, 230, 0.15) 0,
    transparent 50%
  );
}
.dbx-text-post-cards-section--bg-solid-light-blue {
  background-color: #e0e3ef;
}
.dbx-text-post-card {
  display: flex;
  flex-direction: column;
  position: relative;
  background-color: #fff;
  border-radius: 12px;
  padding: 32px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  transition: box-shadow 0.25s ease-in-out;
  cursor: pointer;
}
.dbx-text-post-card:hover {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
}
.dbx-text-post-card:hover .dbx-arrow-btn .icon::before {
  transform: translateY(-50%) translateX(4px) rotate(90deg);
}
.dbx-text-post-card__content {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.dbx-text-post-card .dbx-rich-content {
  margin-bottom: 16px;
}
.dbx-text-post-card .dbx-rich-content h4 {
  margin-bottom: 8px;
}
.dbx-text-post-card .dbx-rich-content p {
  display: block;
  display: -webkit-box;
  max-height: 63px;
  font-size: 14px;
  line-height: 21px;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dbx-text-post-card__arrow {
  align-self: flex-start;
}
.dbx-background-decoration {
  position: relative;
}
.dbx-background-decoration--two-white-hexagons
  .dbx-background-decoration__container {
  z-index: -1;
  inset: 0;
  position: absolute;
  content: "";
  background: url("/wp-content/themes/databox/inc/img/header/two-white-hexagons.svg")
    no-repeat top;
  background-size: 1900px auto;
  background-repeat: no-repeat;
}
.dbx-background-decoration--two-white-hexagons-variation-1
  .dbx-background-decoration__container {
  z-index: -1;
  top: 50px;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  content: "";
  background: url("/wp-content/themes/databox/inc/img/header/two-white-hexagons.svg")
    no-repeat top;
  background-size: 1900px auto;
  background-repeat: no-repeat;
}
.dbx-background-decoration--two-white-hexagons-variation-2
  .dbx-background-decoration__container {
  z-index: -1;
  inset: 0;
  position: absolute;
  content: "";
  background: url("/wp-content/themes/databox/inc/img/header/two-white-hexagons-variation-1.svg")
    no-repeat top;
  background-size: 1900px auto;
  background-repeat: no-repeat;
}
.dbx-background-decoration--two-white-hexagons-variation-3
  .dbx-background-decoration__container {
  z-index: -1;
  top: 50px;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  content: "";
  background: url("/wp-content/themes/databox/inc/img/header/two-white-hexagons-variation-1.svg")
    no-repeat top;
  background-size: 1900px auto;
  background-repeat: no-repeat;
}
.dbx-card__container {
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: space-between;
}
.dbx-card--whole-card-clickable {
  cursor: pointer;
}
.dbx-card--buttons-on-hover {
  position: relative;
}
.dbx-card--buttons-on-hover .dbx-collapsible__collapsible-content {
  top: 0;
  left: 0;
  right: 0;
}
.dbx-card .dbx-card__title {
  margin-top: 24px;
  max-width: 650px;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
}
.dbx-card .dbx-card__text {
  max-width: 570px;
  font-size: 16px;
}
.dbx-card .dbx-card__title + .dbx-card__text {
  margin-top: 16px;
}
.dbx-card:not(:has(.dbx-card__header)) .dbx-rich-content > :first-child:is(p) {
  margin-top: 16px;
}
.dbx-card__media-container {
  width: 100%;
  overflow: hidden;
  border-radius: 24px;
}
.dbx-card__media-container .dbx-card__datawall-container {
  height: 540px;
  position: relative;
}
.dbx-card__media-container img {
  width: 100%;
}
.dbx-card__media-container iframe {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 2;
}
.dbx-card .dbx-loading-skeleton,
.dbx-card__loading-skeleton {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: loading-shimmer 1.5s infinite;
  border-radius: 24px;
  transition: opacity 0.3s ease-out;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  will-change: background-position;
}
@media (prefers-reduced-motion: reduce) {
  .dbx-card .dbx-loading-skeleton,
  .dbx-card__loading-skeleton {
    animation: none;
    background: #f0f0f0;
  }
  .dbx-card .dbx-loading-skeleton .dbx-bar-loader__bar,
  .dbx-card__loading-skeleton .dbx-bar-loader__bar {
    animation: none;
    height: 3em;
  }
}
@keyframes loading-shimmer {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}
.dbx-card__datawall-container iframe {
  position: relative;
  z-index: 2;
  background: 0 0;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
.dbx-card__badge {
  position: absolute;
  top: 24px;
  left: -16px;
  z-index: 1;
  padding: 8px 12px;
  border-radius: 4px;
  color: #fff;
  font-weight: 700;
  font-size: 0.8125rem;
  text-transform: uppercase;
}
.dbx-card--row .dbx-card__container {
  flex-direction: column;
  align-items: left;
}
.dbx-card--boxed .dbx-card__container {
  border-radius: 16px;
  padding: 8px 8px 24px 8px;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.1);
  background-color: #fff;
}
.dbx-card--boxed .dbx-card__container .dbx-card__media-container {
  border-radius: 10px;
}
.dbx-card--boxed .dbx-card__container .dbx-card__text-container {
  padding-inline: 16px;
}
.dbx-card .dbx-collapsible__collapsible-container {
  transition: 0.3s height;
}
.dbx-card .dbx-buttons {
  margin-top: 32px;
}
.dbx-card .dbx-buttons__buttons-container {
  justify-content: start;
}
.dbx-card__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.dbx-card__tooltip {
  color: rgba(142, 146, 155, 0.8);
  overflow: hidden;
  transition: color 0.2s;
}
.dbx-card__tooltip span {
  display: none;
}
.dbx-card__tooltip-title {
  font-weight: 700;
}
.dbx-card__tooltip:hover {
  color: #1c1d1f;
}
@media only screen and (min-width: 1024px) {
  .dbx-card--row .dbx-card__container {
    flex-direction: row;
    align-items: center;
    gap: inherit;
  }
  .dbx-card--row .dbx-card__container .dbx-card__text-container {
    margin-left: 24px;
  }
  .dbx-card--row .dbx-card__container .dbx-card__media-container,
  .dbx-card--row .dbx-card__container .dbx-card__text-container {
    flex: 1 1 50%;
  }
  .dbx-card--row.dbx-card--media-65-text-35
    .dbx-card__container
    .dbx-card__media-container {
    flex: 1 1 65%;
  }
  .dbx-card--row.dbx-card--media-65-text-35
    .dbx-card__container
    .dbx-card__text-container {
    flex: 1 1 35%;
  }
  .dbx-card--row.dbx-card--reversed .dbx-card__container {
    flex-direction: row-reverse;
  }
  .dbx-card--row.dbx-card--reversed
    .dbx-card__container
    .dbx-card__text-container {
    margin-right: 24px;
  }
  .dbx-card--sm .dbx-card__title {
    font-size: 1.5rem !important;
    line-height: 1.875rem !important;
  }
  .dbx-card--sm .dbx-buttons {
    margin-top: 16px;
  }
  .dbx-card--sm .dbx-card__datawall-container {
    height: 380px;
  }
  .dbx-card--md .dbx-card__title {
    font-size: 2rem !important;
    line-height: 2.5rem !important;
  }
  .dbx-card--lg .dbx-card__title {
    margin-top: 32px !important;
    margin-bottom: 8px !important;
    font-size: 2rem !important;
    line-height: 2.5rem !important;
  }
}
.dbx-bar-loader {
  font-size: 5px;
  position: relative;
  transform: translateZ(0);
  padding: 0.3em 0;
  width: 4.8em;
  height: 5.5em;
  display: flex;
  align-items: flex-end;
  will-change: auto;
}
.dbx-bar-loader__bar {
  background-color: #fff;
  display: inline-block;
  width: 1em;
  margin: 0 0.3em;
  border-radius: 0.4em 0.12em;
  transform: translateZ(0);
  will-change: height;
}
.dbx-bar-loader__bar--1 {
  animation: dbx-barloader-bar1 1.5s infinite ease-in-out;
}
.dbx-bar-loader__bar--2 {
  animation: dbx-barloader-bar2 1.5s infinite ease-in-out;
}
.dbx-bar-loader__bar--3 {
  animation: dbx-barloader-bar3 1.5s infinite ease-in-out;
}
.dbx-bar-loader__hex {
  width: 10em;
  height: 6.3em;
  position: absolute;
  top: -0.2em;
  left: -2.6em;
  right: 0;
  bottom: 0;
  pointer-events: none;
  background-color: #8e929b;
  border-radius: 0.9em;
  border: 0.4em solid transparent;
  z-index: -1;
}
.dbx-bar-loader__hex::after,
.dbx-bar-loader__hex::before {
  content: "";
  border: inherit;
  position: absolute;
  top: -0.4em;
  left: -0.4em;
  background-color: #8e929b;
  border-radius: inherit;
  height: 100%;
  width: 100%;
  box-sizing: initial;
}
.dbx-bar-loader__hex::before {
  transform: rotate(60deg);
}
.dbx-bar-loader__hex::after {
  transform: rotate(-60deg);
}
.dbx-bar-loader.size-tiny {
  font-size: 3px;
}
.dbx-bar-loader.size-small {
  font-size: 5px;
}
.dbx-bar-loader.size-big {
  font-size: 10px;
}
.dbx-bar-loader.theme-blue .dbx-bar-loader__bar {
  background-color: #4d71f1;
}
.dbx-bar-loader.theme-green .dbx-bar-loader__bar {
  background-color: #25a767;
}
.dbx-bar-loader.theme-grey .dbx-bar-loader__bar {
  background-color: rgba(142, 146, 155, 0.8);
}
.dbx-bar-loader.theme-white .dbx-bar-loader__bar {
  background-color: #fff;
}
@keyframes dbx-barloader-bar1 {
  0%,
  100% {
    height: 1.8em;
  }
  33% {
    height: 4.9em;
  }
  66% {
    height: 3.7em;
  }
}
@keyframes dbx-barloader-bar2 {
  0%,
  100% {
    height: 4.9em;
  }
  33% {
    height: 3.7em;
  }
  66% {
    height: 1.8em;
  }
}
@keyframes dbx-barloader-bar3 {
  0%,
  100% {
    height: 3.7em;
  }
  33% {
    height: 1.8em;
  }
  66% {
    height: 4.9em;
  }
}
.dbx-template-cards-section {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.dbx-template-cards-section__title {
  font-size: 1.5rem;
  line-height: 1.75rem;
  font-weight: 600;
  margin-bottom: 16px;
}
.dbx-template-cards-section__text {
  margin-bottom: 64px;
  font-weight: 500;
  color: #72757c;
}
.dbx-template-cards-section__container {
  align-self: stretch;
  place-content: center;
}
.dbx-template-cards-section__show-more-btn {
  margin-top: 64px;
  display: none;
}
.dbx-template-cards-section__linked-btn {
  margin-top: 64px;
}
@media screen and (min-width: 1024px) {
  .dbx-template-cards-section__title {
    font-size: 3rem;
    line-height: 3.5rem;
  }
}
.dbx-template-card {
  overflow: hidden;
  min-width: 0;
  background-color: #fff;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  box-shadow: 0 0 15px 1px rgba(142, 146, 155, 0.3);
  position: relative;
  transition: box-shadow 0.3s;
}
.dbx-template-card__img-container {
  position: relative;
  overflow: hidden;
}
.dbx-template-card__img-container img {
  width: 100%;
}
.dbx-template-card__info-container {
  flex: 1;
  display: flex;
  align-items: start;
  flex-direction: column;
  justify-content: space-between;
  padding: 12px;
  background-color: #fff;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  cursor: default;
}
.dbx-template-card .dbx-template-card__title {
  font-size: 1rem;
  line-height: 1.25rem;
  text-align: left;
}
.dbx-template-card .dbx-template-card__text {
  text-align: left;
  display: block;
  display: -webkit-box;
  max-height: 40px;
  font-size: 16px;
  line-height: 20px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dbx-template-card__bottom {
  display: flex;
  gap: 8px;
  flex-direction: column;
}
.dbx-template-card__avatar-container {
  display: flex;
  align-items: center;
}
.dbx-template-card__avatar-container .dbx-template-card__avatar {
  height: 20px;
  border-radius: 100px;
  overflow: hidden;
  outline: 1px solid white;
}
.dbx-template-card__avatar-container .dbx-template-card__avatar img {
  vertical-align: top !important;
  height: 100%;
}
.dbx-template-card__avatar-container
  .dbx-template-card__avatar:not(:first-child) {
  margin-left: -10px;
}
.dbx-template-card .dbx-container-anchor {
  z-index: 2;
}
.dbx-template-card--centered {
  align-items: center;
}
.dbx-template-card--centered .dbx-template-card__img-container {
  align-self: stretch;
}
.dbx-template-card--centered .dbx-template-card__title {
  text-align: center;
}
.dbx-template-card--link-active {
  cursor: pointer;
}
.dbx-template-card--link-active .dbx-template-card__info-container {
  cursor: pointer;
}
.dbx-template-card--link-active:hover {
  box-shadow: 0 0 15px 1px rgba(142, 146, 155, 0.6);
}
.dbx-icon-card {
  display: flex;
  flex-direction: column;
  max-width: 520px;
  position: relative;
  justify-content: space-between;
  gap: 32px;
  transition: box-shadow 250ms;
}
.dbx-icon-card__container {
  align-items: stretch;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.dbx-icon-card__link {
  color: #4d71f1;
  align-self: start;
}
.dbx-icon-card__link .icon {
  margin-right: 5px;
}
.dbx-icon-card__top {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  align-self: start;
}
.dbx-icon-card__top img {
  width: auto;
  flex-shrink: 0;
}
.dbx-icon-card .dbx-icon-card__title {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
  margin: 0;
}
.dbx-icon-card .dbx-icon-card__title::before {
  font-size: 32px;
  flex-shrink: 0;
  margin-top: 2px;
}
.dbx-icon-card .dbx-icon-card__title strong {
  font-weight: 700;
}
.dbx-icon-card .dbx-icon-card__title > :last-child {
  margin-bottom: 0;
}
.dbx-icon-card .dbx-icon-card__text {
  font-size: 1rem;
  line-height: 1.5rem;
  margin: 0;
}
.dbx-icon-card--purple-gradient-icon {
  background-color: #fff;
  max-width: 519px;
}
.dbx-icon-card--purple-gradient-icon .dbx-icon-card__title {
  align-items: center;
}
.dbx-icon-card--purple-gradient-icon .dbx-icon-card__text {
  color: rgba(142, 146, 155, 0.9);
}
.dbx-icon-card--purple-gradient-icon .dbx-icon-card__title::before {
  background: linear-gradient(45deg, #8850cb, #da6e7a);
  background: -o-linear-gradient(45deg, #8850cb, #da6e7a);
  background: -ms-linear-gradient(45deg, #8850cb, #da6e7a);
  background: -moz-linear-gradient(45deg, #8850cb, #da6e7a);
  background: -webkit-linear-gradient(45deg, #8850cb, #da6e7a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.dbx-icon-card--link-on-hover:hover {
  box-shadow: 0 0 15px 1px rgba(142, 146, 155, 0.4);
}
.dbx-icon-card--link-on-hover:hover .dbx-icon-card__link .icon::before {
  transform: translateY(-50%) translateX(6px) rotate(90deg);
}
.dbx-icon-card--boxed {
  border-radius: 16px;
  padding: 24px 24px 34px 24px;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.1);
  background-color: #fff;
}
.dbx-icon-card--dark-blue {
  background-color: #eaedf5;
}
.dbx-icon-card--dark-blue .dbx-icon-card__title {
  color: #2e4797;
}
.dbx-icon-card--dark-blue .dbx-icon-card__text {
  color: #1b2024;
}
.dbx-icon-card--dark-blue .dbx-icon-card__title::before {
  color: #2e4797;
}
.dbx-icon-card--lime {
  background-color: #f3f9ea;
}
.dbx-icon-card--lime .dbx-icon-card__title {
  color: #83c12f;
}
.dbx-icon-card--lime .dbx-icon-card__text {
  color: #1b2024;
}
.dbx-icon-card--lime .dbx-icon-card__title::before {
  color: #83c12f;
}
.dbx-icon-card--cyan {
  background-color: #e6f5f8;
}
.dbx-icon-card--cyan .dbx-icon-card__title {
  color: #009eb4;
}
.dbx-icon-card--cyan .dbx-icon-card__text {
  color: #1b2024;
}
.dbx-icon-card--cyan .dbx-icon-card__title::before {
  color: #009eb4;
}
.dbx-icon-card--green {
  background-color: #e9f6f0;
}
.dbx-icon-card--green .dbx-icon-card__title {
  color: #25a767;
}
.dbx-icon-card--green .dbx-icon-card__text {
  color: #1b2024;
}
.dbx-icon-card--green .dbx-icon-card__title::before {
  color: #25a767;
}
.dbx-icon-card--yellow {
  background-color: #fef8ec;
}
.dbx-icon-card--yellow .dbx-icon-card__title {
  color: #f4bb42;
}
.dbx-icon-card--yellow .dbx-icon-card__text {
  color: #1b2024;
}
.dbx-icon-card--yellow .dbx-icon-card__title::before {
  color: #f4bb42;
}
.dbx-icon-card--orange {
  background-color: #fff3e7;
}
.dbx-icon-card--orange .dbx-icon-card__title {
  color: #fa870c;
}
.dbx-icon-card--orange .dbx-icon-card__text {
  color: #1b2024;
}
.dbx-icon-card--orange .dbx-icon-card__title::before {
  color: #fa870c;
}
.dbx-icon-card--navy {
  background-color: #eaedf5;
}
.dbx-icon-card--navy .dbx-icon-card__title {
  color: #2e4797;
}
.dbx-icon-card--navy .dbx-icon-card__text {
  color: #1b2024;
}
.dbx-icon-card--navy .dbx-icon-card__title::before {
  color: #2e4797;
}
.dbx-icon-card--purple {
  background-color: #f1ecf7;
}
.dbx-icon-card--purple .dbx-icon-card__title {
  color: #7540ab;
}
.dbx-icon-card--purple .dbx-icon-card__text {
  color: #1b2024;
}
.dbx-icon-card--purple .dbx-icon-card__title::before {
  color: #7540ab;
}
.dbx-icon-card--blue {
  background-color: #edf1fe;
}
.dbx-icon-card--blue .dbx-icon-card__title {
  color: #4d71f1;
}
.dbx-icon-card--blue .dbx-icon-card__text {
  color: #1b2024;
}
.dbx-icon-card--blue .dbx-icon-card__title::before {
  color: #4d71f1;
}
.dbx-icon-card--icon-height-72 .dbx-icon-card__top img {
  height: 54px;
}
.dbx-icon-card--icon-height-72 .dbx-icon-card__title::before {
  font-size: 54px;
}
@media (min-width: 768px) {
  .dbx-icon-card--icon-height-72 .dbx-icon-card__top img {
    height: 72px;
  }
  .dbx-icon-card--icon-height-72 .dbx-icon-card__title::before {
    font-size: 72px;
  }
}
.dbx-icon-card--icon-height-64 .dbx-icon-card__top img {
  height: 48px;
}
.dbx-icon-card--icon-height-64 .dbx-icon-card__title::before {
  font-size: 48px;
}
@media (min-width: 768px) {
  .dbx-icon-card--icon-height-64 .dbx-icon-card__top img {
    height: 64px;
  }
  .dbx-icon-card--icon-height-64 .dbx-icon-card__title::before {
    font-size: 64px;
  }
}
.dbx-icon-card--icon-height-56 .dbx-icon-card__top img {
  height: 42px;
}
.dbx-icon-card--icon-height-56 .dbx-icon-card__title::before {
  font-size: 42px;
}
@media (min-width: 768px) {
  .dbx-icon-card--icon-height-56 .dbx-icon-card__top img {
    height: 56px;
  }
  .dbx-icon-card--icon-height-56 .dbx-icon-card__title::before {
    font-size: 56px;
  }
}
.dbx-icon-card--icon-height-48 .dbx-icon-card__top img {
  height: 36px;
}
.dbx-icon-card--icon-height-48 .dbx-icon-card__title::before {
  font-size: 36px;
}
@media (min-width: 768px) {
  .dbx-icon-card--icon-height-48 .dbx-icon-card__top img {
    height: 48px;
  }
  .dbx-icon-card--icon-height-48 .dbx-icon-card__title::before {
    font-size: 48px;
  }
}
.dbx-icon-card--icon-height-40 .dbx-icon-card__top img {
  height: 30px;
}
.dbx-icon-card--icon-height-40 .dbx-icon-card__title::before {
  font-size: 30px;
}
@media (min-width: 768px) {
  .dbx-icon-card--icon-height-40 .dbx-icon-card__top img {
    height: 40px;
  }
  .dbx-icon-card--icon-height-40 .dbx-icon-card__title::before {
    font-size: 40px;
  }
}
.dbx-icon-card--icon-height-32 .dbx-icon-card__top img {
  height: 32px;
}
.dbx-icon-card--icon-height-32 .dbx-icon-card__title::before {
  font-size: 32px;
}
@media (min-width: 768px) {
  .dbx-icon-card--icon-height-32 .dbx-icon-card__top img {
    height: 32px;
  }
  .dbx-icon-card--icon-height-32 .dbx-icon-card__title::before {
    font-size: 32px;
  }
}
.dbx-icon-card--icon-height-24 .dbx-icon-card__top img {
  height: 24px;
}
.dbx-icon-card--icon-height-24 .dbx-icon-card__title::before {
  font-size: 24px;
}
@media (min-width: 768px) {
  .dbx-icon-card--icon-height-24 .dbx-icon-card__top img {
    height: 24px;
  }
  .dbx-icon-card--icon-height-24 .dbx-icon-card__title::before {
    font-size: 24px;
  }
}
.dbx-icon-card--icon-height-20 .dbx-icon-card__top img {
  height: 20px;
}
.dbx-icon-card--icon-height-20 .dbx-icon-card__title::before {
  font-size: 20px;
}
@media (min-width: 768px) {
  .dbx-icon-card--icon-height-20 .dbx-icon-card__top img {
    height: 20px;
  }
  .dbx-icon-card--icon-height-20 .dbx-icon-card__title::before {
    font-size: 20px;
  }
}
.dbx-icon-card--icon-height-16 .dbx-icon-card__top img {
  height: 16px;
}
.dbx-icon-card--icon-height-16 .dbx-icon-card__title::before {
  font-size: 16px;
}
@media (min-width: 768px) {
  .dbx-icon-card--icon-height-16 .dbx-icon-card__top img {
    height: 16px;
  }
  .dbx-icon-card--icon-height-16 .dbx-icon-card__title::before {
    font-size: 16px;
  }
}
.dbx-icon-card--purple-background-and-icon .dbx-icon-card__title::before {
  font-size: 22px;
  padding: 9px;
  border-radius: 100%;
  background-color: rgba(117, 64, 171, 0.1);
  color: #7540ab;
}
.dbx-icon-card--basic:hover {
  box-shadow: none;
}
.dbx-icon-card--basic .dbx-icon-card__title {
  display: flex;
  align-items: center;
}
.dbx-icon-card--basic .dbx-icon-card__text {
  color: #1b2024;
}
.dbx-icon-card--image-on-the-bottom-right .dbx-icon-card__container img {
  align-self: end;
  height: 30px;
  width: auto;
}
.dbx-icon-card--image-on-the-bottom-right .dbx-icon-card__top {
  display: block;
}
.dbx-icon-card.dbx-icon-card--vertical {
  gap: 10px;
  border-radius: 5px;
}
.dbx-icon-card.dbx-icon-card--vertical .dbx-icon-card__title {
  flex-direction: column;
  margin: 0;
  font-weight: 700;
  align-items: flex-start;
}
.dbx-icon-card.dbx-icon-card--vertical .dbx-icon-card__title::before {
  font-size: 40px;
  margin-top: 0;
}
.dbx-icon-card.dbx-icon-card--vertical .dbx-icon-card__text {
  margin: 0;
}
.dbx-icon-card.dbx-icon-card--vertical .dbx-icon-card__top {
  flex-direction: column;
  align-items: flex-start;
}
.dbx-icon-card.dbx-icon-card--vertical.dbx-icon-card--purple-background-and-icon {
  padding: 24px;
}
.dbx-icon-card.dbx-icon-card--vertical.dbx-icon-card--purple-background-and-icon
  .dbx-icon-card__title::before {
  font-size: 24px;
  padding: 12px;
}
.dbx-icon-card.dbx-icon-card--align-center {
  align-items: center;
  text-align: center;
}
.dbx-icon-card.dbx-icon-card--align-center .dbx-icon-card__title,
.dbx-icon-card.dbx-icon-card--align-center .dbx-icon-card__top {
  align-items: center;
}
.dbx-icon-card.dbx-icon-card--align-center .dbx-icon-card__title::before {
  margin-top: 0;
}
.dbx-icon-card.dbx-icon-card--align-center .dbx-icon-card__link,
.dbx-icon-card.dbx-icon-card--align-center .dbx-icon-card__top {
  align-self: center;
}
.dbx-icon-card.dbx-icon-card--align-center.dbx-icon-card--vertical {
  padding: 32px 16px 16px 16px;
}
.dbx-icon-card.dbx-icon-card--align-center.dbx-icon-card--vertical
  .dbx-icon-card__title {
  font-size: 1rem;
  line-height: 1.5rem;
}
.dbx-icon-card.dbx-icon-card--align-center.dbx-icon-card--vertical
  .dbx-icon-card__link,
.dbx-icon-card.dbx-icon-card--align-center.dbx-icon-card--vertical
  .dbx-icon-card__text {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.dbx-icon-card.dbx-icon-card--center-align {
  align-items: center;
  text-align: center;
}
.dbx-icon-card.dbx-icon-card--center-align .dbx-icon-card__title,
.dbx-icon-card.dbx-icon-card--center-align .dbx-icon-card__top {
  align-items: center;
}
.dbx-icon-card.dbx-icon-card--center-align .dbx-icon-card__title::before {
  margin-top: 0;
}
.dbx-icon-card.dbx-icon-card--center-align .dbx-icon-card__link,
.dbx-icon-card.dbx-icon-card--center-align .dbx-icon-card__top {
  align-self: center;
}
.dbx-icon-card.dbx-icon-card--center-align.dbx-icon-card--vertical
  .dbx-icon-card__title {
  font-size: 1rem;
  line-height: 1.5rem;
}
.dbx-icon-card.dbx-icon-card--center-align.dbx-icon-card--vertical
  .dbx-icon-card__link,
.dbx-icon-card.dbx-icon-card--center-align.dbx-icon-card--vertical
  .dbx-icon-card__text {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
@media screen and (min-width: 768px) {
  .dbx-icon-card .dbx-icon-card__title {
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
  .dbx-icon-card .dbx-icon-card__text {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
.dbx-collapsible-icon-card {
  display: flex;
  flex-direction: column;
  background-color: #fff;
  cursor: pointer;
}
.dbx-collapsible-icon-card__title {
  font-size: 1.125rem;
}
.dbx-collapsible-icon-card__listener {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px;
  gap: 16px;
}
.dbx-collapsible-icon-card__listener-content {
  display: flex;
  align-items: center;
  gap: 16px;
}
.dbx-collapsible-icon-card__listener img {
  height: 32px;
  width: auto;
}
.dbx-collapsible-icon-card__state-icon::before {
  transition: all 0.4s;
  transform: rotate(90deg);
  font-size: 16px;
  color: rgba(142, 146, 155, 0.8);
}
.dbx-collapsible-icon-card .dbx-collapsible__collapsible-container {
  transition: all 0.4s;
}
.dbx-collapsible-icon-card .dbx-collapsible__collapsible-content {
  padding: 8px 16px 16px 16px;
}
.dbx-collapsible-icon-card.dbx-collapsible--active
  .dbx-collapsible-icon-card__state-icon::before {
  transform: rotate(270deg);
}
.dbx-collapsible-icon-card--boxed {
  border-radius: 16px;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.1);
}
.dbx-collapsible-icon-card--lime {
  background-color: rgba(131, 193, 47, 0.1);
  max-width: 410px;
}
.dbx-collapsible-icon-card--lime .dbx-collapsible-icon-card__title {
  color: #83c12f;
  font-size: 16px !important;
  font-weight: 500;
  display: flex;
  align-items: center;
}
.dbx-collapsible-icon-card--lime .dbx-collapsible-icon-card__text {
  color: #1b2024 !important;
}
.dbx-collapsible-icon-card--lime
  .dbx-collapsible-icon-card__listener-content
  .icon::before {
  color: #83c12f;
  font-size: 32px;
}
@media screen and (min-width: 768px) {
  .dbx-collapsible-icon-card--lime .dbx-icon-card__title {
    font-size: 18px !important;
  }
}
.dbx-collapsible-icon-card--cyan {
  background-color: rgba(0, 158, 180, 0.1);
  max-width: 410px;
}
.dbx-collapsible-icon-card--cyan .dbx-collapsible-icon-card__title {
  color: #009eb4;
  font-size: 16px !important;
  font-weight: 500;
  display: flex;
  align-items: center;
}
.dbx-collapsible-icon-card--cyan .dbx-collapsible-icon-card__text {
  color: #1b2024 !important;
}
.dbx-collapsible-icon-card--cyan
  .dbx-collapsible-icon-card__listener-content
  .icon::before {
  color: #009eb4;
  font-size: 32px;
}
@media screen and (min-width: 768px) {
  .dbx-collapsible-icon-card--cyan .dbx-icon-card__title {
    font-size: 18px !important;
  }
}
.dbx-collapsible-icon-card--green {
  background-color: rgba(37, 167, 103, 0.1);
  max-width: 410px;
}
.dbx-collapsible-icon-card--green .dbx-collapsible-icon-card__title {
  color: #25a767;
  font-size: 16px !important;
  font-weight: 500;
  display: flex;
  align-items: center;
}
.dbx-collapsible-icon-card--green .dbx-collapsible-icon-card__text {
  color: #1b2024 !important;
}
.dbx-collapsible-icon-card--green
  .dbx-collapsible-icon-card__listener-content
  .icon::before {
  color: #25a767;
  font-size: 32px;
}
@media screen and (min-width: 768px) {
  .dbx-collapsible-icon-card--green .dbx-icon-card__title {
    font-size: 18px !important;
  }
}
.dbx-collapsible-icon-card--yellow {
  background-color: rgba(244, 187, 66, 0.1);
  max-width: 410px;
}
.dbx-collapsible-icon-card--yellow .dbx-collapsible-icon-card__title {
  color: #f4bb42;
  font-size: 16px !important;
  font-weight: 500;
  display: flex;
  align-items: center;
}
.dbx-collapsible-icon-card--yellow .dbx-collapsible-icon-card__text {
  color: #1b2024 !important;
}
.dbx-collapsible-icon-card--yellow
  .dbx-collapsible-icon-card__listener-content
  .icon::before {
  color: #f4bb42;
  font-size: 32px;
}
@media screen and (min-width: 768px) {
  .dbx-collapsible-icon-card--yellow .dbx-icon-card__title {
    font-size: 18px !important;
  }
}
.dbx-collapsible-icon-card--orange {
  background-color: rgba(250, 135, 12, 0.1);
  max-width: 410px;
}
.dbx-collapsible-icon-card--orange .dbx-collapsible-icon-card__title {
  color: #fa870c;
  font-size: 16px !important;
  font-weight: 500;
  display: flex;
  align-items: center;
}
.dbx-collapsible-icon-card--orange .dbx-collapsible-icon-card__text {
  color: #1b2024 !important;
}
.dbx-collapsible-icon-card--orange
  .dbx-collapsible-icon-card__listener-content
  .icon::before {
  color: #fa870c;
  font-size: 32px;
}
@media screen and (min-width: 768px) {
  .dbx-collapsible-icon-card--orange .dbx-icon-card__title {
    font-size: 18px !important;
  }
}
.dbx-collapsible-icon-card--navy {
  background-color: rgba(46, 71, 151, 0.1);
  max-width: 410px;
}
.dbx-collapsible-icon-card--navy .dbx-collapsible-icon-card__title {
  color: #2e4797;
  font-size: 16px !important;
  font-weight: 500;
  display: flex;
  align-items: center;
}
.dbx-collapsible-icon-card--navy .dbx-collapsible-icon-card__text {
  color: #1b2024 !important;
}
.dbx-collapsible-icon-card--navy
  .dbx-collapsible-icon-card__listener-content
  .icon::before {
  color: #2e4797;
  font-size: 32px;
}
@media screen and (min-width: 768px) {
  .dbx-collapsible-icon-card--navy .dbx-icon-card__title {
    font-size: 18px !important;
  }
}
.dbx-collapsible-icon-card--purple {
  background-color: rgba(117, 64, 171, 0.1);
  max-width: 410px;
}
.dbx-collapsible-icon-card--purple .dbx-collapsible-icon-card__title {
  color: #7540ab;
  font-size: 16px !important;
  font-weight: 500;
  display: flex;
  align-items: center;
}
.dbx-collapsible-icon-card--purple .dbx-collapsible-icon-card__text {
  color: #1b2024 !important;
}
.dbx-collapsible-icon-card--purple
  .dbx-collapsible-icon-card__listener-content
  .icon::before {
  color: #7540ab;
  font-size: 32px;
}
@media screen and (min-width: 768px) {
  .dbx-collapsible-icon-card--purple .dbx-icon-card__title {
    font-size: 18px !important;
  }
}
.dbx-collapsible-icon-card--blue {
  background-color: rgba(77, 113, 241, 0.1);
  max-width: 410px;
}
.dbx-collapsible-icon-card--blue .dbx-collapsible-icon-card__title {
  color: #4d71f1;
  font-size: 16px !important;
  font-weight: 500;
  display: flex;
  align-items: center;
}
.dbx-collapsible-icon-card--blue .dbx-collapsible-icon-card__text {
  color: #1b2024 !important;
}
.dbx-collapsible-icon-card--blue
  .dbx-collapsible-icon-card__listener-content
  .icon::before {
  color: #4d71f1;
  font-size: 32px;
}
@media screen and (min-width: 768px) {
  .dbx-collapsible-icon-card--blue .dbx-icon-card__title {
    font-size: 18px !important;
  }
}
.dbx-collapsible-icon-card--purple-gradient-icon {
  background-color: #fff;
  max-width: 519px;
}
.dbx-collapsible-icon-card--purple-gradient-icon
  .dbx-collapsible-icon-card__text {
  color: rgba(142, 146, 155, 0.9) !important;
}
.dbx-collapsible-icon-card--purple-gradient-icon
  .dbx-collapsible-icon-card__listener-content
  .icon::before {
  background: linear-gradient(45deg, #8850cb, #da6e7a);
  background: -o-linear-gradient(45deg, #8850cb, #da6e7a);
  background: -ms-linear-gradient(45deg, #8850cb, #da6e7a);
  background: -moz-linear-gradient(45deg, #8850cb, #da6e7a);
  background: -webkit-linear-gradient(45deg, #8850cb, #da6e7a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 32px;
}
.dbx-collapsible-icon-card--purple-background-and-icon .icon::before {
  font-size: 18px;
  padding: 11px;
  border-radius: 100%;
  background-color: rgba(117, 64, 171, 0.1);
  color: #7540ab;
}
@media screen and (min-width: 768px) {
  .dbx-collapsible-icon-card__listener {
    padding: 24px;
  }
  .dbx-collapsible-icon-card .dbx-collapsible__collapsible-content {
    padding: 8px 24px 24px 24px;
  }
}
.dbx-reviews-and-awards {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 40px;
}
.dbx-reviews-and-awards__title {
  text-align: center;
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
  color: #000;
}
.dbx-reviews-and-awards__images-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 48px 128px;
}
.dbx-reviews-and-awards__images-container picture img {
  max-width: 100%;
}
.dbx-reviews-and-awards__end,
.dbx-reviews-and-awards__start {
  max-width: 94px;
}
.dbx-reviews-and-awards__center {
  max-width: 268px;
}
@media only screen and (min-width: 768px) {
  .dbx-reviews-and-awards__end,
  .dbx-reviews-and-awards__start {
    max-width: 144px;
  }
  .dbx-reviews-and-awards__center {
    max-width: 364px;
  }
}
@media only screen and (min-width: 1024px) {
  .dbx-reviews-and-awards__images-container {
    flex-direction: row;
  }
}
.dbx-enhanced-card {
  display: flex;
  position: relative;
  background-color: rgba(36, 40, 44, 0.1);
  border-radius: 18px;
  padding: 96px 16px 0 16px;
  gap: 18px;
  justify-content: space-between;
  flex-direction: column;
}
.dbx-enhanced-card__media-container img {
  width: 100%;
}
.dbx-enhanced-card__badge {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 2px 10px;
  position: absolute;
  top: 24px;
  left: -16px;
  z-index: 1;
  border-radius: 6px;
  text-transform: uppercase;
  color: #fff;
  font-weight: 700;
  font-size: 13px;
  background-color: #24282c;
}
.dbx-enhanced-card__badge .icon {
  font-size: 24px;
}
.dbx-enhanced-card__badge .text {
  padding: 8px 0;
}
.dbx-enhanced-card__title {
  font-size: 32px;
  line-height: 40px;
  color: #1b2024;
  font-weight: 600;
}
.dbx-enhanced-card__text-container {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.dbx-enhanced-card--row {
  flex-direction: column;
  align-items: left;
}
.dbx-enhanced-card--col {
  flex-direction: column;
}
.dbx-enhanced-card--col .dbx-card__title,
.dbx-enhanced-card--lg .dbx-card__title {
  margin-top: 32px;
  margin-bottom: 8px;
}
.dbx-enhanced-card--col .dbx-card__title,
.dbx-enhanced-card--md .dbx-card__title {
  margin-top: 24px;
  margin-bottom: 16px;
}
@media only screen and (min-width: 450px) {
  .dbx-enhanced-card {
    padding-inline: 40px;
  }
}
@media only screen and (min-width: 1024px) {
  .dbx-enhanced-card--row {
    flex-direction: row;
    align-items: center;
    gap: inherit;
    padding-bottom: 96px;
  }
  .dbx-enhanced-card--row .dbx-enhanced-card__media-container,
  .dbx-enhanced-card--row .dbx-enhanced-card__text-container {
    flex: 1 1 50%;
  }
}
@media only screen and (max-width: 768px) {
  .dbx-enhanced-card {
    margin-left: 16px;
  }
}
.dbx-enhanced-card .dbx-arrow-btn {
  padding: 8px 38px 8px 24px;
}
.dbx-enhanced-card.dbx-enhanced-card--lime {
  background-color: rgba(131, 193, 47, 0.1);
}
.dbx-enhanced-card.dbx-enhanced-card--lime .dbx-enhanced-card__badge {
  background-color: #83c12f;
}
.dbx-enhanced-card.dbx-enhanced-card--cyan {
  background-color: rgba(0, 158, 180, 0.1);
}
.dbx-enhanced-card.dbx-enhanced-card--cyan .dbx-enhanced-card__badge {
  background-color: #009eb4;
}
.dbx-enhanced-card.dbx-enhanced-card--green {
  background-color: rgba(37, 167, 103, 0.1);
}
.dbx-enhanced-card.dbx-enhanced-card--green .dbx-enhanced-card__badge {
  background-color: #25a767;
}
.dbx-enhanced-card.dbx-enhanced-card--yellow {
  background-color: rgba(244, 187, 66, 0.1);
}
.dbx-enhanced-card.dbx-enhanced-card--yellow .dbx-enhanced-card__badge {
  background-color: #f4bb42;
}
.dbx-enhanced-card.dbx-enhanced-card--orange {
  background-color: rgba(250, 135, 12, 0.1);
}
.dbx-enhanced-card.dbx-enhanced-card--orange .dbx-enhanced-card__badge {
  background-color: #fa870c;
}
.dbx-enhanced-card.dbx-enhanced-card--navy {
  background-color: rgba(46, 71, 151, 0.1);
}
.dbx-enhanced-card.dbx-enhanced-card--navy .dbx-enhanced-card__badge {
  background-color: #2e4797;
}
.dbx-enhanced-card.dbx-enhanced-card--purple {
  background-color: rgba(117, 64, 171, 0.1);
}
.dbx-enhanced-card.dbx-enhanced-card--purple .dbx-enhanced-card__badge {
  background-color: #7540ab;
}
.dbx-enhanced-card.dbx-enhanced-card--blue {
  background-color: rgba(77, 113, 241, 0.1);
}
.dbx-enhanced-card.dbx-enhanced-card--blue .dbx-enhanced-card__badge {
  background-color: #4d71f1;
}
.dbx-anchor-list-card {
  padding: 24px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 12px;
}
.dbx-anchor-list-card__title {
  color: rgba(142, 146, 155, 0.9);
  font-size: 0.875rem;
  line-height: 2rem;
  font-weight: 700;
  letter-spacing: 0.65px;
  margin-bottom: 16px;
}
.dbx-anchor-list-card__list-item {
  font-size: 1rem;
  line-height: 1.5rem;
}
.dbx-anchor-list-card__list {
  padding: 0;
  list-style: none;
}
.dbx-trusted-by-businesses {
  display: flex;
  flex-direction: column;
  gap: 32px;
  margin-block: 64px;
}
@media screen and (min-width: 768px) {
  .dbx-trusted-by-businesses {
    margin-block: 96px;
  }
}
.dbx-trusted-by-businesses p {
  text-align: center;
  align-self: center;
}
.dbx-trusted-by-businesses ul {
  padding-inline-start: 0;
}
.dbx-trusted-by-businesses strong {
  font-weight: 700;
}
.dbx-trusted-by-businesses__container {
  gap: 56px;
}
.dbx-trusted-by-businesses__container li {
  list-style: none;
}
.dbx-feature-highlight {
  position: relative;
  text-align: center;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.dbx-feature-highlight__content {
  padding-block: 74px;
  padding-inline: 16px;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 1;
}
.dbx-feature-highlight__background {
  border-radius: 24px;
  box-sizing: content-box;
  padding: inherit;
  position: absolute;
  inset: 0;
  background: linear-gradient(126deg, #0f0722 0.5%, rgba(15, 7, 34, 0.91) 70%);
}
.dbx-feature-highlight__background .effect-1 {
  grid-column: 2 / span 2;
  grid-row: 2 / span 2;
  border-radius: 432.989px;
  opacity: 0.4;
  background: #2f4998;
  filter: blur(105px);
}
.dbx-feature-highlight__background .effect-2 {
  grid-column: 4 / span 2;
  grid-row: 2 / span 2;
  opacity: 0.4;
  background: #d34b89;
  filter: blur(105px);
}
.dbx-feature-highlight__background .effect-3 {
  grid-column: 3 / span 2;
  grid-row: 4 / span 2;
  opacity: 0.4;
  background: #d34b89;
  filter: blur(105px);
}
.dbx-feature-highlight .dbx-tag {
  margin-bottom: 16px;
}
.dbx-feature-highlight .dbx-title-text__title {
  max-width: 800px;
}
.dbx-feature-highlight .dbx-title-text__text {
  opacity: 0.6;
  max-width: 600px;
}
.dbx-feature-highlight__img-container {
  max-width: 1000px;
  margin-bottom: 32px;
}
.dbx-feature-highlight__img-container img {
  width: 100%;
}
.dbx-feature-highlight__list {
  display: none;
  padding: 0;
}
.dbx-feature-highlight__list-item {
  display: inline-flex;
  gap: 16px;
  align-items: center;
}
.dbx-feature-highlight__list-item .dbx-feature-highlight__icon-container {
  aspect-ratio: 1/1;
  height: 40px;
  border-radius: 8px;
  padding: 3px;
  background-color: rgba(142, 146, 155, 0.2);
  display: grid;
  place-content: center;
}
.dbx-feature-highlight__list-item .icon {
  display: grid;
  place-content: center;
  font-size: 24px;
}
.dbx-feature-highlight__list-item svg {
  height: 24px;
}
.dbx-feature-highlight__list-item p {
  opacity: 0.8;
  margin: 0;
}
.dbx-feature-highlight__text {
  margin-bottom: 48px !important;
}
.dbx-feature-highlight .tag {
  margin-bottom: 16px;
}
@media only screen and (min-width: 768px) {
  .dbx-feature-highlight__title {
    font-size: 3.5rem !important;
    line-height: 4rem !important;
  }
}
@media only screen and (min-width: 1400px) {
  .dbx-feature-highlight__list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px 40px;
    margin-bottom: 72px !important;
    justify-content: center;
  }
}
.dbx-customer-success {
  display: flex;
  justify-content: space-between;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 12px;
  box-shadow: 0 0 15px 1px rgba(142, 146, 155, 0.3);
  transition: box-shadow 250ms;
  gap: 16px;
  position: relative;
}
.dbx-customer-success:hover {
  box-shadow: 0 0 15px 1px rgba(142, 146, 155, 0.6);
}
.dbx-customer-success:hover .dbx-customer-success__btn .icon::before {
  transform: translateY(-50%) translateX(6px) rotate(90deg);
}
.dbx-customer-success.vertical {
  flex-direction: column;
}
.dbx-customer-success.vertical .dbx-customer-success__img-container {
  height: 145px;
  margin: 6px;
  display: flex;
  align-items: center;
}
.dbx-customer-success.vertical .dbx-customer-success__img-container img {
  width: 100%;
  height: auto;
}
.dbx-customer-success.vertical .dbx-customer-success__logo-container img {
  height: 32px;
  width: auto;
}
.dbx-customer-success.vertical .dbx-customer-success__title {
  margin: 24px 0 !important;
}
.dbx-customer-success.vertical .dbx-customer-success__text-container {
  margin: 0 16px 16px;
}
.dbx-customer-success__text-container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: start;
  margin: 18px 0 18px 18px;
}
.dbx-customer-success__logo-container img {
  height: 28px;
  width: auto;
}
.dbx-customer-success__img-container {
  position: relative;
  overflow: hidden;
  margin: 6px 6px 6px 0;
  border-radius: 6px;
  min-width: 30%;
  display: flex;
  justify-content: center;
}
.dbx-customer-success__img-container img {
  position: absolute;
  height: 100%;
}
.dbx-customer-success .dbx-customer-success__title {
  font-size: 1.5rem;
  line-height: 1.875rem;
  margin-top: 64px;
  margin-bottom: 16px;
  font-weight: 700;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.dbx-customer-success-section {
  margin-block: 96px;
}
@media screen and (min-width: 768px) {
  .dbx-customer-success-section {
    margin-block: 128px;
  }
}
.dbx-customer-success-section .dbx-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.dbx-customer-success-section .dbx-rich-content {
  margin-bottom: 32px;
}
.dbx-explore-other-tools__list {
  align-self: stretch;
  place-items: stretch;
}
.dbx-explore-other-tools__anchor {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  text-decoration: none;
  height: 100%;
  padding: 32px 16px;
}
.dbx-explore-other-tools__anchor:hover {
  text-decoration: none;
}
.dbx-explore-other-tools__list-item {
  transition: all 0.4s;
  border-radius: 24px;
}
.dbx-explore-other-tools__list-item .icon {
  font-size: 3.625rem;
}
.dbx-explore-other-tools__list-item--dashboards {
  background-color: rgba(46, 71, 151, 0.1);
}
.dbx-explore-other-tools__list-item--dashboards
  .dbx-explore-other-tools__anchor {
  color: #2e4797;
  stroke: #2e4797;
}
.dbx-explore-other-tools__list-item--dashboards:hover {
  color: #fff;
  background-color: #2e4797;
}
.dbx-explore-other-tools__list-item--dashboards
  .dbx-explore-other-tools__anchor:hover {
  color: #fff;
}
.dbx-explore-other-tools__list-item--reports {
  background-color: rgba(250, 135, 12, 0.1);
}
.dbx-explore-other-tools__list-item--reports .dbx-explore-other-tools__anchor {
  color: #fa870c;
  stroke: #fa870c;
}
.dbx-explore-other-tools__list-item--reports:hover {
  color: #fff;
  background-color: #fa870c;
}
.dbx-explore-other-tools__list-item--reports
  .dbx-explore-other-tools__anchor:hover {
  color: #fff;
}
.dbx-explore-other-tools__list-item--goals {
  background-color: rgba(244, 187, 66, 0.1);
}
.dbx-explore-other-tools__list-item--goals .dbx-explore-other-tools__anchor {
  color: #f4bb42;
  stroke: #f4bb42;
}
.dbx-explore-other-tools__list-item--goals:hover {
  color: #fff;
  background-color: #f4bb42;
}
.dbx-explore-other-tools__list-item--goals
  .dbx-explore-other-tools__anchor:hover {
  color: #fff;
}
.dbx-explore-other-tools__list-item--reports {
  background-color: rgba(255, 172, 54, 0.1);
}
.dbx-explore-other-tools__list-item--reports .dbx-explore-other-tools__anchor {
  color: #ffac36;
  stroke: #ffac36;
}
.dbx-explore-other-tools__list-item--reports:hover {
  color: #fff;
  background-color: #ffac36;
}
.dbx-explore-other-tools__list-item--reports
  .dbx-explore-other-tools__anchor:hover {
  color: #fff;
}
.dbx-explore-other-tools__list-item--forecasts {
  background-color: rgba(37, 167, 103, 0.1);
}
.dbx-explore-other-tools__list-item--forecasts
  .dbx-explore-other-tools__anchor {
  color: #25a767;
  stroke: #25a767;
}
.dbx-explore-other-tools__list-item--forecasts:hover {
  color: #fff;
  background-color: #25a767;
}
.dbx-explore-other-tools__list-item--forecasts
  .dbx-explore-other-tools__anchor:hover {
  color: #fff;
}
.dbx-explore-other-tools__list-item--benchmarks {
  background-color: rgba(117, 64, 171, 0.1);
}
.dbx-explore-other-tools__list-item--benchmarks
  .dbx-explore-other-tools__anchor {
  color: #7540ab;
  stroke: #7540ab;
}
.dbx-explore-other-tools__list-item--benchmarks:hover {
  color: #fff;
  background-color: #7540ab;
}
.dbx-explore-other-tools__list-item--benchmarks
  .dbx-explore-other-tools__anchor:hover {
  color: #fff;
}
.dbx-explore-other-tools__list-item--metrics-and-kpis {
  background-color: rgba(77, 113, 241, 0.1);
}
.dbx-explore-other-tools__list-item--metrics-and-kpis
  .dbx-explore-other-tools__anchor {
  color: #4d71f1;
  stroke: #4d71f1;
}
.dbx-explore-other-tools__list-item--metrics-and-kpis:hover {
  color: #fff;
  background-color: #4d71f1;
}
.dbx-explore-other-tools__list-item--metrics-and-kpis
  .dbx-explore-other-tools__anchor:hover {
  color: #fff;
}
.dbx-explore-other-tools__list-item--performance-management {
  background-color: rgba(0, 158, 180, 0.1);
}
.dbx-explore-other-tools__list-item--performance-management
  .dbx-explore-other-tools__anchor {
  color: #009eb4;
  stroke: #009eb4;
}
.dbx-explore-other-tools__list-item--performance-management:hover {
  color: #fff;
  background-color: #009eb4;
}
.dbx-explore-other-tools__list-item--performance-management
  .dbx-explore-other-tools__anchor:hover {
  color: #fff;
}
@media screen and (min-width: 500px) and (max-width: 768px) {
  .dbx-explore-other-tools__list-item {
    grid-column: span 6 !important;
  }
}
.dbx-color-buttons-section {
  margin-block: 96px;
}
@media screen and (min-width: 768px) {
  .dbx-color-buttons-section {
    margin-block: 128px;
  }
}
.dbx-color-buttons-section .dbx-container {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.dbx-color-buttons-section__title {
  margin: 0 auto 62px auto !important;
  text-align: center;
}
.dbx-color-buttons-section__item-list {
  padding: 0;
}
.dbx-color-btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  text-decoration: none;
  height: 100%;
  transition: all 0.4s;
  border-radius: 24px;
}
.dbx-color-btn .dbx-color-btn__anchor {
  display: grid;
  place-content: center;
  padding-block: 40px;
  width: 100%;
}
.dbx-color-btn .icon::before {
  font-size: 3.625rem;
}
.dbx-color-btn__anchor:hover {
  text-decoration: none;
}
.dbx-color-btn.dbx-color-btn--red {
  background-color: rgba(237, 40, 87, 0.1);
}
.dbx-color-btn.dbx-color-btn--red .dbx-color-btn__anchor-icon,
.dbx-color-btn.dbx-color-btn--red .dbx-color-btn__anchor-text {
  color: #ed2857;
}
.dbx-color-btn.dbx-color-btn--red:hover {
  background-color: #ed2857;
}
.dbx-color-btn.dbx-color-btn--red:hover .dbx-color-btn__anchor-icon,
.dbx-color-btn.dbx-color-btn--red:hover .dbx-color-btn__anchor-text {
  color: #fff;
}
.dbx-color-btn.dbx-color-btn--lime {
  background-color: rgba(131, 193, 47, 0.1);
}
.dbx-color-btn.dbx-color-btn--lime .dbx-color-btn__anchor-icon,
.dbx-color-btn.dbx-color-btn--lime .dbx-color-btn__anchor-text {
  color: #83c12f;
}
.dbx-color-btn.dbx-color-btn--lime:hover {
  background-color: #83c12f;
}
.dbx-color-btn.dbx-color-btn--lime:hover .dbx-color-btn__anchor-icon,
.dbx-color-btn.dbx-color-btn--lime:hover .dbx-color-btn__anchor-text {
  color: #fff;
}
.dbx-color-btn.dbx-color-btn--cyan {
  background-color: rgba(0, 158, 180, 0.1);
}
.dbx-color-btn.dbx-color-btn--cyan .dbx-color-btn__anchor-icon,
.dbx-color-btn.dbx-color-btn--cyan .dbx-color-btn__anchor-text {
  color: #009eb4;
}
.dbx-color-btn.dbx-color-btn--cyan:hover {
  background-color: #009eb4;
}
.dbx-color-btn.dbx-color-btn--cyan:hover .dbx-color-btn__anchor-icon,
.dbx-color-btn.dbx-color-btn--cyan:hover .dbx-color-btn__anchor-text {
  color: #fff;
}
.dbx-color-btn.dbx-color-btn--purple {
  background-color: rgba(117, 64, 171, 0.1);
}
.dbx-color-btn.dbx-color-btn--purple .dbx-color-btn__anchor-icon,
.dbx-color-btn.dbx-color-btn--purple .dbx-color-btn__anchor-text {
  color: #7540ab;
}
.dbx-color-btn.dbx-color-btn--purple:hover {
  background-color: #7540ab;
}
.dbx-color-btn.dbx-color-btn--purple:hover .dbx-color-btn__anchor-icon,
.dbx-color-btn.dbx-color-btn--purple:hover .dbx-color-btn__anchor-text {
  color: #fff;
}
.dbx-color-btn.dbx-color-btn--green {
  background-color: rgba(37, 167, 103, 0.1);
}
.dbx-color-btn.dbx-color-btn--green .dbx-color-btn__anchor-icon,
.dbx-color-btn.dbx-color-btn--green .dbx-color-btn__anchor-text {
  color: #25a767;
}
.dbx-color-btn.dbx-color-btn--green:hover {
  background-color: #25a767;
}
.dbx-color-btn.dbx-color-btn--green:hover .dbx-color-btn__anchor-icon,
.dbx-color-btn.dbx-color-btn--green:hover .dbx-color-btn__anchor-text {
  color: #fff;
}
.dbx-color-btn.dbx-color-btn--orange {
  background-color: rgba(250, 135, 12, 0.1);
}
.dbx-color-btn.dbx-color-btn--orange .dbx-color-btn__anchor-icon,
.dbx-color-btn.dbx-color-btn--orange .dbx-color-btn__anchor-text {
  color: #fa870c;
}
.dbx-color-btn.dbx-color-btn--orange:hover {
  background-color: #fa870c;
}
.dbx-color-btn.dbx-color-btn--orange:hover .dbx-color-btn__anchor-icon,
.dbx-color-btn.dbx-color-btn--orange:hover .dbx-color-btn__anchor-text {
  color: #fff;
}
.dbx-color-btn.dbx-color-btn--yellow {
  background-color: rgba(244, 187, 66, 0.1);
}
.dbx-color-btn.dbx-color-btn--yellow .dbx-color-btn__anchor-icon,
.dbx-color-btn.dbx-color-btn--yellow .dbx-color-btn__anchor-text {
  color: #f4bb42;
}
.dbx-color-btn.dbx-color-btn--yellow:hover {
  background-color: #f4bb42;
}
.dbx-color-btn.dbx-color-btn--yellow:hover .dbx-color-btn__anchor-icon,
.dbx-color-btn.dbx-color-btn--yellow:hover .dbx-color-btn__anchor-text {
  color: #fff;
}
.dbx-color-btn.dbx-color-btn--navy {
  background-color: rgba(46, 71, 151, 0.1);
}
.dbx-color-btn.dbx-color-btn--navy .dbx-color-btn__anchor-icon,
.dbx-color-btn.dbx-color-btn--navy .dbx-color-btn__anchor-text {
  color: #2e4797;
}
.dbx-color-btn.dbx-color-btn--navy:hover {
  background-color: #2e4797;
}
.dbx-color-btn.dbx-color-btn--navy:hover .dbx-color-btn__anchor-icon,
.dbx-color-btn.dbx-color-btn--navy:hover .dbx-color-btn__anchor-text {
  color: #fff;
}
.dbx-color-btn.dbx-color-btn--blue {
  background-color: rgba(77, 113, 241, 0.1);
}
.dbx-color-btn.dbx-color-btn--blue .dbx-color-btn__anchor-icon,
.dbx-color-btn.dbx-color-btn--blue .dbx-color-btn__anchor-text {
  color: #4d71f1;
}
.dbx-color-btn.dbx-color-btn--blue:hover {
  background-color: #4d71f1;
}
.dbx-color-btn.dbx-color-btn--blue:hover .dbx-color-btn__anchor-icon,
.dbx-color-btn.dbx-color-btn--blue:hover .dbx-color-btn__anchor-text {
  color: #fff;
}
.dbx-color-btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  text-decoration: none;
  height: 100%;
  transition: all 0.4s;
  border-radius: 24px;
}
.dbx-color-btn .dbx-color-btn__anchor {
  display: grid;
  place-content: center;
  padding-block: 40px;
  width: 100%;
}
.dbx-color-btn .icon::before {
  font-size: 3.625rem;
}
.dbx-color-btn__anchor:hover {
  text-decoration: none;
}
.dbx-color-btn.dbx-color-btn--lime {
  background-color: rgba(131, 193, 47, 0.1);
}
.dbx-color-btn.dbx-color-btn--lime .dbx-color-btn__anchor-icon,
.dbx-color-btn.dbx-color-btn--lime .dbx-color-btn__anchor-text {
  color: #83c12f;
}
.dbx-color-btn.dbx-color-btn--lime:hover {
  background-color: #83c12f;
}
.dbx-color-btn.dbx-color-btn--lime:hover .dbx-color-btn__anchor-icon,
.dbx-color-btn.dbx-color-btn--lime:hover .dbx-color-btn__anchor-text {
  color: #fff;
}
.dbx-color-btn.dbx-color-btn--cyan {
  background-color: rgba(0, 158, 180, 0.1);
}
.dbx-color-btn.dbx-color-btn--cyan .dbx-color-btn__anchor-icon,
.dbx-color-btn.dbx-color-btn--cyan .dbx-color-btn__anchor-text {
  color: #009eb4;
}
.dbx-color-btn.dbx-color-btn--cyan:hover {
  background-color: #009eb4;
}
.dbx-color-btn.dbx-color-btn--cyan:hover .dbx-color-btn__anchor-icon,
.dbx-color-btn.dbx-color-btn--cyan:hover .dbx-color-btn__anchor-text {
  color: #fff;
}
.dbx-color-btn.dbx-color-btn--purple {
  background-color: rgba(117, 64, 171, 0.1);
}
.dbx-color-btn.dbx-color-btn--purple .dbx-color-btn__anchor-icon,
.dbx-color-btn.dbx-color-btn--purple .dbx-color-btn__anchor-text {
  color: #7540ab;
}
.dbx-color-btn.dbx-color-btn--purple:hover {
  background-color: #7540ab;
}
.dbx-color-btn.dbx-color-btn--purple:hover .dbx-color-btn__anchor-icon,
.dbx-color-btn.dbx-color-btn--purple:hover .dbx-color-btn__anchor-text {
  color: #fff;
}
.dbx-color-btn.dbx-color-btn--green {
  background-color: rgba(37, 167, 103, 0.1);
}
.dbx-color-btn.dbx-color-btn--green .dbx-color-btn__anchor-icon,
.dbx-color-btn.dbx-color-btn--green .dbx-color-btn__anchor-text {
  color: #25a767;
}
.dbx-color-btn.dbx-color-btn--green:hover {
  background-color: #25a767;
}
.dbx-color-btn.dbx-color-btn--green:hover .dbx-color-btn__anchor-icon,
.dbx-color-btn.dbx-color-btn--green:hover .dbx-color-btn__anchor-text {
  color: #fff;
}
.dbx-color-btn.dbx-color-btn--orange {
  background-color: rgba(250, 135, 12, 0.1);
}
.dbx-color-btn.dbx-color-btn--orange .dbx-color-btn__anchor-icon,
.dbx-color-btn.dbx-color-btn--orange .dbx-color-btn__anchor-text {
  color: #fa870c;
}
.dbx-color-btn.dbx-color-btn--orange:hover {
  background-color: #fa870c;
}
.dbx-color-btn.dbx-color-btn--orange:hover .dbx-color-btn__anchor-icon,
.dbx-color-btn.dbx-color-btn--orange:hover .dbx-color-btn__anchor-text {
  color: #fff;
}
.dbx-color-btn.dbx-color-btn--yellow_500 {
  background-color: rgba(244, 187, 66, 0.1);
}
.dbx-color-btn.dbx-color-btn--yellow_500 .dbx-color-btn__anchor-icon,
.dbx-color-btn.dbx-color-btn--yellow_500 .dbx-color-btn__anchor-text {
  color: #f4bb42;
}
.dbx-color-btn.dbx-color-btn--yellow_500:hover {
  background-color: #f4bb42;
}
.dbx-color-btn.dbx-color-btn--yellow_500:hover .dbx-color-btn__anchor-icon,
.dbx-color-btn.dbx-color-btn--yellow_500:hover .dbx-color-btn__anchor-text {
  color: #fff;
}
.dbx-color-btn.dbx-color-btn--navy {
  background-color: rgba(46, 71, 151, 0.1);
}
.dbx-color-btn.dbx-color-btn--navy .dbx-color-btn__anchor-icon,
.dbx-color-btn.dbx-color-btn--navy .dbx-color-btn__anchor-text {
  color: #2e4797;
}
.dbx-color-btn.dbx-color-btn--navy:hover {
  background-color: #2e4797;
}
.dbx-color-btn.dbx-color-btn--navy:hover .dbx-color-btn__anchor-icon,
.dbx-color-btn.dbx-color-btn--navy:hover .dbx-color-btn__anchor-text {
  color: #fff;
}
.dbx-color-btn.dbx-color-btn--blue {
  background-color: rgba(77, 113, 241, 0.1);
}
.dbx-color-btn.dbx-color-btn--blue .dbx-color-btn__anchor-icon,
.dbx-color-btn.dbx-color-btn--blue .dbx-color-btn__anchor-text {
  color: #4d71f1;
}
.dbx-color-btn.dbx-color-btn--blue:hover {
  background-color: #4d71f1;
}
.dbx-color-btn.dbx-color-btn--blue:hover .dbx-color-btn__anchor-icon,
.dbx-color-btn.dbx-color-btn--blue:hover .dbx-color-btn__anchor-text {
  color: #fff;
}
.dbx-powerful-and-accessible {
  padding-top: 64px;
  margin-bottom: 64px;
  position: relative;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .dbx-powerful-and-accessible {
    padding-top: 96px;
  }
}
@media screen and (min-width: 768px) {
  .dbx-powerful-and-accessible {
    margin-bottom: 96px;
  }
}
.dbx-powerful-and-accessible .dbx-title-text {
  margin-bottom: 16px;
}
.dbx-powerful-and-accessible .dbx-container > p {
  max-width: 800px;
}
.dbx-powerful-and-accessible > .dbx-container > p:first-of-type {
  margin-bottom: 32px;
}
.dbx-powerful-and-accessible > .dbx-container > p:last-of-type {
  margin-bottom: 56px;
}
.dbx-powerful-and-accessible > .dbx-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.dbx-powerful-and-accessible__background {
  position: absolute;
  overflow-x: hidden;
  -ms-overflow-style: none;
  scrollbar-width: none;
  inset: 0;
  z-index: -1;
  background: linear-gradient(
    180deg,
    rgba(0, 138, 206, 0.1) 0,
    rgba(255, 255, 255, 0) 100%
  );
}
.dbx-powerful-and-accessible__background::-webkit-scrollbar {
  display: none;
}
.dbx-powerful-and-accessible__background .dbx-container {
  position: relative;
}
.dbx-powerful-and-accessible__background .dbx-container svg {
  position: absolute;
  width: 180px;
  height: 180px;
}
.dbx-powerful-and-accessible__background .dbx-container .polygon-1 {
  top: 0;
  left: 0;
  transform: translate(-70%, 15%);
}
.dbx-powerful-and-accessible__background .dbx-container .polygon-2 {
  top: 0;
  right: 0;
  transform: translate(70%, 25%);
}
.dbx-powerful-and-accessible__tag {
  margin-bottom: 16px;
  font-weight: 600;
  margin-inline: auto;
  width: min-content;
  white-space: nowrap;
  background-color: rgba(77, 113, 241, 0.1);
  color: #4d71f1;
  padding: 8px 16px;
  border-radius: 6px;
}
@media only screen and (min-width: 768px) {
  .dbx-powerful-and-accessible__background .dbx-container svg {
    width: 450px;
    height: 450px;
  }
}
.dbx-collapsible__collapsible-container {
  overflow: hidden;
}
.dbx-faq__group {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid rgba(142, 146, 155, 0.2);
}
.dbx-faq .dbx-collapsible__listener-element {
  display: flex;
  justify-content: space-between;
  font-size: 1rem;
  padding-top: 28px;
  padding-bottom: 16px;
  gap: 16px;
}
.dbx-faq .dbx-collapsible__listener-element:hover {
  cursor: pointer;
}
.dbx-faq .dbx-collapsible__listener-element .icon::before {
  transition: transform 0.4s;
  transform: rotate(90deg);
}
.dbx-faq .dbx-collapsible__listener-element p {
  margin: 0;
}
.dbx-faq .dbx-collapsible__collapsible-container {
  transition: height 0.4s;
  font-size: 1rem;
}
.dbx-faq .dbx-collapsible__collapsible-container ol > li {
  list-style: decimal;
  margin-bottom: 16px;
}
.dbx-faq .dbx-collapsible__collapsible-container ol > li::marker {
  font-weight: 700;
}
.dbx-faq .dbx-collapsible__collapsible-container ul {
  padding-inline-start: 40px;
}
.dbx-faq .dbx-collapsible__collapsible-container ul > li {
  list-style: disc;
  margin-bottom: 16px;
}
.dbx-faq .dbx-collapsible__collapsible-content {
  padding-bottom: 20px;
}
.dbx-faq
  .dbx-collapsible--active
  .dbx-collapsible__listener-element
  .icon::before {
  transform: rotate(270deg);
}
.dbx-case-study-quote {
  padding: 32px 24px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  border-radius: 16px;
  background-color: #fff;
  box-shadow: 3px 6px 24px 0 rgba(117, 128, 136, 0.25);
  position: relative;
}
.dbx-case-study-quote__background {
  position: absolute;
  top: 40px;
  left: 55px;
}
.dbx-case-study-quote__quote {
  font-size: 1.125rem !important;
}
.dbx-case-study-quote__info-container {
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: 32px;
  flex-direction: column;
}
.dbx-case-study-quote__author-container {
  display: flex;
  align-items: center;
  gap: 16px;
}
.dbx-case-study-quote__author-container img {
  height: 50px;
  border-radius: 100%;
}
.dbx-case-study-quote__company-logo img {
  height: 30px;
}
.dbx-case-study-quote__author-info {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.dbx-case-study-quote__info-container:has(
    .dbx-case-study-quote__author-container
  ) {
  justify-content: space-between;
}
.dbx-case-study-quote__info-container:not(
    :has(.dbx-case-study-quote__author-container)
  ) {
  justify-content: center;
}
.dbx-case-study-quote__info-container:not(
    :has(.dbx-case-study-quote__author-container)
  )
  .dbx-case-study-quote__company-logo
  img {
  height: 60px;
}
.dbx-case-study-quote__author-name {
  font-size: 1.125rem;
  line-height: 1.5rem;
  font-weight: 700;
  margin: 0;
}
.dbx-case-study-quote__author-position {
  font-size: 0.8125rem !important;
  line-height: 1.25rem;
  margin: 0;
}
.dbx-case-study-quote .dbx-buttons {
  border-top: 1px solid rgba(142, 146, 155, 0.2);
  margin: 0;
  padding-top: 32px;
}
@media only screen and (min-width: 600px) {
  .dbx-case-study-quote {
    padding: 56px 110px;
  }
}
@media only screen and (min-width: 1000px) {
  .dbx-case-study-quote__quote {
    font-size: 1.5rem !important;
  }
  .dbx-case-study-quote__info-container {
    align-items: center;
    flex-direction: row;
  }
  .dbx-case-study-quote__author-container {
    gap: 32px;
  }
}
.dbx-hero-header {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.dbx-hero-header__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
}
.dbx-hero-header__text-container {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 32px;
  text-align: start;
}
.dbx-hero-header__title {
  text-align: inherit;
  font-size: 56px;
  line-height: 60px;
  max-width: 1000px;
  font-weight: 400;
}
.dbx-hero-header__title strong {
  font-weight: 700;
}
@media only screen and (max-width: 768px) {
  .dbx-hero-header__title {
    font-size: 36px;
    line-height: 40px;
  }
}
.dbx-hero-header__subtitle {
  text-align: inherit;
  line-height: 24px;
  max-width: 850px;
}
.dbx-hero-header__image-container {
  max-width: 1060px;
}
.dbx-hero-header__image-container img {
  width: 100%;
}
.dbx-hero-header__video-container {
  max-width: 1060px;
  border-radius: 8px;
  overflow: hidden;
}
.dbx-hero-header__background-container {
  z-index: -2;
}
.dbx-hero-header__background-effect-container {
  z-index: -1;
}
.dbx-hero-header__background-container,
.dbx-hero-header__background-effect-container {
  position: absolute;
  inset: 0;
}
.dbx-hero-header__images-container {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  justify-content: start;
}
.dbx-hero-header__images-container img {
  border-radius: 100%;
  width: 32px;
  height: 32px;
}
.dbx-hero-header .dbx-buttons {
  margin: 0;
}
.dbx-hero-header .dbx-buttons__buttons-container {
  justify-content: start;
}
.dbx-hero-header__list {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  justify-content: start;
  padding-inline-start: 0;
}
.dbx-hero-header__list li {
  list-style: none;
}
.dbx-hero-header__list .icon {
  margin-right: 4px;
}
.dbx-hero-header--ratings-variant-in-navigation .dbx-hero-header__container {
  padding-top: 64px;
}
.dbx-hero-header--ratings-variant-in-navigation .dbx-ratings {
  margin-top: 94px;
  justify-content: start;
}
.dbx-hero-header--breadcrumbs .dbx-hero-header__container {
  padding: 90px 0 130px;
}
.dbx-hero-header--breadcrumbs .dbx-hero-header__breadcrumbs {
  align-self: start;
  text-transform: uppercase;
  margin-bottom: 32px;
}
.dbx-hero-header--breadcrumbs .dbx-hero-header__breadcrumbs-segment {
  display: inline-block;
}
.dbx-hero-header--breadcrumbs
  .dbx-hero-header__breadcrumbs-segment:last-child
  strong {
  font-weight: 700;
}
.dbx-hero-header--orientation-horizontal .dbx-hero-header__container {
  flex-direction: column;
  align-items: center;
}
.dbx-hero-header--orientation-horizontal .dbx-hero-header__image-container,
.dbx-hero-header--orientation-horizontal .dbx-hero-header__images-container,
.dbx-hero-header--orientation-horizontal .dbx-hero-header__video-container {
  width: 100%;
}
.dbx-hero-header--orientation-vertical .dbx-hero-header__image-container,
.dbx-hero-header--orientation-vertical .dbx-hero-header__video-container {
  width: 100%;
}
.dbx-hero-header--align-mobile-left .dbx-hero-header__container {
  align-items: flex-start;
}
.dbx-hero-header--section-padding-block {
  padding-block: 64px;
}
@media screen and (min-width: 768px) {
  .dbx-hero-header--section-padding-block {
    padding-block: 96px;
  }
}
.dbx-hero-header--section-margin-top {
  margin-top: 64px;
}
@media screen and (min-width: 768px) {
  .dbx-hero-header--section-margin-top {
    margin-top: 96px;
  }
}
.dbx-hero-header--section-margin-bottom {
  margin-bottom: 64px;
}
@media screen and (min-width: 768px) {
  .dbx-hero-header--section-margin-bottom {
    margin-bottom: 96px;
  }
}
.dbx-hero-header--container-padding-top .dbx-hero-header__container {
  padding-top: 172px;
}
.dbx-hero-header--container-padding-top.dbx-hero-header.dbx-hero-header--breadcrumbs
  .dbx-hero-header__container {
  padding-top: 90px;
}
.dbx-hero-header--container-padding-bottom .dbx-hero-header__container {
  padding-bottom: 130px;
}
.dbx-hero-header__form-container {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-inline: auto;
}
.dbx-hero-header__form-legal {
  color: #8e929b;
  max-width: 400px;
}
.dbx-hero-header__form-legal a {
  color: #8e929b;
  text-decoration: underline;
}
.dbx-hero-header--body-basic .dbx-hero-header__hero-header {
  gap: 0;
}
.dbx-hero-header--body-basic::after {
  display: none;
  position: absolute;
  content: "";
  background-image: url("../img/templates/integration-detail/polygon.svg");
  transform: translateX(50%);
  background-size: cover;
  background-repeat: no-repeat;
  width: 200px;
  height: 210px;
}
.dbx-hero-header--body-product .dbx-container {
  position: relative;
}
.dbx-hero-header--body-product .dbx-hero-header__image {
  width: 100%;
  align-self: center;
}
.dbx-hero-header--body-product .dbx-hero-header__tag {
  font-size: 0.8125rem;
  line-height: 1.25rem;
  font-weight: 600;
}
.dbx-hero-header--body-product .dbx-hero-header__tag h1 {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  color: inherit;
  margin: 0;
  text-transform: inherit;
}
.dbx-hero-header--body-product
  .dbx-hero-header__background-color-layer-2-container {
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  content: "";
  background-image: url("/wp-content/themes/databox/inc/img/header/product-bottom.svg");
  background-position: bottom;
  background-repeat: no-repeat;
}
.dbx-hero-header--body-analytics
  .dbx-hero-header__background-color-layer-2-container {
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  content: "";
  background-position: bottom;
  background-repeat: no-repeat;
  background-image: url("/wp-content/themes/databox/inc/img/header/analytics-bottom.svg");
  background-size: 100%;
}
.dbx-hero-header--body-arrow
  .dbx-hero-header__background-color-layer-2-container {
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  content: "";
  background-position: bottom;
  background-repeat: no-repeat;
  background-image: url("/wp-content/themes/databox/inc/img/header/arrow-bottom.svg");
  background-size: 100%;
}
.dbx-hero-header--effect-hexagons
  .dbx-hero-header__background-effect-container {
  top: -100px;
  left: 0;
  right: 0;
  height: 1000px;
  position: absolute;
  content: "";
  background: url("/wp-content/themes/databox/inc/img/header/hexagons.svg")
    no-repeat top;
  background-size: cover;
}
.dbx-hero-header--effect-orange-gradient-hexagon
  .dbx-hero-header__background-effect-container {
  top: 140px;
  left: 50%;
  right: 0;
  height: 1000px;
  width: 1000px;
  position: absolute;
  content: "";
  background: url("/wp-content/themes/databox/inc/img/header/hexagon-orange-purple-gradient.svg")
    no-repeat top;
  background-size: contain;
}
.dbx-hero-header
  .dbx-hero-header--orientation-vertical.dbx-hero-header--image
  .dbx-hero-header__container {
  padding-bottom: 0;
}
.dbx-hero-header--color-orange-red .dbx-hero-header__tag {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.dbx-hero-header--color-orange-red
  .dbx-hero-header__background-color-layer-1-container {
  z-index: -1;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  position: absolute;
  content: "";
  background-image: linear-gradient(213.19deg, #ed2857 30.23%, #fa870c 100.29%);
  background-position: top;
}
.dbx-hero-header--color-orange-red .dbx-buttons__subtext-container,
.dbx-hero-header--color-orange-red .dbx-hero-header__breadcrumbs-segment,
.dbx-hero-header--color-orange-red .dbx-hero-header__list,
.dbx-hero-header--color-orange-red .dbx-hero-header__subtitle,
.dbx-hero-header--color-orange-red .dbx-hero-header__title,
.dbx-hero-header--color-orange-red .dbx-rich-content {
  color: #fff;
}
.dbx-hero-header--color-orange-red .dbx-buttons__subtext-container a,
.dbx-hero-header--color-orange-red .dbx-buttons__subtext-container p,
.dbx-hero-header--color-orange-red .dbx-buttons__subtext-container strong,
.dbx-hero-header--color-orange-red .dbx-buttons__subtext-container > *,
.dbx-hero-header--color-orange-red .dbx-hero-header__breadcrumbs-segment a,
.dbx-hero-header--color-orange-red .dbx-hero-header__breadcrumbs-segment p,
.dbx-hero-header--color-orange-red .dbx-hero-header__breadcrumbs-segment strong,
.dbx-hero-header--color-orange-red .dbx-hero-header__breadcrumbs-segment > *,
.dbx-hero-header--color-orange-red .dbx-hero-header__list a,
.dbx-hero-header--color-orange-red .dbx-hero-header__list p,
.dbx-hero-header--color-orange-red .dbx-hero-header__list strong,
.dbx-hero-header--color-orange-red .dbx-hero-header__list > *,
.dbx-hero-header--color-orange-red .dbx-hero-header__subtitle a,
.dbx-hero-header--color-orange-red .dbx-hero-header__subtitle p,
.dbx-hero-header--color-orange-red .dbx-hero-header__subtitle strong,
.dbx-hero-header--color-orange-red .dbx-hero-header__subtitle > *,
.dbx-hero-header--color-orange-red .dbx-hero-header__title a,
.dbx-hero-header--color-orange-red .dbx-hero-header__title p,
.dbx-hero-header--color-orange-red .dbx-hero-header__title strong,
.dbx-hero-header--color-orange-red .dbx-hero-header__title > *,
.dbx-hero-header--color-orange-red .dbx-rich-content a,
.dbx-hero-header--color-orange-red .dbx-rich-content p,
.dbx-hero-header--color-orange-red .dbx-rich-content strong,
.dbx-hero-header--color-orange-red .dbx-rich-content > * {
  color: #fff;
}
.dbx-hero-header--color-orange-red .dbx-buttons__subtext-container strong,
.dbx-hero-header--color-orange-red .dbx-hero-header__breadcrumbs-segment strong,
.dbx-hero-header--color-orange-red .dbx-hero-header__list strong,
.dbx-hero-header--color-orange-red .dbx-hero-header__subtitle strong,
.dbx-hero-header--color-orange-red .dbx-hero-header__title strong,
.dbx-hero-header--color-orange-red .dbx-rich-content strong {
  font-weight: 700;
}
.dbx-hero-header--color-orange-red .dbx-buttons__subtext-container a,
.dbx-hero-header--color-orange-red .dbx-hero-header__breadcrumbs-segment a,
.dbx-hero-header--color-orange-red .dbx-hero-header__list a,
.dbx-hero-header--color-orange-red .dbx-hero-header__subtitle a,
.dbx-hero-header--color-orange-red .dbx-hero-header__title a,
.dbx-hero-header--color-orange-red .dbx-rich-content a {
  text-decoration: underline;
}
.dbx-hero-header--color-orange-red .dbx-buttons__subtext-container a:hover,
.dbx-hero-header--color-orange-red
  .dbx-hero-header__breadcrumbs-segment
  a:hover,
.dbx-hero-header--color-orange-red .dbx-hero-header__list a:hover,
.dbx-hero-header--color-orange-red .dbx-hero-header__subtitle a:hover,
.dbx-hero-header--color-orange-red .dbx-hero-header__title a:hover,
.dbx-hero-header--color-orange-red .dbx-rich-content a:hover {
  color: #d2d3d7;
}
.dbx-hero-header--color-orange-yellow .dbx-hero-header__tag {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.dbx-hero-header--color-orange-yellow
  .dbx-hero-header__background-color-layer-1-container {
  z-index: -1;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  position: absolute;
  content: "";
  background-image: linear-gradient(90deg, #f46a68 0, #fcc430 100%);
  background-position: top;
}
.dbx-hero-header--color-orange-yellow .dbx-buttons__subtext-container,
.dbx-hero-header--color-orange-yellow .dbx-hero-header__breadcrumbs-segment,
.dbx-hero-header--color-orange-yellow .dbx-hero-header__list,
.dbx-hero-header--color-orange-yellow .dbx-hero-header__subtitle,
.dbx-hero-header--color-orange-yellow .dbx-hero-header__title,
.dbx-hero-header--color-orange-yellow .dbx-rich-content {
  color: #fff;
}
.dbx-hero-header--color-orange-yellow .dbx-buttons__subtext-container a,
.dbx-hero-header--color-orange-yellow .dbx-buttons__subtext-container p,
.dbx-hero-header--color-orange-yellow .dbx-buttons__subtext-container strong,
.dbx-hero-header--color-orange-yellow .dbx-buttons__subtext-container > *,
.dbx-hero-header--color-orange-yellow .dbx-hero-header__breadcrumbs-segment a,
.dbx-hero-header--color-orange-yellow .dbx-hero-header__breadcrumbs-segment p,
.dbx-hero-header--color-orange-yellow
  .dbx-hero-header__breadcrumbs-segment
  strong,
.dbx-hero-header--color-orange-yellow .dbx-hero-header__breadcrumbs-segment > *,
.dbx-hero-header--color-orange-yellow .dbx-hero-header__list a,
.dbx-hero-header--color-orange-yellow .dbx-hero-header__list p,
.dbx-hero-header--color-orange-yellow .dbx-hero-header__list strong,
.dbx-hero-header--color-orange-yellow .dbx-hero-header__list > *,
.dbx-hero-header--color-orange-yellow .dbx-hero-header__subtitle a,
.dbx-hero-header--color-orange-yellow .dbx-hero-header__subtitle p,
.dbx-hero-header--color-orange-yellow .dbx-hero-header__subtitle strong,
.dbx-hero-header--color-orange-yellow .dbx-hero-header__subtitle > *,
.dbx-hero-header--color-orange-yellow .dbx-hero-header__title a,
.dbx-hero-header--color-orange-yellow .dbx-hero-header__title p,
.dbx-hero-header--color-orange-yellow .dbx-hero-header__title strong,
.dbx-hero-header--color-orange-yellow .dbx-hero-header__title > *,
.dbx-hero-header--color-orange-yellow .dbx-rich-content a,
.dbx-hero-header--color-orange-yellow .dbx-rich-content p,
.dbx-hero-header--color-orange-yellow .dbx-rich-content strong,
.dbx-hero-header--color-orange-yellow .dbx-rich-content > * {
  color: #fff;
}
.dbx-hero-header--color-orange-yellow .dbx-buttons__subtext-container strong,
.dbx-hero-header--color-orange-yellow
  .dbx-hero-header__breadcrumbs-segment
  strong,
.dbx-hero-header--color-orange-yellow .dbx-hero-header__list strong,
.dbx-hero-header--color-orange-yellow .dbx-hero-header__subtitle strong,
.dbx-hero-header--color-orange-yellow .dbx-hero-header__title strong,
.dbx-hero-header--color-orange-yellow .dbx-rich-content strong {
  font-weight: 700;
}
.dbx-hero-header--color-orange-yellow .dbx-buttons__subtext-container a,
.dbx-hero-header--color-orange-yellow .dbx-hero-header__breadcrumbs-segment a,
.dbx-hero-header--color-orange-yellow .dbx-hero-header__list a,
.dbx-hero-header--color-orange-yellow .dbx-hero-header__subtitle a,
.dbx-hero-header--color-orange-yellow .dbx-hero-header__title a,
.dbx-hero-header--color-orange-yellow .dbx-rich-content a {
  text-decoration: underline;
}
.dbx-hero-header--color-orange-yellow .dbx-buttons__subtext-container a:hover,
.dbx-hero-header--color-orange-yellow
  .dbx-hero-header__breadcrumbs-segment
  a:hover,
.dbx-hero-header--color-orange-yellow .dbx-hero-header__list a:hover,
.dbx-hero-header--color-orange-yellow .dbx-hero-header__subtitle a:hover,
.dbx-hero-header--color-orange-yellow .dbx-hero-header__title a:hover,
.dbx-hero-header--color-orange-yellow .dbx-rich-content a:hover {
  color: #d2d3d7;
}
.dbx-hero-header--color-orange-purple-violet .dbx-hero-header__tag {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.dbx-hero-header--color-orange-purple-violet
  .dbx-hero-header__background-color-layer-1-container {
  z-index: -1;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  position: absolute;
  content: "";
  background-image: linear-gradient(
    185.32deg,
    #e3716d 6.79%,
    #c757ad 79.91%,
    #7347de 198.73%
  );
  background-position: top;
}
.dbx-hero-header--color-orange-purple-violet .dbx-buttons__subtext-container,
.dbx-hero-header--color-orange-purple-violet
  .dbx-hero-header__breadcrumbs-segment,
.dbx-hero-header--color-orange-purple-violet .dbx-hero-header__list,
.dbx-hero-header--color-orange-purple-violet .dbx-hero-header__subtitle,
.dbx-hero-header--color-orange-purple-violet .dbx-hero-header__title,
.dbx-hero-header--color-orange-purple-violet .dbx-rich-content {
  color: #fff;
}
.dbx-hero-header--color-orange-purple-violet .dbx-buttons__subtext-container a,
.dbx-hero-header--color-orange-purple-violet .dbx-buttons__subtext-container p,
.dbx-hero-header--color-orange-purple-violet
  .dbx-buttons__subtext-container
  strong,
.dbx-hero-header--color-orange-purple-violet
  .dbx-buttons__subtext-container
  > *,
.dbx-hero-header--color-orange-purple-violet
  .dbx-hero-header__breadcrumbs-segment
  a,
.dbx-hero-header--color-orange-purple-violet
  .dbx-hero-header__breadcrumbs-segment
  p,
.dbx-hero-header--color-orange-purple-violet
  .dbx-hero-header__breadcrumbs-segment
  strong,
.dbx-hero-header--color-orange-purple-violet
  .dbx-hero-header__breadcrumbs-segment
  > *,
.dbx-hero-header--color-orange-purple-violet .dbx-hero-header__list a,
.dbx-hero-header--color-orange-purple-violet .dbx-hero-header__list p,
.dbx-hero-header--color-orange-purple-violet .dbx-hero-header__list strong,
.dbx-hero-header--color-orange-purple-violet .dbx-hero-header__list > *,
.dbx-hero-header--color-orange-purple-violet .dbx-hero-header__subtitle a,
.dbx-hero-header--color-orange-purple-violet .dbx-hero-header__subtitle p,
.dbx-hero-header--color-orange-purple-violet .dbx-hero-header__subtitle strong,
.dbx-hero-header--color-orange-purple-violet .dbx-hero-header__subtitle > *,
.dbx-hero-header--color-orange-purple-violet .dbx-hero-header__title a,
.dbx-hero-header--color-orange-purple-violet .dbx-hero-header__title p,
.dbx-hero-header--color-orange-purple-violet .dbx-hero-header__title strong,
.dbx-hero-header--color-orange-purple-violet .dbx-hero-header__title > *,
.dbx-hero-header--color-orange-purple-violet .dbx-rich-content a,
.dbx-hero-header--color-orange-purple-violet .dbx-rich-content p,
.dbx-hero-header--color-orange-purple-violet .dbx-rich-content strong,
.dbx-hero-header--color-orange-purple-violet .dbx-rich-content > * {
  color: #fff;
}
.dbx-hero-header--color-orange-purple-violet
  .dbx-buttons__subtext-container
  strong,
.dbx-hero-header--color-orange-purple-violet
  .dbx-hero-header__breadcrumbs-segment
  strong,
.dbx-hero-header--color-orange-purple-violet .dbx-hero-header__list strong,
.dbx-hero-header--color-orange-purple-violet .dbx-hero-header__subtitle strong,
.dbx-hero-header--color-orange-purple-violet .dbx-hero-header__title strong,
.dbx-hero-header--color-orange-purple-violet .dbx-rich-content strong {
  font-weight: 700;
}
.dbx-hero-header--color-orange-purple-violet .dbx-buttons__subtext-container a,
.dbx-hero-header--color-orange-purple-violet
  .dbx-hero-header__breadcrumbs-segment
  a,
.dbx-hero-header--color-orange-purple-violet .dbx-hero-header__list a,
.dbx-hero-header--color-orange-purple-violet .dbx-hero-header__subtitle a,
.dbx-hero-header--color-orange-purple-violet .dbx-hero-header__title a,
.dbx-hero-header--color-orange-purple-violet .dbx-rich-content a {
  text-decoration: underline;
}
.dbx-hero-header--color-orange-purple-violet
  .dbx-buttons__subtext-container
  a:hover,
.dbx-hero-header--color-orange-purple-violet
  .dbx-hero-header__breadcrumbs-segment
  a:hover,
.dbx-hero-header--color-orange-purple-violet .dbx-hero-header__list a:hover,
.dbx-hero-header--color-orange-purple-violet .dbx-hero-header__subtitle a:hover,
.dbx-hero-header--color-orange-purple-violet .dbx-hero-header__title a:hover,
.dbx-hero-header--color-orange-purple-violet .dbx-rich-content a:hover {
  color: #d2d3d7;
}
.dbx-hero-header--color-dark-purple .dbx-hero-header__tag {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.dbx-hero-header--color-dark-purple
  .dbx-hero-header__background-color-layer-1-container {
  z-index: -1;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  position: absolute;
  content: "";
  background-image: linear-gradient(152.06deg, #3a294e 21.84%, #585685 94.25%);
  background-position: top;
}
.dbx-hero-header--color-dark-purple .dbx-buttons__subtext-container,
.dbx-hero-header--color-dark-purple .dbx-hero-header__breadcrumbs-segment,
.dbx-hero-header--color-dark-purple .dbx-hero-header__list,
.dbx-hero-header--color-dark-purple .dbx-hero-header__subtitle,
.dbx-hero-header--color-dark-purple .dbx-hero-header__title,
.dbx-hero-header--color-dark-purple .dbx-rich-content {
  color: #fff;
}
.dbx-hero-header--color-dark-purple .dbx-buttons__subtext-container a,
.dbx-hero-header--color-dark-purple .dbx-buttons__subtext-container p,
.dbx-hero-header--color-dark-purple .dbx-buttons__subtext-container strong,
.dbx-hero-header--color-dark-purple .dbx-buttons__subtext-container > *,
.dbx-hero-header--color-dark-purple .dbx-hero-header__breadcrumbs-segment a,
.dbx-hero-header--color-dark-purple .dbx-hero-header__breadcrumbs-segment p,
.dbx-hero-header--color-dark-purple
  .dbx-hero-header__breadcrumbs-segment
  strong,
.dbx-hero-header--color-dark-purple .dbx-hero-header__breadcrumbs-segment > *,
.dbx-hero-header--color-dark-purple .dbx-hero-header__list a,
.dbx-hero-header--color-dark-purple .dbx-hero-header__list p,
.dbx-hero-header--color-dark-purple .dbx-hero-header__list strong,
.dbx-hero-header--color-dark-purple .dbx-hero-header__list > *,
.dbx-hero-header--color-dark-purple .dbx-hero-header__subtitle a,
.dbx-hero-header--color-dark-purple .dbx-hero-header__subtitle p,
.dbx-hero-header--color-dark-purple .dbx-hero-header__subtitle strong,
.dbx-hero-header--color-dark-purple .dbx-hero-header__subtitle > *,
.dbx-hero-header--color-dark-purple .dbx-hero-header__title a,
.dbx-hero-header--color-dark-purple .dbx-hero-header__title p,
.dbx-hero-header--color-dark-purple .dbx-hero-header__title strong,
.dbx-hero-header--color-dark-purple .dbx-hero-header__title > *,
.dbx-hero-header--color-dark-purple .dbx-rich-content a,
.dbx-hero-header--color-dark-purple .dbx-rich-content p,
.dbx-hero-header--color-dark-purple .dbx-rich-content strong,
.dbx-hero-header--color-dark-purple .dbx-rich-content > * {
  color: #fff;
}
.dbx-hero-header--color-dark-purple .dbx-buttons__subtext-container strong,
.dbx-hero-header--color-dark-purple
  .dbx-hero-header__breadcrumbs-segment
  strong,
.dbx-hero-header--color-dark-purple .dbx-hero-header__list strong,
.dbx-hero-header--color-dark-purple .dbx-hero-header__subtitle strong,
.dbx-hero-header--color-dark-purple .dbx-hero-header__title strong,
.dbx-hero-header--color-dark-purple .dbx-rich-content strong {
  font-weight: 700;
}
.dbx-hero-header--color-dark-purple .dbx-buttons__subtext-container a,
.dbx-hero-header--color-dark-purple .dbx-hero-header__breadcrumbs-segment a,
.dbx-hero-header--color-dark-purple .dbx-hero-header__list a,
.dbx-hero-header--color-dark-purple .dbx-hero-header__subtitle a,
.dbx-hero-header--color-dark-purple .dbx-hero-header__title a,
.dbx-hero-header--color-dark-purple .dbx-rich-content a {
  text-decoration: underline;
}
.dbx-hero-header--color-dark-purple .dbx-buttons__subtext-container a:hover,
.dbx-hero-header--color-dark-purple
  .dbx-hero-header__breadcrumbs-segment
  a:hover,
.dbx-hero-header--color-dark-purple .dbx-hero-header__list a:hover,
.dbx-hero-header--color-dark-purple .dbx-hero-header__subtitle a:hover,
.dbx-hero-header--color-dark-purple .dbx-hero-header__title a:hover,
.dbx-hero-header--color-dark-purple .dbx-rich-content a:hover {
  color: #d2d3d7;
}
.dbx-hero-header--color-benchmarks .dbx-hero-header__tag {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.dbx-hero-header--color-benchmarks
  .dbx-hero-header__background-color-layer-1-container {
  z-index: -1;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  position: absolute;
  content: "";
  background-image: linear-gradient(
    100deg,
    #f7eaff 0.92%,
    #ecffee 33.68%,
    #d6e5f3 69.03%,
    #e2ebf1 100.75%
  );
  background-position: top;
}
.dbx-hero-header--color-benchmarks .dbx-buttons__subtext-container,
.dbx-hero-header--color-benchmarks .dbx-hero-header__breadcrumbs-segment,
.dbx-hero-header--color-benchmarks .dbx-hero-header__list,
.dbx-hero-header--color-benchmarks .dbx-hero-header__subtitle,
.dbx-hero-header--color-benchmarks .dbx-hero-header__title,
.dbx-hero-header--color-benchmarks .dbx-rich-content {
  color: #72757c;
}
.dbx-hero-header--color-benchmarks .dbx-buttons__subtext-container strong,
.dbx-hero-header--color-benchmarks .dbx-hero-header__breadcrumbs-segment strong,
.dbx-hero-header--color-benchmarks .dbx-hero-header__list strong,
.dbx-hero-header--color-benchmarks .dbx-hero-header__subtitle strong,
.dbx-hero-header--color-benchmarks .dbx-hero-header__title strong,
.dbx-hero-header--color-benchmarks .dbx-rich-content strong {
  color: #1c1d1f;
}
.dbx-hero-header--color-benchmarks .dbx-buttons__subtext-container a,
.dbx-hero-header--color-benchmarks .dbx-hero-header__breadcrumbs-segment a,
.dbx-hero-header--color-benchmarks .dbx-hero-header__list a,
.dbx-hero-header--color-benchmarks .dbx-hero-header__subtitle a,
.dbx-hero-header--color-benchmarks .dbx-hero-header__title a,
.dbx-hero-header--color-benchmarks .dbx-rich-content a {
  text-decoration: underline;
  color: #1c1d1f;
}
.dbx-hero-header--color-benchmarks .dbx-buttons__subtext-container a:hover,
.dbx-hero-header--color-benchmarks
  .dbx-hero-header__breadcrumbs-segment
  a:hover,
.dbx-hero-header--color-benchmarks .dbx-hero-header__list a:hover,
.dbx-hero-header--color-benchmarks .dbx-hero-header__subtitle a:hover,
.dbx-hero-header--color-benchmarks .dbx-hero-header__title a:hover,
.dbx-hero-header--color-benchmarks .dbx-rich-content a:hover {
  color: #72757c;
}
.dbx-hero-header--color-extra-light-blue .dbx-hero-header__tag {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.dbx-hero-header--color-extra-light-blue
  .dbx-hero-header__background-color-layer-1-container {
  z-index: -1;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  position: absolute;
  content: "";
  background-image: linear-gradient(
    180deg,
    rgba(0, 138, 206, 0.1) 0,
    #fff 100%
  );
  background-position: top;
}
.dbx-hero-header--color-extra-light-blue .dbx-buttons__subtext-container,
.dbx-hero-header--color-extra-light-blue .dbx-hero-header__breadcrumbs-segment,
.dbx-hero-header--color-extra-light-blue .dbx-hero-header__list,
.dbx-hero-header--color-extra-light-blue .dbx-hero-header__subtitle,
.dbx-hero-header--color-extra-light-blue .dbx-hero-header__title,
.dbx-hero-header--color-extra-light-blue .dbx-rich-content {
  color: #72757c;
}
.dbx-hero-header--color-extra-light-blue .dbx-buttons__subtext-container strong,
.dbx-hero-header--color-extra-light-blue
  .dbx-hero-header__breadcrumbs-segment
  strong,
.dbx-hero-header--color-extra-light-blue .dbx-hero-header__list strong,
.dbx-hero-header--color-extra-light-blue .dbx-hero-header__subtitle strong,
.dbx-hero-header--color-extra-light-blue .dbx-hero-header__title strong,
.dbx-hero-header--color-extra-light-blue .dbx-rich-content strong {
  color: #1c1d1f;
}
.dbx-hero-header--color-extra-light-blue .dbx-buttons__subtext-container a,
.dbx-hero-header--color-extra-light-blue
  .dbx-hero-header__breadcrumbs-segment
  a,
.dbx-hero-header--color-extra-light-blue .dbx-hero-header__list a,
.dbx-hero-header--color-extra-light-blue .dbx-hero-header__subtitle a,
.dbx-hero-header--color-extra-light-blue .dbx-hero-header__title a,
.dbx-hero-header--color-extra-light-blue .dbx-rich-content a {
  text-decoration: underline;
  color: #1c1d1f;
}
.dbx-hero-header--color-extra-light-blue
  .dbx-buttons__subtext-container
  a:hover,
.dbx-hero-header--color-extra-light-blue
  .dbx-hero-header__breadcrumbs-segment
  a:hover,
.dbx-hero-header--color-extra-light-blue .dbx-hero-header__list a:hover,
.dbx-hero-header--color-extra-light-blue .dbx-hero-header__subtitle a:hover,
.dbx-hero-header--color-extra-light-blue .dbx-hero-header__title a:hover,
.dbx-hero-header--color-extra-light-blue .dbx-rich-content a:hover {
  color: #72757c;
}
.dbx-hero-header--color-white .dbx-hero-header__tag {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.dbx-hero-header--color-white
  .dbx-hero-header__background-color-layer-1-container {
  z-index: -1;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  position: absolute;
  content: "";
  background-image: linear-gradient(0deg, #fff 0, #fff 100%);
  background-position: top;
}
.dbx-hero-header--color-white .dbx-buttons__subtext-container,
.dbx-hero-header--color-white .dbx-hero-header__breadcrumbs-segment,
.dbx-hero-header--color-white .dbx-hero-header__list,
.dbx-hero-header--color-white .dbx-hero-header__subtitle,
.dbx-hero-header--color-white .dbx-hero-header__title,
.dbx-hero-header--color-white .dbx-rich-content {
  color: #72757c;
}
.dbx-hero-header--color-white .dbx-buttons__subtext-container strong,
.dbx-hero-header--color-white .dbx-hero-header__breadcrumbs-segment strong,
.dbx-hero-header--color-white .dbx-hero-header__list strong,
.dbx-hero-header--color-white .dbx-hero-header__subtitle strong,
.dbx-hero-header--color-white .dbx-hero-header__title strong,
.dbx-hero-header--color-white .dbx-rich-content strong {
  color: #1c1d1f;
}
.dbx-hero-header--color-white .dbx-buttons__subtext-container a,
.dbx-hero-header--color-white .dbx-hero-header__breadcrumbs-segment a,
.dbx-hero-header--color-white .dbx-hero-header__list a,
.dbx-hero-header--color-white .dbx-hero-header__subtitle a,
.dbx-hero-header--color-white .dbx-hero-header__title a,
.dbx-hero-header--color-white .dbx-rich-content a {
  text-decoration: underline;
  color: #1c1d1f;
}
.dbx-hero-header--color-white .dbx-buttons__subtext-container a:hover,
.dbx-hero-header--color-white .dbx-hero-header__breadcrumbs-segment a:hover,
.dbx-hero-header--color-white .dbx-hero-header__list a:hover,
.dbx-hero-header--color-white .dbx-hero-header__subtitle a:hover,
.dbx-hero-header--color-white .dbx-hero-header__title a:hover,
.dbx-hero-header--color-white .dbx-rich-content a:hover {
  color: #72757c;
}
.dbx-hero-header--color-light-green .dbx-hero-header__tag {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.dbx-hero-header--color-light-green
  .dbx-hero-header__background-color-layer-1-container {
  z-index: -1;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  position: absolute;
  content: "";
  background-image: linear-gradient(180deg, #26a868 0, #2698a8 100%);
  background-position: top;
}
.dbx-hero-header--color-light-green .dbx-buttons__subtext-container,
.dbx-hero-header--color-light-green .dbx-hero-header__breadcrumbs-segment,
.dbx-hero-header--color-light-green .dbx-hero-header__list,
.dbx-hero-header--color-light-green .dbx-hero-header__subtitle,
.dbx-hero-header--color-light-green .dbx-hero-header__title,
.dbx-hero-header--color-light-green .dbx-rich-content {
  color: #fff;
}
.dbx-hero-header--color-light-green .dbx-buttons__subtext-container a,
.dbx-hero-header--color-light-green .dbx-buttons__subtext-container p,
.dbx-hero-header--color-light-green .dbx-buttons__subtext-container strong,
.dbx-hero-header--color-light-green .dbx-buttons__subtext-container > *,
.dbx-hero-header--color-light-green .dbx-hero-header__breadcrumbs-segment a,
.dbx-hero-header--color-light-green .dbx-hero-header__breadcrumbs-segment p,
.dbx-hero-header--color-light-green
  .dbx-hero-header__breadcrumbs-segment
  strong,
.dbx-hero-header--color-light-green .dbx-hero-header__breadcrumbs-segment > *,
.dbx-hero-header--color-light-green .dbx-hero-header__list a,
.dbx-hero-header--color-light-green .dbx-hero-header__list p,
.dbx-hero-header--color-light-green .dbx-hero-header__list strong,
.dbx-hero-header--color-light-green .dbx-hero-header__list > *,
.dbx-hero-header--color-light-green .dbx-hero-header__subtitle a,
.dbx-hero-header--color-light-green .dbx-hero-header__subtitle p,
.dbx-hero-header--color-light-green .dbx-hero-header__subtitle strong,
.dbx-hero-header--color-light-green .dbx-hero-header__subtitle > *,
.dbx-hero-header--color-light-green .dbx-hero-header__title a,
.dbx-hero-header--color-light-green .dbx-hero-header__title p,
.dbx-hero-header--color-light-green .dbx-hero-header__title strong,
.dbx-hero-header--color-light-green .dbx-hero-header__title > *,
.dbx-hero-header--color-light-green .dbx-rich-content a,
.dbx-hero-header--color-light-green .dbx-rich-content p,
.dbx-hero-header--color-light-green .dbx-rich-content strong,
.dbx-hero-header--color-light-green .dbx-rich-content > * {
  color: #fff;
}
.dbx-hero-header--color-light-green .dbx-buttons__subtext-container strong,
.dbx-hero-header--color-light-green
  .dbx-hero-header__breadcrumbs-segment
  strong,
.dbx-hero-header--color-light-green .dbx-hero-header__list strong,
.dbx-hero-header--color-light-green .dbx-hero-header__subtitle strong,
.dbx-hero-header--color-light-green .dbx-hero-header__title strong,
.dbx-hero-header--color-light-green .dbx-rich-content strong {
  font-weight: 700;
}
.dbx-hero-header--color-light-green .dbx-buttons__subtext-container a,
.dbx-hero-header--color-light-green .dbx-hero-header__breadcrumbs-segment a,
.dbx-hero-header--color-light-green .dbx-hero-header__list a,
.dbx-hero-header--color-light-green .dbx-hero-header__subtitle a,
.dbx-hero-header--color-light-green .dbx-hero-header__title a,
.dbx-hero-header--color-light-green .dbx-rich-content a {
  text-decoration: underline;
}
.dbx-hero-header--color-light-green .dbx-buttons__subtext-container a:hover,
.dbx-hero-header--color-light-green
  .dbx-hero-header__breadcrumbs-segment
  a:hover,
.dbx-hero-header--color-light-green .dbx-hero-header__list a:hover,
.dbx-hero-header--color-light-green .dbx-hero-header__subtitle a:hover,
.dbx-hero-header--color-light-green .dbx-hero-header__title a:hover,
.dbx-hero-header--color-light-green .dbx-rich-content a:hover {
  color: #d2d3d7;
}
.dbx-hero-header--color-light-purple-3 .dbx-hero-header__tag {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.dbx-hero-header--color-light-purple-3
  .dbx-hero-header__background-color-layer-1-container {
  z-index: -1;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  position: absolute;
  content: "";
  background-image: linear-gradient(90deg, #7347de, #c757ad);
  background-position: top;
}
.dbx-hero-header--color-light-purple-3 .dbx-buttons__subtext-container,
.dbx-hero-header--color-light-purple-3 .dbx-hero-header__breadcrumbs-segment,
.dbx-hero-header--color-light-purple-3 .dbx-hero-header__list,
.dbx-hero-header--color-light-purple-3 .dbx-hero-header__subtitle,
.dbx-hero-header--color-light-purple-3 .dbx-hero-header__title,
.dbx-hero-header--color-light-purple-3 .dbx-rich-content {
  color: #fff;
}
.dbx-hero-header--color-light-purple-3 .dbx-buttons__subtext-container a,
.dbx-hero-header--color-light-purple-3 .dbx-buttons__subtext-container p,
.dbx-hero-header--color-light-purple-3 .dbx-buttons__subtext-container strong,
.dbx-hero-header--color-light-purple-3 .dbx-buttons__subtext-container > *,
.dbx-hero-header--color-light-purple-3 .dbx-hero-header__breadcrumbs-segment a,
.dbx-hero-header--color-light-purple-3 .dbx-hero-header__breadcrumbs-segment p,
.dbx-hero-header--color-light-purple-3
  .dbx-hero-header__breadcrumbs-segment
  strong,
.dbx-hero-header--color-light-purple-3
  .dbx-hero-header__breadcrumbs-segment
  > *,
.dbx-hero-header--color-light-purple-3 .dbx-hero-header__list a,
.dbx-hero-header--color-light-purple-3 .dbx-hero-header__list p,
.dbx-hero-header--color-light-purple-3 .dbx-hero-header__list strong,
.dbx-hero-header--color-light-purple-3 .dbx-hero-header__list > *,
.dbx-hero-header--color-light-purple-3 .dbx-hero-header__subtitle a,
.dbx-hero-header--color-light-purple-3 .dbx-hero-header__subtitle p,
.dbx-hero-header--color-light-purple-3 .dbx-hero-header__subtitle strong,
.dbx-hero-header--color-light-purple-3 .dbx-hero-header__subtitle > *,
.dbx-hero-header--color-light-purple-3 .dbx-hero-header__title a,
.dbx-hero-header--color-light-purple-3 .dbx-hero-header__title p,
.dbx-hero-header--color-light-purple-3 .dbx-hero-header__title strong,
.dbx-hero-header--color-light-purple-3 .dbx-hero-header__title > *,
.dbx-hero-header--color-light-purple-3 .dbx-rich-content a,
.dbx-hero-header--color-light-purple-3 .dbx-rich-content p,
.dbx-hero-header--color-light-purple-3 .dbx-rich-content strong,
.dbx-hero-header--color-light-purple-3 .dbx-rich-content > * {
  color: #fff;
}
.dbx-hero-header--color-light-purple-3 .dbx-buttons__subtext-container strong,
.dbx-hero-header--color-light-purple-3
  .dbx-hero-header__breadcrumbs-segment
  strong,
.dbx-hero-header--color-light-purple-3 .dbx-hero-header__list strong,
.dbx-hero-header--color-light-purple-3 .dbx-hero-header__subtitle strong,
.dbx-hero-header--color-light-purple-3 .dbx-hero-header__title strong,
.dbx-hero-header--color-light-purple-3 .dbx-rich-content strong {
  font-weight: 700;
}
.dbx-hero-header--color-light-purple-3 .dbx-buttons__subtext-container a,
.dbx-hero-header--color-light-purple-3 .dbx-hero-header__breadcrumbs-segment a,
.dbx-hero-header--color-light-purple-3 .dbx-hero-header__list a,
.dbx-hero-header--color-light-purple-3 .dbx-hero-header__subtitle a,
.dbx-hero-header--color-light-purple-3 .dbx-hero-header__title a,
.dbx-hero-header--color-light-purple-3 .dbx-rich-content a {
  text-decoration: underline;
}
.dbx-hero-header--color-light-purple-3 .dbx-buttons__subtext-container a:hover,
.dbx-hero-header--color-light-purple-3
  .dbx-hero-header__breadcrumbs-segment
  a:hover,
.dbx-hero-header--color-light-purple-3 .dbx-hero-header__list a:hover,
.dbx-hero-header--color-light-purple-3 .dbx-hero-header__subtitle a:hover,
.dbx-hero-header--color-light-purple-3 .dbx-hero-header__title a:hover,
.dbx-hero-header--color-light-purple-3 .dbx-rich-content a:hover {
  color: #d2d3d7;
}
.dbx-hero-header--color-light-purple-2 .dbx-hero-header__tag {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.dbx-hero-header--color-light-purple-2
  .dbx-hero-header__background-color-layer-1-container {
  z-index: -1;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  position: absolute;
  content: "";
  background-image: linear-gradient(61.73deg, #8e2de2 -14.11%, #922de2 66.63%);
  background-position: top;
}
.dbx-hero-header--color-light-purple-2 .dbx-buttons__subtext-container,
.dbx-hero-header--color-light-purple-2 .dbx-hero-header__breadcrumbs-segment,
.dbx-hero-header--color-light-purple-2 .dbx-hero-header__list,
.dbx-hero-header--color-light-purple-2 .dbx-hero-header__subtitle,
.dbx-hero-header--color-light-purple-2 .dbx-hero-header__title,
.dbx-hero-header--color-light-purple-2 .dbx-rich-content {
  color: #fff;
}
.dbx-hero-header--color-light-purple-2 .dbx-buttons__subtext-container a,
.dbx-hero-header--color-light-purple-2 .dbx-buttons__subtext-container p,
.dbx-hero-header--color-light-purple-2 .dbx-buttons__subtext-container strong,
.dbx-hero-header--color-light-purple-2 .dbx-buttons__subtext-container > *,
.dbx-hero-header--color-light-purple-2 .dbx-hero-header__breadcrumbs-segment a,
.dbx-hero-header--color-light-purple-2 .dbx-hero-header__breadcrumbs-segment p,
.dbx-hero-header--color-light-purple-2
  .dbx-hero-header__breadcrumbs-segment
  strong,
.dbx-hero-header--color-light-purple-2
  .dbx-hero-header__breadcrumbs-segment
  > *,
.dbx-hero-header--color-light-purple-2 .dbx-hero-header__list a,
.dbx-hero-header--color-light-purple-2 .dbx-hero-header__list p,
.dbx-hero-header--color-light-purple-2 .dbx-hero-header__list strong,
.dbx-hero-header--color-light-purple-2 .dbx-hero-header__list > *,
.dbx-hero-header--color-light-purple-2 .dbx-hero-header__subtitle a,
.dbx-hero-header--color-light-purple-2 .dbx-hero-header__subtitle p,
.dbx-hero-header--color-light-purple-2 .dbx-hero-header__subtitle strong,
.dbx-hero-header--color-light-purple-2 .dbx-hero-header__subtitle > *,
.dbx-hero-header--color-light-purple-2 .dbx-hero-header__title a,
.dbx-hero-header--color-light-purple-2 .dbx-hero-header__title p,
.dbx-hero-header--color-light-purple-2 .dbx-hero-header__title strong,
.dbx-hero-header--color-light-purple-2 .dbx-hero-header__title > *,
.dbx-hero-header--color-light-purple-2 .dbx-rich-content a,
.dbx-hero-header--color-light-purple-2 .dbx-rich-content p,
.dbx-hero-header--color-light-purple-2 .dbx-rich-content strong,
.dbx-hero-header--color-light-purple-2 .dbx-rich-content > * {
  color: #fff;
}
.dbx-hero-header--color-light-purple-2 .dbx-buttons__subtext-container strong,
.dbx-hero-header--color-light-purple-2
  .dbx-hero-header__breadcrumbs-segment
  strong,
.dbx-hero-header--color-light-purple-2 .dbx-hero-header__list strong,
.dbx-hero-header--color-light-purple-2 .dbx-hero-header__subtitle strong,
.dbx-hero-header--color-light-purple-2 .dbx-hero-header__title strong,
.dbx-hero-header--color-light-purple-2 .dbx-rich-content strong {
  font-weight: 700;
}
.dbx-hero-header--color-light-purple-2 .dbx-buttons__subtext-container a,
.dbx-hero-header--color-light-purple-2 .dbx-hero-header__breadcrumbs-segment a,
.dbx-hero-header--color-light-purple-2 .dbx-hero-header__list a,
.dbx-hero-header--color-light-purple-2 .dbx-hero-header__subtitle a,
.dbx-hero-header--color-light-purple-2 .dbx-hero-header__title a,
.dbx-hero-header--color-light-purple-2 .dbx-rich-content a {
  text-decoration: underline;
}
.dbx-hero-header--color-light-purple-2 .dbx-buttons__subtext-container a:hover,
.dbx-hero-header--color-light-purple-2
  .dbx-hero-header__breadcrumbs-segment
  a:hover,
.dbx-hero-header--color-light-purple-2 .dbx-hero-header__list a:hover,
.dbx-hero-header--color-light-purple-2 .dbx-hero-header__subtitle a:hover,
.dbx-hero-header--color-light-purple-2 .dbx-hero-header__title a:hover,
.dbx-hero-header--color-light-purple-2 .dbx-rich-content a:hover {
  color: #d2d3d7;
}
.dbx-hero-header--color-light-purple .dbx-hero-header__tag {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.dbx-hero-header--color-light-purple
  .dbx-hero-header__background-color-layer-1-container {
  z-index: -1;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  position: absolute;
  content: "";
  background-image: linear-gradient(
    185deg,
    #7347ea 6.79%,
    #c757ad 125.6%,
    #e3716d 198.73%
  );
  background-position: top;
}
.dbx-hero-header--color-light-purple .dbx-buttons__subtext-container,
.dbx-hero-header--color-light-purple .dbx-hero-header__breadcrumbs-segment,
.dbx-hero-header--color-light-purple .dbx-hero-header__list,
.dbx-hero-header--color-light-purple .dbx-hero-header__subtitle,
.dbx-hero-header--color-light-purple .dbx-hero-header__title,
.dbx-hero-header--color-light-purple .dbx-rich-content {
  color: #fff;
}
.dbx-hero-header--color-light-purple .dbx-buttons__subtext-container a,
.dbx-hero-header--color-light-purple .dbx-buttons__subtext-container p,
.dbx-hero-header--color-light-purple .dbx-buttons__subtext-container strong,
.dbx-hero-header--color-light-purple .dbx-buttons__subtext-container > *,
.dbx-hero-header--color-light-purple .dbx-hero-header__breadcrumbs-segment a,
.dbx-hero-header--color-light-purple .dbx-hero-header__breadcrumbs-segment p,
.dbx-hero-header--color-light-purple
  .dbx-hero-header__breadcrumbs-segment
  strong,
.dbx-hero-header--color-light-purple .dbx-hero-header__breadcrumbs-segment > *,
.dbx-hero-header--color-light-purple .dbx-hero-header__list a,
.dbx-hero-header--color-light-purple .dbx-hero-header__list p,
.dbx-hero-header--color-light-purple .dbx-hero-header__list strong,
.dbx-hero-header--color-light-purple .dbx-hero-header__list > *,
.dbx-hero-header--color-light-purple .dbx-hero-header__subtitle a,
.dbx-hero-header--color-light-purple .dbx-hero-header__subtitle p,
.dbx-hero-header--color-light-purple .dbx-hero-header__subtitle strong,
.dbx-hero-header--color-light-purple .dbx-hero-header__subtitle > *,
.dbx-hero-header--color-light-purple .dbx-hero-header__title a,
.dbx-hero-header--color-light-purple .dbx-hero-header__title p,
.dbx-hero-header--color-light-purple .dbx-hero-header__title strong,
.dbx-hero-header--color-light-purple .dbx-hero-header__title > *,
.dbx-hero-header--color-light-purple .dbx-rich-content a,
.dbx-hero-header--color-light-purple .dbx-rich-content p,
.dbx-hero-header--color-light-purple .dbx-rich-content strong,
.dbx-hero-header--color-light-purple .dbx-rich-content > * {
  color: #fff;
}
.dbx-hero-header--color-light-purple .dbx-buttons__subtext-container strong,
.dbx-hero-header--color-light-purple
  .dbx-hero-header__breadcrumbs-segment
  strong,
.dbx-hero-header--color-light-purple .dbx-hero-header__list strong,
.dbx-hero-header--color-light-purple .dbx-hero-header__subtitle strong,
.dbx-hero-header--color-light-purple .dbx-hero-header__title strong,
.dbx-hero-header--color-light-purple .dbx-rich-content strong {
  font-weight: 700;
}
.dbx-hero-header--color-light-purple .dbx-buttons__subtext-container a,
.dbx-hero-header--color-light-purple .dbx-hero-header__breadcrumbs-segment a,
.dbx-hero-header--color-light-purple .dbx-hero-header__list a,
.dbx-hero-header--color-light-purple .dbx-hero-header__subtitle a,
.dbx-hero-header--color-light-purple .dbx-hero-header__title a,
.dbx-hero-header--color-light-purple .dbx-rich-content a {
  text-decoration: underline;
}
.dbx-hero-header--color-light-purple .dbx-buttons__subtext-container a:hover,
.dbx-hero-header--color-light-purple
  .dbx-hero-header__breadcrumbs-segment
  a:hover,
.dbx-hero-header--color-light-purple .dbx-hero-header__list a:hover,
.dbx-hero-header--color-light-purple .dbx-hero-header__subtitle a:hover,
.dbx-hero-header--color-light-purple .dbx-hero-header__title a:hover,
.dbx-hero-header--color-light-purple .dbx-rich-content a:hover {
  color: #d2d3d7;
}
.dbx-hero-header--color-purple .dbx-hero-header__tag {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.dbx-hero-header--color-purple
  .dbx-hero-header__background-color-layer-1-container {
  z-index: -1;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  position: absolute;
  content: "";
  background-image: linear-gradient(351deg, #8e2de2 13.18%, #4a00e0 97.39%);
  background-position: top;
}
.dbx-hero-header--color-purple .dbx-buttons__subtext-container,
.dbx-hero-header--color-purple .dbx-hero-header__breadcrumbs-segment,
.dbx-hero-header--color-purple .dbx-hero-header__list,
.dbx-hero-header--color-purple .dbx-hero-header__subtitle,
.dbx-hero-header--color-purple .dbx-hero-header__title,
.dbx-hero-header--color-purple .dbx-rich-content {
  color: #fff;
}
.dbx-hero-header--color-purple .dbx-buttons__subtext-container a,
.dbx-hero-header--color-purple .dbx-buttons__subtext-container p,
.dbx-hero-header--color-purple .dbx-buttons__subtext-container strong,
.dbx-hero-header--color-purple .dbx-buttons__subtext-container > *,
.dbx-hero-header--color-purple .dbx-hero-header__breadcrumbs-segment a,
.dbx-hero-header--color-purple .dbx-hero-header__breadcrumbs-segment p,
.dbx-hero-header--color-purple .dbx-hero-header__breadcrumbs-segment strong,
.dbx-hero-header--color-purple .dbx-hero-header__breadcrumbs-segment > *,
.dbx-hero-header--color-purple .dbx-hero-header__list a,
.dbx-hero-header--color-purple .dbx-hero-header__list p,
.dbx-hero-header--color-purple .dbx-hero-header__list strong,
.dbx-hero-header--color-purple .dbx-hero-header__list > *,
.dbx-hero-header--color-purple .dbx-hero-header__subtitle a,
.dbx-hero-header--color-purple .dbx-hero-header__subtitle p,
.dbx-hero-header--color-purple .dbx-hero-header__subtitle strong,
.dbx-hero-header--color-purple .dbx-hero-header__subtitle > *,
.dbx-hero-header--color-purple .dbx-hero-header__title a,
.dbx-hero-header--color-purple .dbx-hero-header__title p,
.dbx-hero-header--color-purple .dbx-hero-header__title strong,
.dbx-hero-header--color-purple .dbx-hero-header__title > *,
.dbx-hero-header--color-purple .dbx-rich-content a,
.dbx-hero-header--color-purple .dbx-rich-content p,
.dbx-hero-header--color-purple .dbx-rich-content strong,
.dbx-hero-header--color-purple .dbx-rich-content > * {
  color: #fff;
}
.dbx-hero-header--color-purple .dbx-buttons__subtext-container strong,
.dbx-hero-header--color-purple .dbx-hero-header__breadcrumbs-segment strong,
.dbx-hero-header--color-purple .dbx-hero-header__list strong,
.dbx-hero-header--color-purple .dbx-hero-header__subtitle strong,
.dbx-hero-header--color-purple .dbx-hero-header__title strong,
.dbx-hero-header--color-purple .dbx-rich-content strong {
  font-weight: 700;
}
.dbx-hero-header--color-purple .dbx-buttons__subtext-container a,
.dbx-hero-header--color-purple .dbx-hero-header__breadcrumbs-segment a,
.dbx-hero-header--color-purple .dbx-hero-header__list a,
.dbx-hero-header--color-purple .dbx-hero-header__subtitle a,
.dbx-hero-header--color-purple .dbx-hero-header__title a,
.dbx-hero-header--color-purple .dbx-rich-content a {
  text-decoration: underline;
}
.dbx-hero-header--color-purple .dbx-buttons__subtext-container a:hover,
.dbx-hero-header--color-purple .dbx-hero-header__breadcrumbs-segment a:hover,
.dbx-hero-header--color-purple .dbx-hero-header__list a:hover,
.dbx-hero-header--color-purple .dbx-hero-header__subtitle a:hover,
.dbx-hero-header--color-purple .dbx-hero-header__title a:hover,
.dbx-hero-header--color-purple .dbx-rich-content a:hover {
  color: #d2d3d7;
}
.dbx-hero-header--color-yellow .dbx-hero-header__tag {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.dbx-hero-header--color-yellow
  .dbx-hero-header__background-color-layer-1-container {
  z-index: -1;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  position: absolute;
  content: "";
  background-image: linear-gradient(213deg, #f7971e 30.23%, #ffd200 100.29%);
  background-position: top;
}
.dbx-hero-header--color-yellow .dbx-buttons__subtext-container,
.dbx-hero-header--color-yellow .dbx-hero-header__breadcrumbs-segment,
.dbx-hero-header--color-yellow .dbx-hero-header__list,
.dbx-hero-header--color-yellow .dbx-hero-header__subtitle,
.dbx-hero-header--color-yellow .dbx-hero-header__title,
.dbx-hero-header--color-yellow .dbx-rich-content {
  color: #fff;
}
.dbx-hero-header--color-yellow .dbx-buttons__subtext-container a,
.dbx-hero-header--color-yellow .dbx-buttons__subtext-container p,
.dbx-hero-header--color-yellow .dbx-buttons__subtext-container strong,
.dbx-hero-header--color-yellow .dbx-buttons__subtext-container > *,
.dbx-hero-header--color-yellow .dbx-hero-header__breadcrumbs-segment a,
.dbx-hero-header--color-yellow .dbx-hero-header__breadcrumbs-segment p,
.dbx-hero-header--color-yellow .dbx-hero-header__breadcrumbs-segment strong,
.dbx-hero-header--color-yellow .dbx-hero-header__breadcrumbs-segment > *,
.dbx-hero-header--color-yellow .dbx-hero-header__list a,
.dbx-hero-header--color-yellow .dbx-hero-header__list p,
.dbx-hero-header--color-yellow .dbx-hero-header__list strong,
.dbx-hero-header--color-yellow .dbx-hero-header__list > *,
.dbx-hero-header--color-yellow .dbx-hero-header__subtitle a,
.dbx-hero-header--color-yellow .dbx-hero-header__subtitle p,
.dbx-hero-header--color-yellow .dbx-hero-header__subtitle strong,
.dbx-hero-header--color-yellow .dbx-hero-header__subtitle > *,
.dbx-hero-header--color-yellow .dbx-hero-header__title a,
.dbx-hero-header--color-yellow .dbx-hero-header__title p,
.dbx-hero-header--color-yellow .dbx-hero-header__title strong,
.dbx-hero-header--color-yellow .dbx-hero-header__title > *,
.dbx-hero-header--color-yellow .dbx-rich-content a,
.dbx-hero-header--color-yellow .dbx-rich-content p,
.dbx-hero-header--color-yellow .dbx-rich-content strong,
.dbx-hero-header--color-yellow .dbx-rich-content > * {
  color: #fff;
}
.dbx-hero-header--color-yellow .dbx-buttons__subtext-container strong,
.dbx-hero-header--color-yellow .dbx-hero-header__breadcrumbs-segment strong,
.dbx-hero-header--color-yellow .dbx-hero-header__list strong,
.dbx-hero-header--color-yellow .dbx-hero-header__subtitle strong,
.dbx-hero-header--color-yellow .dbx-hero-header__title strong,
.dbx-hero-header--color-yellow .dbx-rich-content strong {
  font-weight: 700;
}
.dbx-hero-header--color-yellow .dbx-buttons__subtext-container a,
.dbx-hero-header--color-yellow .dbx-hero-header__breadcrumbs-segment a,
.dbx-hero-header--color-yellow .dbx-hero-header__list a,
.dbx-hero-header--color-yellow .dbx-hero-header__subtitle a,
.dbx-hero-header--color-yellow .dbx-hero-header__title a,
.dbx-hero-header--color-yellow .dbx-rich-content a {
  text-decoration: underline;
}
.dbx-hero-header--color-yellow .dbx-buttons__subtext-container a:hover,
.dbx-hero-header--color-yellow .dbx-hero-header__breadcrumbs-segment a:hover,
.dbx-hero-header--color-yellow .dbx-hero-header__list a:hover,
.dbx-hero-header--color-yellow .dbx-hero-header__subtitle a:hover,
.dbx-hero-header--color-yellow .dbx-hero-header__title a:hover,
.dbx-hero-header--color-yellow .dbx-rich-content a:hover {
  color: #d2d3d7;
}
.dbx-hero-header--color-orange .dbx-hero-header__tag {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.dbx-hero-header--color-orange
  .dbx-hero-header__background-color-layer-1-container {
  z-index: -1;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  position: absolute;
  content: "";
  background-image: linear-gradient(171deg, #fc4a1a -13.36%, #f7b733 104.71%);
  background-position: top;
}
.dbx-hero-header--color-orange .dbx-buttons__subtext-container,
.dbx-hero-header--color-orange .dbx-hero-header__breadcrumbs-segment,
.dbx-hero-header--color-orange .dbx-hero-header__list,
.dbx-hero-header--color-orange .dbx-hero-header__subtitle,
.dbx-hero-header--color-orange .dbx-hero-header__title,
.dbx-hero-header--color-orange .dbx-rich-content {
  color: #fff;
}
.dbx-hero-header--color-orange .dbx-buttons__subtext-container a,
.dbx-hero-header--color-orange .dbx-buttons__subtext-container p,
.dbx-hero-header--color-orange .dbx-buttons__subtext-container strong,
.dbx-hero-header--color-orange .dbx-buttons__subtext-container > *,
.dbx-hero-header--color-orange .dbx-hero-header__breadcrumbs-segment a,
.dbx-hero-header--color-orange .dbx-hero-header__breadcrumbs-segment p,
.dbx-hero-header--color-orange .dbx-hero-header__breadcrumbs-segment strong,
.dbx-hero-header--color-orange .dbx-hero-header__breadcrumbs-segment > *,
.dbx-hero-header--color-orange .dbx-hero-header__list a,
.dbx-hero-header--color-orange .dbx-hero-header__list p,
.dbx-hero-header--color-orange .dbx-hero-header__list strong,
.dbx-hero-header--color-orange .dbx-hero-header__list > *,
.dbx-hero-header--color-orange .dbx-hero-header__subtitle a,
.dbx-hero-header--color-orange .dbx-hero-header__subtitle p,
.dbx-hero-header--color-orange .dbx-hero-header__subtitle strong,
.dbx-hero-header--color-orange .dbx-hero-header__subtitle > *,
.dbx-hero-header--color-orange .dbx-hero-header__title a,
.dbx-hero-header--color-orange .dbx-hero-header__title p,
.dbx-hero-header--color-orange .dbx-hero-header__title strong,
.dbx-hero-header--color-orange .dbx-hero-header__title > *,
.dbx-hero-header--color-orange .dbx-rich-content a,
.dbx-hero-header--color-orange .dbx-rich-content p,
.dbx-hero-header--color-orange .dbx-rich-content strong,
.dbx-hero-header--color-orange .dbx-rich-content > * {
  color: #fff;
}
.dbx-hero-header--color-orange .dbx-buttons__subtext-container strong,
.dbx-hero-header--color-orange .dbx-hero-header__breadcrumbs-segment strong,
.dbx-hero-header--color-orange .dbx-hero-header__list strong,
.dbx-hero-header--color-orange .dbx-hero-header__subtitle strong,
.dbx-hero-header--color-orange .dbx-hero-header__title strong,
.dbx-hero-header--color-orange .dbx-rich-content strong {
  font-weight: 700;
}
.dbx-hero-header--color-orange .dbx-buttons__subtext-container a,
.dbx-hero-header--color-orange .dbx-hero-header__breadcrumbs-segment a,
.dbx-hero-header--color-orange .dbx-hero-header__list a,
.dbx-hero-header--color-orange .dbx-hero-header__subtitle a,
.dbx-hero-header--color-orange .dbx-hero-header__title a,
.dbx-hero-header--color-orange .dbx-rich-content a {
  text-decoration: underline;
}
.dbx-hero-header--color-orange .dbx-buttons__subtext-container a:hover,
.dbx-hero-header--color-orange .dbx-hero-header__breadcrumbs-segment a:hover,
.dbx-hero-header--color-orange .dbx-hero-header__list a:hover,
.dbx-hero-header--color-orange .dbx-hero-header__subtitle a:hover,
.dbx-hero-header--color-orange .dbx-hero-header__title a:hover,
.dbx-hero-header--color-orange .dbx-rich-content a:hover {
  color: #d2d3d7;
}
.dbx-hero-header--color-light-blue .dbx-hero-header__tag {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.dbx-hero-header--color-light-blue
  .dbx-hero-header__background-color-layer-1-container {
  z-index: -1;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  position: absolute;
  content: "";
  background-image: linear-gradient(109deg, #1e8fe1 -11.14%, #26a8a8 62.84%);
  background-position: top;
}
.dbx-hero-header--color-light-blue .dbx-buttons__subtext-container,
.dbx-hero-header--color-light-blue .dbx-hero-header__breadcrumbs-segment,
.dbx-hero-header--color-light-blue .dbx-hero-header__list,
.dbx-hero-header--color-light-blue .dbx-hero-header__subtitle,
.dbx-hero-header--color-light-blue .dbx-hero-header__title,
.dbx-hero-header--color-light-blue .dbx-rich-content {
  color: #fff;
}
.dbx-hero-header--color-light-blue .dbx-buttons__subtext-container a,
.dbx-hero-header--color-light-blue .dbx-buttons__subtext-container p,
.dbx-hero-header--color-light-blue .dbx-buttons__subtext-container strong,
.dbx-hero-header--color-light-blue .dbx-buttons__subtext-container > *,
.dbx-hero-header--color-light-blue .dbx-hero-header__breadcrumbs-segment a,
.dbx-hero-header--color-light-blue .dbx-hero-header__breadcrumbs-segment p,
.dbx-hero-header--color-light-blue .dbx-hero-header__breadcrumbs-segment strong,
.dbx-hero-header--color-light-blue .dbx-hero-header__breadcrumbs-segment > *,
.dbx-hero-header--color-light-blue .dbx-hero-header__list a,
.dbx-hero-header--color-light-blue .dbx-hero-header__list p,
.dbx-hero-header--color-light-blue .dbx-hero-header__list strong,
.dbx-hero-header--color-light-blue .dbx-hero-header__list > *,
.dbx-hero-header--color-light-blue .dbx-hero-header__subtitle a,
.dbx-hero-header--color-light-blue .dbx-hero-header__subtitle p,
.dbx-hero-header--color-light-blue .dbx-hero-header__subtitle strong,
.dbx-hero-header--color-light-blue .dbx-hero-header__subtitle > *,
.dbx-hero-header--color-light-blue .dbx-hero-header__title a,
.dbx-hero-header--color-light-blue .dbx-hero-header__title p,
.dbx-hero-header--color-light-blue .dbx-hero-header__title strong,
.dbx-hero-header--color-light-blue .dbx-hero-header__title > *,
.dbx-hero-header--color-light-blue .dbx-rich-content a,
.dbx-hero-header--color-light-blue .dbx-rich-content p,
.dbx-hero-header--color-light-blue .dbx-rich-content strong,
.dbx-hero-header--color-light-blue .dbx-rich-content > * {
  color: #fff;
}
.dbx-hero-header--color-light-blue .dbx-buttons__subtext-container strong,
.dbx-hero-header--color-light-blue .dbx-hero-header__breadcrumbs-segment strong,
.dbx-hero-header--color-light-blue .dbx-hero-header__list strong,
.dbx-hero-header--color-light-blue .dbx-hero-header__subtitle strong,
.dbx-hero-header--color-light-blue .dbx-hero-header__title strong,
.dbx-hero-header--color-light-blue .dbx-rich-content strong {
  font-weight: 700;
}
.dbx-hero-header--color-light-blue .dbx-buttons__subtext-container a,
.dbx-hero-header--color-light-blue .dbx-hero-header__breadcrumbs-segment a,
.dbx-hero-header--color-light-blue .dbx-hero-header__list a,
.dbx-hero-header--color-light-blue .dbx-hero-header__subtitle a,
.dbx-hero-header--color-light-blue .dbx-hero-header__title a,
.dbx-hero-header--color-light-blue .dbx-rich-content a {
  text-decoration: underline;
}
.dbx-hero-header--color-light-blue .dbx-buttons__subtext-container a:hover,
.dbx-hero-header--color-light-blue
  .dbx-hero-header__breadcrumbs-segment
  a:hover,
.dbx-hero-header--color-light-blue .dbx-hero-header__list a:hover,
.dbx-hero-header--color-light-blue .dbx-hero-header__subtitle a:hover,
.dbx-hero-header--color-light-blue .dbx-hero-header__title a:hover,
.dbx-hero-header--color-light-blue .dbx-rich-content a:hover {
  color: #d2d3d7;
}
.dbx-hero-header--color-dark-blue .dbx-hero-header__tag {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.dbx-hero-header--color-dark-blue
  .dbx-hero-header__background-color-layer-1-container {
  z-index: -1;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  position: absolute;
  content: "";
  background-image: linear-gradient(307deg, #0575e6 1.8%, #021b79 102.62%);
  background-position: top;
}
.dbx-hero-header--color-dark-blue .dbx-buttons__subtext-container,
.dbx-hero-header--color-dark-blue .dbx-hero-header__breadcrumbs-segment,
.dbx-hero-header--color-dark-blue .dbx-hero-header__list,
.dbx-hero-header--color-dark-blue .dbx-hero-header__subtitle,
.dbx-hero-header--color-dark-blue .dbx-hero-header__title,
.dbx-hero-header--color-dark-blue .dbx-rich-content {
  color: #fff;
}
.dbx-hero-header--color-dark-blue .dbx-buttons__subtext-container a,
.dbx-hero-header--color-dark-blue .dbx-buttons__subtext-container p,
.dbx-hero-header--color-dark-blue .dbx-buttons__subtext-container strong,
.dbx-hero-header--color-dark-blue .dbx-buttons__subtext-container > *,
.dbx-hero-header--color-dark-blue .dbx-hero-header__breadcrumbs-segment a,
.dbx-hero-header--color-dark-blue .dbx-hero-header__breadcrumbs-segment p,
.dbx-hero-header--color-dark-blue .dbx-hero-header__breadcrumbs-segment strong,
.dbx-hero-header--color-dark-blue .dbx-hero-header__breadcrumbs-segment > *,
.dbx-hero-header--color-dark-blue .dbx-hero-header__list a,
.dbx-hero-header--color-dark-blue .dbx-hero-header__list p,
.dbx-hero-header--color-dark-blue .dbx-hero-header__list strong,
.dbx-hero-header--color-dark-blue .dbx-hero-header__list > *,
.dbx-hero-header--color-dark-blue .dbx-hero-header__subtitle a,
.dbx-hero-header--color-dark-blue .dbx-hero-header__subtitle p,
.dbx-hero-header--color-dark-blue .dbx-hero-header__subtitle strong,
.dbx-hero-header--color-dark-blue .dbx-hero-header__subtitle > *,
.dbx-hero-header--color-dark-blue .dbx-hero-header__title a,
.dbx-hero-header--color-dark-blue .dbx-hero-header__title p,
.dbx-hero-header--color-dark-blue .dbx-hero-header__title strong,
.dbx-hero-header--color-dark-blue .dbx-hero-header__title > *,
.dbx-hero-header--color-dark-blue .dbx-rich-content a,
.dbx-hero-header--color-dark-blue .dbx-rich-content p,
.dbx-hero-header--color-dark-blue .dbx-rich-content strong,
.dbx-hero-header--color-dark-blue .dbx-rich-content > * {
  color: #fff;
}
.dbx-hero-header--color-dark-blue .dbx-buttons__subtext-container strong,
.dbx-hero-header--color-dark-blue .dbx-hero-header__breadcrumbs-segment strong,
.dbx-hero-header--color-dark-blue .dbx-hero-header__list strong,
.dbx-hero-header--color-dark-blue .dbx-hero-header__subtitle strong,
.dbx-hero-header--color-dark-blue .dbx-hero-header__title strong,
.dbx-hero-header--color-dark-blue .dbx-rich-content strong {
  font-weight: 700;
}
.dbx-hero-header--color-dark-blue .dbx-buttons__subtext-container a,
.dbx-hero-header--color-dark-blue .dbx-hero-header__breadcrumbs-segment a,
.dbx-hero-header--color-dark-blue .dbx-hero-header__list a,
.dbx-hero-header--color-dark-blue .dbx-hero-header__subtitle a,
.dbx-hero-header--color-dark-blue .dbx-hero-header__title a,
.dbx-hero-header--color-dark-blue .dbx-rich-content a {
  text-decoration: underline;
}
.dbx-hero-header--color-dark-blue .dbx-buttons__subtext-container a:hover,
.dbx-hero-header--color-dark-blue .dbx-hero-header__breadcrumbs-segment a:hover,
.dbx-hero-header--color-dark-blue .dbx-hero-header__list a:hover,
.dbx-hero-header--color-dark-blue .dbx-hero-header__subtitle a:hover,
.dbx-hero-header--color-dark-blue .dbx-hero-header__title a:hover,
.dbx-hero-header--color-dark-blue .dbx-rich-content a:hover {
  color: #d2d3d7;
}
.dbx-hero-header--color-blue .dbx-hero-header__tag {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.dbx-hero-header--color-blue
  .dbx-hero-header__background-color-layer-1-container {
  z-index: -1;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  position: absolute;
  content: "";
  background-image: linear-gradient(
    -166.73deg,
    #6847e3 -14.11%,
    #4d71f1 66.63%
  );
  background-position: top;
}
.dbx-hero-header--color-blue .dbx-buttons__subtext-container,
.dbx-hero-header--color-blue .dbx-hero-header__breadcrumbs-segment,
.dbx-hero-header--color-blue .dbx-hero-header__list,
.dbx-hero-header--color-blue .dbx-hero-header__subtitle,
.dbx-hero-header--color-blue .dbx-hero-header__title,
.dbx-hero-header--color-blue .dbx-rich-content {
  color: #fff;
}
.dbx-hero-header--color-blue .dbx-buttons__subtext-container a,
.dbx-hero-header--color-blue .dbx-buttons__subtext-container p,
.dbx-hero-header--color-blue .dbx-buttons__subtext-container strong,
.dbx-hero-header--color-blue .dbx-buttons__subtext-container > *,
.dbx-hero-header--color-blue .dbx-hero-header__breadcrumbs-segment a,
.dbx-hero-header--color-blue .dbx-hero-header__breadcrumbs-segment p,
.dbx-hero-header--color-blue .dbx-hero-header__breadcrumbs-segment strong,
.dbx-hero-header--color-blue .dbx-hero-header__breadcrumbs-segment > *,
.dbx-hero-header--color-blue .dbx-hero-header__list a,
.dbx-hero-header--color-blue .dbx-hero-header__list p,
.dbx-hero-header--color-blue .dbx-hero-header__list strong,
.dbx-hero-header--color-blue .dbx-hero-header__list > *,
.dbx-hero-header--color-blue .dbx-hero-header__subtitle a,
.dbx-hero-header--color-blue .dbx-hero-header__subtitle p,
.dbx-hero-header--color-blue .dbx-hero-header__subtitle strong,
.dbx-hero-header--color-blue .dbx-hero-header__subtitle > *,
.dbx-hero-header--color-blue .dbx-hero-header__title a,
.dbx-hero-header--color-blue .dbx-hero-header__title p,
.dbx-hero-header--color-blue .dbx-hero-header__title strong,
.dbx-hero-header--color-blue .dbx-hero-header__title > *,
.dbx-hero-header--color-blue .dbx-rich-content a,
.dbx-hero-header--color-blue .dbx-rich-content p,
.dbx-hero-header--color-blue .dbx-rich-content strong,
.dbx-hero-header--color-blue .dbx-rich-content > * {
  color: #fff;
}
.dbx-hero-header--color-blue .dbx-buttons__subtext-container strong,
.dbx-hero-header--color-blue .dbx-hero-header__breadcrumbs-segment strong,
.dbx-hero-header--color-blue .dbx-hero-header__list strong,
.dbx-hero-header--color-blue .dbx-hero-header__subtitle strong,
.dbx-hero-header--color-blue .dbx-hero-header__title strong,
.dbx-hero-header--color-blue .dbx-rich-content strong {
  font-weight: 700;
}
.dbx-hero-header--color-blue .dbx-buttons__subtext-container a,
.dbx-hero-header--color-blue .dbx-hero-header__breadcrumbs-segment a,
.dbx-hero-header--color-blue .dbx-hero-header__list a,
.dbx-hero-header--color-blue .dbx-hero-header__subtitle a,
.dbx-hero-header--color-blue .dbx-hero-header__title a,
.dbx-hero-header--color-blue .dbx-rich-content a {
  text-decoration: underline;
}
.dbx-hero-header--color-blue .dbx-buttons__subtext-container a:hover,
.dbx-hero-header--color-blue .dbx-hero-header__breadcrumbs-segment a:hover,
.dbx-hero-header--color-blue .dbx-hero-header__list a:hover,
.dbx-hero-header--color-blue .dbx-hero-header__subtitle a:hover,
.dbx-hero-header--color-blue .dbx-hero-header__title a:hover,
.dbx-hero-header--color-blue .dbx-rich-content a:hover {
  color: #d2d3d7;
}
.dbx-hero-header--color-extra-light-blue
  .dbx-hero-header__tag.dbx-rich-content {
  background: rgba(77, 113, 241, 0.1);
  border: 1px solid rgba(77, 113, 241, 0.2);
}
.dbx-hero-header--color-extra-light-blue
  .dbx-hero-header__tag.dbx-rich-content
  * {
  color: #4d71f1;
}
@media screen and (min-width: 400px) {
  .dbx-hero-header .dbx-hero-header__container {
    text-align: center;
  }
  .dbx-hero-header__list {
    justify-content: center;
  }
  .dbx-hero-header--ratings-variant-in-navigation .dbx-ratings {
    margin-top: 94px;
    justify-content: center;
  }
  .dbx-hero-header .dbx-hero-header__text-container {
    text-align: center;
    align-items: center;
  }
  .dbx-hero-header--align-mobile-left .dbx-hero-header__text-container {
    align-items: flex-start;
    text-align: left;
  }
  .dbx-hero-header--align-mobile-left .dbx-hero-header__list {
    justify-content: flex-start;
  }
  .dbx-hero-header__images-container {
    justify-content: center;
  }
  .dbx-hero-header .dbx-ratings {
    align-items: center;
    gap: 8px;
  }
}
@media screen and (min-width: 500px) {
  .dbx-hero-header .dbx-ratings {
    gap: 16px;
    flex-direction: row;
    align-items: center;
  }
  .dbx-hero-header
    .dbx-ratings__reviews-container
    .dbx-ratings__divider:nth-of-type(2) {
    display: inline;
  }
}
@media screen and (min-width: 768px) {
  .dbx-hero-header__images-container {
    margin-top: 60px;
    gap: 8px;
  }
  .dbx-hero-header__images-container img {
    width: 48px;
    height: 48px;
  }
  .dbx-hero-header--body-basic::after {
    display: block;
    top: 30%;
    transform: translateX(-50%);
  }
}
@media screen and (min-width: 1200px) {
  .dbx-hero-header--orientation-horizontal .dbx-hero-header__container {
    flex-direction: row;
    align-items: center;
  }
  .dbx-hero-header--orientation-horizontal .dbx-hero-header__text-container {
    align-items: start;
    flex-basis: 50%;
    text-align: left;
  }
  .dbx-hero-header--orientation-horizontal .dbx-hero-header__list {
    justify-content: flex-start;
  }
  .dbx-hero-header--orientation-horizontal .dbx-hero-header__image-container,
  .dbx-hero-header--orientation-horizontal .dbx-hero-header__video-container {
    flex-basis: 50%;
  }
  .dbx-hero-header--orientation-horizontal .dbx-hero-header__image {
    min-width: unset;
  }
  .dbx-hero-header--ratings-variant-in-navigation .dbx-ratings {
    margin-top: 24px;
  }
}
.dbx-vimeo-embed {
  margin-block: 96px;
}
@media screen and (min-width: 768px) {
  .dbx-vimeo-embed {
    margin-block: 128px;
  }
}
.dbx-ratings {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
}
.dbx-ratings p {
  font-weight: 300;
  font-size: 0.75rem;
  line-height: 1.125rem;
  white-space: nowrap;
}
.dbx-ratings__text {
  font-size: 0.75rem;
  line-height: 1.125rem;
}
.dbx-ratings__reviews-container {
  display: flex;
  gap: 12px;
  align-items: center;
}
.dbx-ratings__reviews-container .dbx-ratings__divider {
  height: 16px;
  width: 1px;
  background-color: #9f9fa0;
}
.dbx-ratings__review {
  display: flex;
  gap: 4px;
  align-items: center;
}
.dbx-ratings__review img {
  width: 24px;
}
.dbx-ratings__review .icon {
  line-height: 13px;
  font-size: 13px;
  color: #ffd52b;
}
.dbx-ratings__review-rating {
  font-size: 1.125rem;
  line-height: 1.5rem;
  font-weight: 600;
  opacity: 0.6;
}
.dbx-ratings--dark {
  color: rgba(13, 15, 17, 0.8);
}
.dbx-ratings--light {
  color: #fff;
}
@media only screen and (min-width: 768px) {
  .dbx-ratings p {
    margin-top: 0.125rem;
    font-weight: 300;
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .dbx-ratings__text {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .dbx-ratings__review img {
    width: 36px;
  }
  .dbx-ratings__reviews-container {
    gap: 16px;
  }
}
.dbx-title-text-repeater {
  display: flex;
  flex-direction: column;
  gap: 80px;
}
.dbx-title-text-repeater__title {
  font-size: 2.5rem;
  line-height: 3.5rem;
  font-weight: 600;
  margin-bottom: 1.5rem;
}
.dbx-title-text-repeater__pair p {
  font-size: 1rem;
  line-height: 1.5rem;
}
.dbx-title-text-repeater strong {
  font-weight: 800;
}
.dbx-icon-list {
  border-radius: 24px;
  padding: 24px;
}
.dbx-icon-list .dbx-icon-list__list {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
}
.dbx-icon-list .dbx-icon-list__list .dbx-rich-content {
  margin-bottom: 0;
}
.dbx-icon-list .icon::before {
  padding-right: 10px;
}
.dbx-icon-list__item {
  display: flex;
  align-items: start;
  list-style: none;
  gap: 16px;
}
.dbx-icon-list__item * {
  margin: 0;
}
.dbx-icon-list__item img {
  width: auto;
  height: 16px;
}
.dbx-icon-list .icon {
  display: flex;
  align-items: start;
}
.dbx-icon-list .icon::before {
  margin-top: 4px;
}
.dbx-icon-list .icon-cross::before {
  color: red;
}
.dbx-icon-list--purple-gradient {
  background: linear-gradient(
    106deg,
    hsla(272, 49%, 55%, 0.1) -4%,
    hsla(347, 55%, 63%, 0.1) 89.91%
  );
}
.dbx-icon-list--purple-gradient .icon::before {
  color: #7a44e6;
}
.dbx-icon-list--white {
  border: 1px solid rgba(142, 146, 155, 0.2);
  background-color: #fff;
}
.dbx-icon-list--orange {
  background-color: #fff3e7;
}
.dbx-icon-list--orange .icon::before {
  color: #fa870c;
}
.dbx-icon-list--yellow {
  background-color: #fef8ec;
}
.dbx-icon-list--yellow .icon::before {
  color: #f4bb42;
}
.dbx-icon-list--green {
  background-color: #e9f6f0;
}
.dbx-icon-list--green .icon::before {
  color: #2ab674;
}
.dbx-icon-list--red {
  background-color: rgba(237, 40, 87, 0.1);
}
@media screen and (min-width: 768px) {
  .dbx-icon-list {
    padding: 32px;
  }
}
.dbx-repeater-icon-list-section {
  margin-block: 96px;
}
@media screen and (min-width: 768px) {
  .dbx-repeater-icon-list-section {
    margin-block: 128px;
  }
}
.dbx-repeater-icon-list-section .dbx-container > .dbx-rich-content {
  margin-bottom: 24px;
}
.dbx-repeater-icon-list-section .dbx-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.dbx-repeater-icon-card__card-container {
  place-content: center;
  justify-content: center;
  padding: 0;
  list-style: none;
  margin-inline: auto;
}
.dbx-repeater-icon-card .dbx-icon-card {
  height: 100%;
}
.dbx-repeater-icon-card-section {
  margin-block: 96px;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .dbx-repeater-icon-card-section {
    margin-block: 128px;
  }
}
.dbx-repeater-icon-card-section .dbx-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.dbx-repeater-icon-card-section__tag {
  font-weight: 600;
  margin-bottom: 24px;
}
.dbx-repeater-icon-card-section__text,
.dbx-repeater-icon-card-section__title {
  text-align: center;
}
.dbx-repeater-icon-card-section__btn {
  position: relative;
  margin-block: 40px 32px;
}
.dbx-repeater-icon-card-section__btn::after {
  content: "No card required";
  color: rgba(142, 146, 155, 0.6);
  font-weight: 400;
  font-size: 14px;
  position: absolute;
  left: 50%;
  bottom: -20px;
  transform: translate(-50%, 50%);
  white-space: nowrap;
}
.dbx-repeater-icon-card-section
  .dbx-repeater-icon-card-section__after-rich-content {
  max-width: 850px;
  margin-top: 48px;
}
.dbx-repeater-icon-card-section .dbx-buttons {
  margin-block: 48px 0;
}
.dbx-repeater-title-text-card-section {
  margin-block: 96px;
}
@media screen and (min-width: 768px) {
  .dbx-repeater-title-text-card-section {
    margin-block: 128px;
  }
}
.dbx-repeater-title-text-card-section .dbx-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.dbx-repeater-title-text-card-section__text,
.dbx-repeater-title-text-card-section__title {
  text-align: center;
  font-size: 1rem;
  line-height: 1.5rem;
}
.dbx-repeater-title-text-card-section__title {
  margin-bottom: 24px;
}
.dbx-repeater-title-text-card-section .dbx-card__title {
  font-size: 1.125rem;
  line-height: 1.5rem;
}
.dbx-repeater-title-text-card-section .dbx-card__tooltip {
  font-size: 0.875rem;
}
.dbx-repeater-title-text-card-section .dbx-container > .dbx-rich-content {
  max-width: 850px;
  margin-top: 48px;
}
.dbx-repeater-title-text-card-section .dbx-buttons {
  margin-block: 48px 0;
}
.dbx-repeater-title-text-card-section__text {
  margin-bottom: 48px;
}
.dbx-repeater-title-text-card-section .dbx-card__img-container {
  display: none;
}
.dbx-title-text-button-section {
  margin-block: 96px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .dbx-title-text-button-section {
    margin-block: 128px;
  }
}
.dbx-title-text-button-section .dbx-container {
  padding-block: 84px 64px;
  width: 100%;
  max-width: 1280px;
}
.dbx-title-text-button-section strong {
  font-weight: 800;
}
.dbx-title-text-button-section__title {
  margin-bottom: 32px;
  font-size: 2rem;
  line-height: 2.5rem;
  text-align: center;
  font-weight: 800;
  max-width: 1000px;
}
.dbx-title-text-button-section__text {
  font-size: 1rem;
  line-height: 1.375rem;
  text-align: center;
  max-width: 850px;
}
.dbx-title-text-button-section--navy-shape {
  color: #fff;
}
.dbx-title-text-button-section--navy-shape .dbx-rich-content {
  color: #fff;
}
.dbx-title-text-button-section--navy-shape .dbx-rich-content a,
.dbx-title-text-button-section--navy-shape .dbx-rich-content p,
.dbx-title-text-button-section--navy-shape .dbx-rich-content strong,
.dbx-title-text-button-section--navy-shape .dbx-rich-content > * {
  color: #fff;
}
.dbx-title-text-button-section--navy-shape .dbx-rich-content strong {
  font-weight: 700;
}
.dbx-title-text-button-section--navy-shape .dbx-rich-content a {
  text-decoration: underline;
}
.dbx-title-text-button-section--navy-shape .dbx-rich-content a:hover {
  color: #d2d3d7;
}
.dbx-title-text-button-section--navy-shape
  .dbx-title-text-button-section__button {
  color: #2e4797;
  background-color: #fff;
  margin-bottom: 16px;
}
.dbx-title-text-button-section--navy-shape
  .dbx-title-text-button-section__button:hover {
  background-color: #d2d3d7;
}
.dbx-title-text-button-section--navy-shape
  .dbx-title-text-button-section__subtext {
  color: rgba(255, 255, 255, 0.6);
}
.dbx-title-text-button-section--navy-shape .dbx-container {
  background-color: #2e4797;
}
.dbx-title-text-button-section--navy-shape .dbx-buttons__button-subtext {
  color: #fff;
}
.dbx-title-text-button-section--navy-shape .dbx-buttons__container-subtext {
  color: #fff;
}
.dbx-title-text-button-section--blue-gradient-shape {
  color: #fff;
}
.dbx-title-text-button-section--blue-gradient-shape .dbx-rich-content {
  color: #fff;
}
.dbx-title-text-button-section--blue-gradient-shape .dbx-rich-content a,
.dbx-title-text-button-section--blue-gradient-shape .dbx-rich-content p,
.dbx-title-text-button-section--blue-gradient-shape .dbx-rich-content strong,
.dbx-title-text-button-section--blue-gradient-shape .dbx-rich-content > * {
  color: #fff;
}
.dbx-title-text-button-section--blue-gradient-shape .dbx-rich-content strong {
  font-weight: 700;
}
.dbx-title-text-button-section--blue-gradient-shape .dbx-rich-content a {
  text-decoration: underline;
}
.dbx-title-text-button-section--blue-gradient-shape .dbx-rich-content a:hover {
  color: #d2d3d7;
}
.dbx-title-text-button-section--blue-gradient-shape
  .dbx-title-text-button-section__button {
  color: #4d71f1;
  background-color: #fff;
  margin-bottom: 16px;
}
.dbx-title-text-button-section--blue-gradient-shape
  .dbx-title-text-button-section__button:hover {
  background-color: #d2d3d7;
}
.dbx-title-text-button-section--blue-gradient-shape
  .dbx-title-text-button-section__subtext {
  color: rgba(255, 255, 255, 0.6);
}
.dbx-title-text-button-section--blue-gradient-shape .dbx-container {
  background: linear-gradient(60.87deg, #6847e3 -12.68%, #4d71f1 67.05%);
}
.dbx-title-text-button-section--blue-gradient-shape
  .dbx-buttons__button-subtext {
  color: #fff;
}
.dbx-title-text-button-section--blue-gradient-shape
  .dbx-buttons__container-subtext {
  color: #fff;
}
.dbx-title-text-button-section--light-blue-rectangle .dbx-rich-content {
  color: #72757c;
}
.dbx-title-text-button-section--light-blue-rectangle .dbx-rich-content strong {
  color: #1c1d1f;
}
.dbx-title-text-button-section--light-blue-rectangle .dbx-rich-content a {
  text-decoration: underline;
  color: #1c1d1f;
}
.dbx-title-text-button-section--light-blue-rectangle .dbx-rich-content a:hover {
  color: #72757c;
}
.dbx-title-text-button-section--light-blue-rectangle
  .dbx-title-text-button-section__button {
  color: #fff;
  background-color: #4d71f1;
  margin-bottom: 16px;
}
.dbx-title-text-button-section--light-blue-rectangle
  .dbx-title-text-button-section__button:hover {
  background-color: #405ed1;
}
.dbx-title-text-button-section--light-blue-rectangle .dbx-container {
  background-color: rgba(77, 113, 241, 0.1);
}
.dbx-title-text-button-section--benchmarks-shape {
  color: #000;
}
.dbx-title-text-button-section--benchmarks-shape .dbx-rich-content {
  color: #72757c;
}
.dbx-title-text-button-section--benchmarks-shape .dbx-rich-content strong {
  color: #1c1d1f;
}
.dbx-title-text-button-section--benchmarks-shape .dbx-rich-content a {
  text-decoration: underline;
  color: #1c1d1f;
}
.dbx-title-text-button-section--benchmarks-shape .dbx-rich-content a:hover {
  color: #72757c;
}
.dbx-title-text-button-section--benchmarks-shape
  .dbx-title-text-button-section__button {
  color: #fff;
  background-color: #515aa7;
  margin-bottom: 16px;
}
.dbx-title-text-button-section--benchmarks-shape
  .dbx-title-text-button-section__button:hover {
  background-color: #4a5298;
}
.dbx-title-text-button-section--benchmarks-shape
  .dbx-title-text-button-section__subtext {
  color: #000;
}
.dbx-title-text-button-section--benchmarks-shape .dbx-container {
  background: linear-gradient(
    254.47deg,
    #f7eaff 0.91%,
    #ecffee 33.18%,
    #d6e5f3 68.01%,
    #e2ebf1 99.26%
  );
}
@media screen and (min-width: 768px) {
  .dbx-title-text-button-section__title {
    font-size: 3rem;
    line-height: 3.5rem;
  }
}
@media screen and (min-width: 1280px) {
  .dbx-title-text-button-section--navy-shape {
    color: #fff;
  }
  .dbx-title-text-button-section--navy-shape .dbx-container {
    background: url(../img/templates/integration-detail/cta-background.png);
    background-size: 100% 100%;
  }
  .dbx-title-text-button-section--blue-gradient-shape {
    color: #fff;
  }
  .dbx-title-text-button-section--blue-gradient-shape .dbx-container {
    background: url(../img/blocks/title-text-buttons/blue-gradient.png);
    background-size: 100% 100%;
  }
  .dbx-title-text-button-section--benchmarks-shape .dbx-container {
    background: url(../img/blocks/title-text-buttons/benchmarks-gradient.png);
    background-size: 100% 100%;
  }
}
.dbx-quote-section {
  padding-block: 64px;
  background: linear-gradient(
    119.85deg,
    rgba(103, 147, 169, 0.1) 62.57%,
    rgba(255, 255, 255, 0) 162.02%
  );
}
@media screen and (min-width: 768px) {
  .dbx-quote-section {
    padding-block: 96px;
  }
}
.dbx-quote-section__container {
  display: flex;
  flex-direction: column;
  background-color: #fff;
  padding: 48px 16px;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.1);
  border-radius: 16px;
  row-gap: 24px;
}
.dbx-quote-section__top-container {
  display: flex;
  flex-direction: row-reverse;
  gap: 24px;
  flex-wrap: wrap;
  justify-content: start;
}
.dbx-quote-section__bottom-container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 24px;
}
.dbx-quote-section .dbx-quote-section__quote {
  font-size: 1.125rem;
  line-height: 1.5rem;
}
.dbx-quote-section__author-info {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.dbx-quote-section__img {
  border-radius: 5px;
  width: 100%;
}
.dbx-quote-section__name {
  font-size: 1.125rem;
  line-height: 1.5rem;
  font-weight: 700;
}
.dbx-quote-section__position {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.dbx-quote-section__list,
.dbx-quote-section__quote {
  flex: 1;
  flex-basis: 266px;
}
.dbx-quote-section__author-container,
.dbx-quote-section__logo-container {
  flex-basis: 169px;
}
.dbx-quote-section__author-container {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.dbx-quote-section__logo-container {
  display: none;
}
.dbx-quote-section__list {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 0;
}
.dbx-quote-section__list::before {
  width: 100%;
  content: "";
  margin-bottom: 16px;
  display: inline-block;
  border-top: 1px solid rgba(142, 146, 155, 0.2);
}
.dbx-quote-section__list-item {
  display: flex;
  align-items: start;
  gap: 8px;
}
.dbx-quote-section__list-item p {
  margin: 0;
  font-size: 1rem !important;
  line-height: 1.5rem !important;
}
.dbx-quote-section__list-item::before {
  margin-top: 2px;
  color: #7540ab;
  font-size: 16px;
}
.dbx-quote-section__quote {
  display: flex;
  flex-direction: column;
  gap: 32px;
  font-size: 1.125rem;
  line-height: 1.5rem;
  position: relative;
}
.dbx-quote-section__bottom-container .dbx-quote-section__quote {
  display: none;
}
.dbx-quote-section__quote::before {
  content: url("/wp-content/themes/databox/inc/img/blocks/quote-section/quotes.svg");
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(-15%, -15%);
}
.dbx-quote-section strong {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .dbx-quote-section__author-container,
  .dbx-quote-section__logo-container {
    flex-basis: 258px;
  }
  .dbx-quote-section__logo-container {
    display: block;
  }
}
@media screen and (min-width: 1200px) {
  .dbx-quote-section {
    padding-block: 104px;
  }
  .dbx-quote-section .dbx-quote-section__container {
    padding: 48px;
  }
  .dbx-quote-section .dbx-quote-section__quote {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}
.dbx-repeater-image-text-card-section .dbx-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.dbx-repeater-image-text-card-section strong {
  font-weight: 700;
}
.dbx-repeater-image-text-card-section .dbx-template-card {
  max-width: 518px;
}
.dbx-repeater-image-text-card-section__card-container {
  display: flex;
  gap: 24px;
  margin-top: 40px;
}
.dbx-repeater-image-text-card-section .dbx-template-card__info-container {
  margin: 0;
  padding: 24px;
  gap: 16px;
}
.dbx-templates-preview-section {
  margin-block: 96px;
}
@media screen and (min-width: 768px) {
  .dbx-templates-preview-section {
    margin-block: 128px;
  }
}
.dbx-templates-preview-section .dbx-template-cards-section__text {
  color: #000;
  font-weight: 400;
}
.dbx-templates-preview-section .templates-popup-holder {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
  background: rgba(28, 29, 31, 0.8);
  display: none;
}
.dbx-templates-preview-section .templates-popup-holder .templates-popup {
  background: #fff;
  border-radius: 6px;
  padding: 40px 10px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  width: 90%;
  max-width: 90%;
  margin: auto;
  display: block;
  max-width: 1200px;
  max-height: 90vh;
  overflow: auto;
}
.dbx-templates-preview-section
  .templates-popup-holder
  .templates-popup
  .container {
  width: 100%;
}
.dbx-templates-preview-section
  .templates-popup-holder
  .templates-popup
  .container
  .popup-col-right {
  text-align: left;
}
.dbx-templates-preview-section
  .templates-popup-holder
  .templates-popup
  .container
  .popup-col-right
  .btn {
  margin: 0 !important;
}
.dbx-templates-preview-section
  .templates-popup-holder
  .templates-popup
  .icon-close {
  position: absolute;
  top: 25px;
  right: 25px;
  font-size: 18px;
  cursor: pointer;
  z-index: 99;
}
.dbx-templates-preview-section .templates-popup-holder .templates-popup .row {
  display: block;
}
.dbx-templates-preview-section
  .templates-popup-holder
  .templates-popup
  .row
  .popup-col-left
  img {
  max-width: 100%;
  display: block;
  border-radius: 6px;
  width: 100%;
}
.dbx-templates-preview-section .templates-popup-holder .templates-popup .steps {
  margin-top: 13px;
  overflow: hidden;
  width: 100%;
}
.dbx-templates-preview-section
  .templates-popup-holder
  .templates-popup
  .steps
  .slick-dots {
  display: flex;
  justify-content: flex-start;
  position: relative;
  bottom: 0;
}
.dbx-templates-preview-section
  .templates-popup-holder
  .templates-popup
  .steps
  .slick-dots
  li {
  padding: 0;
  margin: 0;
  flex-shrink: 0;
  width: 29%;
}
.dbx-templates-preview-section
  .templates-popup-holder
  .templates-popup
  .steps
  .slick-dots
  li.slick-active
  .thumbImg {
  border: 3px solid #d05858;
}
.dbx-templates-preview-section
  .templates-popup-holder
  .templates-popup
  .steps
  button {
  border-radius: 0;
  width: calc(100% - 16px);
  height: 98px;
  margin-right: 16px;
  background: 0 0;
}
.dbx-templates-preview-section
  .templates-popup-holder
  .templates-popup
  .steps
  .thumbImg {
  width: 100%;
  height: 98px;
  background-size: cover !important;
  border-radius: 6px;
  display: block;
  border: 3px solid #fff;
}
.dbx-templates-preview-section
  .templates-popup-holder
  .templates-popup
  .popup-col-right
  .avatarInner {
  width: 30px;
  height: 30px;
  margin-bottom: 12px;
  margin-top: 100px;
}
.dbx-templates-preview-section
  .templates-popup-holder
  .templates-popup
  .popup-col-right
  .avatarInner
  img {
  max-width: 100%;
  border-radius: 100%;
}
.dbx-templates-preview-section
  .templates-popup-holder
  .templates-popup
  .popup-col-right
  h3 {
  font-weight: 500;
  font-size: 28px;
  line-height: 40px;
  color: #393a3e;
  margin: 0 0 8px;
  max-width: 388px;
}
.dbx-templates-preview-section
  .templates-popup-holder
  .templates-popup
  .popup-col-right
  p {
  color: #8e929b;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  margin: 0 0 40px;
}
.dbx-templates-preview-section
  .templates-popup-holder
  .templates-popup
  .popup-col-right
  .btn {
  text-transform: none;
}
@media screen and (max-width: 991px) {
  .dbx-templates-preview-section .templates-popup-holder .templates-popup {
    padding-top: 55px;
  }
  .dbx-templates-preview-section
    .templates-popup-holder
    .templates-popup
    .icon-close {
    top: 15px;
  }
}
.dbx-templates-preview-section--smaller-container-on-desktop .dbx-container {
  max-width: 1000px;
}
.dbx-repeater-collapsible-icon-card-section {
  margin-block: 96px;
}
@media screen and (min-width: 768px) {
  .dbx-repeater-collapsible-icon-card-section {
    margin-block: 128px;
  }
}
.dbx-repeater-collapsible-icon-card-section b,
.dbx-repeater-collapsible-icon-card-section strong {
  font-weight: 700;
}
.dbx-repeater-collapsible-icon-card-section .dbx-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.dbx-repeater-collapsible-icon-card-section__column-container {
  gap: 8px;
  margin-bottom: 40px;
}
.dbx-repeater-collapsible-icon-card-section__left-card-container,
.dbx-repeater-collapsible-icon-card-section__right-card-container {
  gap: 8px;
  display: flex;
  flex-direction: column;
}
.dbx-repeater-collapsible-icon-card-section__btn {
  margin-bottom: 12px;
}
.dbx-repeater-collapsible-icon-card-section__subtext {
  font-size: 0.875rem;
}
@media screen and (min-width: 768px) {
  .dbx-repeater-collapsible-icon-card-section__left-card-container,
  .dbx-repeater-collapsible-icon-card-section__right-card-container {
    gap: 24px;
  }
  .dbx-repeater-collapsible-icon-card-section__column-container {
    gap: 24px;
  }
}
.dbx-cta {
  margin-block: 100px;
  overflow: hidden;
}
.dbx-cta .dbx-container {
  padding-block: 40px;
  width: 100%;
  max-width: 1280px;
  position: relative;
  z-index: 1;
}
.dbx-cta .dbx-container::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
}
.dbx-cta .dbx-container::after {
  content: "";
  clip-path: polygon(
    2.403% 90.97%,
    0.007% 11.877%,
    0.007% 11.877%,
    0.007% 11.386%,
    0.034% 10.916%,
    0.088% 10.473%,
    0.165% 10.065%,
    0.263% 9.697%,
    0.381% 9.378%,
    0.515% 9.114%,
    0.665% 8.913%,
    0.826% 8.781%,
    0.999% 8.725%,
    98.92% 0.103%,
    98.92% 0.103%,
    99.101% 0.131%,
    99.273% 0.245%,
    99.432% 0.436%,
    99.575% 0.697%,
    99.701% 1.019%,
    99.807% 1.395%,
    99.89% 1.818%,
    99.947% 2.278%,
    99.976% 2.769%,
    99.974% 3.283%,
    96.796% 97.307%,
    96.796% 97.307%,
    96.769% 97.75%,
    96.719% 98.166%,
    96.649% 98.55%,
    96.561% 98.898%,
    96.455% 99.203%,
    96.336% 99.462%,
    96.203% 99.67%,
    96.06% 99.821%,
    95.908% 99.911%,
    95.749% 99.935%,
    3.402% 93.627%,
    3.402% 93.627%,
    3.248% 93.583%,
    3.101% 93.478%,
    2.964% 93.316%,
    2.837% 93.101%,
    2.723% 92.838%,
    2.623% 92.533%,
    2.54% 92.188%,
    2.474% 91.81%,
    2.428% 91.402%,
    2.403% 90.97%
  );
  position: absolute;
  top: 2px;
  left: 2px;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  z-index: -1;
}
.dbx-cta .dbx-cta__title {
  font-size: 1.5rem;
  line-height: 2rem;
  text-align: center;
  margin-bottom: 32px;
  max-width: 450px;
  align-self: center;
}
.dbx-cta .dbx-btn {
  padding: 8px 16px;
}
.dbx-cta__container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.dbx-cta__content {
  order: 1;
  display: flex;
  flex-direction: column;
}
.dbx-cta__btn-container {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
}
.dbx-cta__img-container {
  max-width: 100%;
  min-width: 0;
  display: flex;
  justify-content: center;
}
.dbx-cta__img {
  order: -1;
  max-width: 100%;
}
.dbx-cta--navy-shape {
  color: #fff;
}
.dbx-cta--navy-shape .dbx-container::before {
  background-color: #2e4797;
}
.dbx-cta--gray-border-shape {
  border-block: 2px solid rgba(142, 146, 155, 0.2);
}
.dbx-cta--blue-gradient-shape {
  color: #fff;
}
.dbx-cta--blue-gradient-shape .dbx-container::before {
  background: linear-gradient(60.87deg, #6847e3 -12.68%, #4d71f1 67.05%);
}
@media screen and (min-width: 768px) {
  .dbx-cta .dbx-cta__title {
    text-align: left;
    font-size: 2rem;
    line-height: 2.5rem;
    align-self: start;
    max-width: none;
  }
  .dbx-cta__btn-container {
    justify-content: start;
  }
  .dbx-cta__img-container {
    display: block;
  }
  .dbx-cta__img {
    order: 1;
    max-width: none;
  }
  .dbx-cta__content {
    order: -1;
  }
}
@media screen and (min-width: 1280px) {
  .dbx-cta .dbx-container::before {
    clip-path: polygon(
      2.403% 90.97%,
      0.007% 11.877%,
      0.007% 11.877%,
      0.007% 11.386%,
      0.034% 10.916%,
      0.088% 10.473%,
      0.165% 10.065%,
      0.263% 9.697%,
      0.381% 9.378%,
      0.515% 9.114%,
      0.665% 8.913%,
      0.826% 8.781%,
      0.999% 8.725%,
      98.92% 0.103%,
      98.92% 0.103%,
      99.101% 0.131%,
      99.273% 0.245%,
      99.432% 0.436%,
      99.575% 0.697%,
      99.701% 1.019%,
      99.807% 1.395%,
      99.89% 1.818%,
      99.947% 2.278%,
      99.976% 2.769%,
      99.974% 3.283%,
      96.796% 97.307%,
      96.796% 97.307%,
      96.769% 97.75%,
      96.719% 98.166%,
      96.649% 98.55%,
      96.561% 98.898%,
      96.455% 99.203%,
      96.336% 99.462%,
      96.203% 99.67%,
      96.06% 99.821%,
      95.908% 99.911%,
      95.749% 99.935%,
      3.402% 93.627%,
      3.402% 93.627%,
      3.248% 93.583%,
      3.101% 93.478%,
      2.964% 93.316%,
      2.837% 93.101%,
      2.723% 92.838%,
      2.623% 92.533%,
      2.54% 92.188%,
      2.474% 91.81%,
      2.428% 91.402%,
      2.403% 90.97%
    );
  }
  .dbx-cta--navy-shape {
    color: #fff;
  }
  .dbx-cta--navy-shape .dbx-container::before {
    clip-path: polygon(
      2.403% 90.97%,
      0.007% 11.877%,
      0.007% 11.877%,
      0.007% 11.386%,
      0.034% 10.916%,
      0.088% 10.473%,
      0.165% 10.065%,
      0.263% 9.697%,
      0.381% 9.378%,
      0.515% 9.114%,
      0.665% 8.913%,
      0.826% 8.781%,
      0.999% 8.725%,
      98.92% 0.103%,
      98.92% 0.103%,
      99.101% 0.131%,
      99.273% 0.245%,
      99.432% 0.436%,
      99.575% 0.697%,
      99.701% 1.019%,
      99.807% 1.395%,
      99.89% 1.818%,
      99.947% 2.278%,
      99.976% 2.769%,
      99.974% 3.283%,
      96.796% 97.307%,
      96.796% 97.307%,
      96.769% 97.75%,
      96.719% 98.166%,
      96.649% 98.55%,
      96.561% 98.898%,
      96.455% 99.203%,
      96.336% 99.462%,
      96.203% 99.67%,
      96.06% 99.821%,
      95.908% 99.911%,
      95.749% 99.935%,
      3.402% 93.627%,
      3.402% 93.627%,
      3.248% 93.583%,
      3.101% 93.478%,
      2.964% 93.316%,
      2.837% 93.101%,
      2.723% 92.838%,
      2.623% 92.533%,
      2.54% 92.188%,
      2.474% 91.81%,
      2.428% 91.402%,
      2.403% 90.97%
    );
  }
  .dbx-cta--gray-border-shape {
    border: none;
  }
  .dbx-cta--gray-border-shape .dbx-container::before {
    background-color: rgba(142, 146, 155, 0.2);
  }
  .dbx-cta--gray-border-shape .dbx-container::after {
    background-color: #fff;
  }
  .dbx-cta--blue-gradient-shape {
    color: #fff;
  }
  .dbx-cta--blue-gradient-shape .dbx-container::before {
    clip-path: polygon(
      2.403% 90.97%,
      0.007% 11.877%,
      0.007% 11.877%,
      0.007% 11.386%,
      0.034% 10.916%,
      0.088% 10.473%,
      0.165% 10.065%,
      0.263% 9.697%,
      0.381% 9.378%,
      0.515% 9.114%,
      0.665% 8.913%,
      0.826% 8.781%,
      0.999% 8.725%,
      98.92% 0.103%,
      98.92% 0.103%,
      99.101% 0.131%,
      99.273% 0.245%,
      99.432% 0.436%,
      99.575% 0.697%,
      99.701% 1.019%,
      99.807% 1.395%,
      99.89% 1.818%,
      99.947% 2.278%,
      99.976% 2.769%,
      99.974% 3.283%,
      96.796% 97.307%,
      96.796% 97.307%,
      96.769% 97.75%,
      96.719% 98.166%,
      96.649% 98.55%,
      96.561% 98.898%,
      96.455% 99.203%,
      96.336% 99.462%,
      96.203% 99.67%,
      96.06% 99.821%,
      95.908% 99.911%,
      95.749% 99.935%,
      3.402% 93.627%,
      3.402% 93.627%,
      3.248% 93.583%,
      3.101% 93.478%,
      2.964% 93.316%,
      2.837% 93.101%,
      2.723% 92.838%,
      2.623% 92.533%,
      2.54% 92.188%,
      2.474% 91.81%,
      2.428% 91.402%,
      2.403% 90.97%
    );
  }
}
.dbx-tabs-switcher {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.dbx-tabs-switcher .tabs-switcher__header {
  gap: 16px;
  border-bottom: none;
  background-color: #f3f4f5;
  padding: 0 18px;
  border-radius: 8px;
  overflow-x: auto;
}
.dbx-tabs-switcher .tabs-switcher__header .tab {
  text-align: center;
  flex: 0 1 auto;
  padding: 20px 0 15px;
  min-width: min-content;
  margin-bottom: 0;
  white-space: nowrap;
}
.dbx-tabs-switcher .tabs-switcher__header .tab::after {
  display: block;
  content: attr(title);
  font-weight: 700;
  height: 0;
  color: transparent;
  overflow: hidden;
  visibility: hidden;
}
.dbx-tabs-switcher .tabs-switcher__header .tab.selected {
  font-weight: 700;
  border-bottom: 2px solid #1189cb;
}
.dbx-speech-bubble {
  display: flex;
  gap: 17px;
  flex-direction: column;
  align-items: center;
  margin-block: 96px;
}
@media screen and (min-width: 768px) {
  .dbx-speech-bubble {
    margin-block: 128px;
  }
}
.dbx-speech-bubble__image-container {
  flex-shrink: 0;
  position: relative;
  width: 72px;
  height: 72px;
  border-radius: 100%;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
.dbx-speech-bubble__image {
  height: 100%;
  width: auto;
}
.dbx-speech-bubble__content {
  flex-grow: 1;
  background-color: rgba(142, 146, 155, 0.1);
  padding: 24px;
  position: relative;
  border-radius: 8px;
  align-self: stretch;
  font-size: 1rem;
  line-height: 1.25rem;
}
.dbx-speech-bubble__content::before {
  content: "";
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid rgba(142, 146, 155, 0.1);
}
@media screen and (min-width: 768px) {
  .dbx-speech-bubble {
    flex-direction: row;
    gap: 34px;
  }
  .dbx-speech-bubble__image-container {
    width: 84px;
    height: 84px;
  }
  .dbx-speech-bubble__content::before {
    top: 50%;
    left: -20px;
    transform: translateY(-50%);
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid rgba(142, 146, 155, 0.1);
  }
}
.dbx-cta-2 {
  display: flex;
  flex-direction: column-reverse;
  gap: 24px;
  padding: 24px;
  background-color: rgba(77, 113, 241, 0.1);
  border-radius: 16px;
  align-items: stretch;
  max-height: min-content;
  margin-block: 96px;
}
@media screen and (min-width: 768px) {
  .dbx-cta-2 {
    margin-block: 128px;
  }
}
.dbx-cta-2__image-column {
  display: flex;
  align-items: flex-start;
  flex: 1;
}
.dbx-cta-2__image-container {
  width: 100%;
  height: auto;
  position: relative;
  border-radius: 12px;
  overflow: hidden;
}
.dbx-cta-2__image-container > img {
  height: 100%;
  width: 100%;
}
.dbx-cta-2__image-caption {
  color: #fff;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 8px;
  font-size: 12px;
  z-index: 10;
  bottom: 0;
  width: 100%;
}
.dbx-cta-2__text-container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: start;
  padding-block: 24px;
  flex: 1.75;
}
@media screen and (min-width: 768px) {
  .dbx-cta-2__image-container {
    max-width: 450px;
  }
}
@media screen and (min-width: 1200px) {
  .dbx-cta-2 {
    flex-direction: row;
  }
  .dbx-cta-2__image-container {
    max-width: none;
  }
}
.dbx-title-text {
  margin-bottom: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 48px;
}
.dbx-title-text__top {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
.dbx-title-text__title {
  font-size: 2rem;
  line-height: 2.5rem;
  text-align: center;
  font-weight: 800;
  max-width: 1000px;
}
.dbx-title-text__text {
  text-align: center;
  max-width: 850px;
}
.dbx-title-text__subtitle {
  font-size: 1.25rem;
  line-height: 2rem;
  text-align: center;
  font-weight: 600;
  max-width: 1000px;
  margin: 0;
}
@media screen and (min-width: 768px) {
  .dbx-title-text {
    margin-bottom: 64px;
    gap: 64px;
  }
  .dbx-title-text__title {
    font-size: 3rem;
    line-height: 3.5rem;
  }
  .dbx-title-text__subtitle {
    font-size: 1.75rem;
    line-height: 2.5rem;
  }
}
.dbx-repeater-collapsible-card-section {
  margin-block: 96px;
  --card-inner-padding: 24px;
}
@media screen and (min-width: 768px) {
  .dbx-repeater-collapsible-card-section {
    margin-block: 128px;
  }
}
.dbx-repeater-collapsible-card-section__card-container {
  display: flex;
  flex-direction: column;
  gap: 36px;
}
.dbx-repeater-collapsible-card-section__collapsible-card {
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 0.05);
  box-shadow: 0 3px 15px rgba(0, 0, 0, 0.05);
}
.dbx-repeater-collapsible-card-section .dbx-collapsible__listener-element {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 24px var(--card-inner-padding);
  cursor: pointer;
}
.dbx-repeater-collapsible-card-section .dbx-collapsible__listener-element h4 {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
}
.dbx-repeater-collapsible-card-section
  .dbx-collapsible__listener-element
  .icon::before {
  transition: all 0.4s;
  transform: rotate(90deg);
  font-size: 0.875rem;
  color: rgba(142, 146, 155, 0.8);
}
.dbx-repeater-collapsible-card-section .dbx-collapsible__collapsible-container {
  transition: height 0.3s;
}
.dbx-repeater-collapsible-card-section .dbx-collapsible__collapsible-content {
  padding: 8px var(--card-inner-padding) 32px var(--card-inner-padding);
  font-size: 1rem;
}
.dbx-repeater-collapsible-card-section .dbx-collapsible--active .icon::before {
  transform: rotate(270deg);
}
.dbx-repeater-collapsible-card-section__collapsible-button {
  margin-top: 32px;
}
.dbx-repeater-collapsible-card-section strong {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .dbx-repeater-collapsible-card-section {
    --card-inner-padding: 40px;
  }
  .dbx-repeater-collapsible-card-section .dbx-collapsible__listener-element h4 {
    font-size: 1.125rem;
    line-height: 1.675rem;
  }
}
.dbx-feature-highlight-section {
  margin-block: 96px;
}
@media screen and (min-width: 768px) {
  .dbx-feature-highlight-section {
    margin-block: 128px;
  }
}
.dbx-repeater-link-card-section {
  margin-block: 96px;
}
@media screen and (min-width: 768px) {
  .dbx-repeater-link-card-section {
    margin-block: 128px;
  }
}
.dbx-repeater-link-card-section__top-rich-content {
  margin-bottom: 64px;
}
.dbx-repeater-link-card-section__bottom-rich-content {
  margin-top: 64px;
}
.dbx-repeater-card-section {
  margin-block: 96px;
}
@media screen and (min-width: 768px) {
  .dbx-repeater-card-section {
    margin-block: 128px;
  }
}
.dbx-repeater-card-section__card-container {
  margin-left: 16px;
  row-gap: 64px;
}
.dbx-repeater-card-section--background-blue {
  margin: 0;
  padding-block: 64px;
  background-color: rgba(64, 94, 209, 0.1);
}
@media screen and (min-width: 768px) {
  .dbx-repeater-card-section--background-blue {
    padding-block: 96px;
  }
}
@media screen and (min-width: 768px) {
  .dbx-repeater-card-section__card-container {
    gap: 96px 32px;
  }
}
.dbx-quote-2-section {
  margin-block: 96px;
}
@media screen and (min-width: 768px) {
  .dbx-quote-2-section {
    margin-block: 128px;
  }
}
.dbx-agency-integrations-section {
  margin-block: 96px;
}
@media screen and (min-width: 768px) {
  .dbx-agency-integrations-section {
    margin-block: 128px;
  }
}
.dbx-agency-integrations-section .dbx-container {
  display: flex;
  flex-direction: column;
}
.dbx-agency-integrations-section .dbx-container:last-child {
  gap: 40px;
}
.dbx-agency-integrations-section__images-container {
  margin-bottom: 56px;
  grid-auto-flow: column;
  grid-auto-columns: 220px;
}
.dbx-agency-integrations-section__secondary-text {
  align-self: center;
  color: #8e929b;
  text-align: center;
}
.dbx-agency-integrations-section__card-container {
  grid-template-columns: repeat(auto-fit, minmax(300px, 1px));
  place-content: center;
}
.dbx-agency-integrations-section__card-container .dbx-icon-card {
  padding: 12px 16px;
  background-color: #fff;
}
.dbx-agency-integrations-section__card-container .dbx-icon-card__text {
  font-size: 12px;
  color: #8e929b;
}
.dbx-agency-integrations-section__image-container {
  position: relative;
}
.dbx-agency-integrations-section__image-container::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: #fff;
  z-index: -1;
  border-radius: 8px;
}
.dbx-agency-integrations-section__image {
  border-radius: 8px;
}
.dbx-solution-cards {
  margin-block: 96px;
}
@media screen and (min-width: 768px) {
  .dbx-solution-cards {
    margin-block: 128px;
  }
}
.dbx-solution-cards .dbx-enhanced-card__title {
  font-size: 1.75rem;
  line-height: 2rem;
  font-weight: 800;
}
.dbx-solution-cards .dbx-rich-content {
  margin-top: 48px;
}
@media screen and (min-width: 768px) {
  .dbx-solution-cards .dbx-enhanced-card__title {
    font-size: 2.5rem;
    line-height: 3rem;
  }
}
.dbx-inspiring-workplace-section {
  margin-block: 96px;
}
@media screen and (min-width: 768px) {
  .dbx-inspiring-workplace-section {
    margin-block: 128px;
  }
}
.dbx-inspiring-workplace-section .dbx-inspiring-workplace-section__container {
  padding: 48px;
  display: flex;
  align-items: center;
  gap: 48px;
  position: relative;
}
.dbx-inspiring-workplace-section
  .dbx-inspiring-workplace-section__container
  .dbx-inspiring-workplace-section__text {
  color: #1b2024;
  font-size: 1.125rem;
  line-height: 1.675rem;
  margin: 0;
}
.dbx-inspiring-workplace-section
  .dbx-inspiring-workplace-section__container::after {
  border-radius: 24px;
  opacity: 0.1;
  z-index: -1;
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(106.32deg, #9053c4 -4%, #d46c82 89.91%);
}
.dbx-inspiring-workplace-section strong {
  font-weight: 700;
}
@media screen and (max-width: 500px) {
  .dbx-inspiring-workplace-section .dbx-inspiring-workplace-section__container {
    padding: 32px 16px 16px;
  }
}
@media screen and (max-width: 768px) {
  .dbx-inspiring-workplace-section .dbx-inspiring-workplace-section__container {
    flex-direction: column;
  }
}
.dbx-benchmarks-table-section {
  margin-top: 60px;
}
.dbx-benchmarks-table-section__container {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}
.dbx-benchmarks-table-section__filter {
  display: flex;
  background-color: #f9f9fa;
  padding: 4px;
  border-radius: 8px;
  align-items: center;
  gap: 4px;
}
.dbx-benchmarks-table-section__filter-dropdown {
  display: none;
  padding: 16px;
  color: #fff;
  background-color: #4d71f1;
  border-radius: 6px;
}
.dbx-benchmarks-table-section__filter-dropdown:hover {
  cursor: pointer;
  background-color: #45aad9;
}
.dbx-benchmarks-table-section__filter-dropdown > .icon::before {
  transform: rotate(90deg);
  margin-top: 4px;
}
.dbx-benchmarks-table-section__dropdown {
  display: none;
  position: absolute;
  background-color: #f9f9fa;
  overflow: auto;
  box-shadow: 0 3px 15px rgba(0, 0, 0, 0.05);
  border-radius: 6px;
  z-index: 1;
  align-self: flex-start;
  margin-top: 60px;
  margin-right: 20px;
  right: 0;
}
.dbx-benchmarks-table-section__dropdown.active {
  display: block;
}
.dbx-benchmarks-table-section__tabs {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.dbx-benchmarks-table-section__dropdown > .tab,
.dbx-benchmarks-table-section__tabs > .tab {
  display: flex;
  justify-content: center;
  padding: 16px 8px;
  border-radius: 6px;
  min-width: 200px;
  width: 250px;
  cursor: pointer;
  text-align: center;
  transition: all 0.2s;
  user-select: none;
  font-size: 16px;
  line-height: 22px;
}
.dbx-benchmarks-table-section__dropdown > .tab.selected,
.dbx-benchmarks-table-section__tabs > .tab.selected {
  color: #4d71f1;
  background-color: #fff;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  font-weight: 600;
  cursor: default;
}
.dbx-benchmarks-table-section__dropdown > .tab:not(.selected):hover,
.dbx-benchmarks-table-section__tabs > .tab:not(.selected):hover {
  color: #4d71f1;
  background-color: #e8f5fb;
}
.dbx-benchmarks-table-section .dbx-table {
  flex: 1;
}
.dbx-benchmarks-table-section__after-text {
  margin-block: 40px 80px;
}
.dbx-benchmarks-table-section .dbx-benchmarks-table-body {
  display: none;
}
@media screen and (max-width: 768px) {
  .dbx-benchmarks-table-section__container {
    flex-direction: column;
  }
  .dbx-benchmarks-table-section__filter {
    width: 100%;
  }
  .dbx-benchmarks-table-section__filter-dropdown {
    display: block;
  }
  .dbx-benchmarks-table-section__tabs {
    width: 100%;
  }
  .dbx-benchmarks-table-section__tabs > .tab {
    align-items: center;
    width: 100%;
    transition: none;
  }
  .dbx-benchmarks-table-section__tabs > .tab:not(.selected) {
    display: none;
  }
}
.dbx-repeater-video-section__video-container {
  margin-inline: auto;
  display: flex;
  flex-direction: column;
  gap: 32px;
  max-width: 1000px;
}
.dbx-repeater-video-section .dbx-buttons {
  padding-bottom: 0;
}
.dbx-repeater-video-section--background-solid-blue {
  padding-block: 64px;
  background-color: rgba(77, 113, 241, 0.1);
}
@media screen and (min-width: 768px) {
  .dbx-repeater-video-section--background-solid-blue {
    padding-block: 96px;
  }
}
.dbx-repeater-video-section--background-gradient-blue-white {
  padding-top: 64px;
  margin-bottom: 64px;
  background: linear-gradient(180deg, rgba(77, 113, 241, 0.1), #fff);
}
@media screen and (min-width: 768px) {
  .dbx-repeater-video-section--background-gradient-blue-white {
    padding-top: 96px;
  }
}
@media screen and (min-width: 768px) {
  .dbx-repeater-video-section--background-gradient-blue-white {
    margin-bottom: 96px;
  }
}
.dbx-buttons {
  display: flex;
  flex-direction: column;
  margin-top: 48px;
  gap: 16px;
}
.dbx-buttons__buttons-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: start;
  gap: 16px;
  flex-wrap: wrap;
}
.dbx-buttons .dbx-btn {
  position: relative;
}
.dbx-buttons__btn-wrapper {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.dbx-buttons__button-subtext {
  color: rgba(142, 146, 155, 0.8);
  font-weight: 400;
  font-size: 0.875rem;
  text-align: center;
}
.dbx-buttons__container-subtext {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.dbx-buttons__container-subtext a {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.dbx-buttons--align-left .dbx-buttons__buttons-container {
  justify-content: flex-start;
}
.dbx-buttons--align-center .dbx-buttons__buttons-container {
  justify-content: center;
}
.dbx-buttons--align-right .dbx-buttons__buttons-container {
  justify-content: flex-end;
}
.dbx-rich-content {
  font-size: 1rem;
  line-height: 1.5rem;
}
.dbx-rich-content > * {
  margin-inline: auto;
}
.dbx-rich-content p {
  font-size: 1rem;
  line-height: 1.5rem;
  color: #393a3e;
}
.dbx-rich-content h1 {
  font-size: 2.5rem;
  line-height: 2.875rem;
  margin-block: 32px 24px;
}
.dbx-rich-content h2 {
  font-size: 2rem;
  line-height: 2.5rem;
  margin-block: 24px 16px;
}
.dbx-rich-content h3 {
  font-size: 1.5rem;
  line-height: 2rem;
  margin-block: 16px 12px;
}
.dbx-rich-content h4 {
  font-size: 1.125rem;
  line-height: 1.5rem;
  margin-block: 12px 8px;
}
.dbx-rich-content h5 {
  font-size: 1rem;
  line-height: 1.5rem;
  margin-block: 12px 8px;
}
.dbx-rich-content h6 {
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin-block: 8px 4px;
}
.dbx-rich-content h1 strong,
.dbx-rich-content h2 strong {
  font-weight: 800;
}
.dbx-rich-content li {
  font-size: 1rem;
  line-height: 1.5rem;
  margin-block: 10px;
}
.dbx-rich-content h1,
.dbx-rich-content h2,
.dbx-rich-content h3,
.dbx-rich-content h4,
.dbx-rich-content h5,
.dbx-rich-content h6 {
  max-width: 1000px;
}
.dbx-rich-content > ol,
.dbx-rich-content > ul {
  padding-inline-start: 24px;
}
.dbx-rich-content > ol,
.dbx-rich-content > p,
.dbx-rich-content > ul {
  max-width: 820px;
}
.dbx-rich-content strong {
  font-weight: 700;
}
.dbx-rich-content--same-width h1,
.dbx-rich-content--same-width h2,
.dbx-rich-content--same-width h3,
.dbx-rich-content--same-width h4,
.dbx-rich-content--same-width h5,
.dbx-rich-content--same-width h6,
.dbx-rich-content--same-width hr {
  max-width: 820px;
}
.dbx-rich-content--no-max-width h1,
.dbx-rich-content--no-max-width h2,
.dbx-rich-content--no-max-width h3,
.dbx-rich-content--no-max-width h4,
.dbx-rich-content--no-max-width h5,
.dbx-rich-content--no-max-width h6,
.dbx-rich-content--no-max-width hr,
.dbx-rich-content--no-max-width ol,
.dbx-rich-content--no-max-width p,
.dbx-rich-content--no-max-width ul {
  max-width: 100%;
}
.dbx-rich-content--max-width-sm > h1,
.dbx-rich-content--max-width-sm > h2,
.dbx-rich-content--max-width-sm > h3,
.dbx-rich-content--max-width-sm > h4,
.dbx-rich-content--max-width-sm > h5,
.dbx-rich-content--max-width-sm > h6,
.dbx-rich-content--max-width-sm > hr,
.dbx-rich-content--max-width-sm > ol,
.dbx-rich-content--max-width-sm > p,
.dbx-rich-content--max-width-sm > ul {
  max-width: 1060px;
  margin-inline: auto;
}
.dbx-rich-content--max-width-xs > h1,
.dbx-rich-content--max-width-xs > h2,
.dbx-rich-content--max-width-xs > h3,
.dbx-rich-content--max-width-xs > h4,
.dbx-rich-content--max-width-xs > h5,
.dbx-rich-content--max-width-xs > h6,
.dbx-rich-content--max-width-xs > hr,
.dbx-rich-content--max-width-xs > ol,
.dbx-rich-content--max-width-xs > p,
.dbx-rich-content--max-width-xs > ul {
  max-width: 820px;
  margin-inline: auto;
}
.dbx-rich-content--no-inline-margins > h1,
.dbx-rich-content--no-inline-margins > h2,
.dbx-rich-content--no-inline-margins > h3,
.dbx-rich-content--no-inline-margins > h4,
.dbx-rich-content--no-inline-margins > h5,
.dbx-rich-content--no-inline-margins > h6,
.dbx-rich-content--no-inline-margins > hr,
.dbx-rich-content--no-inline-margins > ol,
.dbx-rich-content--no-inline-margins > p,
.dbx-rich-content--no-inline-margins > ul {
  margin-inline: 0;
}
.dbx-rich-content--light-text {
  color: #fff;
}
.dbx-rich-content--light-text a,
.dbx-rich-content--light-text p,
.dbx-rich-content--light-text strong,
.dbx-rich-content--light-text > * {
  color: #fff;
}
.dbx-rich-content--light-text strong {
  font-weight: 700;
}
.dbx-rich-content--light-text a {
  text-decoration: underline;
}
.dbx-rich-content--light-text a:hover {
  color: #d2d3d7;
}
.dbx-rich-content--gray-text {
  color: #393a3e;
}
.dbx-rich-content--custom-checkmarks ul {
  list-style: none;
  padding-left: 0;
}
.dbx-rich-content--custom-checkmarks li {
  display: flex;
  gap: 8px;
}
.dbx-rich-content--custom-blue-checkmarks .icon::before {
  color: #4d71f1;
}
.dbx-rich-content--remove-first-margin > :first-child {
  margin-top: 0;
}
.dbx-rich-content--remove-last-margin > :last-child {
  margin-bottom: 0;
}
.dbx-rich-content--font-size-sm li,
.dbx-rich-content--font-size-sm p {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
@media only screen and (min-width: 1024px) {
  .dbx-rich-content h1 {
    font-size: 3.375rem;
    line-height: 3.75rem;
    margin-block: 48px 24px;
  }
  .dbx-rich-content h2 {
    font-size: 3rem;
    line-height: 3.5rem;
    margin-block: 32px 24px;
  }
  .dbx-rich-content h3 {
    font-size: 2rem;
    line-height: 2.5rem;
    margin-block: 32px 16px;
  }
  .dbx-rich-content h4 {
    font-size: 1.5rem;
    line-height: 2.25rem;
    margin-block: 24px 16px;
  }
  .dbx-rich-content h5 {
    font-size: 1.25rem;
    line-height: 1.75rem;
    margin-block: 24px 16px;
  }
  .dbx-rich-content h6 {
    font-size: 1rem;
    line-height: 1.5rem;
    margin-block: 16px 12px;
  }
  .dbx-rich-content--font-size-lg li,
  .dbx-rich-content--font-size-lg p {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}
.dbx-faq-section-2 {
  margin-block: 96px;
}
@media screen and (min-width: 768px) {
  .dbx-faq-section-2 {
    margin-block: 128px;
  }
}
.dbx-faq-section-2 .dbx-faq {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.dbx-faq-section-2 .dbx-faq__group-container {
  max-width: 820px;
}
.dbx-agency-customer-success-2 {
  position: relative;
  padding-top: 64px;
  margin-bottom: 64px;
}
@media screen and (min-width: 768px) {
  .dbx-agency-customer-success-2 {
    padding-top: 96px;
  }
}
@media screen and (min-width: 768px) {
  .dbx-agency-customer-success-2 {
    margin-bottom: 96px;
  }
}
.dbx-agency-customer-success-2__container {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 32px;
  background-color: #fff;
  box-shadow: 0 3px 15px rgba(0, 0, 0, 0.05);
  margin-inline: -16px;
  padding: 32px;
}
.dbx-agency-customer-success-2__box-container {
  gap: 24px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.dbx-agency-customer-success-2__container-heading {
  font-size: 1.128rem;
  line-height: 1.5rem;
  font-weight: 500;
  text-align: center;
  margin: 0;
}
.dbx-agency-customer-success-2__column {
  font-size: 1rem;
  line-height: 1.5rem;
  flex: 1;
}
.dbx-agency-customer-success-2__column:first-child {
  background-color: #ecf6fb;
  border-radius: 14px;
  padding: 32px 16px;
}
.dbx-agency-customer-success-2__column:first-child li {
  margin-left: 32px;
}
.dbx-agency-customer-success-2__column:last-child {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.dbx-agency-customer-success-2__column:last-child li {
  background-color: #e9f6f0;
  padding: 14px 16px;
  border-radius: 14px;
  border: 1px solid #25a767;
  list-style-type: none;
}
.dbx-agency-customer-success-2 ul {
  padding: 0;
  display: flex;
  gap: 16px;
  flex-direction: column;
}
.dbx-agency-customer-success-2 strong {
  font-weight: 700;
}
.dbx-agency-customer-success-2::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(
    180deg,
    rgba(0, 138, 206, 0.1) 0,
    rgba(255, 255, 255, 0) 100%
  );
}
@media screen and (min-width: 768px) {
  .dbx-agency-customer-success-2__container {
    border-radius: 16px;
    padding: 48px;
  }
}
@media screen and (min-width: 1024px) {
  .dbx-agency-customer-success-2__box-container {
    flex-direction: row;
  }
  .dbx-agency-customer-success-2__container {
    padding: 40px 40px 28px 40px;
  }
}
@media screen and (min-width: 1200px) {
  .dbx-agency-customer-success-2__container {
    margin: 0 10%;
  }
}
.dbx-wysiwyg-section {
  margin-block: 96px;
}
@media screen and (min-width: 768px) {
  .dbx-wysiwyg-section {
    margin-block: 128px;
  }
}
.dbx-wysiwyg-section--remove-top-margin {
  margin-top: 0;
}
.dbx-wysiwyg-section--remove-bottom-margin {
  margin-bottom: 0;
}
.dbx-wysiwyg-section--negative-top-margin-16 {
  margin-top: -16px;
}
.dbx-wysiwyg-section--negative-top-margin-24 {
  margin-top: -24px;
}
.dbx-wysiwyg-section--negative-top-margin-32 {
  margin-top: -32px;
}
.dbx-wysiwyg-section--negative-top-margin-48 {
  margin-top: -48px;
}
.dbx-wysiwyg-section--negative-top-margin-64 {
  margin-top: -64px;
}
.dbx-wysiwyg-section--negative-bottom-margin-16 {
  margin-bottom: -16px;
}
.dbx-wysiwyg-section--negative-bottom-margin-24 {
  margin-bottom: -24px;
}
.dbx-wysiwyg-section--negative-bottom-margin-32 {
  margin-bottom: -32px;
}
.dbx-wysiwyg-section--negative-bottom-margin-48 {
  margin-bottom: -48px;
}
.dbx-wysiwyg-section--negative-bottom-margin-64 {
  margin-bottom: -64px;
}
.dbx-wysiwyg-section__buttons.dbx-text-align-left
  .dbx-buttons__buttons-container {
  justify-content: flex-start;
}
.dbx-wysiwyg-section__buttons.dbx-text-align-center
  .dbx-buttons__buttons-container {
  justify-content: center;
}
.dbx-wysiwyg-section__buttons.dbx-text-align-right
  .dbx-buttons__buttons-container {
  justify-content: flex-end;
}
.dbx-wysiwyg-section__buttons--same-width {
  max-width: 820px;
  margin-inline: auto;
}
#posts-from-category {
  padding: 0 0 90px;
  text-align: center;
}
#posts-from-category .row {
  margin-bottom: 32px;
}
#posts-from-category h3 {
  font-size: 32px;
  line-height: 40px;
  font-weight: 700;
  color: #0d0f11;
  margin: 0 0 60px;
  text-align: center;
}
#posts-from-category .single-post {
  text-align: left;
  height: 335px;
}
#posts-from-category .single-post .box > a {
  display: block;
  border-radius: 8px;
  background: linear-gradient(45deg, #392977 0, #ca2539 100%);
  text-decoration: none;
  text-align: center;
}
#posts-from-category .single-post .box > a .thumb {
  border-radius: 8px;
  height: 196px;
  overflow: hidden;
  background-position: center;
  background-size: cover;
}
#posts-from-category .single-post .box > a .thumb .hover-overlay {
  display: none;
  width: 100%;
  height: 100%;
  border-radius: 5px;
  background: linear-gradient(rgba(44, 168, 204, 0.4), rgba(19, 199, 219, 0.4));
  font-size: 20px;
  color: #fff;
  line-height: 196px;
}
#posts-from-category .single-post .box > a:hover .hover-overlay {
  display: block;
}
#posts-from-category .single-post h3 {
  text-align: left;
  font-weight: 700;
  margin: 21px 0 18px;
  color: #4d71f1;
  display: block;
  display: -webkit-box;
  max-height: 81px;
  font-size: 18px;
  line-height: 27px;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
#posts-from-category .single-post h3:hover {
  color: #1a8ac0;
}
#posts-from-category .single-post .info {
  display: flex;
  align-items: center;
}
#posts-from-category .single-post .info .avatar {
  width: 16px;
  height: 16px;
  border-radius: 100%;
  vertical-align: unset;
}
#posts-from-category .single-post .info .title {
  position: relative;
  color: #272b30;
  margin-left: 8px;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 13px;
  line-height: 16px;
  padding-right: 10px;
  margin-right: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}
#posts-from-category .single-post .info .title::after {
  content: "";
  position: absolute;
  right: 0;
  height: 10px;
  top: 3px;
  border-right: 1px solid #8e929b;
}
#posts-from-category .single-post .info .date {
  flex-shrink: 0;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 17px;
  color: #8e929b;
  font-weight: 700;
}
#posts-from-category .show-all-categories {
  display: inline-block;
  font-size: 18px;
  line-height: 27px;
  font-weight: 700;
  margin: 60px auto 0;
}
@media screen and (max-width: 992px) {
  #posts-from-category .row {
    margin: 0;
  }
  #posts-from-category .row .single-post {
    margin-bottom: 32px;
  }
}
@media screen and (max-width: 768px) {
  #posts-from-category .row .single-post {
    height: auto;
  }
}
.dbx-next-live-episode-section {
  margin-block: 96px;
}
@media screen and (min-width: 768px) {
  .dbx-next-live-episode-section {
    margin-block: 128px;
  }
}
.dbx-next-live-episode-section .dbx-container {
  max-width: 860px;
}
.dbx-next-live-episode-section__content-header {
  display: flex;
  gap: 16px;
  align-items: center;
  margin-bottom: 32px;
}
.dbx-next-live-episode-section__episode-title {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
  margin: 0;
}
.dbx-next-live-episode-section__author-image {
  border-radius: 100%;
  width: 96px;
  height: 96px;
}
.dbx-next-live-episode-section .dbx-buttons {
  justify-content: start;
  margin-block: 16px;
}
.dbx-next-live-episode-section .dbx-btn {
  padding: 8px 16px;
}
.dbx-next-live-episode-section__scroll-to-button {
  background-color: transparent;
  font-weight: 500;
  text-decoration: underline;
}
.dbx-reviews-and-awards-section {
  margin-block: 96px;
}
@media screen and (min-width: 768px) {
  .dbx-reviews-and-awards-section {
    margin-block: 128px;
  }
}
.dbx-highlight-section {
  margin-block: 96px;
}
@media screen and (min-width: 768px) {
  .dbx-highlight-section {
    margin-block: 128px;
  }
}
.dbx-highlight-section__container {
  align-items: center;
  border-radius: 18px;
  padding: 32px;
}
.dbx-highlight-section--background-color-purple-blue
  .dbx-highlight-section__container {
  background: linear-gradient(
    180deg,
    rgba(92, 64, 171, 0.3) 22.1%,
    rgba(29, 154, 214, 0.3) 100%
  );
}
.dbx-highlight-section--background-color-faded-orange
  .dbx-highlight-section__container {
  background: #fff3e7;
}
.dbx-highlight-section img {
  width: 100%;
}
.dbx-highlight-section .dbx-buttons {
  margin-bottom: 0;
  margin-top: 32px;
  align-items: start;
}
.dbx-highlight-section .dbx-rich-content > :first-child {
  margin-top: 0;
}
.dbx-highlight-section .dbx-rich-content > * {
  margin-inline: 0;
}
@media screen and (min-width: 768px) {
  .dbx-highlight-section__container {
    padding: 48px 64px;
  }
}
.dbx-product-wizard-ui-steps {
  padding-block: 64px;
  background: rgba(37, 167, 103, 0.08);
}
@media screen and (min-width: 768px) {
  .dbx-product-wizard-ui-steps {
    padding-block: 96px;
  }
}
.dbx-product-wizard-ui-steps .steps-container {
  margin: 0 auto;
  max-width: 780px;
}
.dbx-product-wizard-ui-steps .step-wrapper .step-title {
  display: none;
  text-align: center;
  font-weight: 400;
  margin-top: 20px;
  color: #25a767;
}
.dbx-product-wizard-ui-steps .step-wrapper .step-mobile-title {
  display: none;
  text-align: center;
  margin-bottom: 32px;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
}
.dbx-product-wizard-ui-steps .step-wrapper .step-text {
  margin-inline: auto;
  text-align: center;
  margin-bottom: 32px;
  line-height: 1.5rem;
}
.dbx-product-wizard-ui-steps .step-wrapper .img-container {
  max-height: 100%;
}
.dbx-product-wizard-ui-steps .step-wrapper .img-container img {
  margin-inline: auto;
}
.dbx-product-wizard-ui-steps .slick-dots {
  position: relative;
  bottom: unset;
  margin-top: 60px;
  margin-bottom: 50px;
}
.dbx-product-wizard-ui-steps .slick-dots li {
  vertical-align: top;
  margin: 0;
  padding: 0;
  width: 20%;
}
.dbx-product-wizard-ui-steps .slick-dots li .step {
  color: #8e929b;
}
.dbx-product-wizard-ui-steps .slick-dots li .step__number {
  position: relative;
  font-size: 25px;
}
.dbx-product-wizard-ui-steps .slick-dots li .step__title {
  margin-top: 15px;
  padding-right: 10px;
  padding-left: 10px;
}
.dbx-product-wizard-ui-steps
  .slick-dots
  li:not(:last-child)
  .step__number::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(12px);
  width: calc(100% - 25px);
  height: 1px;
  background: #8e929b;
}
.dbx-product-wizard-ui-steps .slick-dots .slick-active .step__number {
  color: #25a767;
}
.dbx-product-wizard-ui-steps .slick-dots .slick-active .step__title {
  color: #25a767;
  font-weight: 500;
}
.dbx-product-wizard-ui-steps .slick-dots .step__number .number {
  width: 25px;
  height: 25px;
  background-color: #8e929b;
  border-radius: 100%;
  line-height: 25px;
  font-size: 16px;
  color: #fff;
  font-weight: 500;
  display: block;
  margin: auto;
}
.dbx-product-wizard-ui-steps .slick-dots .slick-active .step__number .number {
  background-color: #25a767;
}
.dbx-product-wizard-ui-steps .dbx-title-text {
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .dbx-product-wizard-ui-steps .steps-container {
    height: auto;
  }
  .dbx-product-wizard-ui-steps .step-wrapper .step-description {
    display: block;
  }
  .dbx-product-wizard-ui-steps .step-wrapper img {
    padding: 0 15px;
  }
  .dbx-product-wizard-ui-steps .step-wrapper .step-mobile-title {
    display: block;
  }
  .dbx-product-wizard-ui-steps .slick-dots {
    margin-bottom: 20px;
  }
  .dbx-product-wizard-ui-steps .slick-dots .step__title {
    display: none;
  }
  .dbx-product-wizard-ui-steps .slick-dots .step__number .number {
    line-height: 30px;
    width: 30px;
    height: 30px;
  }
}
.dbx-tabs-switcher-section {
  margin-block: 96px;
}
@media screen and (min-width: 768px) {
  .dbx-tabs-switcher-section {
    margin-block: 128px;
  }
}
.dbx-tabs-switcher-section ul {
  margin: 0;
}
.dbx-tabs-switcher-section__switcher {
  display: flex;
  flex-direction: column;
  gap: 32px;
  justify-content: stretch;
  align-items: flex-start;
}
.dbx-tabs-switcher-section .dbx-tabs-switcher-section__tabs {
  display: flex;
  justify-content: stretch;
  flex-direction: column;
  flex: 1;
}
.dbx-tabs-switcher-section
  .dbx-tabs-switcher-section__tabs
  .dbx-tabs-switcher-section__tab:not(.selected) {
  display: none;
}
.dbx-tabs-switcher-section .dbx-tabs-switcher-section__tab {
  display: flex;
  gap: 16px;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
  color: #000;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  padding: 24px;
  text-wrap: wrap;
}
.dbx-tabs-switcher-section .dbx-tabs-switcher-section__tab .icon {
  font-size: 22px;
}
.dbx-tabs-switcher-section .dbx-tabs-switcher-section__filter {
  display: flex;
  position: relative;
  gap: 8px;
  align-self: stretch;
}
.dbx-tabs-switcher-section .dbx-tabs-switcher-section__filter-dropdown {
  background-color: #fff;
  padding: 24px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dbx-tabs-switcher-section .dbx-tabs-switcher-section__filter-dropdown:hover {
  cursor: pointer;
  background-color: rgba(46, 71, 151, 0.02);
}
.dbx-tabs-switcher-section
  .dbx-tabs-switcher-section__filter-dropdown
  .icon::before {
  transform: rotate(90deg);
}
.dbx-tabs-switcher-section .dbx-tabs-switcher-section__dropdown {
  display: none;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  position: absolute;
  background-color: #fff;
  right: 0;
  top: calc(100% + 16px);
  border-radius: 10px;
  overflow: auto;
}
.dbx-tabs-switcher-section .dbx-tabs-switcher-section__dropdown.active {
  display: flex;
  flex-direction: column;
}
.dbx-tabs-switcher-section .dbx-tabs-switcher-section__item {
  font-size: 16px;
  display: flex;
  gap: 8px;
  background-color: rgba(46, 71, 151, 0.1);
  padding: 24px;
}
.dbx-tabs-switcher-section .dbx-tabs-switcher-section__item p {
  margin: 0;
  text-wrap: nowrap;
}
.dbx-tabs-switcher-section .dbx-tabs-switcher-section__item:hover {
  cursor: pointer;
  background-color: rgba(46, 71, 151, 0.05);
}
.dbx-tabs-switcher-section .dbx-tabs-switcher-section__item.selected {
  font-weight: 700;
  background-color: #fff;
}
.dbx-tabs-switcher-section__content {
  align-self: stretch;
  flex: 1;
}
.dbx-tabs-switcher-section .icon::before {
  background: linear-gradient(45deg, #8850cb, #da6e7a);
  background: -o-linear-gradient(45deg, #8850cb, #da6e7a);
  background: -ms-linear-gradient(45deg, #8850cb, #da6e7a);
  background: -moz-linear-gradient(45deg, #8850cb, #da6e7a);
  background: -webkit-linear-gradient(45deg, #8850cb, #da6e7a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.dbx-tabs-switcher-section .dbx-tabs-switcher-section__single-content {
  background-color: rgba(46, 71, 151, 0.1);
  padding: 48px 60px;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.dbx-tabs-switcher-section
  .dbx-tabs-switcher-section__single-content
  .dbx-rich-content
  > * {
  max-width: none;
}
.dbx-tabs-switcher-section .dbx-tabs-switcher-section__single-content li {
  list-style-type: disc;
}
.dbx-tabs-switcher-section
  .dbx-tabs-switcher-section__single-content:not(.selected) {
  display: none;
}
.dbx-tabs-switcher-section__inner-box-content {
  padding: 32px;
  background-color: #fff;
  border-radius: 16px;
}
.dbx-tabs-switcher-section .tabs-switcher__header {
  overflow-x: visible;
  border-bottom: none;
}
.dbx-tabs-switcher-section__logos {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.dbx-tabs-switcher-section__logo {
  height: 44px;
  width: 44px;
  border-radius: 200px;
  overflow: hidden;
  position: relative;
}
.dbx-tabs-switcher-section__logo img {
  object-fit: cover;
  object-position: center;
  position: absolute;
  width: 100%;
  height: 100%;
}
.dbx-tabs-switcher-section__trusted-by {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 32px;
  align-items: center;
}
.dbx-tabs-switcher-section__trusted-by p {
  margin: 0;
  font-weight: 700;
}
.dbx-tabs-switcher-section__trusted-by img {
  height: 20px;
  width: auto;
}
@media screen and (min-width: 1024px) {
  .dbx-tabs-switcher-section__switcher {
    flex-direction: row;
    gap: 32px;
  }
  .dbx-tabs-switcher-section .dbx-tabs-switcher-section__filter-dropdown {
    display: none;
  }
  .dbx-tabs-switcher-section .dbx-tabs-switcher-section__tabs {
    display: flex;
    gap: 16px;
    justify-content: flex-start;
    align-self: stretch;
  }
  .dbx-tabs-switcher-section
    .dbx-tabs-switcher-section__tabs
    .dbx-tabs-switcher-section__tab {
    padding: 32px;
    font-size: 1.125rem;
    line-height: 1.5rem;
    max-width: 300px;
  }
  .dbx-tabs-switcher-section
    .dbx-tabs-switcher-section__tabs
    .dbx-tabs-switcher-section__tab:hover {
    cursor: pointer;
  }
  .dbx-tabs-switcher-section
    .dbx-tabs-switcher-section__tabs
    .dbx-tabs-switcher-section__tab:not(.selected) {
    display: flex;
  }
  .dbx-tabs-switcher-section
    .dbx-tabs-switcher-section__tabs
    .dbx-tabs-switcher-section__tab.selected {
    border-bottom: 0;
    background-color: rgba(46, 71, 151, 0.1);
  }
  .dbx-tabs-switcher-section__dropdown,
  .dbx-tabs-switcher-section__filter-dropdown {
    display: none;
  }
}
.dbx-table {
  max-width: 1000px;
  margin-inline: auto;
}
.dbx-table table {
  width: 100%;
}
.dbx-table td,
.dbx-table th {
  padding: 16px;
  border-right: 1px solid #fff;
  font-weight: 700;
}
.dbx-table tr td:first-child,
.dbx-table tr th:first-child {
  padding-left: 40px;
}
.dbx-table tr td:last-child,
.dbx-table tr th:last-child {
  padding-right: 40px;
}
.dbx-table th {
  background-color: #4d71f1;
  color: #fff;
}
.dbx-table td {
  background-color: #e8f5fb;
  border-bottom: 1px solid #fff;
}
.dbx-table tr td:not(:first-child),
.dbx-table tr th:not(:first-child) {
  text-align: right;
}
.dbx-table__wrapper {
  border-radius: 12px;
  overflow: hidden;
  width: 100%;
}
.dbx-table__metric {
  display: flex;
  align-items: center;
  gap: 16px;
}
.dbx-table__integration-title {
  font-weight: 400;
  color: #8e929b;
}
.dbx-table__foot-note {
  font-size: 0.875rem;
  color: rgba(142, 146, 155, 0.8);
  text-align: center;
  padding-block: 16px;
}
.dbx-table img {
  width: 38px;
  height: auto;
  border-radius: 100%;
}
@media screen and (max-width: 1024px) {
  .dbx-table td:nth-child(3),
  .dbx-table td:nth-child(4),
  .dbx-table th:nth-child(3),
  .dbx-table th:nth-child(4) {
    display: none;
  }
  .dbx-table tr td:first-child,
  .dbx-table tr th:first-child {
    padding-left: 16px;
  }
}
@media screen and (max-width: 768px) {
  .dbx-table__container {
    flex-direction: column;
  }
}
.dbx-repeater-small-icon-card-section {
  margin-block: 96px;
}
@media screen and (min-width: 768px) {
  .dbx-repeater-small-icon-card-section {
    margin-block: 128px;
  }
}
.dbx-repeater-small-icon-card-section__rich-content {
  margin-bottom: 32px;
}
.dbx-repeater-small-icon-card-section__card-container {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  grid-auto-rows: 1fr;
  row-gap: 16px;
}
.dbx-repeater-small-icon-card-section .dbx-icon-card {
  justify-content: center;
}
.dbx-repeater-small-icon-card-section .dbx-icon-card {
  padding: 16px;
  border: 1px solid rgba(142, 146, 155, 0.2);
  border-radius: 8px;
}
.dbx-repeater-small-icon-card-section .dbx-icon-card img {
  width: 24px;
  height: 24px;
  border-radius: 100%;
}
.dbx-repeater-small-icon-card-section--bg {
  padding-block: 64px;
}
@media screen and (min-width: 768px) {
  .dbx-repeater-small-icon-card-section--bg {
    padding-block: 96px;
  }
}
.dbx-repeater-small-icon-card-section--bg
  .dbx-repeater-small-icon-card-section__content {
  border: 1px solid rgba(142, 146, 155, 0.2);
  border-radius: 16px;
  background-color: #fff;
  padding: 32px;
}
.dbx-repeater-small-icon-card-section--bg-light-blue-gradient {
  background: linear-gradient(
    110.33deg,
    rgba(0, 138, 206, 0.12) 5.88%,
    rgba(0, 138, 206, 0.05) 101.05%
  );
}
.dbx-repeater-small-icon-card-section--bg-light-gray {
  background-color: rgba(142, 146, 155, 0.1);
}
@media screen and (min-width: 450px) {
  .dbx-repeater-small-icon-card-section__card-container {
    column-gap: 24px;
  }
}
.dbx-dropdown-slider-section {
  margin-block: 96px;
}
@media screen and (min-width: 768px) {
  .dbx-dropdown-slider-section {
    margin-block: 128px;
  }
}
.dbx-dropdown-slider-section .dbx-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.dbx-dropdown-slider-section .dbx-tag {
  margin-bottom: 8px;
}
.dbx-dropdown-slider-section__title {
  align-self: center;
  text-align: center;
  margin-bottom: 16px;
}
.dbx-dropdown-slider-section__text {
  align-self: center;
  text-align: center;
}
.dbx-dropdown-slider-section.slider-active .collapsibles {
  display: none;
}
.dbx-dropdown-slider-section.slider-active .slick-initialized {
  overflow: hidden;
}
.dbx-dropdown-slider-section.slider-active .slick-track {
  display: flex !important;
}
.dbx-dropdown-slider-section.slider-active .slick-slide {
  height: inherit !important;
}
.dbx-dropdown-slider-section.slider-active .slider-holder {
  padding: 0 15px;
}
.dbx-dropdown-slider-section.slider-active
  .dbx-dropdown-slider-section__slider {
  position: sticky;
}
.dbx-dropdown-slider-section.slider-active
  .dbx-dropdown-slider-section__slider::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 97%;
  background: linear-gradient(-90deg, rgba(255, 255, 255, 0), #fff);
  z-index: 2;
}
.dbx-dropdown-slider-section.slider-active
  .dbx-dropdown-slider-section__slider::after {
  content: "";
  position: absolute;
  top: 0;
  left: 97%;
  bottom: 0;
  right: 0;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0), #fff);
  z-index: 2;
}
.dbx-dropdown-slider-section.slider-active .slick-track {
  display: flex;
  align-items: start;
}
.dbx-dropdown-slider-section.slider-active .slick-slide {
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  background-color: #fff;
  border-radius: 12px;
  margin: 20px 15px;
}
.dbx-dropdown-slider-section.slider-active .slick-slide > div {
  height: 100%;
}
.dbx-dropdown-slider-section.slider-active
  .slick-slide
  .dbx-dropdown-slider-section__slider-text-content {
  padding: 0 24px 24px 24px;
}
.dbx-dropdown-slider-section.slider-active .slick-slide img {
  padding: 8px 16px 0 8px;
  max-width: 100%;
}
.dbx-dropdown-slider-section.slider-active
  .dbx-dropdown-slider-section__slide-title {
  font-weight: 700;
}
.dbx-dropdown-slider-section.slider-active
  .dbx-dropdown-slider-section__dots-container {
  position: relative;
  margin-inline: auto;
}
.dbx-dropdown-slider-section.slider-active
  .dbx-dropdown-slider-section__dots-container
  .slick-dots {
  position: static;
  flex-direction: row;
}
.dbx-dropdown-slider-section__slider-holder {
  position: relative;
}
.dbx-dropdown-slider-section__static-image-container {
  display: none;
  position: sticky;
}
.dbx-dropdown-slider-section__static-image-container img {
  max-width: 100%;
}
.dbx-dropdown-slider-section__content {
  display: flex;
  flex-direction: column;
  gap: 32px;
  width: 100%;
}
@media only screen and (max-width: 1200px) {
  .dbx-dropdown-slider-section__content .image > img {
    width: 100%;
  }
}
@media only screen and (max-width: 991px) {
  .dbx-dropdown-slider-section__content .image {
    display: none;
  }
}
.dbx-dropdown-slider-section__content .collapsibles {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 24px;
}
.dbx-dropdown-slider-section__content .collapsibles .dbx-collapsible {
  box-shadow: 3px 4px 20px 0 #75808833;
  padding: 8px;
  border-radius: 12px;
}
.dbx-dropdown-slider-section__content
  .collapsibles
  .dbx-collapsible__listener-element {
  display: flex;
  align-items: center;
  padding: 20px;
  justify-content: space-between;
}
.dbx-dropdown-slider-section__content
  .collapsibles
  .dbx-collapsible__listener-element:hover {
  cursor: pointer;
}
.dbx-dropdown-slider-section__content
  .collapsibles
  .dbx-collapsible__listener-element
  .icon::before {
  transition: transform 0.4s;
  transform: rotate(90deg);
}
.dbx-dropdown-slider-section__content
  .collapsibles
  .dbx-collapsible__listener-element
  > p {
  margin: 0;
}
.dbx-dropdown-slider-section__content
  .collapsibles
  .dbx-collapsible__collapsible-container {
  transition: height 0.4s;
  font-size: 1rem;
}
.dbx-dropdown-slider-section__content
  .collapsibles
  .dbx-collapsible__collapsible-container
  ul {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.dbx-dropdown-slider-section__content
  .collapsibles
  .dbx-collapsible__collapsible-content
  .background {
  background-color: rgba(117, 64, 171, 0.1);
  border-radius: 8px;
  padding: 20px;
}
.dbx-dropdown-slider-section__content
  .collapsibles
  .dbx-collapsible__collapsible-content
  ul {
  padding-inline-start: 28px;
}
.dbx-dropdown-slider-section__content
  .collapsibles
  .dbx-collapsible__icon-container
  > .icon {
  color: #8e929b;
}
.dbx-dropdown-slider-section__content
  .collapsibles
  .dbx-collapsible--active
  .dbx-collapsible__listener-element
  .icon::before {
  transform: rotate(270deg);
}
@media only screen and (max-width: 991px) {
  .dbx-dropdown-slider-section__content .collapsibles {
    gap: 8px;
  }
}
.dbx-dropdown-slider-section .dbx-collapsible__collapsible-content .icon {
  list-style: none;
  position: relative;
}
.dbx-dropdown-slider-section
  .dbx-collapsible__collapsible-content
  .icon::before {
  left: -24px;
  position: absolute;
  line-height: 24px;
  color: #7a44e6;
}
.dbx-dropdown-slider-section__html-content {
  margin-top: 40px;
}
@media screen and (min-width: 768px) {
  .dbx-dropdown-slider-section.slider-active
    .dbx-dropdown-slider-section__slider::before {
    right: 90%;
  }
  .dbx-dropdown-slider-section.slider-active
    .dbx-dropdown-slider-section__slider::after {
    left: 90%;
  }
}
@media only screen and (min-width: 1024px) {
  .dbx-dropdown-slider-section__static-image-container {
    display: block;
  }
  .dbx-dropdown-slider-section.slider-active .collapsibles {
    display: flex;
  }
  .dbx-dropdown-slider-section.slider-active
    .dbx-dropdown-slider-section__slider::before {
    display: none;
  }
  .dbx-dropdown-slider-section.slider-active
    .dbx-dropdown-slider-section__slider::after {
    display: none;
  }
  .dbx-dropdown-slider-section.slider-active .slick-slide {
    box-shadow: none;
    padding: 0;
    margin: 0;
  }
  .dbx-dropdown-slider-section.slider-active
    .dbx-dropdown-slider-section__slider-text-content {
    display: none;
  }
  .dbx-dropdown-slider-section.slider-active
    .dbx-dropdown-slider-section__dots-container {
    display: none;
  }
  .dbx-dropdown-slider-section__content {
    display: grid;
    grid-template-columns: 50% 50%;
  }
}
.dbx-aws-and-gdpr {
  margin-block: 96px;
}
@media screen and (min-width: 768px) {
  .dbx-aws-and-gdpr {
    margin-block: 128px;
  }
}
.dbx-aws-and-gdpr .dbx-container {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 48px;
}
.dbx-move-the-needle-newsletter {
  margin-block: 96px;
}
@media screen and (min-width: 768px) {
  .dbx-move-the-needle-newsletter {
    margin-block: 128px;
  }
}
.dbx-move-the-needle-newsletter__container {
  padding: 24px;
  background-color: rgba(77, 113, 241, 0.1);
  border-radius: 16px;
}
.dbx-move-the-needle-newsletter .dbx-rich-content {
  align-self: center;
}
.dbx-move-the-needle-newsletter__form {
  width: 100%;
  position: relative;
  place-self: center;
  margin-bottom: 8px;
}
.dbx-move-the-needle-newsletter__legal {
  color: rgba(142, 146, 155, 0.8);
  font-size: 0.75rem;
}
.dbx-move-the-needle-newsletter .hs-form {
  margin-bottom: 8px;
}
.dbx-move-the-needle-newsletter .hs-form .hs-input {
  border: 4px solid #fff;
  height: 48px;
  border-radius: 8px;
  padding-right: 128px;
}
.dbx-move-the-needle-newsletter .hs-email > label {
  display: none;
}
.dbx-move-the-needle-newsletter .input {
  margin-bottom: 10px;
}
.dbx-move-the-needle-newsletter .cookie-reset-container {
  display: none !important;
}
.dbx-move-the-needle-newsletter .hs-submit {
  position: absolute;
  right: 4px;
  top: 4px;
}
.dbx-move-the-needle-newsletter .hs-submit .hs-button {
  background-color: #4d71f1;
  padding: 0 24px;
  color: #fff;
  transition: background-color 250ms;
  text-transform: capitalize;
  font-weight: 700;
  border-radius: 4px;
  height: 40px;
  border: 4px solid #fff;
}
.dbx-move-the-needle-newsletter .hs-submit .hs-button:hover {
  background-color: #1e4bed;
}
.dbx-move-the-needle-newsletter .hs-submit .actions {
  padding: 0;
  height: 100%;
}
.dbx-move-the-needle-newsletter .hs-error-msgs {
  margin: 0;
  text-align: left;
  padding-inline-start: 0;
  list-style: none;
}
.dbx-move-the-needle-newsletter .hs-error-msg {
  padding-inline-start: 0;
  margin: 0;
  line-height: 1.25rem;
  font-weight: 600;
}
.dbx-move-the-needle-newsletter .submitted-message {
  padding-block: 15px;
}
.dbx-move-the-needle-newsletter .submitted-message p {
  margin: 0;
}
@media screen and (min-width: 768px) {
  .dbx-move-the-needle-newsletter__container {
    padding: 24px 24px 24px 56px;
  }
}
.dbx-signup-cta-bullet-section .dbx-container {
  margin-block: 96px;
}
@media screen and (min-width: 768px) {
  .dbx-signup-cta-bullet-section .dbx-container {
    margin-block: 128px;
  }
}
.dbx-signup-cta-bullet-section__container {
  background: linear-gradient(61.73deg, #6847e3 -14.11%, #008fd4 66.63%);
  border-radius: 16px;
  display: flex;
  justify-content: space-between;
  row-gap: 32px;
  overflow: hidden;
}
.dbx-signup-cta-bullet-section__text-container {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  align-items: center;
  justify-content: space-between;
  padding: 32px 24px;
}
.dbx-signup-cta-bullet-section .dbx-rich-content {
  flex: 1 1 auto;
}
.dbx-signup-cta-bullet-section .dbx-rich-content > * {
  text-align: center;
}
.dbx-signup-cta-bullet-section .dbx-buttons {
  flex: 1 0 auto;
  margin: 0;
}
.dbx-signup-cta-bullet-section .dbx-btn {
  text-wrap: nowrap;
}
.dbx-signup-cta-bullet-section .dbx-buttons__buttons-container {
  flex-wrap: wrap;
  justify-content: flex-start;
}
.dbx-signup-cta-bullet-section__img-container {
  display: none;
  align-self: stretch;
  overflow: hidden;
  position: relative;
  padding: 20px 56px 20px 0;
}
.dbx-signup-cta-bullet-section__img-container img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}
.dbx-signup-cta-bullet-section--overflow-media
  .dbx-signup-cta-bullet-section__img-container
  img {
  object-fit: cover;
  height: 80%;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  object-position: left;
}
@media screen and (min-width: 768px) {
  .dbx-signup-cta-bullet-section__container,
  .dbx-signup-cta-bullet-section__text-container {
    column-gap: 56px;
  }
  .dbx-signup-cta-bullet-section--overflow-media
    .dbx-signup-cta-bullet-section__img-container
    img {
    height: 150%;
  }
}
@media screen and (min-width: 1024px) {
  .dbx-signup-cta-bullet-section__text-container {
    padding: 32px 0 32px 48px;
    align-items: start;
  }
  .dbx-signup-cta-bullet-section__img-container {
    display: block;
  }
  .dbx-signup-cta-bullet-section .dbx-rich-content > * {
    text-align: left;
  }
}
@media screen and (min-width: 1200px) {
  .dbx-signup-cta-bullet-section__text-container {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
  .dbx-signup-cta-bullet-section .dbx-buttons__buttons-container {
    flex-wrap: wrap;
    justify-content: flex-end;
  }
}
.dbx-image-title-links-card {
  background-color: #fff;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  border-radius: 16px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.dbx-image-title-links-card__title a {
  font-size: 1.125rem;
  line-height: 2rem;
  color: #000;
  text-decoration: none;
  font-weight: 700;
}
.dbx-image-title-links-card__title a:active,
.dbx-image-title-links-card__title a:focus,
.dbx-image-title-links-card__title a:hover {
  color: #4d71f1;
  text-decoration: none;
}
.dbx-image-title-links-card__links {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
}
.dbx-image-title-links-card__image-container {
  width: 100%;
  border-radius: 8px;
  aspect-ratio: 16/10;
  overflow: hidden;
}
.dbx-image-title-links-card__image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.dbx-image-title-links-card__link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.dbx-image-title-links-card__link:hover {
  text-decoration-color: #000;
  text-decoration-thickness: 1px;
}
.dbx-image-title-links-card__link-container:first-child
  .dbx-image-title-links-card__link {
  margin-top: -16px;
}
.dbx-image-title-links-card__link-container:last-child
  .dbx-image-title-links-card__link {
  border-bottom: none;
  padding-bottom: 0;
}
.dbx-image-title-links-card__link-text {
  display: block;
  display: -webkit-box;
  max-height: 40px;
  font-size: 16px;
  line-height: 20px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #000;
  font-weight: 400;
}
.dbx-image-title-links-card__link-text strong {
  font-weight: 400;
}
.dbx-image-title-links-card__link-icon {
  color: #000;
}
.dbx-image-title-links-section {
  margin-block: 96px;
  position: relative;
}
@media screen and (min-width: 768px) {
  .dbx-image-title-links-section {
    margin-block: 128px;
  }
}
.dbx-image-title-links-section .dbx-container {
  display: flex;
  flex-direction: column;
}
.dbx-image-title-links-section__title-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-block: 20px 48px;
  flex-wrap: wrap;
  gap: 16px 64px;
}
.dbx-image-title-links-section__title {
  font-size: 1.5rem;
  line-height: 1.75rem;
  font-weight: 700;
  margin: 0;
}
.dbx-image-title-links-section__link {
  margin-bottom: 48px;
}
.dbx-image-title-links-section__background {
  position: absolute;
  inset: 0;
  overflow-x: hidden;
}
.dbx-image-title-links-section--bg-blue-white-gradient {
  margin: 0;
  padding: 0;
  padding-top: 64px;
  margin-bottom: 64px;
}
@media screen and (min-width: 768px) {
  .dbx-image-title-links-section--bg-blue-white-gradient {
    padding-top: 96px;
  }
}
@media screen and (min-width: 768px) {
  .dbx-image-title-links-section--bg-blue-white-gradient {
    margin-bottom: 96px;
  }
}
.dbx-image-title-links-section--bg-blue-white-gradient
  .dbx-image-title-links-section__background {
  z-index: -1;
  background: linear-gradient(180deg, rgba(64, 94, 209, 0.1), #fff 80%);
}
.dbx-image-title-links-section--bg-decoration-hexagons
  .dbx-image-title-links-section__background::before {
  top: 100px;
  width: 1850px;
  left: 50%;
  height: 500px;
  transform: translate(-50%, 0);
  content: "";
  position: absolute;
  background: url("/wp-content/themes/databox/inc/img/common/two-white-hexagons.svg")
    no-repeat top;
  background-size: 100%;
  pointer-events: none;
  opacity: 0.5;
}
.dbx-block-centralize-data-section {
  margin-block: 96px;
}
@media screen and (min-width: 768px) {
  .dbx-block-centralize-data-section {
    margin-block: 128px;
  }
}
.dbx-block-centralize-data-section .dbx-container {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.dbx-block-centralize-data-section .dbx-container::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40%;
  height: 100%;
  transform: translate(-50%, -50%);
  background: radial-gradient(
    158.99% 50% at 50% 50%,
    #8b78ff 0,
    rgba(99, 73, 255, 0.37) 100%
  );
  opacity: 0.06;
  z-index: -1;
  filter: blur(160.4538269px);
}
.dbx-block-centralize-data-section .dbx-container > .dbx-rich-content {
  margin-bottom: 48px;
}
.dbx-block-centralize-data-section__list-container {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 32px;
  max-width: 300px;
}
.dbx-block-centralize-data-section__list-container:before {
  content: "";
  inset: 0;
  position: absolute;
  z-index: -1;
  background: radial-gradient(
    158.99% 50% at 50% 50%,
    #8b78ff 0,
    rgba(99, 73, 255, 0.37) 100%
  );
  opacity: 0.05;
  filter: blur(160.4538269px);
}
.dbx-block-centralize-data-section__box {
  padding: 12px 23px;
  box-shadow: 0 0 15px 1px #d2d3d7;
  border-radius: 8px;
  background-color: #fff;
}
.dbx-block-centralize-data-section__box ul {
  display: flex;
  margin-bottom: 13px;
  padding-inline-start: 0;
  list-style-type: none;
}
.dbx-block-centralize-data-section__box a {
  font-size: 0.625rem;
  line-height: 1rem;
  font-weight: 700;
  text-align: center;
}
.dbx-block-centralize-data-section__approaches,
.dbx-block-centralize-data-section__integrations {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: space-between;
}
.dbx-block-centralize-data-section__approaches > h3,
.dbx-block-centralize-data-section__integrations > h3 {
  font-size: 1.5rem;
  line-height: 3rem;
  text-align: center;
  font-weight: 700;
}
.dbx-block-centralize-data-section__approaches p,
.dbx-block-centralize-data-section__integrations p {
  margin: 0;
  font-size: 1rem;
  line-height: 1.5rem;
}
.dbx-block-centralize-data-section__approaches strong,
.dbx-block-centralize-data-section__integrations strong {
  font-weight: 700;
}
.dbx-block-centralize-data-section__box-container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-inline-start: 0;
  margin-bottom: 0;
}
.dbx-block-centralize-data-section__box-container,
.dbx-block-centralize-data-section__left-lines-container,
.dbx-block-centralize-data-section__logo-container,
.dbx-block-centralize-data-section__right-lines-container {
  height: 370px;
}
.dbx-block-centralize-data-section__left-lines-container,
.dbx-block-centralize-data-section__logo-container,
.dbx-block-centralize-data-section__right-lines-container {
  display: none;
}
.dbx-block-centralize-data-section__left-lines-container img,
.dbx-block-centralize-data-section__right-lines-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.dbx-block-centralize-data-section__logo-container {
  width: 40px;
}
.dbx-block-centralize-data-section__logo-container img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.dbx-block-centralize-data-section__approaches
  .dbx-block-centralize-data-section__box {
  padding: 16px;
}
.dbx-block-centralize-data-section__integrations
  .dbx-block-centralize-data-section__box {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.dbx-block-centralize-data-section__integrations
  .dbx-block-centralize-data-section__box
  ul {
  justify-content: space-between;
  gap: 8px;
}
.dbx-block-centralize-data-section__integrations
  .dbx-block-centralize-data-section__integration
  img {
  width: 28px;
  border-radius: 100%;
}
.dbx-block-centralize-data-section__integrations p {
  text-align: center;
  margin-bottom: 20px;
}
.dbx-block-centralize-data-section__approaches {
  display: flex;
}
.dbx-block-centralize-data-section__approaches
  .dbx-block-centralize-data-section__box {
  display: flex;
  align-items: center;
  gap: 16px;
  white-space: nowrap;
}
.dbx-block-centralize-data-section__approaches .icon {
  position: relative;
}
.dbx-block-centralize-data-section__approaches .icon:before {
  font-size: 16px;
}
.dbx-block-centralize-data-section__approaches .icon::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 28px;
  height: 28px;
  border-radius: 100%;
  content: "";
}
.dbx-block-centralize-data-section__approaches .icon-datawall::before {
  color: #2e4797;
}
.dbx-block-centralize-data-section__approaches .icon-datawall::after {
  background: rgba(46, 71, 151, 0.1);
}
.dbx-block-centralize-data-section__approaches .icon-goal-3::before {
  color: #f4bb42;
}
.dbx-block-centralize-data-section__approaches .icon-goal-3::after {
  background: rgba(244, 187, 66, 0.1);
}
.dbx-block-centralize-data-section__approaches .icon-report::before {
  color: #25a767;
}
.dbx-block-centralize-data-section__approaches .icon-report::after {
  background: rgba(37, 167, 103, 0.1);
}
.dbx-block-centralize-data-section__approaches .icon-mag-glass::before {
  color: #4d71f1;
}
.dbx-block-centralize-data-section__approaches .icon-mag-glass::after {
  background: rgba(77, 113, 241, 0.1);
}
.dbx-block-centralize-data-section__approaches .icon-benchmarks::before {
  color: #7540ab;
}
.dbx-block-centralize-data-section__approaches .icon-benchmarks::after {
  background: rgba(117, 64, 171, 0.1);
}
@media only screen and (min-width: 500px) {
  .dbx-block-centralize-data-section__list-container {
    display: flex;
    flex-direction: row;
    align-items: end;
    gap: 64px;
  }
}
@media only screen and (min-width: 768px) {
  .dbx-block-centralize-data-section__list-container {
    gap: 32px;
    max-width: unset;
  }
  .dbx-block-centralize-data-section__approaches,
  .dbx-block-centralize-data-section__integrations {
    width: 326px;
    flex: 1;
  }
  .dbx-block-centralize-data-section__box-container,
  .dbx-block-centralize-data-section__left-lines-container,
  .dbx-block-centralize-data-section__logo-container,
  .dbx-block-centralize-data-section__right-lines-container {
    height: 420px;
  }
  .dbx-block-centralize-data-section__integrations
    .dbx-block-centralize-data-section__integration
    img {
    width: 40px;
  }
  .dbx-block-centralize-data-section__approaches .icon::before {
    font-size: 24px;
  }
  .dbx-block-centralize-data-section__approaches .icon::after {
    width: 40px;
    height: 40px;
  }
  .dbx-block-centralize-data-section__approaches ul {
    gap: 16px;
  }
  .dbx-block-centralize-data-section__approaches
    .dbx-block-centralize-data-section__box {
    padding: 24px;
  }
}
@media only screen and (min-width: 1024px) {
  .dbx-block-centralize-data-section__list-container {
    flex-wrap: nowrap;
  }
  .dbx-block-centralize-data-section__left-lines-container,
  .dbx-block-centralize-data-section__logo-container,
  .dbx-block-centralize-data-section__right-lines-container {
    display: inline-block;
  }
  .dbx-block-centralize-data-section__logo-container {
    width: 80px;
  }
}
.dbx-rich-content-media-section {
  overflow: hidden;
}
.dbx-rich-content-media-section__media-container {
  border-radius: 12px;
  overflow: hidden;
  height: min-content;
}
.dbx-rich-content-media-section__media-container img {
  width: 100%;
}
.dbx-rich-content-media-section .dbx-buttons {
  margin: 0;
  margin-top: 48px;
}
.dbx-rich-content-media-section .dbx-buttons__buttons-container {
  justify-content: start;
}
.dbx-rich-content-media-section--boxed {
  margin-block: 96px;
}
@media screen and (min-width: 768px) {
  .dbx-rich-content-media-section--boxed {
    margin-block: 128px;
  }
}
.dbx-rich-content-media-section--boxed
  .dbx-rich-content-media-section__container {
  border-radius: 16px;
  overflow: hidden;
  padding: 64px 48px;
}
.dbx-rich-content-media-section--vertically-center
  .dbx-rich-content-media-section__container {
  align-items: center;
}
@media screen and (min-width: 768px) {
  .dbx-rich-content-media-section--boxed
    .dbx-rich-content-media-section__container {
    padding: 80px;
  }
}
@media screen and (min-width: 1200px) {
  .dbx-rich-content-media-section--overflow-media
    .dbx-rich-content-media-section__media-container {
    width: 125%;
  }
}
.dbx-rich-content-table-section {
  margin-block: 96px;
}
@media screen and (min-width: 768px) {
  .dbx-rich-content-table-section {
    margin-block: 128px;
  }
}
.dbx-rich-content-table-section__table {
  border-collapse: separate;
  width: 100%;
}
.dbx-rich-content-table-section__cell img {
  width: 24px;
  height: 24px;
  vertical-align: top;
}
.dbx-rich-content-table-section__row td,
.dbx-rich-content-table-section__row th {
  border-left: 1px solid #b8dff2;
  border-bottom: 1px solid #b8dff2;
  padding: 16px 10px;
}
.dbx-rich-content-table-section__row th {
  font-size: 1rem;
  line-height: 1.25rem;
  background-color: #e8f5fb;
}
.dbx-rich-content-table-section__row td:last-child {
  border-right: 1px solid #b8dff2;
}
.dbx-rich-content-table-section__row:first-child th {
  border-top-left-radius: 12px;
}
.dbx-rich-content-table-section__row:first-child td:last-child {
  border-top-right-radius: 12px;
}
.dbx-rich-content-table-section__row:first-child td,
.dbx-rich-content-table-section__row:first-child th {
  border-top: 1px solid #b8dff2;
}
.dbx-rich-content-table-section__row:last-child th {
  border-bottom-left-radius: 12px;
}
.dbx-rich-content-table-section__row:last-child td:last-child {
  border-bottom-right-radius: 12px;
}
.dbx-rich-content-table-section__item-title,
.dbx-rich-content-table-section__table-title {
  font-size: 1.125rem;
  line-height: 1.5rem;
  font-weight: 700;
}
.dbx-rich-content-table-section__item-content {
  padding: 24px;
  background-color: #e8f5fb;
  border-radius: 12px;
}
.dbx-rich-content-table-section__item-container:not(:last-child) {
  margin-bottom: 24px;
}
@media screen and (min-width: 768px) {
  .dbx-rich-content-table-section__row td,
  .dbx-rich-content-table-section__row th {
    padding: 16px;
  }
}
@media screen and (min-width: 1200px) {
  .dbx-rich-content-table-section__row td,
  .dbx-rich-content-table-section__row th {
    padding: 16px;
  }
  .dbx-rich-content-table-section__row th {
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
}
.dbx-substract-and-add-on-hover__add-element-container {
  height: 0;
  overflow: hidden;
}
.dbx-substract-and-add-on-hover__add-element-container,
.dbx-substract-and-add-on-hover__substract-element-container {
  transition: height 0.3s ease-in-out;
}
.dbx-repeater-rich-content__container {
  list-style: none;
}
.dbx-repeater-rich-content .dbx-rich-content {
  margin-bottom: 0;
  padding: 40px 24px;
}
.dbx-repeater-rich-content--boxed .dbx-rich-content {
  padding: 40px 24px;
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  max-width: 410px;
  margin-inline: auto;
}
.dbx-repeater-rich-content-section {
  margin-block: 96px;
}
@media screen and (min-width: 768px) {
  .dbx-repeater-rich-content-section {
    margin-block: 128px;
  }
}
.dbx-tags {
  display: flex;
  gap: 8px;
}
.dbx-tags .dbx-tag h1,
.dbx-tags .dbx-tag h2,
.dbx-tags .dbx-tag h3,
.dbx-tags .dbx-tag h4,
.dbx-tags .dbx-tag h5,
.dbx-tags .dbx-tag h6,
.dbx-tags .dbx-tag p {
  margin: 0;
}
.dbx-tags--align-left {
  justify-content: flex-start;
}
.dbx-tags--align-center {
  justify-content: center;
  align-items: center;
}
.dbx-tags--align-right {
  justify-content: flex-end;
}
.dbx-tag-rich-content-image-section {
  margin-block: 96px;
}
@media screen and (min-width: 768px) {
  .dbx-tag-rich-content-image-section {
    margin-block: 128px;
  }
}
.dbx-tag-rich-content-image-section__top-rich-content {
  margin-bottom: 24px;
}
.dbx-tag-rich-content-image-section__image {
  max-width: 100%;
}
.dbx-tag-rich-content-image-section__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.dbx-tag-rich-content-image-section__bottom-rich-content {
  margin-top: 12px;
}
.dbx-countdown-form-list-section .dbx-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 860px;
}
.dbx-countdown-form-list-section .dbx-countdown-timer {
  align-self: stretch;
  display: flex;
  justify-content: space-between;
  padding: 20px 48px;
  background-color: #1b2024;
  border-radius: 24px;
  border: 10px solid rgba(255, 255, 255, 0.9);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.25);
  margin-bottom: 56px;
}
.dbx-countdown-form-list-section .dbx-countdown-timer__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.dbx-countdown-form-list-section .dbx-countdown-timer__item-number {
  font-size: 2rem;
  line-height: 2rem;
  font-weight: 800;
  color: #fff;
}
.dbx-countdown-form-list-section .dbx-countdown-timer__item-label {
  font-size: 0.675rem;
  line-height: 1rem;
  font-weight: 400;
  color: #8e929b;
  letter-spacing: 1px;
}
.dbx-countdown-form-list-section .dbx-countdown-timer + .dbx-rich-content {
  margin-bottom: 24px;
}
.dbx-countdown-form-list-section .dbx-hubspot-form {
  align-self: stretch;
  margin-bottom: 56px;
}
.dbx-countdown-form-list-section .dbx-hubspot-form__container {
  width: 100%;
  position: relative;
  place-self: center;
  margin-bottom: 8px;
}
.dbx-countdown-form-list-section .dbx-hubspot-form__legal {
  color: rgba(142, 146, 155, 0.8);
  font-size: 0.75rem;
  text-align: center;
}
.dbx-countdown-form-list-section .dbx-hubspot-form .hs-form {
  margin-bottom: 8px;
}
.dbx-countdown-form-list-section .dbx-hubspot-form .hs-form .hs-input {
  border: 8px solid #fff;
  height: 64px;
  border-radius: 8px;
  padding-right: 128px;
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.25);
}
.dbx-countdown-form-list-section .dbx-hubspot-form .hs-email > label {
  display: none;
}
.dbx-countdown-form-list-section .dbx-hubspot-form .input {
  margin-bottom: 10px;
}
.dbx-countdown-form-list-section .dbx-hubspot-form .cookie-reset-container {
  display: none !important;
}
.dbx-countdown-form-list-section .dbx-hubspot-form .hs-submit {
  position: absolute;
  right: 8px;
  top: 8px;
}
.dbx-countdown-form-list-section .dbx-hubspot-form .hs-submit .hs-button {
  background-color: #4d71f1;
  padding: 0 24px;
  color: #fff;
  transition: background-color 250ms;
  text-transform: capitalize;
  font-weight: 700;
  border-radius: 6px;
  height: 48px;
  border: 4px solid #fff;
  font-size: 0.75rem;
  line-height: 1rem;
  padding: 0 12px;
}
.dbx-countdown-form-list-section .dbx-hubspot-form .hs-submit .hs-button:hover {
  background-color: #1e4bed;
}
.dbx-countdown-form-list-section .dbx-hubspot-form .hs-submit .actions {
  padding: 0;
  height: 100%;
}
.dbx-countdown-form-list-section .dbx-hubspot-form .hs-error-msgs {
  margin: 0;
  text-align: center;
  padding-inline-start: 0;
  list-style: none;
}
.dbx-countdown-form-list-section .dbx-hubspot-form .hs-error-msg {
  padding-inline-start: 0;
  margin: 0;
  line-height: 1.25rem;
  font-weight: 600;
}
.dbx-countdown-form-list-section .dbx-hubspot-form .submitted-message {
  padding-block: 15px;
  text-align: center;
}
.dbx-countdown-form-list-section .dbx-hubspot-form .submitted-message p {
  margin: 0;
}
@media screen and (min-width: 450px) {
  .dbx-countdown-form-list-section .dbx-countdown-timer {
    padding: 20px 72px;
  }
  .dbx-countdown-form-list-section .dbx-countdown-timer__item-number {
    font-size: 3rem;
    line-height: 3rem;
  }
  .dbx-countdown-form-list-section .dbx-countdown-timer__item-label {
    font-size: 0.875rem;
    line-height: 1rem;
  }
}
@media screen and (min-width: 768px) {
  .dbx-countdown-form-list-section .dbx-countdown-timer {
    padding: 20px 96px;
  }
  .dbx-countdown-form-list-section .dbx-countdown-timer__item-number {
    font-size: 4rem;
    line-height: 4rem;
  }
  .dbx-countdown-form-list-section
    .dbx-hubspot-form
    .hs-form
    .hs-input::placeholder {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .dbx-countdown-form-list-section .dbx-hubspot-form .hs-submit .hs-button {
    font-size: 0.875rem;
    line-height: 1.25rem;
    padding: 0 24px;
  }
}
.dbx-browse-integrations {
  margin-block: 144px;
}
.dbx-browse-integrations .dbx-container {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.dbx-browse-integrations .dbx-container p {
  max-width: 500px;
  text-align: center;
}
.dbx-browse-integrations .dbx-rich-content {
  max-width: 375px;
}
.dbx-browse-integrations__background-container {
  position: absolute;
  top: -50px;
  max-width: 100%;
  width: 375px;
  z-index: -1;
}
.dbx-browse-integrations__background-container img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.dbx-browse-integrations__background-lg {
  display: none;
}
@media screen and (min-width: 450px) {
  .dbx-browse-integrations__background-container {
    width: 500px;
  }
}
@media screen and (min-width: 768px) {
  .dbx-browse-integrations .dbx-rich-content {
    max-width: unset;
  }
  .dbx-browse-integrations__background-container {
    top: -50px;
    width: 100%;
  }
  .dbx-browse-integrations__background-sm {
    display: none;
  }
  .dbx-browse-integrations__background-lg {
    display: inline-block;
  }
  .dbx-browse-integrations p {
    max-width: 650px;
    text-align: center;
  }
}
@media screen and (min-width: 1024px) {
  .dbx-browse-integrations__background-container {
    max-width: 875px;
  }
}
.dbx-pricing-section {
  margin-top: 95px;
  padding-top: 95px;
  background-color: #f0f4f6;
}
.dbx-pricing-section .collapsable-holder {
  background-color: #f0f4f6 !important;
}
.dbx-pricing-section #pricing-2023 #interval-switch > div {
  background-color: #d1dfe5;
}
.dbx-pricing-section #pricing-2023 #interval-switch #annual strong {
  color: #4d71f1;
}
.dbx-pricing-section #pricing-2023 #plans-basics .plan-container .scroll {
  display: flex;
  align-items: center;
  color: #000;
}
.dbx-pricing-section
  #pricing-2023
  #plans-basics
  .plan-container
  .scroll
  small.info {
  width: 16px;
  height: 16px;
}
@media screen and (max-width: 992px) {
  .dbx-pricing-section #pricing-2023 #plans-basics .plan-container .scroll {
    display: none;
  }
}
.dbx-embed-section {
  margin-block: 96px;
}
@media screen and (min-width: 768px) {
  .dbx-embed-section {
    margin-block: 128px;
  }
}
.dbx-rich-content-form-section__column-container {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.dbx-rich-content-form-section__side-html-content--add-box {
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  padding: 24px;
  border-radius: 12px;
  background-color: #fff;
}
.dbx-rich-content-form-section--vertically-center
  .dbx-rich-content-form-section__column-container {
  align-items: center;
}
@media screen and (min-width: 960px) {
  .dbx-rich-content-form-section__column-container {
    flex-direction: row;
    gap: 48px;
    justify-content: center;
  }
  .dbx-rich-content-form-section__side-rich-content {
    flex: 0 1 400px;
  }
  .dbx-rich-content-form-section__side-html-content {
    flex: 0 1 375px;
  }
}
.dbx-reusable-form {
  max-width: 600px;
  margin: 0 auto;
  padding: 30px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}
.dbx-reusable-form h2 {
  margin-top: 0;
  margin-bottom: 10px;
  color: #111827;
  font-size: 28px;
  font-weight: 700;
}
.dbx-reusable-form p {
  color: #4b5563;
  margin-bottom: 25px;
  font-size: 15px;
  line-height: 1.6;
}
.dbx-reusable-form__form-group {
  margin-bottom: 20px;
}
.dbx-reusable-form__form-group label {
  display: block;
  margin-bottom: 5px;
  font-weight: 600;
  color: #374151;
  font-size: 14px;
}
.dbx-reusable-form__form-group input[type="email"],
.dbx-reusable-form__form-group input[type="text"],
.dbx-reusable-form__form-group textarea {
  width: 100%;
  padding: 12px;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  font-size: 15px;
  box-sizing: border-box;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.dbx-reusable-form__form-group textarea {
  resize: vertical;
  min-height: 100px;
  font-family: inherit;
}
.dbx-reusable-form__form-group input:focus,
.dbx-reusable-form__form-group textarea:focus {
  outline: 0;
  border-color: #2563eb;
  box-shadow: 0 0 0 1px rgba(37, 99, 235, 0.25);
}
.dbx-reusable-form__consent-group {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 14px;
  font-size: 14px;
  line-height: 1.5;
  color: #111827;
}
.dbx-reusable-form__consent-group input[type="checkbox"] {
  margin-top: 3px;
  width: 20px;
  height: 20px;
  min-width: 20px;
  min-height: 20px;
  border-radius: 4px;
  border: 1px solid #9ca3af;
  cursor: pointer;
}
.dbx-reusable-form__consent-group label {
  margin: 0;
  font-weight: 400;
  color: #111827;
  cursor: pointer;
}
.dbx-reusable-form__consent-group a {
  color: #2563eb;
  text-decoration: none;
  font-weight: 500;
}
.dbx-reusable-form__consent-group a:hover {
  text-decoration: underline;
}
.dbx-reusable-form__messages {
  margin-bottom: 20px;
}
.dbx-reusable-form__error-message,
.dbx-reusable-form__success-message {
  display: none;
  padding: 12px 16px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 500;
}
.dbx-reusable-form__success-message {
  background: #d1fae5;
  color: #065f46;
}
.dbx-reusable-form__error-message {
  background: #fee2e2;
  color: #991b1b;
}
.dbx-reusable-form button.dbx-btn {
  width: 100%;
}
.dbx-reusable-form__hp-field {
  display: none;
}
.dbx-media-section {
  margin-block: 96px;
  position: relative;
}
@media screen and (min-width: 768px) {
  .dbx-media-section {
    margin-block: 128px;
  }
}
.dbx-media-section__tags {
  margin-bottom: 32px;
}
@media screen and (min-width: 768px) {
  .dbx-media-section__tags {
    margin-bottom: 48px;
  }
}
.dbx-media-section__top-content {
  margin-bottom: 48px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .dbx-media-section__top-content {
    margin-bottom: 64px;
  }
}
.dbx-media-section__media {
  margin-bottom: 48px;
  display: flex;
  justify-content: center;
  max-width: 812px;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .dbx-media-section__media {
    margin-bottom: 64px;
  }
}
.dbx-media-section__image {
  max-width: 100%;
  border-radius: 8px;
  overflow: hidden;
}
.dbx-media-section__image img {
  width: 100%;
  height: auto;
  display: block;
}
.dbx-media-section__video {
  width: 100%;
  max-width: 800px;
  border-radius: 8px;
  overflow: hidden;
}
.dbx-media-section__video-embed {
  width: 100%;
}
.dbx-media-section__datawall {
  width: 100%;
  border-radius: 8px;
  overflow: hidden;
  height: 540px;
  position: relative;
}
.dbx-media-section__datawall .dbx-datawall__container {
  height: 100%;
  position: relative;
}
.dbx-media-section__datawall .dbx-loading-skeleton {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: loading-shimmer 1.5s infinite;
  border-radius: 8px;
  transition: opacity 0.3s ease-out;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  will-change: background-position;
}
@media (prefers-reduced-motion: reduce) {
  .dbx-media-section__datawall .dbx-loading-skeleton {
    animation: none;
    background: #f0f0f0;
  }
  .dbx-media-section__datawall .dbx-loading-skeleton .dbx-bar-loader__bar {
    animation: none;
    height: 3em;
  }
}
.dbx-media-section__datawall iframe {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 2;
  background: 0 0;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
.dbx-media-section__bottom-content {
  margin-bottom: 48px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .dbx-media-section__bottom-content {
    margin-bottom: 64px;
  }
}
.dbx-media-section__buttons {
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .dbx-media-section__tags {
    margin-bottom: 24px;
  }
  .dbx-media-section__top-content {
    margin-bottom: 32px;
  }
  .dbx-media-section__media {
    margin-bottom: 32px;
  }
  .dbx-media-section__bottom-content {
    margin-bottom: 32px;
  }
}
.dbx-media-section--size-large .dbx-media-section__media {
  max-width: 1280px;
}
.dbx-media-section--size-large .dbx-media-section__video {
  max-width: 1280px;
}
.dbx-media-section--size-large .dbx-media-section__datawall {
  aspect-ratio: 16/9;
  height: auto;
}
.dbx-steps-slider-section {
  margin-block: 96px;
  position: relative;
}
@media screen and (min-width: 768px) {
  .dbx-steps-slider-section {
    margin-block: 128px;
  }
}
.dbx-steps-slider-section__rich-content {
  text-align: center;
}
.dbx-steps-slider-section .dbx-steps-slider {
  margin-top: 0;
  position: relative;
}
@media screen and (max-width: 767px) {
  .dbx-steps-slider-section .dbx-steps-slider {
    padding: 0;
  }
}
.dbx-steps-slider-section .dbx-steps-slider__buttons {
  margin-top: 0;
}
.dbx-steps-slider-section .dbx-steps-slider__container {
  position: relative;
}
.dbx-steps-slider-section .dbx-steps-slider__container .slick-slide {
  margin: 0 16px;
}
.dbx-steps-slider-section .dbx-steps-slider__container .slick-list {
  overflow: hidden;
  margin: 0 -16px;
}
.dbx-steps-slider-section .dbx-steps-slider__container .slick-track {
  display: flex;
  align-items: stretch;
  margin-block: 64px 32px;
}
.dbx-steps-slider-section .dbx-steps-slider__container::after,
.dbx-steps-slider-section .dbx-steps-slider__container::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 20px;
  z-index: 5;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .dbx-steps-slider-section .dbx-steps-slider__container::after,
  .dbx-steps-slider-section .dbx-steps-slider__container::before {
    display: none;
  }
}
.dbx-steps-slider-section .dbx-steps-slider__container::before {
  left: -20px;
  background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
}
.dbx-steps-slider-section .dbx-steps-slider__container::after {
  right: -20px;
  background: linear-gradient(to left, #fff, rgba(255, 255, 255, 0));
}
.dbx-steps-slider-section .slick-track {
  display: flex !important;
  align-items: stretch !important;
}
.dbx-steps-slider-section .slick-slide {
  height: inherit !important;
}
.dbx-steps-slider-section .slick-slide > div {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.dbx-steps-slider-section .dbx-steps-slider__slide {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 24px 16px;
  background: #fff;
  border-radius: 16px;
  height: 100%;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  justify-content: flex-start;
}
@media screen and (min-width: 768px) {
  .dbx-steps-slider-section .dbx-steps-slider__slide {
    padding: 32px 20px;
  }
}
@media screen and (min-width: 1024px) {
  .dbx-steps-slider-section .dbx-steps-slider__slide {
    padding: 40px 24px;
  }
}
.dbx-steps-slider-section .dbx-steps-slider__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  flex: 1;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .dbx-steps-slider-section .dbx-steps-slider__content {
    gap: 20px;
  }
}
.dbx-steps-slider-section .dbx-steps-slider__step-number {
  width: 48px;
  height: 48px;
  background: linear-gradient(135deg, #4d71f1 0, #405ed1 100%);
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1;
  flex-shrink: 0;
  padding: 6px;
}
@media screen and (min-width: 768px) {
  .dbx-steps-slider-section .dbx-steps-slider__step-number {
    width: 56px;
    height: 56px;
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 1024px) {
  .dbx-steps-slider-section .dbx-steps-slider__step-number {
    width: 64px;
    height: 64px;
    font-size: 1.75rem;
  }
}
.dbx-steps-slider-section .dbx-steps-slider__step-content {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
  justify-content: space-between;
  flex: 1;
}
.dbx-steps-slider-section .dbx-steps-slider__step-image {
  width: 100%;
  margin-top: 16px;
  max-width: 200px;
}
@media screen and (min-width: 768px) {
  .dbx-steps-slider-section .dbx-steps-slider__step-image {
    max-width: 250px;
  }
}
@media screen and (min-width: 1024px) {
  .dbx-steps-slider-section .dbx-steps-slider__step-image {
    max-width: 300px;
  }
}
.dbx-steps-slider-section .dbx-steps-slider__step-image img {
  width: 100%;
  height: auto;
  border-radius: 8px;
}
.dbx-steps-slider-section .dbx-steps-slider__arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  border: none;
  border-radius: 50%;
  width: 48px;
  height: 48px;
  display: none;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  color: rgba(142, 146, 155, 0.5);
  padding: 16px;
  background: 0 0;
}
.dbx-steps-slider-section .dbx-steps-slider__arrow:hover {
  background: rgba(77, 113, 241, 0.1);
  color: #4d71f1;
}
.dbx-steps-slider-section .dbx-steps-slider__arrow--prev {
  left: -80px;
}
.dbx-steps-slider-section .dbx-steps-slider__arrow--next {
  right: -80px;
}
.dbx-steps-slider-section .dbx-steps-slider__arrow .icon {
  font-size: 16px;
}
.dbx-steps-slider-section .dbx-steps-slider__dots {
  display: flex !important;
  justify-content: center;
  align-items: center;
  gap: 12px;
  margin-top: 32px;
  padding: 0;
  list-style: none;
}
.dbx-steps-slider-section .dbx-steps-slider__dots li {
  margin: 0;
}
.dbx-steps-slider-section .dbx-steps-slider__dots li button {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: none;
  background: rgba(142, 146, 155, 0.1);
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  font-size: 0;
  text-indent: -9999px;
}
.dbx-steps-slider-section .dbx-steps-slider__dots li button:hover {
  background: rgba(142, 146, 155, 0.1);
  transform: scale(1.2);
}
.dbx-steps-slider-section .dbx-steps-slider__dots li.slick-active button {
  background: #4d71f1;
  transform: scale(1.3);
}
@media screen and (max-width: 767px) {
  .dbx-steps-slider-section .dbx-steps-slider__slide {
    padding: 24px 16px;
  }
  .dbx-steps-slider-section .dbx-steps-slider__step-number {
    width: 56px;
    height: 56px;
    font-size: 1.25rem;
  }
  .dbx-steps-slider-section .dbx-steps-slider__step-title {
    font-size: 1.25rem;
  }
  .dbx-steps-slider-section .dbx-steps-slider__step-text {
    font-size: 0.875rem;
  }
}
@media screen and (min-width: 1024px) {
  .dbx-steps-slider-section .dbx-steps-slider__arrow--prev {
    left: -80px;
  }
  .dbx-steps-slider-section .dbx-steps-slider__arrow--next {
    right: -80px;
  }
}
@media screen and (min-width: 1500px) {
  .dbx-steps-slider-section .dbx-steps-slider__arrow {
    display: flex;
  }
}
.dbx-image-carousel__container {
  display: flex;
  overflow-x: auto;
  scroll-behavior: smooth;
  gap: 24px;
  align-items: center;
}
.dbx-expandable-cards {
  margin-block: 96px;
}
@media screen and (min-width: 768px) {
  .dbx-expandable-cards {
    margin-block: 128px;
  }
}
.dbx-expandable-cards .dbx-container > .dbx-rich-content {
  margin-bottom: 32px;
}
.dbx-expandable-cards .line-break {
  display: none;
}
.dbx-expandable-cards__container {
  display: flex;
  gap: 16px;
  margin: 48px 0;
}
.dbx-expandable-cards__card {
  border-radius: 12px;
  padding: 32px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
}
.dbx-expandable-cards__card-header {
  display: flex;
  flex-direction: column;
  justify-content: stretch;
}
.dbx-expandable-cards__card-row-content {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 24px;
}
.dbx-expandable-cards__card-title-container {
  display: flex;
  align-items: center;
  gap: 8px;
}
.dbx-expandable-cards__card-title {
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 700;
  color: #000;
  margin: 0;
}
.dbx-expandable-cards__card-arrow-icon {
  display: none;
}
.dbx-expandable-cards__card-arrow-icon .icon {
  font-size: 14px;
  line-height: 1;
  transition: transform 0.3s ease;
}
.dbx-expandable-cards__card-row-icon .icon {
  font-size: 98px;
  line-height: 1;
}
.dbx-expandable-cards__card-icon {
  align-self: center;
  order: 1;
}
.dbx-expandable-cards__card-icon .icon {
  font-size: 98px;
  line-height: 1;
}
.dbx-expandable-cards__card-content {
  margin-top: auto;
}
.dbx-expandable-cards__card-text {
  margin-top: 16px;
}
.dbx-expandable-cards__card-text * {
  text-align: left !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.dbx-expandable-cards__card-text p {
  margin-bottom: 16px;
  color: #393a3e;
}
.dbx-expandable-cards__card-text ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.dbx-expandable-cards__card-text ul li {
  position: relative;
  padding-left: 20px;
  margin-bottom: 8px;
  color: #393a3e;
}
.dbx-expandable-cards__card-text ul li:before {
  content: "•";
  position: absolute;
  left: 0;
  top: 0;
  color: #72757c;
}
.dbx-expandable-cards__card--purple {
  background-color: #f0e8f9;
}
.dbx-expandable-cards__card--purple .dbx-expandable-cards__card-icon .icon,
.dbx-expandable-cards__card--purple .dbx-expandable-cards__card-row-icon .icon {
  color: #9a68d8;
}
.dbx-expandable-cards__card--purple .dbx-expandable-cards__custom-btn {
  color: #9a68d8;
}
.dbx-expandable-cards__card--purple .dbx-expandable-cards__custom-btn:hover {
  color: #9a68d8;
}
.dbx-expandable-cards__card--dark-blue {
  background-color: #e0e3ef;
}
.dbx-expandable-cards__card--dark-blue .dbx-expandable-cards__card-icon .icon,
.dbx-expandable-cards__card--dark-blue
  .dbx-expandable-cards__card-row-icon
  .icon {
  color: #2e4797;
}
.dbx-expandable-cards__card--dark-blue .dbx-expandable-cards__custom-btn {
  color: #2e4797;
}
.dbx-expandable-cards__card--dark-blue .dbx-expandable-cards__custom-btn:hover {
  color: #2e4797;
}
.dbx-expandable-cards__card--blue {
  background-color: #e4eafd;
}
.dbx-expandable-cards__card--blue .dbx-expandable-cards__card-icon .icon,
.dbx-expandable-cards__card--blue .dbx-expandable-cards__card-row-icon .icon {
  color: #4d71f1;
}
.dbx-expandable-cards__card--blue .dbx-expandable-cards__custom-btn {
  color: #4d71f1;
}
.dbx-expandable-cards__card--blue .dbx-expandable-cards__custom-btn:hover {
  color: #4d71f1;
}
.dbx-expandable-cards__card--green {
  background-color: #dff4ea;
}
.dbx-expandable-cards__card--green .dbx-expandable-cards__card-icon .icon,
.dbx-expandable-cards__card--green .dbx-expandable-cards__card-row-icon .icon {
  color: #2ab674;
}
.dbx-expandable-cards__card--green .dbx-expandable-cards__custom-btn {
  color: #2ab674;
}
.dbx-expandable-cards__card--green .dbx-expandable-cards__custom-btn:hover {
  color: #2ab674;
}
.dbx-expandable-cards__card--orange {
  background-color: #feeddb;
}
.dbx-expandable-cards__card--orange .dbx-expandable-cards__card-icon .icon,
.dbx-expandable-cards__card--orange .dbx-expandable-cards__card-row-icon .icon {
  color: #fa870c;
}
.dbx-expandable-cards__card--orange .dbx-expandable-cards__custom-btn {
  color: #fa870c;
}
.dbx-expandable-cards__card--orange .dbx-expandable-cards__custom-btn:hover {
  color: #fa870c;
}
.dbx-expandable-cards__card-button {
  margin-top: 16px;
  text-align: left;
}
.dbx-expandable-cards__card .dbx-expandable-cards__custom-btn {
  background-color: rgba(255, 255, 255, 0.8);
  border: none;
  text-align: left;
}
.dbx-expandable-cards__card .dbx-expandable-cards__custom-btn:hover {
  background-color: #fff;
  text-decoration: none;
}
@media screen and (min-width: 980px) {
  .dbx-expandable-cards .line-break {
    display: inline;
  }
}
@media screen and (min-width: 1200px) {
  .dbx-expandable-cards__card {
    cursor: pointer;
    height: 516px;
  }
  .dbx-expandable-cards__card-header {
    height: 98px;
  }
  .dbx-expandable-cards__card-arrow-icon {
    display: none !important;
  }
  .dbx-expandable-cards__card-row-icon {
    opacity: 0;
  }
  .dbx-expandable-cards__card-content {
    position: absolute;
    top: 100%;
    left: 32px;
    right: 32px;
    width: calc(416px - 64px);
    opacity: 0;
    visibility: hidden;
  }
  .dbx-expandable-cards__card--active {
    background: linear-gradient(
      100.24deg,
      #6d53dd 6.06%,
      #ac70d6 95.63%
    ) !important;
  }
  .dbx-expandable-cards__card--active .dbx-expandable-cards__card-title {
    color: #fff;
  }
  .dbx-expandable-cards__card--active .dbx-expandable-cards__card-row-icon {
    opacity: 1;
    margin-bottom: 0;
  }
  .dbx-expandable-cards__card--active
    .dbx-expandable-cards__card-row-icon
    .icon {
    color: #fff;
  }
  .dbx-expandable-cards__card--active .dbx-expandable-cards__card-icon {
    opacity: 0;
    display: none;
  }
  .dbx-expandable-cards__card--active .dbx-expandable-cards__card-content {
    position: static;
    top: auto;
    left: auto;
    right: auto;
    width: auto;
    margin-block: 24px;
    opacity: 1;
    visibility: visible;
  }
  .dbx-expandable-cards__card--active .dbx-expandable-cards__card-text li,
  .dbx-expandable-cards__card--active .dbx-expandable-cards__card-text p {
    color: #fff !important;
  }
  .dbx-expandable-cards__card--active
    .dbx-expandable-cards__card-text
    ul
    li:before {
    color: #fff !important;
  }
  .dbx-expandable-cards__card--active .dbx-expandable-cards__custom-btn {
    background-color: rgba(255, 255, 255, 0.8);
    color: #9a68d8;
    margin-top: 16px;
  }
  .dbx-expandable-cards__card--active .dbx-expandable-cards__custom-btn:hover {
    background-color: #fff;
    color: #9a68d8;
  }
}
@media screen and (min-width: 1400px) {
  .dbx-expandable-cards__card-title {
    font-size: 1.375rem;
    line-height: 2rem;
  }
}
@media screen and (min-width: 979px) and (max-width: 1199px) {
  .dbx-expandable-cards__container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
  }
  .dbx-expandable-cards__card {
    height: auto !important;
    cursor: default;
    justify-content: flex-start;
  }
  .dbx-expandable-cards__card-header {
    height: auto;
    margin-bottom: 24px;
  }
  .dbx-expandable-cards__card-row-content {
    margin-bottom: 0;
  }
  .dbx-expandable-cards__card-arrow-icon {
    display: none !important;
  }
  .dbx-expandable-cards__card-row-icon {
    opacity: 1;
  }
  .dbx-expandable-cards__card-icon {
    display: none;
  }
  .dbx-expandable-cards__card-content {
    position: static;
    margin-top: 0;
    height: auto !important;
    overflow: visible !important;
    opacity: 1;
    visibility: visible;
  }
  .dbx-expandable-cards__card-title {
    font-size: 1.375rem;
    line-height: 2rem;
  }
  .dbx-expandable-cards__card--active {
    background: inherit !important;
  }
  .dbx-expandable-cards__card--active .dbx-expandable-cards__card-title {
    color: #000;
  }
  .dbx-expandable-cards__card--active .dbx-expandable-cards__card-text li,
  .dbx-expandable-cards__card--active .dbx-expandable-cards__card-text p {
    color: #393a3e !important;
  }
  .dbx-expandable-cards__card--active
    .dbx-expandable-cards__card-text
    ul
    li:before {
    color: #72757c !important;
  }
}
@media screen and (max-width: 980px) {
  .dbx-expandable-cards__container {
    flex-direction: column;
    gap: 16px;
  }
  .dbx-expandable-cards__card {
    height: auto;
    cursor: pointer;
  }
  .dbx-expandable-cards__card-header {
    height: auto;
    margin-bottom: 0;
  }
  .dbx-expandable-cards__card-row-content {
    margin-bottom: 0;
    align-items: center;
  }
  .dbx-expandable-cards__card-title-container {
    flex: 1;
  }
  .dbx-expandable-cards__card-arrow-icon {
    display: block !important;
    margin-left: 8px;
  }
  .dbx-expandable-cards__card-arrow-icon .icon {
    font-size: 14px;
    transition: transform 0.3s ease;
  }
  .dbx-expandable-cards__card-row-icon {
    opacity: 1;
    order: 2;
  }
  .dbx-expandable-cards__card-row-icon .icon {
    font-size: 24px;
  }
  .dbx-expandable-cards__card-icon {
    display: none !important;
  }
  .dbx-expandable-cards__card-content {
    height: 0;
    overflow: hidden;
    transition: height 0.3s ease;
    opacity: 1;
    visibility: visible;
  }
  .dbx-expandable-cards__card-arrow-icon .icon:before {
    transform: rotate(0);
    transition: transform 0.3s ease;
  }
  .dbx-expandable-cards__card--active
    .dbx-expandable-cards__card-arrow-icon
    .icon:before {
    transform: rotate(90deg);
  }
  .dbx-expandable-cards__card-text li,
  .dbx-expandable-cards__card-text p {
    color: #393a3e !important;
  }
  .dbx-expandable-cards__card-text ul li:before {
    color: #72757c !important;
  }
}
.dbx-icon-rich-content-button-card {
  display: flex;
  flex-direction: column;
  padding: 32px 24px;
  border-radius: 16px;
  height: 100%;
  position: relative;
}
.dbx-icon-rich-content-button-card__icon {
  margin-bottom: 24px;
  text-align: left;
}
.dbx-icon-rich-content-button-card__icon .icon {
  font-size: 48px;
  line-height: 1;
}
.dbx-icon-rich-content-button-card__icon img {
  max-width: 48px;
  height: auto;
}
.dbx-icon-rich-content-button-card__content {
  flex-grow: 1;
  margin-bottom: 24px;
  text-align: left;
}
.dbx-icon-rich-content-button-card__content * {
  text-align: left !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.dbx-icon-rich-content-button-card__content h3 {
  font-size: 1.5rem;
  line-height: 2rem;
  margin-bottom: 16px;
  font-weight: 700;
  text-align: left;
}
.dbx-icon-rich-content-button-card__content p {
  margin-bottom: 24px;
  text-align: left;
}
.dbx-icon-rich-content-button-card__content ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.dbx-icon-rich-content-button-card__content ul li {
  position: relative;
  padding-left: 24px;
  margin-bottom: 8px;
  text-align: left;
  padding-inline-start: 0;
}
.dbx-icon-rich-content-button-card__content ul li:last-child {
  margin-bottom: 0;
}
.dbx-icon-rich-content-button-card__buttons {
  margin: 0;
}
.dbx-icon-rich-content-button-card__buttons .dbx-buttons__buttons-container {
  justify-content: start;
}
.dbx-icon-rich-content-button-card--default.dbx-icon-rich-content-button-card--green {
  background-color: #eaf8f1;
}
.dbx-icon-rich-content-button-card--default.dbx-icon-rich-content-button-card--green
  .dbx-icon-rich-content-button-card__content
  h3,
.dbx-icon-rich-content-button-card--default.dbx-icon-rich-content-button-card--green
  .dbx-icon-rich-content-button-card__icon
  .icon,
.dbx-icon-rich-content-button-card--default.dbx-icon-rich-content-button-card--green
  .dbx-rich-content.dbx-rich-content--custom-checkmarks
  .icon::before {
  color: #2ab674;
}
.dbx-icon-rich-content-button-card--default.dbx-icon-rich-content-button-card--green
  .dbx-icon-rich-content-button-card__content
  ul
  li
  .icon-check-1 {
  color: #2ab674;
}
.dbx-icon-rich-content-button-card--default.dbx-icon-rich-content-button-card--orange {
  background-color: #fff3e7;
}
.dbx-icon-rich-content-button-card--default.dbx-icon-rich-content-button-card--orange
  .dbx-icon-rich-content-button-card__content
  h3,
.dbx-icon-rich-content-button-card--default.dbx-icon-rich-content-button-card--orange
  .dbx-icon-rich-content-button-card__icon
  .icon,
.dbx-icon-rich-content-button-card--default.dbx-icon-rich-content-button-card--orange
  .dbx-rich-content.dbx-rich-content--custom-checkmarks
  .icon::before {
  color: #fa870c;
}
.dbx-icon-rich-content-button-card--default.dbx-icon-rich-content-button-card--orange
  .dbx-icon-rich-content-button-card__content
  ul
  li
  .icon-check-1 {
  color: #fa870c;
}
.dbx-icon-rich-content-button-card--default.dbx-icon-rich-content-button-card--yellow {
  background-color: #fef8ec;
}
.dbx-icon-rich-content-button-card--default.dbx-icon-rich-content-button-card--yellow
  .dbx-icon-rich-content-button-card__content
  h3,
.dbx-icon-rich-content-button-card--default.dbx-icon-rich-content-button-card--yellow
  .dbx-icon-rich-content-button-card__icon
  .icon,
.dbx-icon-rich-content-button-card--default.dbx-icon-rich-content-button-card--yellow
  .dbx-rich-content.dbx-rich-content--custom-checkmarks
  .icon::before {
  color: #f4bb42;
}
.dbx-icon-rich-content-button-card--default.dbx-icon-rich-content-button-card--yellow
  .dbx-icon-rich-content-button-card__content
  ul
  li
  .icon-check-1 {
  color: #f4bb42;
}
.dbx-icon-rich-content-button-card--default.dbx-icon-rich-content-button-card--blue {
  background-color: #e0e3ef;
}
.dbx-icon-rich-content-button-card--default.dbx-icon-rich-content-button-card--blue
  .dbx-icon-rich-content-button-card__content
  h3,
.dbx-icon-rich-content-button-card--default.dbx-icon-rich-content-button-card--blue
  .dbx-icon-rich-content-button-card__icon
  .icon,
.dbx-icon-rich-content-button-card--default.dbx-icon-rich-content-button-card--blue
  .dbx-rich-content.dbx-rich-content--custom-checkmarks
  .icon::before {
  color: #4d71f1;
}
.dbx-icon-rich-content-button-card--default.dbx-icon-rich-content-button-card--blue
  .dbx-icon-rich-content-button-card__content
  ul
  li
  .icon-check-1 {
  color: #4d71f1;
}
.dbx-icon-rich-content-button-card--default.dbx-icon-rich-content-button-card--dark-blue {
  background-color: #eaedf5;
}
.dbx-icon-rich-content-button-card--default.dbx-icon-rich-content-button-card--dark-blue
  .dbx-icon-rich-content-button-card__content
  h3,
.dbx-icon-rich-content-button-card--default.dbx-icon-rich-content-button-card--dark-blue
  .dbx-icon-rich-content-button-card__icon
  .icon,
.dbx-icon-rich-content-button-card--default.dbx-icon-rich-content-button-card--dark-blue
  .dbx-rich-content.dbx-rich-content--custom-checkmarks
  .icon::before {
  color: #2e4797;
}
.dbx-icon-rich-content-button-card--default.dbx-icon-rich-content-button-card--dark-blue
  .dbx-icon-rich-content-button-card__content
  ul
  li
  .icon-check-1 {
  color: #2e4797;
}
.dbx-icon-rich-content-button-card--default.dbx-icon-rich-content-button-card--purple {
  background-color: #f1ecf7;
}
.dbx-icon-rich-content-button-card--default.dbx-icon-rich-content-button-card--purple
  .dbx-icon-rich-content-button-card__content
  h3,
.dbx-icon-rich-content-button-card--default.dbx-icon-rich-content-button-card--purple
  .dbx-icon-rich-content-button-card__icon
  .icon,
.dbx-icon-rich-content-button-card--default.dbx-icon-rich-content-button-card--purple
  .dbx-rich-content.dbx-rich-content--custom-checkmarks
  .icon::before {
  color: #7540ab;
}
.dbx-icon-rich-content-button-card--default.dbx-icon-rich-content-button-card--purple
  .dbx-icon-rich-content-button-card__content
  ul
  li
  .icon-check-1 {
  color: #7540ab;
}
.dbx-repeater-icon-rich-content-button-card {
  margin-block: 96px;
}
@media screen and (min-width: 768px) {
  .dbx-repeater-icon-rich-content-button-card {
    margin-block: 128px;
  }
}
.dbx-repeater-icon-rich-content-button-card__header {
  margin-bottom: 32px;
  text-align: center;
}
.dbx-repeater-icon-rich-content-button-card__header h2 {
  margin-bottom: 16px;
}
.dbx-repeater-icon-rich-content-button-card__header p {
  margin-bottom: 0;
}
.dbx-repeater-icon-rich-content-button-card__card-container {
  margin-bottom: 32px;
}
.dbx-repeater-icon-rich-content-button-card__card-container
  .dbx-icon-rich-content-button-card {
  height: 100%;
}
.dbx-repeater-icon-rich-content-button-card__card-container
  .dbx-icon-rich-content-button-card
  .dbx-buttons__buttons-container {
  justify-content: start !important;
}
.dbx-repeater-icon-rich-content-button-card__card-container.dbx-gap-24 {
  margin-bottom: 0;
}
.dbx-repeater-icon-rich-content-button-card__buttons {
  text-align: center;
  margin-bottom: 0;
}
.dbx-repeater-icon-rich-content-button-card__buttons
  .dbx-buttons__buttons-container {
  justify-content: center;
}
.dbx-g-app-buttons {
  display: flex;
  gap: 16px;
}
.dbx-g-app-buttons a {
  display: flex;
  justify-content: center;
}
.dbx-g-app-buttons a img {
  width: 100%;
  height: auto;
}
.dbx-g-social-media-icons {
  display: flex;
  gap: 12px;
}
.dbx-g-social-media-icons a {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  text-decoration: none;
}
.dbx-g-social-media-icons a:hover {
  opacity: 0.8;
}
.dbx-g-social-media-icons a .icon {
  color: #fff;
  font-size: 24px;
}
.dbx-g-company-info-row {
  display: flex;
  gap: 16px;
}
.dbx-g-company-info-row .company-info-text {
  color: rgba(255, 255, 255, 0.5);
  font-size: 14px;
  line-height: 1.4;
  margin: 0;
}
.dbx-g-company-info-row .pledge {
  display: flex;
  height: 36px;
  width: auto;
}
.dbx-g-company-info-row .pledge a {
  display: block;
}
.dbx-g-company-info-row .pledge a img {
  object-fit: contain;
  height: 100%;
  width: auto;
}
.dbx-hubspot-form {
  width: 100%;
}
.dbx-hubspot-form__wrapper {
  width: 100%;
}
.dbx-hubspot-form form input[type="email"],
.dbx-hubspot-form form input[type="number"],
.dbx-hubspot-form form input[type="tel"],
.dbx-hubspot-form form input[type="text"],
.dbx-hubspot-form form select,
.dbx-hubspot-form form textarea {
  width: 100%;
  padding: 12px;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  font-size: 15px;
  box-sizing: border-box;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.dbx-hubspot-form form input[type="email"]:focus,
.dbx-hubspot-form form input[type="number"]:focus,
.dbx-hubspot-form form input[type="tel"]:focus,
.dbx-hubspot-form form input[type="text"]:focus,
.dbx-hubspot-form form select:focus,
.dbx-hubspot-form form textarea:focus {
  outline: 0;
  border-color: #4d71f1;
  box-shadow: 0 0 0 1px rgba(77, 113, 241, 0.25);
}
.dbx-hubspot-form form textarea {
  resize: vertical;
  min-height: 100px;
  font-family: inherit;
}
.dbx-hubspot-form form label {
  display: block;
  margin-bottom: 5px;
  font-weight: 600;
  color: #374151;
  font-size: 14px;
}
.dbx-hubspot-form form .hs-form-field {
  margin-bottom: 16px;
}
.dbx-hubspot-form form .hs-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 24px;
  background-color: #4d71f1;
  color: #fff;
  border: none;
  border-radius: 6px;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.15s ease;
}
.dbx-hubspot-form form .hs-button:hover {
  background-color: #1e4bed;
}
.dbx-hubspot-form form .hs-error-msgs {
  list-style: none;
  padding: 0;
  margin: 4px 0 0 0;
}
.dbx-hubspot-form form .hs-error-msgs li {
  color: #ed2857;
  font-size: 13px;
}
.dbx-hubspot-form-section {
  margin-block: 96px;
}
@media screen and (min-width: 768px) {
  .dbx-hubspot-form-section {
    margin-block: 128px;
  }
}
.dbx-hubspot-form-section__column-container {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.dbx-hubspot-form-section__bottom-rich-content {
  margin-top: 32px;
}
.dbx-hubspot-form-section__form-container {
  width: 100%;
}
.dbx-hubspot-form-section__form-container--boxed {
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  padding: 24px;
  border-radius: 12px;
  background-color: #fff;
}
.dbx-hubspot-form-section--vertically-center
  .dbx-hubspot-form-section__column-container {
  align-items: center;
}
@media screen and (min-width: 960px) {
  .dbx-hubspot-form-section__column-container {
    flex-direction: row;
    gap: 48px;
    justify-content: center;
  }
  .dbx-hubspot-form-section__side-rich-content {
    flex: 0 1 400px;
  }
  .dbx-hubspot-form-section__form-container {
    flex: 0 1 375px;
  }
}
.dbx-how-to-header {
  margin-block: 64px;
}
@media screen and (min-width: 768px) {
  .dbx-how-to-header {
    margin-block: 96px;
  }
}
.dbx-how-to-header .dbx-container {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.dbx-how-to-header__author {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
}
.dbx-how-to-header__image {
  flex-shrink: 0;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  overflow: hidden;
}
.dbx-how-to-header__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.dbx-how-to-header__meta {
  font-size: 1.125rem;
  line-height: 1.5;
}
.dbx-how-to-header__meta .dbx-how-to-header__line,
.dbx-how-to-header__meta p {
  margin: 0 0 8px;
}
.dbx-how-to-header__meta .dbx-how-to-header__line:last-child,
.dbx-how-to-header__meta p:last-child {
  margin-bottom: 0;
}
.dbx-how-to-header__meta strong {
  font-weight: 700;
}
.dbx-how-to-header__line .dbx-rich-content,
.dbx-how-to-header__line .dbx-rich-content p {
  display: inline;
  margin: 0;
  font-size: inherit;
}
.dbx-how-to-header__video {
  border-radius: 12px;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .dbx-how-to-header__author {
    flex-direction: row;
    gap: 24px;
    align-items: center;
  }
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
#dbx-customer-stories .dbx-customer-stories-header {
  background: linear-gradient(
    180deg,
    rgba(0, 138, 206, 0.2) 0,
    rgba(255, 255, 255, 0) 100%
  );
  padding-top: 200px;
  margin-bottom: 85px;
}
#dbx-customer-stories .dbx-customer-stories-header .dbx-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
#dbx-customer-stories .dbx-customer-stories-header .dbx-container > .heading {
  color: #24282c;
  font-size: 56px;
  font-weight: 800;
  line-height: 62px;
  z-index: 1;
}
#dbx-customer-stories
  .dbx-customer-stories-header
  .dbx-container
  > .subheading {
  color: #24282c;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  z-index: 1;
}
#dbx-customer-stories .dbx-customer-stories-header .dbx-container::after {
  content: "";
  background: url("../img/other/purple_polygon.svg") bottom left no-repeat;
  background-size: contain;
  width: 1440px;
  height: 200px;
  position: absolute;
  margin-left: -100px;
}
@media screen and (max-width: 1200px) {
  #dbx-customer-stories .dbx-customer-stories-header .dbx-container::after {
    width: 100%;
    margin-left: -200px;
  }
}
@media screen and (max-width: 465px) {
  #dbx-customer-stories .dbx-customer-stories-header .dbx-container::after {
    display: none;
  }
}
#dbx-customer-stories .dbx-customer-stories-filter {
  margin-bottom: 80px;
}
#dbx-customer-stories .dbx-customer-stories-filter-container {
  display: flex;
  flex-direction: column;
}
#dbx-customer-stories .dbx-customer-stories-filter-container > .top {
  background-color: rgba(39, 125, 204, 0.1);
  border: 1px solid rgba(0, 0, 0, 0.1);
  font-family: Geist;
  font-size: 14px;
  font-weight: 600;
  line-height: 35px;
  text-transform: uppercase;
  color: #55585d;
  padding: 6px 32px;
  border-radius: 12px;
  cursor: pointer;
  user-select: none;
  display: flex;
  justify-content: space-between;
}
#dbx-customer-stories .dbx-customer-stories-filter-container > .top > .icon {
  font-size: 16px;
}
@media screen and (min-width: 768px) {
  #dbx-customer-stories .dbx-customer-stories-filter-container > .top > .icon {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  #dbx-customer-stories .dbx-customer-stories-filter-container > .top {
    pointer-events: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    cursor: default;
  }
}
#dbx-customer-stories .dbx-customer-stories-filter-container > .bottom {
  background-color: rgba(39, 125, 204, 0.1);
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-top: none;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}
#dbx-customer-stories
  .dbx-customer-stories-filter-container
  > .bottom
  .dbx-collapsible__collapsible-content {
  padding: 32px;
}
@media screen and (max-width: 768px) {
  #dbx-customer-stories .dbx-customer-stories-filter-container > .bottom {
    border: 0;
    overflow: auto;
  }
}
@media screen and (min-width: 768px) {
  #dbx-customer-stories .dbx-customer-stories-filter-container > .bottom {
    height: auto !important;
  }
}
#dbx-customer-stories
  .dbx-customer-stories-filter
  .dbx-collapsible--active
  > .top {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
#dbx-customer-stories
  .dbx-customer-stories-filter
  .dbx-collapsible--active
  > .top
  > .icon {
  transform: rotate(180deg);
  transition: transform 0.4s;
  -o-transition: transform 0.4s;
  -ms-transition: transform 0.4s;
  -moz-transition: transform 0.4s;
  -webkit-transition: transform 0.4s;
}
#dbx-customer-stories
  .dbx-customer-stories-filter
  .dbx-collapsible--active
  > .bottom {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-top: none;
}
#dbx-customer-stories .dbx-customer-stories-filter-list {
  display: flex;
  padding: 0;
  gap: 32px;
}
#dbx-customer-stories .dbx-customer-stories-filter-list ul {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
}
#dbx-customer-stories .dbx-customer-stories-filter-list ul.children {
  flex-direction: column;
  gap: 8px;
}
#dbx-customer-stories
  .dbx-customer-stories-filter-list
  ul.children
  > li
  > label {
  font-weight: 400;
  display: flex;
  gap: 6px;
  align-items: center;
  cursor: pointer;
  max-width: fit-content;
  margin-bottom: 0;
  user-select: none;
}
#dbx-customer-stories
  .dbx-customer-stories-filter-list
  ul
  input[type="checkbox"] {
  margin-top: -2px;
  width: 16px;
  height: 16px;
  accent-color: #25a767;
  flex: none;
}
#dbx-customer-stories .dbx-customer-stories-filter-list li {
  list-style: none;
  display: flex;
  flex-direction: column;
  font-size: 14px;
  line-height: 20px;
}
#dbx-customer-stories .dbx-customer-stories-filter-list > li {
  flex: 1 1 50%;
}
#dbx-customer-stories .dbx-customer-stories-filter-list > li > label {
  margin-bottom: 12px;
}
#dbx-customer-stories .dbx-customer-stories-filter-list > li > label input {
  display: none;
}
@media screen and (max-width: 768px) {
  #dbx-customer-stories .dbx-customer-stories-filter-list {
    flex-direction: column;
  }
}
#dbx-customer-stories-list {
  margin-bottom: 100px;
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
#customers .header {
  background-image: url("../img/customers/bg.jpg");
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: cover;
  min-height: 500px;
  padding-top: 160px;
}
#customers .header h1 {
  font-size: 50px;
  font-weight: 400;
}
#customers .box {
  height: 100%;
  background: #fff;
  font-size: 16px;
  border: 1px solid rgba(142, 146, 155, 0.25);
  border-radius: 4px;
  -moz-box-shadow: 3px 4px 9.5px 0.5px rgba(142, 146, 155, 0.2);
  -webkit-box-shadow: 3px 4px 9.5px 0.5px rgba(142, 146, 155, 0.2);
  box-shadow: 3px 4px 9.5px 0.5px rgba(142, 146, 155, 0.2);
}
#customers .box--no-border {
  border: none;
}
#customers .box--no-border .btn {
  position: absolute;
  bottom: 35px;
}
#customers .box__header img {
  width: 100%;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
#customers .box__content {
  padding: 35px 25px;
}
#customers .box__content img,
#customers .box__content p {
  margin-bottom: 30px;
}
#customers .box__content img {
  height: 20px;
  width: auto;
}
#customers .box .customer {
  color: rgba(45, 50, 55, 0.5);
}
#customers .box .customer strong {
  color: #2d3237;
}
#customers .btn {
  font-size: 16px;
}
#customers .section-1 {
  padding: 110px 0;
}
#customers .section-1 .align-columns .left {
  vertical-align: bottom;
}
#customers .section-1 .box__content img.elenas {
  height: 35px;
  margin-bottom: 15px;
}
#customers .section-1 .box__content img.arxus,
#customers .section-1 .box__content img.gms,
#customers .section-1 .box__content img.harmon-brothers {
  height: 30px;
  margin-bottom: 20px;
}
#customers .section-1 .box__content img.nextiny {
  height: 24px;
  margin-bottom: 26px;
}
#customers .section-1 .social-logotypes {
  margin-top: 110px;
  margin-bottom: 70px;
  text-align: center;
}
#customers .section-1 .social-logotypes .logo img {
  height: 35px;
  width: auto;
}
#customers .section-1 .social-logotypes .logo img.pr-20-20,
#customers .section-1 .social-logotypes .logo img.smartbug {
  height: 28px;
}
#customers .section-1 .social-logotypes .logo img.toast {
  height: 30px;
}
#customers .section-1 .social-logotypes .logo img.stream-creative {
  height: 45px;
}
#customers .section-1 .social-logotypes .logo img.nextiny {
  height: 40px;
}
#customers .section-2 {
  padding: 100px 0;
  background-color: #f3f4f5;
}
#customers .section-2 h2 {
  font-weight: 400;
}
#customers .section-2 .box__content {
  padding: 55px 35px 35px;
}
#customers .section-2 .box__content .clear-pivot,
#customers .section-2 .box__content .smartbug {
  height: 18px;
}
#customers .section-2 .box__content .ct-global,
#customers .section-2 .box__content .nextiny {
  height: 24px;
}
@media only screen and (max-width: 992px) {
  #customers .section-1 .social-logotypes .logo {
    margin-bottom: 80px;
  }
  #customers .section-1 .social-logotypes .row:last-child .logo:last-child,
  #customers
    .section-1
    .social-logotypes
    .row:last-child
    .logo:nth-last-child(2) {
    margin-bottom: 0;
  }
  #customers .section-1 .box--no-border .btn {
    position: relative;
    bottom: auto;
  }
}
@media only screen and (max-width: 767px) {
  #customers .header {
    padding-top: 110px;
  }
  #customers .section-1,
  #customers .section-2 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  #customers .section-1 .social-logotypes {
    margin-top: 80px;
  }
  #customers
    .section-1
    .social-logotypes
    .row:last-child
    .logo:nth-last-child(2) {
    margin-bottom: 80px;
  }
}
@media only screen and (max-width: 480px) {
  #customers .header {
    padding-top: 70px;
  }
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
#dashboard-software .fadein {
  opacity: 0;
  transition: opacity 2s;
  -o-transition: opacity 2s;
  -ms-transition: opacity 2s;
  -moz-transition: opacity 2s;
  -webkit-transition: opacity 2s;
}
#dashboard-software .fadein.visible {
  opacity: 1;
}
#dashboard-software .header {
  background: #fff url("../img/dashboard-software/bg_dashboard.png") no-repeat
    top center;
  background-size: 100% 120px;
  color: #000;
  text-align: left;
  padding: 240px 0 120px;
}
#dashboard-software .header h1 {
  color: #000;
  font-weight: 700;
  font-size: 55px;
  line-height: 60px;
  margin: 0 0 25px;
  max-width: 510px;
}
#dashboard-software .header p {
  font-size: 18px;
  line-height: 28px;
  color: #8e929b;
  max-width: 535px;
}
#dashboard-software .header .btn {
  font-size: 16px;
}
#dashboard-software .header .btn.mt-110 {
  margin-top: 110px;
}
#dashboard-software .header .btn.btn-green {
  background: #2bb673;
}
#dashboard-software .header .badges {
  padding-top: 74px;
  text-align: center;
}
#dashboard-software .header .badges .badge-images {
  min-height: 75px;
  display: block;
}
#dashboard-software .header .badges .badge-images img {
  display: block;
  clear: both;
  margin: auto;
}
#dashboard-software .header .badges .badge-images img.stars {
  margin-top: 10px;
}
#dashboard-software .header .badges .badge-text {
  font-size: 12px;
  line-height: 15px;
  color: #8e929b;
}
#dashboard-software .header .badges .badge-text p {
  font-size: 12px;
  line-height: 15px;
  margin: 0;
  color: #292929;
}
#dashboard-software .header .badges .badge-text a {
  text-decoration: underline;
}
#dashboard-software .header .row.mobile-buttons {
  display: none;
}
#dashboard-software .btn.dashboard {
  max-width: fit-content;
}
#dashboard-software #categories .btn {
  margin-top: 50px;
}
#dashboard-software #categories .category {
  border-top: none !important;
  padding-bottom: 100px;
  text-align: center;
  padding-top: 90px;
}
#dashboard-software #categories .category h2 {
  font-size: 36px;
  line-height: 44px;
  font-weight: 500;
}
#dashboard-software #categories .category p {
  font-size: 18px;
  color: #8e929b;
  margin-top: 25px;
  margin-bottom: 20px;
}
#dashboard-software #categories .category .template-item__title {
  text-align: left;
  margin-top: 20px;
  margin-right: 3%;
  margin-left: 3%;
}
#dashboard-software #categories h2 {
  margin-top: 30px;
  font-size: 36px;
}
#dashboard-software #categories .template-item {
  margin-top: 35px;
}
#dashboard-software #categories .template-item__window {
  margin-right: 3%;
  margin-left: 3%;
}
#dashboard-software #product-wizard-ui-steps {
  background: #f3f4f5;
  padding: 110px 0 96px;
}
#dashboard-software #product-wizard-ui-steps h2 {
  margin: 7px 0 0;
}
#dashboard-software #product-wizard-ui-steps .slick-dots {
  margin: 37px 0 45px;
}
#dashboard-software #product-wizard-ui-steps .slick-dots li {
  width: 33.333%;
}
#dashboard-software #product-wizard-ui-steps .images {
  max-width: 770px;
  height: auto;
}
#dashboard-software #product-wizard-ui-steps .images .slick-slide > div {
  display: flex;
}
#dashboard-software #product-wizard-ui-steps .images .step-wrapper img {
  max-width: 780px;
  margin: auto;
  width: 100%;
}
#dashboard-software #product-wizard-ui-steps .images .step-wrapper video {
  height: 100%;
  width: 100%;
}
#dashboard-software
  #product-wizard-ui-steps
  .images
  .step-wrapper
  video::-webkit-media-controls-panel {
  display: none !important;
  opacity: 1 !important;
}
#dashboard-software #product-wizard-ui-steps .images .step-wrapper.videobox {
  background: url("../img/dashboard-software/wizard_step.png") no-repeat left
    top;
  background-size: cover;
  padding: 24px 1px 1px;
}
#dashboard-software #product-wizard-ui-steps .step-wrapper .description {
  display: none;
  color: #828f99;
}
#dashboard-software #product-wizard-ui-steps .description {
  text-align: center;
  color: #828f99;
  padding: 0 110px;
}
#dashboard-software .content.fadein.product-datas {
  padding: 140px 0 120px;
}
#dashboard-software .content.fadein.product-datas h3 {
  font-size: 36px;
  margin: 0 0 11px;
}
#dashboard-software .content.fadein.product-datas h3 strong {
  position: relative;
}
#dashboard-software .content.fadein.product-datas h3 strong:after {
  content: "";
  border-bottom: 3px solid #a39bae;
  position: absolute;
  bottom: 5px;
  left: 0;
  width: 100%;
}
#dashboard-software .content.fadein.product-datas h2 {
  font-size: 36px;
  margin: 0 0 11px;
}
#dashboard-software .content.fadein.product-datas h2 strong {
  position: relative;
}
#dashboard-software .content.fadein.product-datas h2 strong:after {
  content: "";
  border-bottom: 3px solid #a39bae;
  position: absolute;
  bottom: 5px;
  left: 0;
  width: 100%;
}
#dashboard-software .content.fadein.product-datas .btn.btn-green-outline {
  color: #2bb673;
  font-size: 16px;
  border-color: #2bb673;
}
#dashboard-software .content.fadein.product-datas .btn.btn-green-outline:hover {
  background-color: #2bb673;
  color: #fff;
}
#dashboard-software
  .content.fadein.product-datas
  .btn.btn-green-outline.btn-link {
  font-size: 16px;
  padding: 0;
  max-width: max-content;
  border: none;
}
#dashboard-software
  .content.fadein.product-datas
  .btn.btn-green-outline.btn-link:hover {
  background-color: #fff;
  color: #1863ba;
  text-decoration: none;
}
#dashboard-software #product-any-data-2.content.fadein h3 strong:after {
  border-bottom: 3px solid #1189cb;
}
#dashboard-software #product-any-data-3.content.fadein h3 strong:after {
  border-bottom: 3px solid #acd373;
}
#dashboard-software #product-any-data-4.content.fadein h3 strong:after {
  border-bottom: 3px solid #2bb673;
}
#dashboard-software #product-any-data-build.content.fadein h2 strong:after {
  border-bottom: 3px solid #2bb673;
}
#dashboard-software #what-else .container-blue {
  background-image: url(../img/dashboard-software/bg_note.png);
  background-size: 100% 100%;
  text-align: center;
  color: #fff;
  padding: 70px 130px 0;
}
#dashboard-software #what-else .container-blue h2 {
  font-size: 36px;
}
#dashboard-software #what-else .container-blue p {
  font-size: 18px;
  line-height: 30px;
}
#dashboard-software #what-else .container-blue .btn {
  display: inline-block;
  margin: 15px 0 70px;
  font-size: 16px;
  padding: 10px 50px;
  background: #2bb673;
}
#dashboard-software #product-faq {
  padding: 90px 0 115px;
}
#dashboard-software #product-faq h2 {
  font-size: 55px;
  font-weight: 100;
  color: #2d3237;
  margin-bottom: 60px;
}
#dashboard-software #product-faq .collapsible {
  margin-right: 25px;
}
#dashboard-software #product-faq .collapsible p {
  font-size: 16px;
  line-height: 24px;
  color: #8e929b;
}
#dashboard-software #product-faq .collapsible ul li {
  font-size: 16px;
  line-height: 24px;
  color: #8e929b;
}
#dashboard-software #dashboard-gray.gray-row {
  background: #f4f3f5;
}
#dashboard-software #dashboard-gray h3 {
  font-size: 36px;
  color: #2d3237;
  margin: 0;
}
#dashboard-software #dashboard-gray #datasource-templates.content {
  padding: 90px 0 100px;
}
#dashboard-software #dashboard-marketing {
  background: #eaf9fb;
  text-align: center;
  padding: 90px 0 110px;
}
#dashboard-software #datasource-templates .layout-emphasized-blocks {
  padding-left: 80px;
  padding-right: 80px;
}
#dashboard-software #datasource-templates .layout-emphasized-blocks .block img {
  border-radius: 0;
  opacity: 0.5;
  transition: all 0.3s ease-in-out;
}
#dashboard-software
  #datasource-templates
  .layout-emphasized-blocks
  .block:hover
  img {
  opacity: 1;
}
#dashboard-software #product-faq .collapsible__header h3 {
  font-weight: 400;
  font-size: 18px;
  margin: 0;
}
#dashboard-software
  #datasource-templates
  .layout-emphasized-blocks
  .block
  span:not(.icon) {
  padding: 96px 25px 0;
}
#dashboard-software #dashboard-marketing h3 {
  font-size: 20px;
  line-height: 24px;
  margin: 10px 0 0;
  color: #1766c0;
}
#dashboard-software #dashboard-marketing h3 a {
  color: #1766c0;
  text-decoration: none;
}
#dashboard-software #dashboard-marketing h3 a:hover {
  text-decoration: underline;
}
#dashboard-software #dashboard-marketing .img-box {
  min-height: 200px;
}
#dashboard-software #testimonials {
  background: #f2f4f6;
  text-align: center;
  padding: 90px 0;
}
#dashboard-software #testimonials .align-columns [class*="col-"] {
  vertical-align: top;
}
#dashboard-software #testimonials .customer {
  color: #8e929b;
}
#dashboard-software #testimonials .customer strong {
  color: #252525;
}
#dashboard-software #testimonials h2 {
  font-size: 32px;
  font-weight: 300;
  color: #2d3237;
  margin-bottom: 60px;
}
#dashboard-software #testimonials .narrow {
  padding: 0 90px;
}
#dashboard-software #testimonials .test-image {
  min-height: 68px;
}
#dashboard-software #testimonials .box {
  padding: 40px 35px 50px 40px;
  text-align: left;
  height: 100%;
  -moz-box-shadow: 2px 2px 20px 5px rgba(37, 37, 37, 0.1);
  -webkit-box-shadow: 2px 2px 20px 5px rgba(37, 37, 37, 0.1);
  box-shadow: 2px 2px 20px 5px rgba(37, 37, 37, 0.1);
  background: #fff;
  border-radius: 5px;
  margin: 0 5px;
}
#dashboard-software #testimonials .box p {
  margin-bottom: 15px;
}
#dashboard-software #metrics {
  background: #f3f4f5;
  padding: 90px 0 80px;
  text-align: center;
}
#dashboard-software #metrics .container {
  padding: 0 80px;
}
#dashboard-software #metrics .container h2 {
  font-size: 30px;
  margin-top: 85px;
  color: #2d3237;
  margin-bottom: 30px;
}
#dashboard-software #metrics .container .container-inner {
  margin-bottom: 60px;
}
#dashboard-software #metrics .container .container-inner p {
  font-size: 18px;
  line-height: 28px;
  color: #8e929b;
}
#dashboard-software #metrics .align-columns {
  display: flex;
  flex-wrap: wrap;
}
#dashboard-software #metrics .align-columns .col-inner {
  display: inline-flex;
  height: auto;
}
#dashboard-software #metrics .align-columns .col-inner .box {
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
}
#dashboard-software #metrics .row {
  text-align: left;
}
#dashboard-software #metrics .box {
  background: #fff;
  padding: 25px 20px 25px 25px;
  text-align: left;
  height: 100%;
  border: 1px solid #d3dbd9;
  box-shadow: none;
  border-radius: 5px;
  margin: 0 5px;
}
#dashboard-software #metrics .box strong {
  display: block;
  font-size: 16px;
  color: #2d3237;
  font-weight: 400;
  margin-bottom: 15px;
}
#dashboard-software #metrics .box h3 {
  display: block;
  font-size: 16px;
  color: #2d3237;
  font-weight: 400;
  margin-bottom: 15px;
  margin-top: 0;
}
#dashboard-software #what-else {
  background: #f3f4f5;
  padding-bottom: 110px;
}
#dashboard-software #what-else .container-slider {
  text-align: center;
  margin-bottom: 70px;
}
#dashboard-software #what-else .container-slider .slick-arrow {
  position: absolute;
  top: 40%;
  transform: translateY(-50%);
  background: 0 0;
  color: #bfc6c9;
  border: none;
  font-size: 40px;
}
#dashboard-software #what-else .container-slider .slick-arrow:hover {
  color: #0f65f9;
}
#dashboard-software #what-else .container-slider .slick-arrow.slick-next {
  right: -85px;
}
#dashboard-software #what-else .container-slider .slick-arrow.slick-prev {
  left: -85px;
}
#dashboard-software #what-else .container-slider .image-box {
  min-height: 140px;
  margin-bottom: 13px;
}
#dashboard-software #what-else .container-slider .image-box img {
  max-height: 120px;
}
#dashboard-software #what-else .container-slider h2 {
  font-size: 36px;
  line-height: 44px;
  text-align: center;
  margin-bottom: 20px;
  margin-top: 30px;
}
#dashboard-software #what-else .container-slider > p {
  font-size: 18px;
  line-height: 28px;
  color: #8e929b;
  text-align: center;
  max-width: 1000px;
  width: 100%;
  margin: 0 auto 70px;
}
#dashboard-software #what-else .container-slider .col {
  text-align: left;
}
#dashboard-software #what-else .container-slider .col .col-inner {
  padding: 0 25px;
}
#dashboard-software #what-else .container-slider .col h3 {
  display: block;
  color: #1863ba;
  margin: 0;
  font-size: 16px;
  font-weight: 500;
}
#dashboard-software #what-else .container-slider .col h3 a {
  color: #1863ba;
  text-decoration: none;
}
#dashboard-software #what-else .container-slider .col h3 a:hover {
  text-decoration: underline;
}
#dashboard-software #what-else .container-slider .col br {
  display: none;
}
#dashboard-software #what-else .layout-slider-holder {
  padding: 0 90px;
  margin-bottom: 35px;
}
#dashboard-software #what-else .slick-list.draggable {
  margin-bottom: 35px;
}
#dashboard-software.dashboard-inner .header h1 {
  max-width: 517px;
  margin-top: 40px;
}
#dashboard-software.dashboard-inner .header .badges {
  padding-top: 36px;
}
#dashboard-software.dashboard-inner #product-wizard-ui-steps {
  background: 0 0;
  padding-bottom: 120px;
}
#dashboard-software.dashboard-inner
  #product-wizard-ui-steps
  .images
  .step-wrapper
  img {
  box-shadow: none;
}
#dashboard-software.dashboard-inner .content.fadein.specific {
  padding-top: 110px;
}
#dashboard-software.dashboard-inner .content.fadein.specific h2 strong:after {
  border-bottom: 3px solid #02b875;
}
#dashboard-software.dashboard-inner .btn.dashboard {
  max-width: max-content;
  display: inherit;
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  #dashboard-software #metrics .container {
    padding: 0 40px;
  }
  #dashboard-software #testimonials .narrow {
    padding: 0 40px;
  }
  #dashboard-software .container.narrow {
    padding: 0 40px;
  }
  #dashboard-software #datasource-templates .layout-emphasized-blocks {
    padding-left: 0;
    padding-right: 0;
  }
  #dashboard-software .content.fadein.product-datas {
    padding: 40px 0;
  }
}
@media only screen and (min-width: 766px) and (max-width: 991px) {
  #dashboard-software .container.narrow {
    padding: 0 40px;
  }
  #dashboard-software #dashboard-marketing .img-box img {
    max-width: 100%;
  }
  #dashboard-software #metrics .container {
    padding: 0 20px;
  }
  #dashboard-software #testimonials .narrow {
    padding: 0;
  }
  #dashboard-software #datasource-templates .layout-emphasized-blocks {
    padding: 0;
  }
  #dashboard-software .content.fadein.product-datas {
    padding: 40px 0;
  }
  #dashboard-software #what-else .container-slider .image-box img {
    max-width: 100%;
  }
}
@media screen and (max-width: 991px) {
  #dashboard-software .header .row {
    display: flex;
    flex-direction: column-reverse;
  }
  #dashboard-software .header .row .btn.mt-110 {
    display: none;
  }
  #dashboard-software .header .row .btn.mt-50 {
    display: none;
  }
  #dashboard-software .header .row .img-responsive {
    margin-top: 40px;
  }
  #dashboard-software .header .row .row.badges {
    display: block;
  }
  #dashboard-software .header .row.mobile-buttons {
    padding-top: 40px;
    display: block;
  }
  #dashboard-software .header .row.mobile-buttons .btn.mt-110 {
    display: inline-block;
    margin-top: 20px !important;
  }
  #dashboard-software .header .row.mobile-buttons .btn.mt-50 {
    display: inline-block;
    margin-top: 20px !important;
  }
}
@media screen and (max-width: 801px) {
  #dashboard-software .container {
    width: 100%;
  }
  #dashboard-software .container.narrow {
    padding: 0 30px;
  }
  #dashboard-software .header img {
    margin: auto;
  }
  #dashboard-software .header h1 {
    max-width: 100%;
  }
  #dashboard-software .header p {
    max-width: 100%;
  }
  #dashboard-software .header .row.badges {
    display: none !important;
  }
  #dashboard-software.dashboard-inner .header h1 {
    max-width: 100%;
  }
  #dashboard-software.dashboard-inner .header p {
    max-width: 100%;
  }
  #dashboard-software.dashboard-inner .btn.dashboard {
    max-width: fit-content;
  }
  #dashboard-software.dashboard-inner #product-wizard-ui-steps {
    padding-bottom: 60px;
  }
  #dashboard-software .content.fadein.product-datas {
    padding: 70px 0 60px;
  }
  #dashboard-software #dashboard-marketing .col-sm-4 {
    margin-bottom: 40px;
  }
  #dashboard-software #dashboard-marketing img {
    max-width: 100%;
    height: auto;
  }
  #dashboard-software #product-wizard-ui-steps {
    padding-bottom: 60px;
  }
  #dashboard-software #product-wizard-ui-steps .container {
    padding-left: 50px;
    padding-right: 50px;
  }
  #dashboard-software #product-wizard-ui-steps .images .step-wrapper img {
    width: 100%;
  }
  #dashboard-software #product-wizard-ui-steps .description {
    text-align: center;
    color: #828f99;
    padding: 0 30px;
  }
  #dashboard-software #datasource-templates .layout-emphasized-blocks {
    padding-left: 0;
    padding-right: 0;
  }
  #dashboard-software #metrics .container {
    padding: 0 50px;
  }
  #dashboard-software #categories .container {
    padding: 0 20px;
  }
  #dashboard-software .content.layout-dbl .img img {
    max-width: 100%;
    margin: 10px auto 40px;
  }
}
@media screen and (max-width: 680px) {
  #dashboard-software .container {
    width: 100%;
  }
  #dashboard-software .header {
    padding: 120px 0 60px;
    background-size: 100% 72px;
  }
  #dashboard-software .header h1 {
    font-size: 36px;
    line-height: 45px;
    margin-top: 50px;
  }
  #dashboard-software .header .btn.mt-110 {
    margin-top: 40px;
  }
  #dashboard-software .header .badges {
    padding-bottom: 0;
  }
  #dashboard-software .header .badges .col-badges {
    margin-bottom: 20px;
  }
  #dashboard-software #product-wizard-ui-steps {
    padding: 60px 0 40px;
  }
  #dashboard-software #product-wizard-ui-steps .images .step-wrapper img {
    width: 100%;
  }
  #dashboard-software
    #product-wizard-ui-steps
    .images
    .step-wrapper
    .description {
    width: 90%;
    margin: auto;
  }
  #dashboard-software #product-wizard-ui-steps .images .step-wrapper.videobox {
    padding-top: 15px;
  }
  #dashboard-software .content.fadein .product-datas {
    padding: 70px 0 60px;
  }
  #dashboard-software .content.fadein h2 {
    font-size: 32px;
  }
  #dashboard-software #testimonials .narrow {
    padding: 0 30px;
  }
  #dashboard-software #categories .category {
    padding: 40px 30px 50px;
  }
  #dashboard-software #categories .category h2 {
    font-size: 32px;
  }
  #dashboard-software #categories .btn {
    width: 100%;
    white-space: normal;
  }
  #dashboard-software #what-else .layout-slider-holder {
    padding: 0 50px;
  }
  #dashboard-software #what-else .container-slider .col .col-inner {
    padding: 0;
  }
  #dashboard-software #what-else .container-slider .slick-arrow {
    font-size: 25px;
  }
  #dashboard-software #what-else .container-slider .slick-arrow.slick-prev {
    left: -7vw;
    padding: 0;
  }
  #dashboard-software #what-else .container-slider .slick-arrow.slick-next {
    right: -7vw;
    padding: 0;
  }
  #dashboard-software #what-else .container-blue {
    padding: 50px 30px 0;
  }
  #dashboard-software #product-faq h2 {
    font-size: 40px;
  }
  #dashboard-software.dashboard-inner .btn.dashboard {
    max-width: fit-content;
  }
  #dashboard-software #metrics {
    padding: 40px 0 60px;
  }
  #dashboard-software #metrics .container {
    padding: 0 30px;
  }
  #dashboard-software #metrics .container .container-inner img {
    max-width: 100%;
  }
  #dashboard-software #dashboard-marketing {
    padding-bottom: 70px;
  }
  #dashboard-software #dashboard-marketing .img-box {
    min-height: 180px;
  }
  #dashboard-software #dashboard-marketing .col-sm-4 {
    margin-bottom: 40px;
  }
  #dashboard-software #product-wizard-ui-steps .container {
    padding: 0 20px;
  }
  #dashboard-software #product-wizard-ui-steps .description {
    text-align: center;
    color: #828f99;
    padding: 0 30px;
  }
  #dashboard-software #product-faq .container {
    padding: 0 30px;
  }
  #dashboard-software #datasource-templates .layout-emphasized-blocks {
    padding: 30px 0 0;
  }
  #dashboard-software #datasource-templates .layout-emphasized-blocks .block {
    padding: 10px;
    max-width: 49%;
  }
  #dashboard-software
    #datasource-templates
    .layout-emphasized-blocks
    .block
    .box {
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  #dashboard-software #datasource-templates .layout-emphasized-blocks .block {
    max-width: 100%;
    width: 100%;
  }
  #dashboard-software #metrics .align-columns .col-inner {
    width: 100%;
  }
  #dashboard-software #metrics .container {
    padding: 0 20px;
  }
  #dashboard-software #what-else .container-slider .slick-arrow {
    font-size: 25px;
  }
  #dashboard-software #what-else .container-slider .slick-arrow.slick-prev {
    left: -11vw;
    padding: 0;
  }
  #dashboard-software #what-else .container-slider .slick-arrow.slick-next {
    right: -11vw;
    padding: 0;
  }
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.databox-for .content h1 {
  color: #2d3237;
}
.databox-for .features {
  background: #f6f6f7;
}
.databox-for .features h2 {
  font-weight: 100;
  text-align: center;
}
.databox-for .features .box {
  margin: 20px 0;
}
.databox-for .features .box .icon {
  display: block;
  font-size: 50px;
  margin-bottom: 20px;
}
.databox-for .features .box .icon.icon-alert {
  color: #f26522;
}
.databox-for .features .box .icon.icon-analytics {
  color: #7cc576;
}
.databox-for .features .box .icon.icon-annotation {
  color: #ffac36;
}
.databox-for .features .box .icon.icon-connections {
  color: #6783c2;
}
.databox-for .features .box .icon.icon-datacards {
  color: #8e929b;
}
.databox-for .features .box .icon.icon-graph {
  color: #8e929b;
}
.databox-for .features .box .icon.icon-scorecard {
  color: #178da5;
}
.databox-for .features .box p {
  color: #8e929b;
}
.databox-for .features .box p strong {
  color: #2d3237;
  display: block;
  margin-bottom: 10px;
}
.databox-for .toolkit .images {
  margin: 40px 0;
}
.databox-for .toolkit .images img {
  margin: 0 10px;
}
@media only screen and (max-width: 767px) {
  .databox-for .features {
    text-align: center;
  }
}
#databox-for-saas .header {
  background-image: url(../img/databox-for/saas-background.jpg);
}
#databox-for-ecommerce .header {
  background-image: url(../img/databox-for/ecommerce-background.jpg);
}
#databox-for-marketing .header {
  background-image: url(../img/databox-for/marketing-background.jpg);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 380px),
  only screen and (min-device-pixel-ratio: 2) and (min-width: 380px),
  only screen and (-webkit-max-device-pixel-ratio: 1.5) and (min-width: 600px),
  only screen and (max-device-pixel-ratio: 1.5) and (min-width: 600px) {
  #databox-for-saas .header {
    background-image: url(../img/databox-for/saas-background-2x.jpg);
  }
  #databox-for-ecommerce .header {
    background-image: url(../img/databox-for/ecommerce-background-2x.jpg);
  }
  #databox-for-marketing .header {
    background-image: url(../img/databox-for/marketing-background-2x.jpg);
  }
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
#demo .dbx-hero-header {
  overflow: visible;
  margin-bottom: 136px;
}
#demo .dbx-hero-header .dbx-hero-header__container {
  align-items: center;
  padding-bottom: 0;
}
#demo .dbx-hero-header .dbx-hero-header__text-container {
  text-align: left !important;
  align-items: start !important;
  gap: 24px;
  flex-basis: 65%;
}
#demo .dbx-hero-header .dbx-ratings img {
  height: 24px;
  width: 24px;
}
#demo .dbx-hero-header .other {
  display: flex;
  gap: 16px;
  justify-content: start;
  flex-direction: column;
}
#demo .dbx-hero-header .playmakers {
  display: flex;
  align-items: center;
  flex-direction: row;
}
#demo .dbx-hero-header .playmaker-image-container {
  height: 40px;
  width: 40px;
  border-radius: 100%;
  overflow: hidden;
}
#demo .dbx-hero-header .playmaker-image-container img {
  width: 100%;
  height: auto;
}
#demo .dbx-hero-header .playmaker-image-container:not(:last-child) {
  margin-right: -16px;
}
#demo .dbx-hero-header .form {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  flex-grow: 1;
  margin-bottom: -125px;
}
#demo .dbx-hero-header .meeting {
  width: 100%;
}
#demo .dbx-hero-header .legal {
  text-align: center;
  max-width: 320px;
  margin: 16px 60px;
  z-index: 2;
  color: rgba(142, 146, 155, 0.9);
}
#demo .dbx-hero-header .legal a {
  color: rgba(142, 146, 155, 0.9);
  text-decoration: underline;
}
#demo .dbx-hero-header .legal a:hover {
  text-decoration: none;
}
@media screen and (min-width: 768px) {
  #demo .dbx-hero-header .other {
    flex-direction: row;
    align-items: center;
  }
}
@media screen and (min-width: 1200px) {
  #demo .dbx-hero-header .dbx-hero-header__container {
    align-items: start;
  }
  #demo .dbx-hero-header .playmaker-image-container {
    width: 48px;
    height: 48px;
  }
}
#demo .dbx-reviews-and-awards .dbx-reviews-and-awards__title {
  display: none;
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.error-page {
  padding-block: 64px 32px;
  text-align: center;
}
.error-page .hero-header {
  margin-bottom: 40px;
}
.error-page .hero-header h1 {
  font-size: 40px;
}
.error-page .hero-header__image {
  margin-inline: auto;
  margin-bottom: 40px;
  max-width: 300px;
  height: auto;
}
.error-page .hero-header__image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.error-page .dbx-repeater-icon-rich-content-button-card {
  margin-block: 48px;
}
.error-page .related-pages {
  display: flex;
  gap: 12px;
  justify-content: center;
  align-items: center;
  position: relative;
}
.error-page .related-pages a {
  color: #4d71f1;
  font-size: 16px;
}
.error-page .related-pages .separator {
  background-color: #4d71f1;
  width: 1px;
  height: 10px;
}
@media (min-width: 768px) {
  .error-page {
    padding-block: 100px 72px;
  }
  .error-page .hero-header {
    margin-bottom: 72px;
  }
  .error-page .dbx-repeater-icon-rich-content-button-card {
    margin-top: 72px;
  }
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes blinker {
  from,
  to {
    color: transparent;
  }
  50% {
    color: #2d3237;
  }
}
#first #mainBanner h1 em,
#first .block.content h3 em,
.landingpage .block.content h3 em,
.landingpage .landingtop h1 em,
.underlined-content em {
  position: relative;
  font-style: normal;
}
#first #mainBanner h1 em span,
#first .block.content h3 em span,
.landingpage .block.content h3 em span,
.landingpage .landingtop h1 em span,
.underlined-content em span {
  position: relative;
  z-index: 1;
  text-shadow: #fff 1px 0 0, #fff 0 1px 0, #fff -1px 0 0, #fff 0 -1px 0;
}
#first #mainBanner h1 em:before,
#first .block.content h3 em:before,
.landingpage .block.content h3 em:before,
.landingpage .landingtop h1 em:before,
.underlined-content em:before {
  position: absolute;
  content: "";
  left: -1px;
  width: 100%;
}
#first #mainBanner {
  background-image: linear-gradient(to bottom, #fff, #f2f6f4);
  background-image: -o-linear-gradient(to bottom, #fff, #f2f6f4);
  background-image: -ms-linear-gradient(to bottom, #fff, #f2f6f4);
  background-image: -moz-linear-gradient(to bottom, #fff, #f2f6f4);
  background-image: -webkit-linear-gradient(to bottom, #fff, #f2f6f4);
}
.landingpage .landingtop {
  background-image: linear-gradient(to bottom, #fff, #f6f6ee);
  background-image: -o-linear-gradient(to bottom, #fff, #f6f6ee);
  background-image: -ms-linear-gradient(to bottom, #fff, #f6f6ee);
  background-image: -moz-linear-gradient(to bottom, #fff, #f6f6ee);
  background-image: -webkit-linear-gradient(to bottom, #fff, #f6f6ee);
}
.landingpage .landingtop img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}
@media only screen and (min-width: 767px) and (min-height: 699px) and (max-height: 850px) {
  .landingpage .landingtop {
    padding: 0;
  }
  .landingpage .landingtop h2 {
    padding-bottom: 0;
  }
  .landingpage .landingtop .container {
    position: relative;
    height: calc(100vh);
    padding-top: calc(40vh + 95px);
    padding-bottom: 120px;
  }
  .landingpage .landingtop .img {
    height: calc(40vh);
    padding: 20px 0 !important;
    position: absolute;
    left: 0;
    right: 0;
    top: 95px;
  }
  .landingpage .landingtop .img img {
    max-height: 100%;
    width: auto;
  }
  .landingpage .landingtop .signupBox {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
  }
}
@media only screen and (max-width: 767px) {
  .landingpage .landingtop .img {
    padding: 30px 0 40px;
  }
  .landingpage .landingtop .titles {
    font-size: 6px;
  }
}
#first #mainBanner,
.landingpage .landingtop {
  text-align: center;
  padding-top: 95px;
}
#first #mainBanner .titles,
.landingpage .landingtop .titles {
  font-size: 10px;
}
#first #mainBanner h1,
.landingpage .landingtop h1 {
  line-height: 1.1em;
  font-weight: 500;
  margin: 0;
}
#first #mainBanner h1 em:before,
.landingpage .landingtop h1 em:before {
  bottom: 0.15em;
  border-bottom: 0.08em solid #4d71f1;
}
#first #mainBanner h2,
.landingpage .landingtop h2 {
  font-size: 2.6em;
  line-height: 1.1em;
  color: #8e929b;
  font-weight: 300;
  max-width: 800px;
  width: 100%;
  margin: 0 auto;
  padding: 1.2em 0 1.8em;
}
#first .block.content,
.landingpage .block.content {
  overflow: hidden;
}
#first .block.content:not(#block1),
.landingpage .block.content:not(#block1) {
  border-top: 1px solid #f5f5ee;
}
#first .block.content .left.text,
.landingpage .block.content .left.text {
  padding-left: 125px;
  padding-right: 35px;
}
#first .block.content .right,
.landingpage .block.content .right {
  float: right;
}
#first .block.content .right.text,
.landingpage .block.content .right.text {
  padding-right: 103px;
}
@media only screen and (max-width: 991px) {
  #first .block.content .img,
  .landingpage .block.content .img {
    padding: 0 !important;
  }
  #first .block.content .img img,
  .landingpage .block.content .img img {
    margin: 0 auto;
  }
  #first .block.content .left,
  #first .block.content .right,
  .landingpage .block.content .left,
  .landingpage .block.content .right {
    float: none;
    padding: 20px 15px !important;
  }
}
#first .block.content .row,
.landingpage .block.content .row {
  opacity: 0;
  transition: opacity 2s;
  -o-transition: opacity 2s;
  -ms-transition: opacity 2s;
  -moz-transition: opacity 2s;
  -webkit-transition: opacity 2s;
}
#first .block.content.visible .row,
.landingpage .block.content.visible .row {
  opacity: 1;
}
.product-page2 .content.fadein .container {
  opacity: 0;
  transition: opacity 2s;
  -o-transition: opacity 2s;
  -ms-transition: opacity 2s;
  -moz-transition: opacity 2s;
  -webkit-transition: opacity 2s;
}
.product-page2 .content.fadein.visible .container {
  opacity: 1;
}
#first .block.content img,
.landingpage .block.content img,
.layout-dbl.content img {
  display: block;
  max-width: 100%;
}
#first .block.content small,
.landingpage .block.content small,
.layout-dbl.content small {
  display: block;
  font-size: 10px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 2px;
  padding-top: 20px;
}
#first .block.content h3,
.landingpage .block.content h3,
.layout-dbl.content h3 {
  font-size: 36px;
  line-height: 44px;
  font-weight: 500;
  margin: 6px 0;
}
#first .block.content p,
.landingpage .block.content p,
.layout-dbl.content p {
  font-size: 18px;
  line-height: 28px;
  color: #8e929b;
  font-weight: 300;
  margin: 20px 0 20px;
}
#first .block.content h3 em:before,
.landingpage .block.content h3 em:before,
.underlined-content em:before {
  bottom: 5px;
  border-bottom: 3px solid transparent;
}
#first #mainBanner {
  padding-bottom: 66px;
  padding-top: 150px;
}
#first #mainBanner .mainBanner-left {
  position: relative;
}
#first #mainBanner .img {
  padding: 20px 0 20px;
}
@media only screen and (max-width: 1310px) {
  #first #mainBanner .img img {
    width: 100%;
  }
}
@media only screen and (max-width: 991px) {
  #first #mainBanner .img img {
    display: none;
  }
}
#first #mainBanner .titles {
  font-size: 10px;
  text-align: left;
}
#first #mainBanner h1 {
  font-size: 5em;
}
#first #mainBanner h1 em.empty:before {
  display: none;
}
#first #mainBanner h1 em.empty:after {
  right: 0 !important;
}
#first #mainBanner h1 em.typing:after {
  position: absolute;
  content: "|";
  right: -0.15em;
  font-size: 1.2em;
  font-weight: 300;
  animation: 1s blinker step-end infinite;
  -moz-animation: 1s blinker step-end infinite;
  -webkit-animation: 1s blinker step-end infinite;
  -ms-animation: 1s blinker step-end infinite;
}
#first #mainBanner h2 {
  font-size: 2.2em;
  line-height: 1.46em;
}
#first #mainBanner .signupBox-arrow {
  position: absolute;
  left: -36px;
  bottom: 76px;
}
#first #mainBanner .signupBox {
  position: relative;
  margin-bottom: 30px;
  width: 440px;
  max-width: 100%;
}
#first #mainBanner .signupBox input {
  padding: 5px 207px 5px 15px;
  height: 46px;
  font-size: 16px;
  line-height: 34px;
  width: 99%;
  color: rgba(0, 0, 0, 0.75);
  border-radius: 6px;
  font-weight: 400;
  border: 1px solid rgba(0, 0, 0, 0.25);
  outline: 0;
}
#first #mainBanner .signupBox input::-webkit-input-placeholder {
  font-weight: 400;
  opacity: 0.5;
  font-style: italic;
}
#first #mainBanner .signupBox input::-moz-placeholder {
  font-weight: 400;
  opacity: 0.5;
  font-style: italic;
}
#first #mainBanner .signupBox .btn {
  width: 192px;
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  border-radius: 5px;
  font-size: 1.14em;
  padding: 11px 10px 12px;
  letter-spacing: 0.05em;
}
#first #mainBanner small {
  display: block;
  font-size: 11px;
  color: #8e929b;
  font-weight: 300;
  text-transform: uppercase;
  margin-top: 17px;
}
#first #mainBanner .type-animation {
  height: 0;
  width: 1px;
}
#first #mainBanner .company-logos + div {
  margin-top: 10px;
  text-transform: uppercase;
  color: rgba(45, 50, 55, 0.5);
}
#first #mainBanner .company-logos + div .underline {
  text-decoration: underline;
  color: rgba(45, 50, 55, 0.5);
}
@media only screen and (max-width: 1245px) {
  #first #mainBanner .signupBox-arrow {
    display: none;
  }
}
@media only screen and (max-width: 991px) {
  #first #mainBanner .type-animation {
    display: none;
  }
  #first #mainBanner .titles {
    text-align: center;
  }
  #first #mainBanner .signupBox {
    margin: 20px auto 30px;
  }
}
#first #block1 small {
  color: #4d71f1;
}
#first #block1 h3 em:before {
  border-color: #4d71f1;
}
#first #block1 .left {
  padding-top: 8px;
}
#first #block1 .right {
  padding-top: 12px;
  padding-left: 55px;
  padding-bottom: 16px;
}
#first #block2 small {
  color: #a39bae;
}
#first #block2 h3 em:before {
  border-color: #a39bae;
}
#first #block2 .left {
  padding-top: 48px;
  padding-bottom: 37px;
}
#first #block2 .left .img {
  padding-left: 78px;
}
#first #block2 .right {
  padding-top: 32px;
}
#first #block3 small {
  color: #2bb673;
}
#first #block3 h3 em:before {
  border-color: #2bb673;
}
#first #block3 .left {
  padding-top: 66px;
}
#first #block3 .right {
  padding-top: 24px;
  padding-bottom: 62px;
}
#first #block4 small {
  color: #f76868;
}
#first #block4 h3 em:before {
  border-color: #f76868;
}
#first #block4 .left {
  padding-top: 29px;
}
#first #block4 .left .img {
  padding-left: 52px;
}
#first #block4 .right {
  padding-top: 28px;
}
#first #block5 small {
  color: #8e929b;
}
#first #block5 h3 em:before {
  border-color: #8e929b;
}
#first #block5 .left {
  padding-top: 48px;
}
#first #block5 .right {
  padding-top: 47px;
  padding-bottom: 40px;
}
#first #block5 .right .img {
  margin-left: -10px;
}
#first #block6 small {
  color: #ffac36;
}
#first #block6 h3 em:before {
  border-color: #ffac36;
}
#first #block6 .left {
  padding-top: 38px;
  padding-bottom: 35px;
}
#first #block6 .left .img {
  padding-left: 45px;
}
#first #block6 .right {
  padding-top: 70px;
}
#first #block7 {
  background-color: #f2f4f6;
}
#first #block7 a {
  position: relative;
  background-color: #fff;
  width: 95%;
  font-size: 20px;
  color: #000;
  padding-bottom: 25px;
  padding-top: 25px;
  border: 1px solid #e3e4e6;
  text-transform: none;
}
#first #block7 a .icon-company2 {
  color: #3cbc7f;
  font-size: 40px;
}
#first #block7 a .icon-manage-users {
  color: #4d71f1;
  font-size: 40px;
}
#first #block7 a strong {
  position: relative;
  top: -6px;
  padding-left: 15px;
}
#first #block7 a:hover {
  -moz-box-shadow: 6px 9px 19px -2px rgba(142, 146, 155, 0.1);
  -webkit-box-shadow: 6px 9px 19px -2px rgba(142, 146, 155, 0.1);
  box-shadow: 6px 9px 19px -2px rgba(142, 146, 155, 0.1);
}
#first #block7 p {
  padding-bottom: 25px;
  padding-left: 30px;
  padding-right: 30px;
  text-align: center;
}
#first #block7 h3 {
  text-align: center;
}
#first #block7 .buttons {
  text-align: center;
}
#first #featured-templates .template-ct .template-inner .sources {
  display: none;
}
@media only screen and (max-width: 480px) {
  #first #mainBanner .signupBox {
    width: 100%;
  }
  #first #mainBanner .signupBox input {
    padding-right: 15px;
  }
  #first #mainBanner .signupBox .btn {
    position: static;
    margin-top: 10px;
  }
}
#simple-review.content .left h2 {
  font-size: 30px;
  line-height: 36px;
  margin: 10px 0 22px;
}
#simple-review.content .left .stars {
  padding-bottom: 35px;
}
#simple-review.content .right {
  text-align: left;
}
#simple-review.content .right a.more {
  text-decoration: underline;
  font-size: 16px;
  display: inline-block;
  margin-top: 5px;
  margin-left: 20px;
}
#simple-review.content .right p {
  font-size: 18px;
  line-height: 24px;
  margin: 12px 0 12px 20px;
  color: #8e929b;
}
#product-cta-2 {
  background-color: #f3f4f5;
}
#product-cta-2.content h3 {
  font-size: 36px;
  line-height: 44px;
  font-weight: 500;
  margin: 6px 0;
}
#product-cta-2.content p {
  font-size: 18px;
  line-height: 28px;
  color: #8e929b;
  font-weight: 300;
  margin: 20px 0 20px;
}
#product-cta-2 #cta-buttons {
  margin: 0 0 10px;
}
#reviews-all {
  background-color: #f2f4f6;
}
#reviews-all h4 {
  font-size: 28px;
  font-weight: 300;
  margin-bottom: 32px;
}
#reviews-all .right.company {
  padding-top: 25px;
  padding-bottom: 9px;
}
@media only screen and (max-width: 1199px) {
  #reviews-all .right.company h3 {
    margin-top: 49px;
  }
}
@media only screen and (max-width: 991px) {
  #reviews-all .right.company h3 {
    margin-top: 6px;
  }
}
#reviews-all .slick-slide img {
  max-width: 100%;
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
#dbx-footer {
  margin-top: 60px;
  position: relative;
  overflow: hidden;
}
#dbx-footer:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #161023;
  z-index: -2;
}
#dbx-footer .dbx-footer-bg {
  position: absolute;
  top: -200px;
  left: 50%;
  transform: translateX(-50%);
  width: 4780px;
  height: auto;
  z-index: -1;
  pointer-events: none;
}
#dbx-footer .dbx-container {
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden !important;
  color: #fff;
  border-radius: 40px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  padding-top: 64px;
  padding-bottom: 64px;
  gap: 24px;
}
#dbx-footer .mostly-hidden {
  padding-top: 64px;
}
.big #dbx-footer {
  bottom: 0;
  position: absolute;
  width: 100%;
}
#dbx-footer .links a {
  color: #fff;
}
#dbx-footer .hero_cta {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  z-index: 1;
  order: 1;
  padding-bottom: 32px;
}
#dbx-footer .hero_cta > .title {
  color: #fff;
  font-size: 32px;
  font-weight: 800;
  line-height: 42px;
  text-align: left;
}
#dbx-footer .hero_cta > .paragraph {
  max-width: 820px;
}
#dbx-footer .hero_cta > .paragraph p {
  font-size: 0.875rem;
  line-height: 1.2rem;
  color: #8e929b;
  text-align: center;
}
#dbx-footer .hero_cta .dbx-buttons {
  width: 100%;
  margin: 0;
}
#dbx-footer .hero_cta .dbx-buttons .dbx-buttons__buttons-container {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}
#dbx-footer .hero_cta .dbx-buttons .dbx-buttons__buttons-container .dbx-btn {
  width: 100%;
}
#dbx-footer .hero_cta > .buttons {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 16px;
  width: 100%;
}
#dbx-footer .hero_cta > .buttons .dbx-btn {
  flex-basis: calc(50% - 8px);
}
#dbx-footer .mobile-only {
  display: block;
}
#dbx-footer .mobile-only.links {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
}
#dbx-footer .mobile-only.badges,
#dbx-footer .mobile-only.pledge,
#dbx-footer .mobile-only.ratings,
#dbx-footer .mobile-only.social {
  display: flex;
}
#dbx-footer .desktop-only {
  display: none !important;
}
#dbx-footer .desktop-only.desktop-flex-container {
  display: none !important;
}
#dbx-footer .desktop-flex-container {
  display: none;
}
#dbx-footer .links {
  display: grid;
  justify-content: center;
  gap: 32px;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
}
#dbx-footer .links .list-title {
  margin: 0 0 15px;
  font-weight: 800;
  font-size: 1.125rem;
  line-height: 1.5rem;
}
#dbx-footer .links ul {
  list-style: none;
  padding: 0;
}
#dbx-footer .links ul li {
  margin-top: 5px;
}
#dbx-footer .links ul li.jobs {
  margin-left: -4px;
}
#dbx-footer .links ul li.jobs a {
  color: #fff;
  text-decoration: none;
}
#dbx-footer .links ul li.jobs a .lbl {
  margin-left: -5px;
}
#dbx-footer .links ul li.jobs a .lbl:hover {
  text-decoration: underline;
}
#dbx-footer .links ul li.jobs a .icon::before {
  font-size: 24px;
  color: #4d71f1;
}
#dbx-footer .links > div {
  flex-basis: 50%;
}
#dbx-footer .company-info {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
#dbx-footer .logo {
  display: flex;
  justify-content: flex-start;
}
#dbx-footer .logo img {
  height: 24px;
  width: auto;
}
#dbx-footer .company-info-text {
  text-align: left;
}
#dbx-footer .company-app-description {
  text-align: left;
  font-size: 0.875rem;
  font-weight: 700;
  margin: 0;
}
#dbx-footer .social {
  justify-content: flex-start;
  margin-bottom: 16px;
}
#dbx-footer .social a {
  width: 32px;
  height: 32px;
}
#dbx-footer .social a .icon {
  font-size: 32px;
}
#dbx-footer .badges {
  display: flex;
  justify-content: center;
  flex-basis: 80px;
}
#dbx-footer .badges img {
  max-width: 100%;
  height: auto;
}
#dbx-footer .ratings {
  display: flex;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 32px;
}
#dbx-footer .ratings img {
  max-width: 120px;
  height: auto;
}
#dbx-footer .pledge {
  justify-content: center;
}
#dbx-footer .pledge.mobile-only {
  height: 50px;
  width: 45px;
  align-self: center;
}
#dbx-footer .privacy-and-terms {
  display: flex;
  justify-content: center;
  gap: 0 20px;
  flex-wrap: wrap;
  margin-bottom: 16px;
}
#dbx-footer .privacy-and-terms a {
  color: rgba(255, 255, 255, 0.5);
  text-decoration: none;
  font-size: 14px;
}
#dbx-footer .privacy-and-terms a:hover {
  text-decoration: underline;
}
#dbx-footer .apps {
  justify-content: center;
}
#dbx-footer .mobile-order-1 {
  order: 1;
}
#dbx-footer .mobile-order-2 {
  order: 2;
}
#dbx-footer .mobile-order-3 {
  order: 3;
}
#dbx-footer .mobile-order-4 {
  order: 4;
}
#dbx-footer .mobile-order-5 {
  order: 5;
}
#dbx-footer .mobile-order-6 {
  order: 6;
}
#dbx-footer .mobile-order-7 {
  order: 7;
}
#dbx-footer .mobile-order-8 {
  order: 8;
}
#dbx-footer .mobile-order-9 {
  order: 9;
}
#dbx-footer .mobile-order-10 {
  order: 10;
}
#dbx-footer .mobile-order-11 {
  order: 11;
}
#dbx-footer .mobile-order-8 {
  margin-bottom: 32px !important;
}
#dbx-footer .mobile-order-9 {
  margin-bottom: 16px !important;
}
#dbx-footer .links {
  gap: 32px;
  flex-direction: row;
  flex-wrap: wrap;
}
#dbx-footer .links > div {
  flex-basis: calc(50% - 16px);
}
#dbx-footer .apps {
  margin-bottom: 40px !important;
}
#dbx-footer .apps a {
  flex-basis: calc(50% - 8px);
}
#dbx-footer .apps a img {
  max-width: none;
}
#dbx-footer .privacy-and-terms {
  flex-direction: column;
}
@media screen and (min-width: 400px) {
  #dbx-footer .privacy-and-terms {
    flex-direction: row;
  }
  #dbx-footer .hero_cta > .title {
    text-align: center;
  }
  #dbx-footer .hero_cta .dbx-buttons .dbx-buttons__buttons-container {
    flex-direction: row;
  }
  #dbx-footer .hero_cta .dbx-buttons .dbx-buttons__buttons-container .dbx-btn {
    width: auto;
    flex: 1;
  }
  #dbx-footer .hero_cta > .buttons {
    width: auto;
  }
  #dbx-footer .links {
    gap: 60px 96px;
  }
  #dbx-footer .links > div {
    flex-basis: 170px;
  }
  #dbx-footer .logo {
    justify-content: center;
  }
  #dbx-footer .company-info-text {
    text-align: center;
  }
  #dbx-footer .company-app-description {
    text-align: center;
  }
  #dbx-footer .social {
    justify-content: center;
  }
  #dbx-footer .apps a {
    max-width: 110px;
  }
  #dbx-footer .apps a img {
    width: 100%;
  }
}
@media screen and (min-width: 628px) {
  #dbx-footer .dbx-container {
    padding-inline: 96px;
  }
}
@media screen and (min-width: 940px) {
  #dbx-footer .dbx-container {
    gap: 0;
    border-radius: 84px;
    padding-inline: 80px;
  }
  #dbx-footer .mobile-only {
    display: none !important;
  }
  #dbx-footer .mobile-only.badges,
  #dbx-footer .mobile-only.links,
  #dbx-footer .mobile-only.pledge,
  #dbx-footer .mobile-only.ratings,
  #dbx-footer .mobile-only.social {
    display: none !important;
  }
  #dbx-footer .desktop-only {
    display: block !important;
  }
  #dbx-footer .desktop-only.desktop-flex-container {
    display: flex !important;
  }
  #dbx-footer .mobile-order-1,
  #dbx-footer .mobile-order-10,
  #dbx-footer .mobile-order-11,
  #dbx-footer .mobile-order-2,
  #dbx-footer .mobile-order-3,
  #dbx-footer .mobile-order-4,
  #dbx-footer .mobile-order-5,
  #dbx-footer .mobile-order-6,
  #dbx-footer .mobile-order-7,
  #dbx-footer .mobile-order-8,
  #dbx-footer .mobile-order-9 {
    order: initial;
  }
  #dbx-footer .desktop-flex-container {
    display: flex;
    justify-content: space-between;
    gap: 100px;
    order: 2;
    margin-bottom: 40px;
  }
  #dbx-footer .privacy-and-terms {
    order: 3;
    margin-bottom: 32px;
    justify-content: center;
    gap: 16px;
  }
  #dbx-footer .apps {
    order: 4;
    justify-content: center;
    margin-bottom: 0;
  }
  #dbx-footer .apps a {
    display: block;
    max-width: 110px;
  }
  #dbx-footer .apps a img {
    width: 100%;
    height: auto;
  }
  #dbx-footer .hero_cta {
    margin-bottom: 92px;
    padding-bottom: 0;
  }
  #dbx-footer .hero_cta > .title {
    font-size: 54px;
    line-height: 62px;
    text-align: center;
  }
  #dbx-footer .hero_cta > .buttons {
    flex-direction: row;
    width: auto;
    flex-wrap: nowrap;
  }
  #dbx-footer .hero_cta > .buttons .dbx-btn {
    flex-basis: auto;
  }
  #dbx-footer .company-info-row {
    display: flex;
    align-items: center;
    gap: 16px;
    max-width: 204px;
    margin-bottom: 24px;
  }
  #dbx-footer .company-info-row .company-info-text {
    flex: 1;
  }
  #dbx-footer .links {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 32px;
    flex: 1;
  }
  #dbx-footer .company-info {
    gap: 0;
  }
  #dbx-footer .company-info .badges,
  #dbx-footer .company-info .company-app-description,
  #dbx-footer .company-info .company-info-row,
  #dbx-footer .company-info .logo {
    margin-bottom: 24px;
  }
  #dbx-footer .company-info .social {
    margin-bottom: 48px;
  }
  #dbx-footer .badges,
  #dbx-footer .logo,
  #dbx-footer .pledge,
  #dbx-footer .ratings,
  #dbx-footer .social {
    justify-content: flex-start;
  }
  #dbx-footer .logo {
    margin-bottom: 24px;
  }
  #dbx-footer .company-app-description,
  #dbx-footer .company-info-text {
    text-align: left;
  }
  #dbx-footer .company-app-description {
    max-width: 204px;
  }
  #dbx-footer .social {
    margin-bottom: 48px;
  }
  #dbx-footer .social a {
    width: 24px;
    height: 24px;
  }
  #dbx-footer .social a .icon {
    font-size: 24px;
  }
  #dbx-footer .apps,
  #dbx-footer .privacy-and-terms {
    justify-content: center;
  }
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.how-to-home-page .dbx-editors-post-cards-section {
  padding-top: 170px;
  margin-top: 0;
}
.how-to-home-page .dbx-post-cards-section__title {
  margin-bottom: 48px;
  font-size: 1.5rem;
  line-height: 1.75rem;
}
.how-to-home-page .dbx-post-cards-section__title h2 {
  margin: 0;
  font-size: 1.5rem;
  line-height: 1.75rem;
  font-weight: 700;
}
.how-to-home-page .post-cards-section-wrapper {
  padding-top: 96px;
  margin-top: 0;
}
.how-to-single {
  padding-top: 64px;
  position: relative;
}
.how-to-single > .dbx-background__container {
  z-index: -1;
  position: absolute;
  inset: 0;
  overflow-x: hidden;
  background: linear-gradient(180deg, rgba(77, 113, 241, 0.2) 0, #fff 400px);
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.important-benchmarks-block {
  padding: 100px 0 80px;
  text-align: center;
}
.important-benchmarks-block .container.narrow {
  padding-left: 15px;
  padding-right: 15px;
}
.important-benchmarks-block .important-top-block h2,
.important-benchmarks-block .important-top-block h3 {
  font-size: 36px;
  line-height: 42px;
  font-weight: 500;
  color: #2d3237;
  margin: 0 0 24px;
}
.important-benchmarks-block .important-top-block p {
  font-size: 18px;
  line-height: 26px;
  color: #8e929b;
  max-width: 996px;
  margin: auto;
}
.important-benchmarks-block .metric-container:not(:last-child) {
  border-bottom: 1px solid #d7e2ec;
}
.important-benchmarks-block .metric-block {
  text-align: left;
  margin: 80px 0 60px;
  padding: 24px 16px;
}
.important-benchmarks-block .metric-block .row {
  display: flex;
  min-height: 270px;
  align-items: center;
}
.important-benchmarks-block .metric-block .left {
  position: relative;
}
.important-benchmarks-block .metric-block .left .metric-image {
  background: url("../img/benchmarks/small-screen.png") no-repeat center;
  background-size: 100% 100%;
  width: 95%;
  max-width: 450px;
  min-height: 320px;
  padding: 40px 24px 27px;
  display: flex;
  align-items: center;
  box-shadow: 0 0 75px rgba(0, 0, 0, 0.07);
  position: relative;
  top: -10px;
  z-index: 2;
}
.important-benchmarks-block .metric-block .left .metric-image img {
  max-width: 100%;
  width: 100%;
}
.important-benchmarks-block .metric-block .left .metric-image object {
  max-width: inherit;
  position: absolute;
  top: 0;
  left: 0;
  width: 90%;
  height: 100%;
  right: 0;
  margin: auto;
  padding: 32px 0;
}
.important-benchmarks-block .metric-block .right {
  padding: 0;
}
.important-benchmarks-block .metric-block .right h2,
.important-benchmarks-block .metric-block .right h3 {
  font-size: 30px;
  font-style: normal;
  line-height: 38px;
  letter-spacing: 0.5px;
  margin: 0 0 16px;
  color: #2d3237;
  font-weight: 500;
}
.important-benchmarks-block .metric-block .right h2 a,
.important-benchmarks-block .metric-block .right h3 a {
  color: #2d3237;
}
.important-benchmarks-block .metric-block .right h2 a:hover,
.important-benchmarks-block .metric-block .right h3 a:hover {
  color: #515aa7;
}
.important-benchmarks-block .metric-block .right p {
  font-size: 16px;
  line-height: 26px;
  color: #7e7e8e;
  margin: 0 0 40px;
  font-weight: 400;
}
.important-benchmarks-block .metric-block .right ul {
  list-style: none;
  padding: 0;
  margin: 0 0 30px;
}
.important-benchmarks-block .metric-block .right ul li {
  font-size: 16px;
  line-height: 26px;
  color: #7e7e8e;
  margin: 0 0 10px;
  position: relative;
  padding-left: 30px;
  font-weight: 400;
}
.important-benchmarks-block .metric-block .right ul li::before {
  content: "\e002";
  display: inline-block;
  font-family: Icons;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  position: absolute;
  left: 0;
  top: 5px;
  text-transform: none;
  vertical-align: middle;
  color: #2ab674;
  font-size: 13px;
  margin-right: 16px;
}
.important-benchmarks-block .metric-block .right .btn.btn-green {
  text-transform: none;
  font-size: 16px;
  background: #515aa7;
  border: 2px solid #515aa7;
  font-weight: 500;
}
.important-benchmarks-block .metric-block .right .btn.btn-green:hover {
  background: #3a4077;
  border: 2px solid #3a4077;
}
.important-benchmarks-block .metric-block.opposite .left {
  order: 2;
}
.important-benchmarks-block .metric-block.opposite .left .metric-image {
  margin-left: auto;
}
.important-benchmarks-block .metric-block.opposite .right {
  order: 1;
  padding-left: 15px;
  padding-right: 0;
}
.important-benchmarks-block .button-block {
  width: 100%;
  clear: both;
  padding-top: 24px;
}
.important-benchmarks-block .button-block .btn {
  display: inline-block;
  text-transform: none;
}
.important-benchmarks-block .button-block .btn.dark {
  border: 1px solid #515aa7;
  background-color: #515aa7;
  color: #fff;
  font-size: 16px;
}
.important-benchmarks-block .button-block .btn.dark:hover {
  color: #515aa7;
  background: 0 0;
}
@media screen and (max-width: 991px) {
  .important-benchmarks-block .container.narrow {
    padding: 0 20px;
  }
  .important-benchmarks-block .button-block {
    text-align: center;
  }
  .important-benchmarks-block .metric-block {
    margin-left: 0;
  }
  .important-benchmarks-block .metric-block .row {
    display: block;
  }
  .important-benchmarks-block .metric-block .left {
    padding: 0;
  }
  .important-benchmarks-block .metric-block .left .metric-image {
    top: -50px;
    left: 0;
    right: 0;
    min-height: 250px;
    margin: auto;
    width: 100%;
    max-width: 350px;
  }
  .important-benchmarks-block .metric-block.opposite {
    margin-right: 0;
  }
  .important-benchmarks-block .metric-block.opposite .left .metric-image {
    top: -50px;
    left: 0;
    right: 0;
    min-height: 250px;
    margin: auto;
    width: 100%;
    max-width: 350px;
  }
}
#important-benchmarks {
  background-color: #fafafa;
}
#important-benchmarks .header {
  padding: 172px 0 200px;
  text-align: left;
  position: relative;
  background-image: linear-gradient(
    255.48deg,
    #f7eaff 0.92%,
    #ecffee 33.68%,
    #d6e5f3 69.03%,
    #e2ebf1 100.75%
  );
  background-image: -o-linear-gradient(
    255.48deg,
    #f7eaff 0.92%,
    #ecffee 33.68%,
    #d6e5f3 69.03%,
    #e2ebf1 100.75%
  );
  background-image: -ms-linear-gradient(
    255.48deg,
    #f7eaff 0.92%,
    #ecffee 33.68%,
    #d6e5f3 69.03%,
    #e2ebf1 100.75%
  );
  background-image: -moz-linear-gradient(
    255.48deg,
    #f7eaff 0.92%,
    #ecffee 33.68%,
    #d6e5f3 69.03%,
    #e2ebf1 100.75%
  );
  background-image: -webkit-linear-gradient(
    255.48deg,
    #f7eaff 0.92%,
    #ecffee 33.68%,
    #d6e5f3 69.03%,
    #e2ebf1 100.75%
  );
}
#important-benchmarks .header .container {
  position: relative;
  z-index: 2;
}
#important-benchmarks .header img.img-responsive {
  display: block;
  margin: auto;
  width: auto;
}
#important-benchmarks .header h1 {
  font-weight: 800;
  font-size: 50px;
  line-height: 58px;
  margin: 0 auto 24px;
  display: block;
  color: #2d3237;
}
#important-benchmarks .header p {
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
  margin: 0 0 40px;
  color: #2d3237;
}
#important-benchmarks .header p strong {
  font-weight: 700;
  text-decoration: underline;
  text-decoration-skip-ink: none;
  text-decoration-color: #48b9e5;
  -webkit-text-decoration-color: #48b9e5;
}
#important-benchmarks .header .btn {
  text-transform: none;
  background-color: #515aa7;
  font-size: 18px;
  font-weight: 500;
  border: 2px solid #515aa7;
}
#important-benchmarks .header .btn:hover {
  background: #3a4077;
  border: 2px solid #3a4077;
}
#important-benchmarks .header .mobile-buttons {
  display: none;
}
#important-benchmarks .header .bottom-shape-image {
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 300px;
  z-index: 1;
  background-size: 100%;
}
#important-benchmarks .header .bottom-shape-image img {
  height: 100%;
  width: 100%;
  max-width: 100%;
}
@media screen and (max-width: 1300px) and (min-width: 1100px) {
  #important-benchmarks .header {
    padding-top: 100px;
  }
}
@media screen and (max-width: 768px) {
  #important-benchmarks .header {
    padding-top: 90px;
  }
  #important-benchmarks .header h1 {
    font-size: 45px;
    line-height: 53px;
  }
  #important-benchmarks .header .bottom-shape-image {
    height: 200px;
  }
}
#important-benchmarks #product-any-data-build {
  background: 0 0;
  padding: 80px 0 0;
}
#important-benchmarks #product-any-data-build .container.narrow {
  padding: 0 90px;
}
#important-benchmarks #product-any-data-build .container.narrow .left .img img {
  margin: auto;
}
#important-benchmarks #product-any-data-build .container.narrow .right .box h2,
#important-benchmarks #product-any-data-build .container.narrow .right .box h3 {
  font-weight: 500;
  margin: 0 0 11px;
}
#important-benchmarks
  #product-any-data-build
  .container.narrow
  .right
  .box
  h2
  strong,
#important-benchmarks
  #product-any-data-build
  .container.narrow
  .right
  .box
  h3
  strong {
  font-weight: 500;
  text-decoration: underline;
  text-decoration-skip-ink: none;
  text-decoration-color: #515aa7;
  -webkit-text-decoration-color: #515aa7;
}
#important-benchmarks #product-any-data-build .container.narrow .right .box p {
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
}
#important-benchmarks
  #product-any-data-build
  .container.narrow
  .right
  .box
  p
  strong {
  font-weight: 700;
}
#important-benchmarks #data-sources {
  padding: 96px 0 56px;
  background-image: linear-gradient(
    270deg,
    rgba(248, 234, 255, 0.35) 0,
    rgba(240, 249, 244, 0.4) 100%
  );
  background-image: -o-linear-gradient(
    270deg,
    rgba(248, 234, 255, 0.35) 0,
    rgba(240, 249, 244, 0.4) 100%
  );
  background-image: -ms-linear-gradient(
    270deg,
    rgba(248, 234, 255, 0.35) 0,
    rgba(240, 249, 244, 0.4) 100%
  );
  background-image: -moz-linear-gradient(
    270deg,
    rgba(248, 234, 255, 0.35) 0,
    rgba(240, 249, 244, 0.4) 100%
  );
  background-image: -webkit-linear-gradient(
    270deg,
    rgba(248, 234, 255, 0.35) 0,
    rgba(240, 249, 244, 0.4) 100%
  );
}
#important-benchmarks #data-sources h2,
#important-benchmarks #data-sources h3 {
  text-align: center;
  margin: 0 0 64px;
  font-size: 36px;
  line-height: 44px;
  font-weight: 500;
}
#important-benchmarks #data-sources .col {
  padding: 40px;
  background-color: #fff;
  border-radius: 10px;
  -moz-box-shadow: 0 10px 55px rgba(37, 37, 37, 0.15);
  -webkit-box-shadow: 0 10px 55px rgba(37, 37, 37, 0.15);
  box-shadow: 0 10px 55px rgba(37, 37, 37, 0.15);
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 40px;
}
#important-benchmarks #data-sources .col .image-box {
  width: 100%;
  max-width: 400px;
}
#important-benchmarks #data-sources .col .content-box {
  padding-left: 48px;
  text-align: left;
}
#important-benchmarks #data-sources .col .content-box h2,
#important-benchmarks #data-sources .col .content-box h3 {
  font-size: 32px;
  line-height: 40px;
  margin: 0 0 24px;
  text-align: left;
  font-weight: 500;
  letter-spacing: 0;
}
#important-benchmarks #data-sources .col .content-box p {
  font-weight: 400;
  color: #8e929b;
  margin-bottom: 40px;
}
#important-benchmarks #data-sources .col .content-box .btn {
  float: right;
  text-transform: none;
}
#important-benchmarks #data-sources .col .content-box .btn.dark {
  border: 1px solid #515aa7;
  color: #515aa7;
  background: 0 0;
  font-size: 16px;
}
#important-benchmarks #data-sources .col .content-box .btn.dark:hover {
  background-color: #515aa7;
  color: #fff;
}
@media screen and (max-width: 991px) {
  #important-benchmarks #data-sources .col {
    flex-direction: column;
  }
  #important-benchmarks #data-sources .col .content-box {
    padding: 40px 0 0;
  }
}
#important-benchmarks #product-faq {
  padding: 110px 0 90px;
}
#important-benchmarks #product-faq h2 {
  font-size: 40px;
  line-height: 48px;
  letter-spacing: 0.5px;
  font-weight: 500;
  margin: 0 0 56px;
}
#important-benchmarks #product-faq .col-sm-6 {
  width: 100%;
}
#important-benchmarks #product-faq .col-sm-6 .collapsible-group {
  max-width: 792px;
  margin: 0 auto 24px;
}
#important-benchmarks #product-faq .col-sm-6 .collapsible-group .collapsible {
  border: 1px solid #e1e1e5;
  border-radius: 15px;
  padding: 24px;
  margin-bottom: 24px;
}
#important-benchmarks
  #product-faq
  .col-sm-6
  .collapsible-group
  .collapsible
  .collapsible__header {
  color: #7e7e8e;
}
#important-benchmarks
  #product-faq
  .col-sm-6
  .collapsible-group
  .collapsible
  .collapsible__header
  p {
  margin: 0;
}
#important-benchmarks
  #product-faq
  .col-sm-6
  .collapsible-group
  .collapsible
  .collapsible__content {
  margin-bottom: 0;
  color: #7e7e8e;
}
#important-benchmarks #ready-to-start {
  text-align: center;
  padding-bottom: 96px;
}
#important-benchmarks #ready-to-start .container {
  padding: 68px 0 68px;
}
#important-benchmarks #ready-to-start .container h2 {
  margin: 0 auto 24px;
  max-width: 540px;
  font-size: 36px;
  line-height: 44px;
  font-weight: 500;
  color: #2d3237;
}
#important-benchmarks #ready-to-start .container p {
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
  color: #8e929b;
  margin: 0 auto 40px;
  max-width: 820px;
}
#important-benchmarks #ready-to-start .container .btn.btn-green {
  text-transform: none;
  font-size: 16px;
  background: #515aa7;
  border: 2px solid #515aa7;
  font-weight: 500;
}
#important-benchmarks #ready-to-start .container .btn.btn-green:hover {
  background: #3a4077;
  border: 2px solid #3a4077;
}
@media screen and (max-width: 992px) {
  #important-benchmarks #ready-to-start .container {
    background-size: 100% 100% !important;
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media screen and (max-width: 768px) {
  #important-benchmarks #ready-to-start .container {
    background-size: 100% 100% !important;
    margin: 0 15px;
    padding-left: 30px;
    padding-right: 30px;
  }
}
#important-benchmarks .product-datas {
  text-align: left;
  margin-bottom: 0;
  padding: 0;
  background-image: linear-gradient(
    100.74deg,
    #f5f5f5 14.4%,
    rgba(242, 244, 246, 0.46) 84.17%
  );
  background-image: -o-linear-gradient(
    100.74deg,
    #f5f5f5 14.4%,
    rgba(242, 244, 246, 0.46) 84.17%
  );
  background-image: -ms-linear-gradient(
    100.74deg,
    #f5f5f5 14.4%,
    rgba(242, 244, 246, 0.46) 84.17%
  );
  background-image: -moz-linear-gradient(
    100.74deg,
    #f5f5f5 14.4%,
    rgba(242, 244, 246, 0.46) 84.17%
  );
  background-image: -webkit-linear-gradient(
    100.74deg,
    #f5f5f5 14.4%,
    rgba(242, 244, 246, 0.46) 84.17%
  );
}
#important-benchmarks .product-datas .product-datas-inner {
  padding: 120px 0;
  width: 100%;
  background: url("../img/benchmarks/shapes.png") no-repeat center right 20%;
  background-size: auto 525px;
}
@media screen and (max-width: 768px) {
  #important-benchmarks .product-datas .product-datas-inner {
    padding: 80px 20px;
  }
  #important-benchmarks .product-datas .product-datas-inner .container.narrow {
    width: 100%;
  }
}
@media screen and (max-width: 991px) {
  #important-benchmarks .product-datas.content.layout-dbl .img img {
    max-width: 100%;
  }
}
#important-benchmarks .product-datas:last-of-type .product-datas-inner {
  background: url("../img/benchmarks/shapes_two.png") no-repeat center right 20%;
}
#important-benchmarks .product-datas .container.narrow {
  padding-left: 0;
  padding-right: 0;
}
#important-benchmarks .product-datas .container.narrow h1,
#important-benchmarks .product-datas .container.narrow h2,
#important-benchmarks .product-datas .container.narrow h3 {
  font-size: 36px;
  line-height: 42px;
  color: #2d3237;
  letter-spacing: 0.5px;
  font-weight: 700;
  margin: 0 0 24px;
}
#important-benchmarks .product-datas .container.narrow h1 span,
#important-benchmarks .product-datas .container.narrow h2 span,
#important-benchmarks .product-datas .container.narrow h3 span {
  font-weight: 400;
  font-size: 24px;
  line-height: 32px;
  display: block;
  margin-bottom: 10px;
}
#important-benchmarks .product-datas .container.narrow p {
  font-size: 18px;
  line-height: 28px;
  color: #7e7e8e;
  margin: 0 0 40px;
}
#important-benchmarks .product-datas .container.narrow .btn.btn-blue-outline {
  text-transform: none;
  font-size: 16px;
  background: #515aa7;
  border: 2px solid #515aa7;
  font-weight: 500;
  color: #fff;
}
#important-benchmarks
  .product-datas
  .container.narrow
  .btn.btn-blue-outline:hover {
  background: #3a4077;
  border: 2px solid #3a4077;
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
#integrations h3 {
  font-size: 30px;
  margin: 50px 0;
  text-align: center;
}
#integrations #integrations-list {
  margin: 0;
  width: 100%;
}
#integrations .integrations-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 24px;
  padding-block: 16px;
}
@media only screen and (max-width: 768px) {
  #integrations .integrations-list {
    grid-template-columns: minmax(0, 1fr);
  }
}
#integrations #integrations-list-ct {
  margin: 60px 0;
}
#integrations #integrations-flow {
  text-align: center;
  padding-bottom: 60px;
}
#integrations #integrations-flow .step {
  position: relative;
  padding-top: 18px;
}
#integrations #integrations-flow .step:before {
  content: "";
  position: absolute;
  background-image: url(../img/product/blue-arrow.png);
  background-size: auto 100%;
  background-repeat: no-repeat;
  width: 36px;
  height: 22px;
  top: 90px;
  left: -14px;
}
#integrations #integrations-flow .step:first-child:before {
  display: none;
}
#integrations #integrations-flow .step p {
  line-height: 1.5;
  margin: 55px 0 5px;
}
#integrations #integrations-flow .step strong {
  display: block;
  font-size: 20px;
  line-height: 30px;
}
#integrations #integrations-flow .step span {
  display: block;
  color: #8e929b;
  font-size: 16px;
}
#integrations #integrations-flow .step img {
  height: 128px;
}
#integrations #developers {
  text-align: left;
  line-height: 24px;
  color: #252525;
  padding-top: 90px;
}
#integrations #developers h2 {
  margin-top: 28px;
  font-size: 21px;
}
#integrations #developers p {
  padding: 5px;
  font-size: 16px;
  color: #8e929b;
}
#integrations #developers p a {
  color: inherit;
  text-decoration: underline;
}
#integrations #developers span.icon {
  margin-left: -6px;
  position: relative;
  font-size: 62px;
  color: #bdc0c5;
}
#integrations #developers span.icon:after {
  position: absolute;
  right: -3px;
  bottom: -3px;
  content: "new";
  width: 23px;
  height: 23px;
  border-radius: 100%;
  color: #fff;
  background-color: #2bb673;
  text-align: center;
  font-size: 8px;
  line-height: 23px;
}
#integrations #developers a.btn {
  line-height: 1.8;
  padding-left: 26px;
  padding-right: 26px;
  margin: 40px 5px 12px;
}
#integrations .integrations-senja-section {
  margin-top: -250px;
  position: relative;
  z-index: 10;
}
@media only screen and (max-width: 1340px) {
  #integrations .integrations-list li .hover-overlay {
    font-size: 14px;
  }
}
@media only screen and (max-width: 1145px) {
  #integrations .header h1 {
    font-size: 45px;
  }
  #integrations #integrations-filter {
    width: 200px;
  }
  #integrations .integrations-section-title:after {
    margin-right: 12px;
  }
  #integrations #integrations-flow {
    padding-bottom: 20px;
  }
  #integrations #integrations-flow .step {
    margin-bottom: 100px;
    float: left;
    width: 100%;
  }
  #integrations #integrations-flow .step:before {
    transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    top: -45px;
    left: 50%;
  }
  #integrations #integrations-flow .step > div {
    float: left;
    width: 30%;
    text-align: center;
  }
  #integrations #integrations-flow .step img {
    max-width: 100%;
    height: auto;
  }
  #integrations #integrations-flow .step p {
    float: left;
    width: 70%;
    padding-left: 20px;
    margin-top: 35px;
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 1200px) {
  #integrations #integrations-empty,
  #integrations #integrations-filter,
  #integrations #integrations-list {
    float: none;
    width: auto;
  }
  #integrations .integrations-section-title:after {
    margin-right: 6px;
  }
  #integrations #integrations-filter {
    margin-bottom: 15px;
  }
  #integrations #integrations-filter span.checkbox {
    display: inline-block;
    width: 30%;
  }
  #integrations #integrations-list {
    padding: 0;
    margin: 0 -7px;
  }
  #integrations #developers > div img {
    display: block;
    margin: 0 auto;
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 600px) {
  #integrations #integrations-filter span.checkbox {
    width: 48%;
  }
}
@media only screen and (max-width: 480px) {
  #integrations .header h1 {
    font-size: 35px;
  }
  #integrations #integrations-filter {
    display: none;
  }
  #integrations #integrations-flow .step p {
    margin-top: 15px;
  }
  #integrations #integrations-flow .step:before {
    top: -55px;
  }
  #integrations #integrations-flow .step:last-child {
    margin-bottom: 35px;
  }
  #integrations #integrations-flow .step:last-child img {
    margin-top: 10px;
  }
  #integrations #developers img {
    width: 100%;
    margin-bottom: 50px;
  }
  #integrations #developers a.btn {
    width: 100%;
    margin-bottom: 50px;
  }
}
#integrations .integrations-header.dbx-hero-header {
  padding-bottom: 100px;
}
#integrations #integrations-senja-section {
  margin-top: -250px;
  position: relative;
  z-index: 1;
  margin-bottom: 64px;
}
#integrations #integrations-cards {
  position: relative;
  z-index: 1;
  display: flex;
  gap: 24px;
  flex-wrap: wrap;
}
#integrations #integrations-cards > .card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: #fff;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
  padding: 16px;
  border-radius: 16px;
  min-height: 170px;
  flex: 1;
}
@media only screen and (max-width: 1200px) {
  #integrations #integrations-cards > .card {
    flex: 45%;
  }
}
#integrations #integrations-cards > .card .card__container {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
#integrations #integrations-cards > .card .card__container-icon-title {
  display: flex;
  height: 40px;
  align-items: center;
  gap: 8px;
}
#integrations #integrations-cards > .card .card__container-icon-title > .icon {
  border-radius: 100%;
  background-color: rgba(134, 75, 212, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #7448de;
  font-size: 20px;
  height: 40px;
  width: 40px;
}
#integrations #integrations-cards > .card .card__container-icon-title > .title {
  color: #000;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}
#integrations #integrations-cards > .card .card__container-text {
  margin-bottom: 16px;
  color: rgba(8, 21, 35, 0.6);
  font-size: 14px;
  line-height: 18px;
}
#integrations #integrations-cards > .card .card__action {
  align-self: flex-start;
  display: flex;
  flex-wrap: wrap;
  gap: 0 16px;
}
#integrations #integrations-cards > .card .card__action .dbx-arrow-btn {
  padding: 0 38px 0 0;
  font-size: 14px;
}
@media only screen and (max-width: 1200px) {
  #integrations .integrations-header.dbx-hero-header {
    padding-bottom: 300px;
  }
  #integrations #integrations-senja-section {
    margin-top: -480px;
  }
}
@media only screen and (max-width: 768px) {
  #integrations #integrations-list-ct {
    margin: 132px 0;
  }
  #integrations .integrations-header.dbx-hero-header {
    padding-bottom: 600px;
  }
  #integrations #integrations-senja-section {
    margin-top: -680px;
    flex-direction: column;
    gap: 16px;
  }
}
#integration-request .iframe-wrapper {
  height: 60vh;
}
#integration-request .iframe-wrapper iframe {
  height: 100%;
}
#integration-request .modal-dialog .modal-content .modal-body {
  padding: 30px 20px;
}
#integrations-ct {
  display: flex;
  gap: 16px;
  flex-direction: row-reverse;
}
@media only screen and (max-width: 1200px) {
  #integrations-ct {
    flex-direction: column;
  }
}
.integrations-section .integrations-list {
  margin-bottom: 60px;
}
.integrations-section .integrations-list .dataset-badge {
  background-color: #2e4797;
  border-radius: 3px;
  color: #fff;
  padding: 0 3px;
  font-size: 11px;
  font-weight: 700;
}
.integrations-section.empty .integrations-section-title {
  display: none;
}
.integrations-section.empty .integrations-list {
  margin-bottom: 0;
}
.integrations-section:last-child .integrations-list {
  margin-bottom: 0;
}
.integrations-section-title {
  display: flex;
  width: 100%;
  font-size: 14px;
  color: #8e929b;
  padding-top: 2px;
  margin-bottom: 12px;
  font-weight: 400;
}
.integrations-section-title:after {
  content: "";
  flex: 1;
  margin-right: 7px;
  border-top: 1px dashed #8e929b;
  transform: translateY(50%);
  margin-left: 20px;
}
.integrations-section-title.empty:after {
  margin-left: 0;
}
.integrations-list {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-bottom: 26px !important;
}
.integrations-list li {
  margin: 0;
}
.integrations-list li a {
  display: block;
  overflow: hidden;
  position: relative;
  padding: 16px;
  border-radius: 4px;
  text-decoration: none !important;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
  gap: 6px;
  justify-content: space-between;
}
.integrations-list li a .integration-content {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.integrations-list li a:hover {
  text-decoration: none;
}
.integrations-list li a:hover .hover-overlay {
  display: flex;
}
.integrations-list li a .dummy {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
}
.integrations-list li a .name {
  display: inline-block;
  vertical-align: middle;
  font-weight: 600;
  color: #292929;
  font-size: 14px;
  line-height: 24px;
  text-decoration: none;
  flex: 0 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  text-wrap: nowrap;
  white-space: nowrap;
}
.integrations-list li a img {
  flex: 0 0 auto;
}
.integrations-list li a .qb-plus {
  flex: 0 0 auto;
}
.integrations-list li.request {
  padding: 12px;
}
.integrations-list li.request span.title {
  display: inline-block;
  vertical-align: middle;
  font-weight: 600;
  color: #25a767;
  font-size: 14px;
  line-height: 24px;
}
.integrations-list li.request a {
  background: rgba(37, 167, 103, 0.1);
  box-shadow: none;
  text-align: center;
  white-space: nowrap;
}
.integrations-list li.request a img {
  display: none;
}
.integrations-list li.request:hover a {
  text-decoration: none;
  background: #25a767;
}
.integrations-list li.request:hover a span.plus {
  color: #25a767;
}
.integrations-list li.request:hover a span.plus:before {
  background-color: #fff;
}
.integrations-list li.request:hover a span.title {
  color: #fff;
}
.integrations-list li.request img {
  visibility: hidden !important;
}
.integrations-list li img {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  max-width: 32px;
  height: 32px;
  border-radius: 100%;
  flex: 0 0 auto;
}
.integrations-list li .tt-info {
  display: none;
}
.integrations-list li .hover-overlay {
  display: none;
  position: absolute;
  align-items: center;
  justify-content: center;
  inset: 0;
  font-size: 15px;
  backdrop-filter: blur(4px);
  z-index: 2;
  background-color: rgba(77, 113, 241, 0.8);
}
.integrations-list li .hover-overlay-text {
  font-size: 15px;
  font-weight: 400;
  color: #fff;
  text-align: center;
}
.integrations-list li .qb-plus,
.integrations-list li .source-badge {
  color: #fff;
  text-transform: uppercase;
  text-align: center;
}
.integrations-list li .source-badge {
  text-transform: capitalize;
  padding: 0 10px;
  font-size: 11px;
  border-radius: 3px;
  height: 15px;
  line-height: 15px;
}
.integrations-list li .source-badge.soon {
  background-color: #f4bb42;
}
.integrations-list li .source-badge.beta {
  color: #fff;
  background: #7540ab;
  font-size: 11px;
  line-height: 15px;
  font-weight: 500;
  position: relative;
  left: 0;
  padding: 0 3px;
  display: inline-block;
  vertical-align: bottom;
  margin-left: 4px;
}
.integrations-list li .badges {
  display: flex;
  gap: 4px;
  align-items: center;
  justify-content: flex-end;
  flex: 0 0 auto;
}
.integrations-list li .qb-plus {
  width: 14px;
  height: 14px;
  position: relative;
}
.integrations-list li .qb-plus img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  position: absolute;
}
.integrations-list li.has-badge.has-qb-plus .source-badge {
  right: 36px;
}
.integrations-list span.plus {
  position: relative;
  color: #fff;
  font-weight: 300;
  font-size: 32px;
  z-index: 1;
  margin-right: 4px;
}
.integrations-list span.plus:before {
  z-index: -1;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 32px;
  height: 32px;
  border-radius: 100%;
  background-color: #25a767;
  transform: translate(-50%, -50%) translateY(1.5px);
}
#integrations-filter {
  flex-shrink: 0;
  display: flex;
  align-items: flex-start;
}
#integrations-filter .integrations-filter__container {
  position: sticky;
  top: 120px;
  background-color: rgba(41, 41, 41, 0.03);
  border-radius: 6px;
  font-size: 14px;
  line-height: 18px;
  padding: 16px 12px 0 18px;
  color: rgba(41, 41, 41, 0.5);
  font-family: Arial, Trebuchet, sans-serif;
  margin-top: 7px;
}
#integrations-filter .integrations-filter__container .input-search {
  position: relative;
  padding-bottom: 22px;
  padding-right: 3px;
}
#integrations-filter .integrations-filter__container .input-search .icon {
  position: absolute;
  top: 9px;
  left: 8px;
  font-size: 16px;
  z-index: 1;
  opacity: 0.5;
}
#integrations-filter .integrations-filter__container .input-search input {
  position: relative;
  line-height: 33px;
  height: 35px;
  padding: 0 12px 0 28px;
  font-size: 12px;
  border: 1px solid rgba(41, 41, 41, 0.12);
  border-radius: 5px;
  width: 100%;
  color: #292929;
}
#integrations-filter
  .integrations-filter__container
  .input-search
  input::-webkit-input-placeholder {
  color: rgba(41, 41, 41, 0.25);
  opacity: 1;
}
#integrations-filter
  .integrations-filter__container
  .input-search
  input:-moz-placeholder {
  color: rgba(41, 41, 41, 0.25);
  opacity: 1;
}
#integrations-filter
  .integrations-filter__container
  .input-search
  input::-moz-placeholder {
  color: rgba(41, 41, 41, 0.25);
  opacity: 1;
}
#integrations-filter
  .integrations-filter__container
  .input-search
  input:-ms-input-placeholder {
  color: rgba(41, 41, 41, 0.25);
  opacity: 1;
}
#integrations-filter .integrations-filter__container .input-search input:active,
#integrations-filter .integrations-filter__container .input-search input:focus {
  outline: 0;
  border-color: rgba(41, 41, 41, 0.25);
}
#integrations-filter .integrations-filter__container .filter {
  margin-top: 12px;
}
#integrations-filter .integrations-filter__container .filter strong {
  font-weight: 400;
  color: #292929;
  padding: 5px 20px 5px 0;
}
#integrations-filter .integrations-filter__container .filter > div {
  margin-top: 16px;
  padding-bottom: 8px;
}
#integrations-filter .integrations-filter__container span.checkbox {
  margin-top: 0;
}
@media screen and (min-width: 1200px) {
  #integrations-filter .integrations-filter__container {
    overflow-y: auto;
    max-height: calc(100vh - 120px - 25px);
  }
}
.empty-results {
  display: none;
}
#integrations-empty ol,
#integrations-empty p {
  padding: 0 8px;
  font-size: 18px;
  line-height: 28px;
}
#integrations-empty ol a,
#integrations-empty p a {
  text-decoration: underline;
}
#integrations-empty ol {
  margin: 20px;
}
#integrations-empty ol li {
  padding: 5px 0;
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.page-template-page-enterprise-analyst #menu-navigation-right li.get-started,
.page-template-page-enterprise-executive #menu-navigation-right li.get-started {
  display: none;
}
.landing img {
  max-width: 100%;
}
.landing .whitebg {
  background-color: #fff;
}
.landing .graybg {
  background-color: rgba(142, 146, 155, 0.08);
}
.landing .darkgraybg {
  background-color: rgba(142, 146, 155, 0.2);
}
.landing .request-button,
.landing .submit-button {
  width: 230px;
}
.landing .header {
  min-height: 700px;
  padding: 270px 0 160px;
}
.landing .header h1 {
  margin: 0 100px;
}
.landing .header .request-button,
.landing .header .submit-button {
  margin-top: 70px;
}
.landing .block,
.landing .kpis,
.landing .setup {
  padding: 120px 0 100px 0;
}
.landing .block h2,
.landing .kpis h2,
.landing .setup h2 {
  font-size: 55px;
  font-weight: 100;
  line-height: 70px;
  margin-bottom: 40px;
}
.landing .product-info {
  text-align: left;
}
.landing .product-info h3 {
  margin: 0 0 60px;
  text-align: center;
  font-size: 40px;
  font-weight: 300;
}
.landing .product-info h3 strong {
  font-weight: 400;
}
.landing .product-info .icon {
  display: block;
  font-size: 50px;
  margin-bottom: 20px;
  margin-left: -5px;
}
.landing .product-info .icon.icon-analytics {
  color: #ad6d6c;
}
.landing .product-info .icon.icon-connections {
  color: #725b88;
}
.landing .product-info .icon.icon-cursor {
  color: #92959e;
}
.landing #awards-logos {
  padding-top: 0;
}
.landing #logos-ct h3 {
  text-align: center;
  font-size: 28px;
  color: #2d3237;
  opacity: 0.7;
  font-weight: 300;
  padding: 10px 0 30px;
}
.landing #logos-ct.with-awards h3 {
  padding-bottom: 15px;
}
.landing#landing-bi .header,
.landing#landing-marketing .header {
  background-image: url(../img/landing-page/landing-one-bg.jpg);
}
.landing#landing-integrations .header,
.landing#landing-sales .header {
  background-image: url(../img/landing-page/landing-two-bg.jpg);
}
.landing#landing-ecommerce .header,
.landing#landing-enterprise .header {
  background-image: url(../img/landing-page/landing-three-bg.jpg);
}
.landing#landing-enterprise-executive .header {
  background-image: url(../img/landing-page/landing-four-bg.jpg);
}
.landing#landing-enterprise-analyst .header {
  background-image: url(../img/landing-page/landing-five-bg.jpg);
}
.landing .img-right {
  float: right;
}
.landing#landing-enterprise-analyst .header,
.landing#landing-enterprise-executive .header {
  height: 500px;
  min-height: 0;
  padding: 0;
}
.landing#landing-enterprise-analyst .header .request-button,
.landing#landing-enterprise-executive .header .request-button {
  margin-top: 40px;
}
.landing#landing-enterprise-executive #landing-enterprise-wall {
  background-image: url(../img/landing-page/product-wall.jpg);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: contain;
  padding: 0;
  position: relative;
}
.landing#landing-enterprise-executive #landing-enterprise-wall .col {
  padding: 100px 15px;
  background-image: linear-gradient(
    to right,
    rgba(245, 245, 245, 0) 0,
    #f5f5f5 40%,
    #f5f5f5
  );
  background-image: -o-linear-gradient(
    to right,
    rgba(245, 245, 245, 0) 0,
    #f5f5f5 40%,
    #f5f5f5
  );
  background-image: -ms-linear-gradient(
    to right,
    rgba(245, 245, 245, 0) 0,
    #f5f5f5 40%,
    #f5f5f5
  );
  background-image: -moz-linear-gradient(
    to right,
    rgba(245, 245, 245, 0) 0,
    #f5f5f5 40%,
    #f5f5f5
  );
  background-image: -webkit-linear-gradient(
    to right,
    rgba(245, 245, 245, 0) 0,
    #f5f5f5 40%,
    #f5f5f5
  );
}
.landing#landing-enterprise-executive #landing-enterprise-wall:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
}
.landing#landing-enterprise-executive .header {
  background-position: center bottom;
}
.landing#landing-enterprise-executive .header .container {
  padding-top: 170px;
}
.landing#landing-enterprise-executive .product-img-ct {
  padding-top: 50px;
}
.landing#landing-enterprise-executive .metrics-img-ct {
  padding-top: 50px;
}
.landing#landing-enterprise-executive .speed-img-ct {
  padding-top: 30px;
  padding-bottom: 30px;
}
.landing#landing-enterprise-executive #landing-enterprise-executive-features {
  background-image: linear-gradient(to bottom right, #dd858f, #99618f);
  background-image: -o-linear-gradient(to bottom right, #dd858f, #99618f);
  background-image: -ms-linear-gradient(to bottom right, #dd858f, #99618f);
  background-image: -moz-linear-gradient(to bottom right, #dd858f, #99618f);
  background-image: -webkit-linear-gradient(to bottom right, #dd858f, #99618f);
  color: #fff;
}
.landing#landing-enterprise-analyst .header .container {
  padding-top: 140px;
}
.landing#landing-enterprise-analyst .product-img-ct {
  padding-top: 50px;
}
.landing#landing-enterprise-analyst .designer-img-ct {
  padding-top: 70px;
}
.landing#landing-enterprise-analyst .reporting-img-ct {
  padding-top: 40px;
}
.landing#landing-enterprise-analyst .connectors-img-ct {
  margin-right: 50px;
}
.landing#landing-enterprise-analyst .features .box .icon.icon-mobile-graph {
  color: #f26522;
}
.landing#landing-enterprise-analyst .features .box .icon.icon-connections {
  color: #8e929b;
}
.landing#landing-enterprise-analyst .features .box .icon.icon-drag-n-drop {
  color: #7cc576;
}
@media only screen and (min-width: 1800px) {
  .landing#landing-enterprise-executive #landing-enterprise-wall {
    background-position: 20% center;
  }
  .landing#landing-enterprise-executive #landing-enterprise-wall:before {
    width: 40%;
    background-image: linear-gradient(
      to right,
      #f5f5f5 0,
      #f5f5f5 35%,
      rgba(245, 245, 245, 0)
    );
    background-image: -o-linear-gradient(
      to right,
      #f5f5f5 0,
      #f5f5f5 35%,
      rgba(245, 245, 245, 0)
    );
    background-image: -ms-linear-gradient(
      to right,
      #f5f5f5 0,
      #f5f5f5 35%,
      rgba(245, 245, 245, 0)
    );
    background-image: -moz-linear-gradient(
      to right,
      #f5f5f5 0,
      #f5f5f5 35%,
      rgba(245, 245, 245, 0)
    );
    background-image: -webkit-linear-gradient(
      to right,
      #f5f5f5 0,
      #f5f5f5 35%,
      rgba(245, 245, 245, 0)
    );
  }
}
@media only screen and (min-width: 2500px) {
  .landing#landing-enterprise-executive #landing-enterprise-wall {
    background-position: 30% center;
  }
  .landing#landing-enterprise-executive #landing-enterprise-wall:before {
    left: 8%;
  }
}
@media only screen and (max-width: 1200px) {
  .landing#landing-enterprise-executive #landing-enterprise-wall {
    background-position: -200px center;
  }
  .landing#landing-enterprise-analyst .connectors-img-ct {
    margin-right: 0;
  }
}
@media only screen and (max-width: 1024px) {
  .landing#landing-enterprise-executive .metrics-img-ct {
    padding-top: 85px;
  }
}
@media only screen and (max-width: 991px) {
  .landing .header h1 {
    margin: 0;
    margin-top: 100px !important;
  }
  .landing#landing-enterprise-analyst h1,
  .landing#landing-enterprise-executive h1 {
    margin-top: 0 !important;
  }
  .landing#landing-enterprise-analyst .speed-img-ct,
  .landing#landing-enterprise-executive .speed-img-ct {
    padding-top: 0;
  }
  .landing#landing-enterprise-analyst .connectors-img-ct,
  .landing#landing-enterprise-analyst .reporting-img-ct,
  .landing#landing-enterprise-executive .connectors-img-ct,
  .landing#landing-enterprise-executive .reporting-img-ct {
    padding-bottom: 30px;
  }
  .landing#landing-enterprise-analyst .block,
  .landing#landing-enterprise-executive .block {
    text-align: center;
  }
  .landing .img-ct {
    padding-top: 0 !important;
    float: none;
  }
  .landing#landing-enterprise-executive #landing-enterprise-wall {
    padding-top: 450px;
    background-position: left top;
  }
  .landing#landing-enterprise-executive #landing-enterprise-wall .container {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
  .landing#landing-enterprise-executive #landing-enterprise-wall .col {
    background-image: linear-gradient(
      rgba(245, 245, 245, 0),
      #f5f5f5 15%,
      #f5f5f5
    );
    background-image: -o-linear-gradient(
      rgba(245, 245, 245, 0),
      #f5f5f5 15%,
      #f5f5f5
    );
    background-image: -ms-linear-gradient(
      rgba(245, 245, 245, 0),
      #f5f5f5 15%,
      #f5f5f5
    );
    background-image: -moz-linear-gradient(
      rgba(245, 245, 245, 0),
      #f5f5f5 15%,
      #f5f5f5
    );
    background-image: -webkit-linear-gradient(
      rgba(245, 245, 245, 0),
      #f5f5f5 15%,
      #f5f5f5
    );
    width: 100%;
  }
  .landing#landing-enterprise-executive #landing-enterprise-wall:before {
    background-image: linear-gradient(
      to right,
      #f5f5f5,
      rgba(245, 245, 245, 0)
    );
    background-image: -o-linear-gradient(
      to right,
      #f5f5f5,
      rgba(245, 245, 245, 0)
    );
    background-image: -ms-linear-gradient(
      to right,
      #f5f5f5,
      rgba(245, 245, 245, 0)
    );
    background-image: -moz-linear-gradient(
      to right,
      #f5f5f5,
      rgba(245, 245, 245, 0)
    );
    background-image: -webkit-linear-gradient(
      to right,
      #f5f5f5,
      rgba(245, 245, 245, 0)
    );
    width: 30%;
  }
}
@media only screen and (max-width: 767px) {
  .landing .header {
    min-height: 500px;
    padding: 50px 0;
  }
  .landing .content {
    padding: 80px 0;
  }
  .landing .content p {
    font-size: 18px;
  }
  .landing .block img,
  .landing .kpis img,
  .landing .setup img {
    padding: 40px 0;
  }
  .landing .block h2,
  .landing .kpis h2,
  .landing .setup h2 {
    font-size: 45px;
    line-height: 50px;
  }
  .landing .product-info {
    text-align: center;
  }
  .landing .product-info .icon {
    margin-bottom: 5px;
    margin-top: 30px;
  }
  .landing .feature-list li {
    min-height: 245px;
  }
  .landing#landing-enterprise-executive #landing-enterprise-wall {
    padding-top: 50%;
    background-size: 100% auto;
  }
}
@media only screen and (max-width: 480px) {
  .landing .block h2 {
    font-size: 35px;
    line-height: 40px;
  }
}
@media only screen and (max-width: 320px) {
  .landing .feature-list li {
    min-height: 300px;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 380px),
  only screen and (min-device-pixel-ratio: 2) and (min-width: 380px),
  only screen and (-webkit-max-device-pixel-ratio: 1.5) and (min-width: 600px),
  only screen and (max-device-pixel-ratio: 1.5) and (min-width: 600px) {
  .landing#landing-bi .header,
  .landing#landing-marketing .header {
    background-image: url(../img/landing-page/landing-one-bg-2x.jpg);
  }
  .landing#landing-integrations .header,
  .landing#landing-sales .header {
    background-image: url(../img/landing-page/landing-two-bg-2x.jpg);
  }
  .landing#landing-ecommerce .header,
  .landing#landing-enterprise .header {
    background-image: url(../img/landing-page/landing-three-bg-2x.jpg);
  }
  .landing#landing-enterprise-executive .header {
    background-image: url(../img/landing-page/landing-four-bg-2x.jpg);
  }
  .landing#landing-enterprise-analyst .header {
    background-image: url(../img/landing-page/landing-five-bg-2x.jpg);
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 433px),
  only screen and (min-device-pixel-ratio: 2) and (min-width: 433px),
  only screen and (-webkit-max-device-pixel-ratio: 1.5) and (min-width: 867px),
  only screen and (max-device-pixel-ratio: 1.5) and (min-width: 867px) {
  .landing#landing-enterprise-executive #landing-enterprise-wall {
    background-image: url(../img/landing-page/product-wall-2x.jpg);
  }
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.landingpage .landingtop .img {
  padding: 48px 0 40px;
}
.landingpage .landingtop h1 {
  font-size: 4.5em;
}
.landingpage .landingtop .signupBox {
  margin-bottom: 40px;
}
.landingpage small.info {
  width: 9px;
  height: 9px;
  position: relative;
  background-image: url(../img/pricing/info.png);
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
  text-indent: -9999;
  overflow: hidden;
  cursor: pointer;
}
.landingpage small.info > span {
  display: none;
}
.landingpage #landing-agencies-1 small {
  color: #acd373;
}
.landingpage #landing-agencies-1 h3 em:before {
  border-color: #acd373;
}
.landingpage #landing-agencies-1 .left {
  padding-top: 30px;
  padding-bottom: 32px;
}
.landingpage #landing-agencies-1 .right {
  padding-top: 15px;
  padding-left: 35px;
}
.landingpage #landing-agencies-2 small {
  color: #0ec1d8;
}
.landingpage #landing-agencies-2 h3 em:before {
  border-color: #0ec1d8;
}
.landingpage #landing-agencies-2 .left {
  padding-top: 35px;
  padding-left: 118px;
}
.landingpage #landing-agencies-2 .right {
  padding-top: 50px;
}
.landingpage #landing-agencies-3 small {
  color: #2bb673;
}
.landingpage #landing-agencies-3 h3 em:before {
  border-color: #2bb673;
}
.landingpage #landing-agencies-3 .left {
  padding-top: 38px;
  padding-bottom: 50px;
}
.landingpage #landing-agencies-3 .right {
  padding-left: 30px;
}
.landingpage #landing-agencies-4 small {
  color: #f76868;
}
.landingpage #landing-agencies-4 h3 em:before {
  border-color: #f76868;
}
.landingpage #landing-agencies-4 .left {
  padding-top: 57px;
  padding-left: 70px;
  padding-bottom: 30px;
}
.landingpage #landing-agencies-4 .right {
  padding-top: 60px;
}
.landingpage #landing-agencies-5 small {
  color: #bd8cbf;
}
.landingpage #landing-agencies-5 h3 em:before {
  border-color: #bd8cbf;
}
.landingpage #landing-agencies-5 .left {
  padding-top: 22px;
  padding-bottom: 40px;
}
.landingpage #landing-agencies-5 .right {
  padding-top: 35px;
  padding-left: 35px;
}
.landingpage #landing-affiliates-6 h3,
.landingpage #landing-agencies-6 h3,
.landingpage #landing-guided-onboarding-2 h3,
.landingpage #landing-quickstart-onboarding-2 h3 {
  font-size: 40px;
  line-height: 46px;
  text-align: center;
  font-weight: 300;
  margin: 0 0 20px;
}
.landingpage #landing-affiliates-6 .col,
.landingpage #landing-agencies-6 .col,
.landingpage #landing-guided-onboarding-2 .col,
.landingpage #landing-quickstart-onboarding-2 .col {
  font-size: 16px;
  line-height: 24px;
  padding-bottom: 14px;
}
.landingpage #landing-affiliates-6 .col span.icon,
.landingpage #landing-agencies-6 .col span.icon,
.landingpage #landing-guided-onboarding-2 .col span.icon,
.landingpage #landing-quickstart-onboarding-2 .col span.icon {
  display: block;
  font-size: 48px;
  line-height: 50px;
  position: relative;
  left: -3px;
}
.landingpage #landing-affiliates-6 .col strong,
.landingpage #landing-agencies-6 .col strong,
.landingpage #landing-guided-onboarding-2 .col strong,
.landingpage #landing-quickstart-onboarding-2 .col strong {
  display: block;
  padding: 13px 0;
}
.landingpage #landing-agencies-6 {
  background-color: #f6f6f7;
}
.landingpage #landing-agencies-6 .col {
  padding-top: 40px;
}
.landingpage #landing-agencies-6 .icon-loudspeaker {
  color: #f7ad3c;
}
.landingpage #landing-agencies-6 .icon-deal-growth {
  color: #6fb62b;
}
.landingpage #landing-agencies-6 .icon-reporting {
  color: #009fc6;
}
.landingpage #landing-agencies-6 .icon-partner {
  color: #a39bae;
}
.landingpage #landing-agencies-7 {
  text-align: center;
}
.landingpage #landing-agencies-7 h4,
.landingpage #landing-agencies-7 p {
  max-width: 100%;
  width: 850px;
  margin: 0 auto;
}
.landingpage #landing-agencies-7 h4 {
  font-size: 28px;
  line-height: 36px;
  font-weight: 300;
  margin-top: 30px;
  margin-bottom: 30px;
}
.landingpage #landing-agencies-7 p {
  font-size: 16px;
  line-height: 30px;
  font-weight: 500;
  color: #8e929b;
}
.landingpage #landing-agencies-7 a.btn {
  margin: 50px auto 22px;
}
.landingpage #landing-agencies-testimonials {
  background-color: #f6f6ee;
  padding: 0 !important;
}
.landingpage #landing-agencies-testimonials h3 {
  font-size: 11px;
  font-weight: 500;
  margin: 10px 0;
  color: #8e929b;
  text-transform: uppercase;
  text-align: center;
  margin: 40px 0 12px;
}
.landingpage #landing-agencies-testimonials ul {
  margin: 0 -16px;
  list-style: none;
  padding: 10px 0 60px;
  overflow: hidden;
}
.landingpage #landing-agencies-testimonials .testimonial {
  float: left;
  width: 25%;
}
.landingpage #landing-agencies-testimonials .testimonial > div {
  background-color: #fff;
  border-radius: 5px;
  margin: 16px;
  -moz-box-shadow: 0 0 4px 2px rgba(142, 146, 155, 0.1),
    0 1px 2px 0 rgba(142, 146, 155, 0.2);
  -webkit-box-shadow: 0 0 4px 2px rgba(142, 146, 155, 0.1),
    0 1px 2px 0 rgba(142, 146, 155, 0.2);
  box-shadow: 0 0 4px 2px rgba(142, 146, 155, 0.1),
    0 1px 2px 0 rgba(142, 146, 155, 0.2);
  padding: 20px 20px 0 24px;
  min-height: 440px;
  position: relative;
}
.landingpage #landing-agencies-testimonials .testimonial .logo {
  display: block;
  height: 35px;
}
.landingpage #landing-agencies-testimonials .testimonial p {
  color: #252525;
  font-size: 16px;
  line-height: 22px;
  margin: 14px 0 0;
}
.landingpage #landing-agencies-testimonials .testimonial .author {
  padding-left: 40px;
  font-size: 12px;
  line-height: 18px;
  color: #8e929b;
  position: absolute;
  bottom: 24px;
  left: 24px;
  right: 20px;
  height: 80px;
}
.landingpage #landing-agencies-testimonials .testimonial .author img {
  position: absolute;
  top: 2px;
  left: 0;
  width: 32px;
  height: 32px;
  border-radius: 100%;
}
.landingpage #landing-agencies-testimonials .testimonial .author strong {
  display: block;
  color: #252525;
}
.landingpage.agencies .landingtop {
  background-image: url("../img/landing-pages/agency-bg.jpg");
  background-position: center center;
  background-size: cover;
}
.landingpage.agencies .landingtop .container {
  height: auto;
  padding-bottom: 65px;
}
.landingpage.agencies .landingtop h1 {
  color: #fff;
  font-size: 6.5em;
  padding: 0.2em 0;
}
.landingpage.agencies .landingtop h1 em span {
  text-shadow: #000 1px 0 0, #000 0 1px 0, #000 -1px 0 0, #000 0 -1px 0;
}
.landingpage.agencies #landing-agencies-2 .left {
  padding-top: 80px;
}
.landingpage#landing-guided-onboarding .landingtop,
.landingpage#landing-quickstart-onboarding .landingtop {
  background-image: url("../img/landing-pages/agency-onboarding-bg.jpg?1");
  background-position: center center;
  background-size: cover;
}
.landingpage#landing-guided-onboarding .landingtop .container,
.landingpage#landing-quickstart-onboarding .landingtop .container {
  height: auto;
  padding-bottom: 95px;
}
.landingpage#landing-guided-onboarding .landingtop h2,
.landingpage#landing-quickstart-onboarding .landingtop h2 {
  margin: 0;
  padding: 44px 0 10px;
  max-width: 100%;
}
.landingpage#landing-guided-onboarding .landingtop .btn-lg,
.landingpage#landing-quickstart-onboarding .landingtop .btn-lg {
  margin-top: 50px;
}
.landingpage #landing-guided-onboarding-1,
.landingpage #landing-quickstart-onboarding-1 {
  padding-bottom: 0;
}
.landingpage #landing-guided-onboarding-1 .left,
.landingpage #landing-quickstart-onboarding-1 .left {
  padding-top: 15px;
}
.landingpage #landing-guided-onboarding-1 .right,
.landingpage #landing-quickstart-onboarding-1 .right {
  padding-left: 30px;
}
@media only screen and (min-width: 992px) {
  .landingpage #landing-guided-onboarding-2 .row,
  .landingpage #landing-quickstart-onboarding-2 .row,
  .landingpage #landing-quickstart-onboarding-3 .row {
    margin: 0 90px;
  }
}
.landingpage #landing-guided-onboarding-2 .col ul,
.landingpage #landing-quickstart-onboarding-2 .col ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.landingpage #landing-guided-onboarding-2 .col li,
.landingpage #landing-quickstart-onboarding-2 .col li {
  padding-left: 14px;
  position: relative;
}
.landingpage #landing-guided-onboarding-2 .col li:before,
.landingpage #landing-quickstart-onboarding-2 .col li:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "·";
}
.landingpage #landing-guided-onboarding-2 .icon-partner,
.landingpage #landing-quickstart-onboarding-2 .icon-partner {
  color: #a39bae;
}
.landingpage #landing-guided-onboarding-2 .icon-services,
.landingpage #landing-quickstart-onboarding-2 .icon-services {
  color: #f7ad3c;
}
.landingpage #landing-guided-onboarding-2 .icon-target,
.landingpage #landing-quickstart-onboarding-2 .icon-target {
  color: #6fb62b;
}
.landingpage #landing-guided-onboarding-3,
.landingpage #landing-quickstart-onboarding-4 {
  text-align: center;
  border-top: 1px solid #f5f5ee;
  padding-top: 55px;
}
.landingpage #landing-guided-onboarding-3 h4,
.landingpage #landing-quickstart-onboarding-4 h4 {
  font-size: 28px;
  line-height: 36px;
  font-weight: 300;
}
.landingpage #landing-guided-onboarding-3 a.btn,
.landingpage #landing-quickstart-onboarding-4 a.btn {
  margin: 50px auto 22px;
}
.landingpage #landing-guided-onboarding-3 .price,
.landingpage #landing-quickstart-onboarding-4 .price {
  display: block;
  font-size: 16px;
}
.landingpage #landing-quickstart-onboarding-3 {
  border-top: none;
  padding-top: 30px;
}
.landingpage #landing-quickstart-onboarding-3 p {
  color: #2d3237;
}
.landingpage#landing-affiliates .landingtop {
  background-image: url("../img/landing-pages/dark-header-bg.jpg");
  background-position: center center;
  background-size: cover;
  color: #fff;
}
.landingpage#landing-affiliates .landingtop .container {
  height: auto;
  padding-top: 150px;
  padding-bottom: 85px;
}
.landingpage#landing-affiliates .landingtop h1 {
  font-size: 3.6em;
  font-weight: 400;
}
.landingpage#landing-affiliates .landingtop p {
  font-size: 1.5em;
  line-height: 1.5em;
  margin: 30px 0;
  color: #a6b0ba;
  padding-left: 200px;
  padding-right: 200px;
}
.landingpage#landing-affiliates .landingtop p.p2 {
  font-size: 16px;
  color: #fff;
}
.landingpage#landing-affiliates .landingtop .btn-lg {
  margin: 14px 0;
}
.landingpage#landing-affiliates .block.content {
  border-top: none;
}
.landingpage#landing-affiliates .block.content .left.text {
  padding-left: 15px;
}
.landingpage #landing-affiliates-1 h3 {
  font-size: 40px;
  line-height: 46px;
  text-align: center;
  font-weight: 300;
  margin: 28px 0 60px;
}
.landingpage #landing-affiliates-1 h4,
.landingpage #landing-affiliates-1 p {
  color: #2d3237;
  font-size: 16px;
  line-height: 24px;
}
.landingpage #landing-affiliates-1 h4 {
  font-weight: 500;
  padding-left: 36px;
  position: relative;
  margin-top: 18px;
}
.landingpage #landing-affiliates-1 h4:before {
  width: 26px;
  height: 26px;
  line-height: 26px;
  position: absolute;
  top: -2px;
  left: 0;
  color: #fff;
  border-radius: 100%;
  text-align: center;
  font-size: 18px;
  font-weight: 400;
}
.landingpage #landing-affiliates-1 h4.p1:before {
  content: "1";
  background-color: #f7ad3c;
}
.landingpage #landing-affiliates-1 h4.p2:before {
  content: "2";
  background-color: #2ca8cc;
}
.landingpage #landing-affiliates-1 h4.p3:before {
  content: "3";
  background-color: #82bf46;
}
.landingpage #landing-affiliates-1 p {
  margin-top: 12px;
}
.landingpage #landing-affiliates-2 {
  background-color: #f6f6f7;
}
.landingpage #landing-affiliates-2 .left.text {
  padding-top: 25px;
  padding-right: 60px;
}
.landingpage #landing-affiliates-3 {
  background-color: #f6f6f7;
  text-align: center;
  padding-top: 0;
}
.landingpage #landing-affiliates-3 .col {
  min-height: 150px;
}
.landingpage #landing-affiliates-3 span.icon {
  display: block;
  color: #1679a6;
  font-size: 50px;
  line-height: 50px;
  height: 60px;
  margin: 18px 0 5px;
}
.landingpage #landing-affiliates-3 strong {
  display: block;
  color: #2d3237;
  font-size: 13px;
  line-height: 18px;
}
.landingpage #landing-affiliates-4 .text {
  padding-top: 25px;
}
.landingpage #landing-affiliates-4 .img {
  padding-top: 45px;
  padding-left: 45px;
}
.landingpage #landing-affiliates-5 {
  background-image: linear-gradient(to bottom right, #f1fae3, #d3eadc);
  background-image: -o-linear-gradient(to bottom right, #f1fae3, #d3eadc);
  background-image: -ms-linear-gradient(to bottom right, #f1fae3, #d3eadc);
  background-image: -moz-linear-gradient(to bottom right, #f1fae3, #d3eadc);
  background-image: -webkit-linear-gradient(to bottom right, #f1fae3, #d3eadc);
}
.landingpage #landing-affiliates-5 .img {
  text-align: center;
}
.landingpage #landing-affiliates-5 .img img {
  display: inline-block;
}
.landingpage #landing-affiliates-5 .text {
  padding-top: 5px;
}
.landingpage #landing-affiliates-5 h3,
.landingpage #landing-affiliates-5 p {
  text-align: left;
}
.landingpage #landing-affiliates-5 h3 {
  margin: 35px 0 25px;
}
.landingpage #landing-affiliates-5 p {
  color: #2d3237;
}
.landingpage #landing-affiliates-5 ul {
  font-size: 18px;
  line-height: 28px;
  color: #2d3237;
  font-weight: 300;
  padding: 0;
  margin: 0;
  list-style: none;
}
.landingpage #landing-affiliates-5 li {
  padding-left: 14px;
  position: relative;
  margin: 28px 0;
}
.landingpage #landing-affiliates-5 li:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "·";
}
.landingpage #landing-affiliates-5 a.btn {
  margin: 68px auto 10px;
}
.landingpage #landing-affiliates-6 h3 {
  margin: 16px 0 60px;
}
.landingpage #landing-affiliates-6 .icon-partner {
  color: #a39bae;
}
.landingpage #landing-affiliates-6 .icon-services {
  color: #f7ad3c;
}
.landingpage #landing-affiliates-6 .icon-target {
  color: #6fb62b;
}
.landingpage #landing-affiliates-7 {
  text-align: center;
  border-top: 1px solid #f5f5ee;
}
.landingpage #landing-affiliates-7 h4 {
  font-size: 40px;
  line-height: 40px;
  font-weight: 400;
  margin: 4px 0 38px;
}
.landingpage #landing-affiliates-7 p {
  color: #8e929b;
}
.landingpage #landing-affiliates-7 a.btn {
  margin: 3px auto 38px;
}
.landingpage#landing-agencies-features .landingtop {
  background-image: url("../img/landing-pages/agency-bg.jpg");
  background-position: center center;
  background-size: cover;
}
.landingpage#landing-agencies-features .landingtop .titles {
  padding-bottom: 50px;
}
.landingpage#landing-agencies-features .landingtop .titles h1 {
  color: #fff;
  font-size: 60px;
  line-height: 65px;
  font-weight: 400;
  margin: 10px 0 45px;
}
.landingpage#landing-agencies-features .landingtop .titles h1 em span {
  text-shadow: none;
}
.landingpage#landing-agencies-features .landingtop .titles p {
  font-size: 22px;
  line-height: 30px;
  color: rgba(255, 255, 255, 0.75);
}
.landingpage#landing-agencies-features .landingtop .titles p a {
  color: #fff;
  text-decoration: underline;
}
.landingpage #landing-agencies-features-1 h3,
.landingpage #landing-agencies-features-3 h3,
.landingpage #landing-agencies-features-4 h3 {
  font-size: 36px;
  line-height: 40px;
  font-weight: 500;
  text-align: center;
}
.landingpage #landing-agencies-features-1 h3 {
  margin: 0 0 38px;
}
.landingpage #landing-agencies-features-1 .layout-emphasized-blocks {
  text-align: left;
  margin: 0 -30px;
}
.landingpage #landing-agencies-features-1 .layout-emphasized-blocks .block {
  padding-left: 0;
  padding-right: 0;
}
.landingpage #landing-agencies-features-1 .layout-emphasized-blocks .box {
  width: 324px;
  min-height: 395px;
  padding: 10px 30px 0 30px;
  border: none;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  text-align: left;
  font-size: 16px;
  line-height: 24px;
}
.landingpage #landing-agencies-features-1 .layout-emphasized-blocks .box:hover {
  box-shadow: none;
}
.landingpage #landing-agencies-features-1 .layout-emphasized-blocks img {
  display: block;
  height: 173px;
}
.landingpage #landing-agencies-features-1 .layout-emphasized-blocks small,
.landingpage #landing-agencies-features-1 .layout-emphasized-blocks span {
  padding-left: 2px;
}
.landingpage #landing-agencies-features-1 .layout-emphasized-blocks span {
  display: block;
  color: #2d3237;
  margin-top: 17px;
}
.landingpage #landing-agencies-features-1 .layout-emphasized-blocks small {
  display: block;
  color: #1679a6;
  font-size: inherit;
  padding-top: 10px;
}
.landingpage #landing-agencies-features-2 {
  background-color: #f3f4f5;
}
.landingpage #landing-agencies-features-2 .box {
  position: relative;
}
.landingpage #landing-agencies-features-2 .box.box1 .logo {
  width: 200px;
}
.landingpage #landing-agencies-features-2 .box.box2 .logo {
  width: 170px;
}
.landingpage #landing-agencies-features-2 .box.box3 .logo {
  width: 170px;
}
.landingpage #landing-agencies-features-2 .box.box4 .logo {
  width: 190px;
}
.landingpage #landing-agencies-features-2.content {
  padding: 60px 0;
}
.landingpage #landing-agencies-features-3 h3 {
  margin-bottom: 34px;
}
.landingpage #landing-agencies-features-3 h3 em:before {
  border-color: #259bc1;
}
.landingpage #landing-agencies-features-3 .col {
  min-height: 340px;
}
.landingpage #landing-agencies-features-3 .icon-stopwatch-2 {
  color: #ffa300;
}
.landingpage #landing-agencies-features-3 .icon-partner {
  color: #259bc1;
}
.landingpage #landing-agencies-features-3 .icon-target {
  color: #6fb62b;
}
.landingpage #landing-agencies-features-3 .icon-datawall {
  color: #ff7800;
}
.landingpage #landing-agencies-features-3 .icon-slideshow {
  color: #8560a8;
}
.landingpage #landing-agencies-features-3 .icon-reporting {
  color: #a67c52;
}
.landingpage #landing-agencies-features-3 .icon-dialogue {
  color: #259bc1;
}
.landingpage #landing-agencies-features-3 .icon-present-reporting {
  color: #ff2600;
}
.landingpage #landing-agencies-features-3 .icon-brush {
  color: #f06eaa;
}
.landingpage #landing-agencies-features-4 p.under-h3 {
  color: #8e929b;
  font-size: 18px;
  text-align: center;
}
.landingpage #landing-agencies-features-4 .col {
  padding-top: 44px;
}
.landingpage #landing-agencies-features-4 .col.col-1 {
  padding-right: 16px;
}
.landingpage #landing-agencies-features-4 .col.col-2 {
  padding-left: 16px;
  padding-right: 16px;
}
.landingpage #landing-agencies-features-4 .col.col-3 {
  padding-left: 16px;
}
.landingpage #landing-agencies-features-4 .box {
  background-color: #fff;
  -moz-box-shadow: 0 0 6px 0 rgba(37, 37, 37, 0.1);
  -webkit-box-shadow: 0 0 6px 0 rgba(37, 37, 37, 0.1);
  box-shadow: 0 0 6px 0 rgba(37, 37, 37, 0.1);
  padding: 45px 30px 100px;
  text-align: center;
  height: 543px;
  position: relative;
  border-radius: 5px;
}
.landingpage #landing-agencies-features-4 .box h4 {
  font-size: 24px;
  font-weight: 500;
  margin: 33px 0 27px;
}
.landingpage #landing-agencies-features-4 .box .icon {
  display: block;
  font-size: 50px;
  line-height: 60px;
}
.landingpage #landing-agencies-features-4 .box p {
  font-size: 16px;
  line-height: 24px;
}
.landingpage #landing-agencies-features-4 .box .btn-ct {
  position: absolute;
  bottom: 50px;
  left: 0;
  right: 0;
}
.landingpage #landing-agencies-features-4 .box .btn {
  color: #fff;
  font-size: 15px;
  text-transform: none;
  width: 130px;
}
.landingpage #landing-agencies-features-4 .col-1 .box .btn {
  background-color: #02b875;
}
.landingpage #landing-agencies-features-4 .col-1 .box .icon {
  color: #02b875;
}
.landingpage #landing-agencies-features-4 .col-2 .box .btn {
  background-color: #ffa300;
}
.landingpage #landing-agencies-features-4 .col-2 .box .icon {
  color: #ffa300;
}
.landingpage #landing-agencies-features-4 .col-3 .box .btn {
  background-color: #6b67ae;
}
.landingpage #landing-agencies-features-4 .col-3 .box .icon {
  color: #6b67ae;
}
.landingpage #landing-agencies-features-5 {
  padding-top: 0;
}
.landingpage #landing-agencies-features-5 h3 {
  font-size: 28px;
  line-height: 36px;
  font-weight: 300;
  text-align: center;
  margin-bottom: 66px;
}
.landingpage #landing-agencies-features-5 .col {
  min-height: 178px;
}
.landingpage #landing-agencies-features-5 .col a,
.landingpage #landing-agencies-features-5 .col p {
  font-size: 16px;
  line-height: 24px;
}
.landingpage #landing-agencies-features-5 .col a {
  text-decoration: underline;
  font-weight: 500;
}
.landingpage #landing-agencies-features-5 .btn {
  display: block;
  width: 400px;
  max-width: 100%;
  margin: 35px auto 30px;
}
.landingpage#landing-agencies-services .landingtop {
  background-image: url("../img/landing-pages/agency-bg.jpg");
  background-position: center center;
  background-size: cover;
}
.landingpage#landing-agencies-services .landingtop h1 {
  color: #fff;
  font-size: 60px;
  padding: 0.2em 0;
  font-weight: 500;
}
.landingpage#landing-agencies-services .landingtop p {
  font-size: 16px;
  color: #fff;
  padding-bottom: 80px;
  max-width: 700px;
  margin: auto;
}
.landingpage#landing-agencies-services .layout-iconblocks h3 {
  margin-bottom: 25px;
  font-size: 36px;
  line-height: 40px;
  font-weight: 500;
  text-align: center;
}
.landingpage#landing-agencies-services .layout-iconblocks small {
  display: block;
  text-align: center;
  color: #8e929b;
  font-size: 18px;
  margin-bottom: 20px;
}
.landingpage#landing-agencies-services .layout-iconblocks .buy {
  margin-top: 60px;
  text-align: center;
}
.landingpage#landing-agencies-services .layout-iconblocks .buy .btn__buy {
  padding-left: 30px;
  padding-right: 30px;
}
.landingpage#landing-agencies-services hr {
  margin: 0;
}
.landingpage#landing-agencies-services .btn__buy {
  color: #fff;
  text-transform: none;
}
.landingpage#landing-agencies-services .btn__buy--green {
  background: #02b875;
}
.landingpage#landing-agencies-services .btn__buy--orange {
  background: #ffa300;
}
.landingpage#landing-agencies-services .btn__buy--violet {
  background: #6b67ae;
}
.landingpage#landing-agencies-services .icon--center {
  text-align: center;
}
.landingpage#landing-agencies-services .icon {
  font-size: 45px;
}
.landingpage#landing-agencies-services .subheader-description {
  font-size: 16px;
  margin-bottom: 25px;
}
.landingpage#landing-agencies-services .support {
  margin-top: 60px;
}
.landingpage#landing-agencies-services .support span {
  color: #8e929b;
}
.landingpage#landing-agencies-services .support a {
  text-decoration: underline;
}
.landingpage#landing-agencies-services .icon-circle-check,
.landingpage#landing-agencies-services .icon-guided-onboarding {
  color: #02b875;
}
.landingpage#landing-agencies-services .icon-partner {
  color: #a39bae;
}
.landingpage#landing-agencies-services .icon-target {
  color: #8dc63f;
}
.landingpage#landing-agencies-services .icon-reporting-2 {
  color: #8e929b;
}
.landingpage#landing-agencies-services .icon-reporting {
  color: #428ccb;
}
.landingpage#landing-agencies-services .icon-present-reporting,
.landingpage#landing-agencies-services .icon-user-center {
  color: #6b67ae;
}
.landingpage#landing-agencies-services .icon-desktop-view,
.landingpage#landing-agencies-services .icon-rocket-2,
.landingpage#landing-agencies-services .icon-services,
.landingpage#landing-agencies-services .icon-stopwatch-2 {
  color: #ffa300;
}
.landingpage#landing-agencies-services #landing-agencies-services-1 p {
  text-align: center;
  padding-bottom: 30px;
}
.landingpage#landing-agencies-services
  #landing-agencies-services-1
  .box-container {
  display: flex;
  justify-content: space-between;
  margin-bottom: 50px;
}
.landingpage#landing-agencies-services
  #landing-agencies-services-1
  .box-container
  .box {
  width: 270px;
  border-radius: 4px;
}
.landingpage#landing-agencies-services
  #landing-agencies-services-1
  .box-container
  .box
  .icon {
  font-size: 45px;
  text-align: center;
  padding-top: 30px;
}
.landingpage#landing-agencies-services
  #landing-agencies-services-1
  .box-container
  .box
  .title {
  font-size: 23px;
  padding-left: 20px;
  padding-right: 20px;
  text-align: center;
}
.landingpage#landing-agencies-services
  #landing-agencies-services-1
  .box-container
  .box
  p {
  text-align: center;
  padding: 20px 35px;
  font-size: 14px;
  color: #8e929b;
}
.landingpage#landing-agencies-services
  #landing-agencies-services-1
  .box-container
  .box
  .learn-more {
  text-align: center;
}
.landingpage#landing-agencies-services
  #landing-agencies-services-1
  .box-container
  .box
  .learn-more
  a {
  text-decoration: underline;
}
.landingpage#landing-agencies-services
  #landing-agencies-services-1
  .box-container
  .box
  .price {
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  padding-top: 25px;
  padding-bottom: 15px;
}
.landingpage#landing-agencies-services
  #landing-agencies-services-1
  .box-container
  .box
  .price
  small {
  font-size: 12px;
}
.landingpage#landing-agencies-services
  #landing-agencies-services-1
  .box-container
  .box
  .buy {
  margin-bottom: 35px;
  text-align: center;
}
.landingpage#landing-agencies-services
  #landing-agencies-services-1
  #guided-onboarding-box {
  background: rgba(2, 184, 117, 0.2);
}
.landingpage#landing-agencies-services
  #landing-agencies-services-1
  #guided-onboarding-box
  p {
  padding-bottom: 24px;
}
.landingpage#landing-agencies-services
  #landing-agencies-services-1
  #quickstart-onboarding-box {
  background: rgba(255, 163, 0, 0.2);
}
.landingpage#landing-agencies-services
  #landing-agencies-services-1
  #quickstart-onboarding-box
  p {
  padding-bottom: 0;
}
.landingpage#landing-agencies-services
  #landing-agencies-services-1
  #agency-consulting-box {
  background: rgba(107, 103, 174, 0.2);
}
.landingpage#landing-agencies-services
  #landing-agencies-services-1
  #agency-consulting-box
  p {
  padding-bottom: 5px;
}
.landingpage#landing-agencies-services #landing-agency-services-2 {
  background: #f3f7f7;
}
@media only screen and (max-width: 1200px) {
  .landingpage #landing-agencies-testimonials .testimonial {
    width: 50%;
  }
  .landingpage #landing-agencies-testimonials .testimonial > div {
    min-height: 280px;
  }
  .landingpage #landing-agencies-testimonials .testimonial .author {
    height: 55px;
    bottom: 5px;
  }
  .landingpage #landing-affiliates-4 .text {
    padding-right: 15px;
  }
  .landingpage #landing-affiliates-4 .img {
    padding-left: 15px;
  }
  .landingpage#landing-affiliates .landingtop p {
    padding-left: 0;
    padding-right: 0;
  }
  .landingpage #landing-affiliates-5 .text {
    padding-right: 15px;
  }
  .landingpage #landing-agencies-features-1 .layout-emphasized-blocks .box {
    width: 257px;
    min-height: 440px;
  }
  .landingpage #landing-agencies-features-1 .layout-emphasized-blocks img {
    height: 150px;
  }
  .landingpage #landing-agencies-features-2 a.btn {
    top: 260px;
  }
  .landingpage #landing-agencies-features-3 .col {
    min-height: 380px;
  }
  .landingpage #landing-agencies-features-4 .box {
    height: 685px;
  }
  .landingpage #landing-agencies-services-1 .container.narrow {
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media only screen and (max-width: 991px) {
  .landingpage #landing-agencies-testimonials .testimonial > div {
    min-height: 335px;
  }
  .landingpage #landing-agencies-testimonials .testimonial .author {
    bottom: 16px;
  }
  .landingpage #landing-guided-onboarding-2 .col,
  .landingpage #landing-quickstart-onboarding-2 .col {
    padding-bottom: 50px;
  }
  .landingpage #landing-affiliates-1 .col {
    margin-bottom: 50px;
  }
  .landingpage #landing-affiliates-5 h3 {
    margin-top: 60px;
  }
  .landingpage #landing-affiliates-5 .text {
    margin-top: -40px;
  }
  .landingpage #landing-affiliates-5 a.btn {
    margin-top: 25px;
  }
  .landingpage #landing-agencies-features-1 .container.narrow {
    padding-left: 15px;
    padding-right: 15px;
  }
  .landingpage #landing-agencies-features-2 a.btn {
    position: static;
    margin-bottom: 20px;
  }
  .landingpage #landing-agencies-features-3 .col {
    min-height: 0;
  }
  .landingpage #landing-agencies-features-4 .box {
    height: auto;
    padding-bottom: 40px;
  }
  .landingpage #landing-agencies-features-4 .box .btn-ct {
    position: static;
    margin-top: 30px;
  }
  .landingpage #landing-agencies-services-1 .box__container {
    flex-direction: column;
    align-items: center;
  }
  .landingpage #landing-agencies-services-1 .box__content {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .landingpage #landing-agencies-testimonials ul {
    margin: 0;
  }
  .landingpage #landing-agencies-testimonials .testimonial {
    margin: 0 0 15px;
    float: none;
    width: auto;
  }
  .landingpage #landing-agencies-testimonials .testimonial > div {
    min-height: 0;
    padding-bottom: 20px;
  }
  .landingpage #landing-agencies-testimonials .testimonial .author {
    position: relative;
    left: 0;
    bottom: 0;
    margin-top: 20px;
    height: auto;
  }
  .landingpage#landing-affiliates .landingtop .container {
    padding-top: 60px;
  }
  .landingpage #landing-agencies-features-1 .layout-emphasized-blocks {
    margin: 0;
  }
  .landingpage #landing-agencies-features-1 .layout-emphasized-blocks .box {
    width: auto;
    min-height: 0;
    padding-left: 0;
    padding-right: 0;
  }
  .landingpage #landing-agencies-features-5 .col {
    min-height: 0;
    margin-bottom: 30px;
  }
  .landingpage.landing-badges tr td {
    display: block !important;
    width: 100% !important;
  }
  .landingpage.landing-badges header {
    padding-left: 0 !important;
    text-align: center;
  }
  .landingpage.landing-badges #main #text {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .landingpage.landing-badges #main #image {
    padding-top: 60px;
  }
}
@media only screen and (max-width: 560px) {
  .landingpage #landing-agencies-features .box.box1 .logo {
    width: 120px;
  }
  .landingpage #landing-agencies-features .box.box2 .logo {
    width: 100px;
  }
  .landingpage #landing-agencies-features .box.box3 .logo {
    width: 100px;
  }
  .landingpage #landing-agencies-features .box.box4 .logo {
    width: 120px;
  }
}
@media only screen and (max-width: 425px) {
  .landingpage a.btn {
    font-size: 13px;
    display: block;
    max-width: 100%;
    white-space: normal;
    margin-right: 15px;
    margin-left: 15px;
  }
  .landingpage#landing-agencies-features .landingtop .titles h1 {
    font-size: 40px;
    line-height: 45px;
  }
  .landingpage #landing-agencies-features-1 h3,
  .landingpage #landing-agencies-features-3 h3,
  .landingpage #landing-agencies-features-4 h3 {
    font-size: 26px;
    line-height: 30px;
  }
}
.landingpage.landing-badges {
  height: 100%;
  max-width: 1500px;
  margin: auto;
  padding-top: 80px;
}
.landingpage.landing-badges header {
  height: 80px;
  width: 100%;
  background: #000;
  position: fixed;
  top: 0;
  left: 0;
  color: #fff;
  padding-top: 19px;
  padding-left: 100px;
  font-size: 25px;
}
.landingpage.landing-badges header img {
  height: 20px;
  padding-right: 13px;
}
.landingpage.landing-badges #main {
  width: 100%;
  height: 100%;
  padding-bottom: 80px;
}
.landingpage.landing-badges #main table {
  width: 100%;
  height: 100%;
}
.landingpage.landing-badges #main table td {
  width: 50%;
}
.landingpage.landing-badges #main #social-buttons img {
  height: 28px;
}
.landingpage.landing-badges #text {
  max-width: 450px;
  text-align: left;
  padding-left: 20px;
}
.landingpage.landing-badges #text h1 {
  margin-bottom: 15px;
}
.landingpage.landing-badges #text p {
  font-size: 18px;
  margin-bottom: 15px;
}
.landingpage.landing-badges #image img {
  display: flex;
  flex-direction: column;
  height: 300px;
}
.landingpage.landing-badges #download {
  padding-top: 40px;
  text-align: center;
}
#navigation {
  background-color: #fff !important;
}
@media only screen and (min-width: 768px) {
  #navigation {
    background-color: unset !important;
  }
  #navigation.fixed {
    background: #fff !important;
  }
}
html {
  font-size: 16px !important;
}
#navigation.is_banner + .landing-page-2025 > section:first-of-type,
#navigation.is_promotion_banner + .landing-page-2025 > section:first-of-type {
  padding-top: 190px;
}
.emphasized-blocks {
  text-align: left;
  margin-bottom: 50px;
}
.emphasized-blocks .box {
  padding: 10px 25px 0 40px;
  height: 425px;
  text-align: left;
  font-size: 16px;
  line-height: 24px;
}
.emphasized-blocks .box div {
  color: #2d3237;
  margin-top: 10px;
}
.emphasized-blocks .box span {
  display: block;
  color: #1679a6;
  font-size: inherit;
  padding-top: 10px;
}
.emphasized-blocks .box:hover {
  -moz-box-shadow: 2px 2px 20px 5px rgba(37, 37, 37, 0.1);
  -webkit-box-shadow: 2px 2px 20px 5px rgba(37, 37, 37, 0.1);
  box-shadow: 2px 2px 20px 5px rgba(37, 37, 37, 0.1);
  background: #fff;
}
.emphasized-blocks .box:hover a {
  text-decoration: none;
}
.is_promotion_banner #header,
.is_promotion_banner .header {
  margin-top: 48px;
}
.landing-page-2025 {
  position: relative;
  overflow: hidden;
}
.landing-page-2025 .databox-features-header {
  padding-block: 80px 0px;
  position: relative;
  z-index: 1;
  overflow: visible;
}
.landing-page-2025 .databox-features-header__background-effect {
  z-index: -1;
  position: absolute;
  filter: blur(150px);
  opacity: 0.11;
  -webkit-transform: translate(-50%, -50%) translateZ(0);
  transform: translate(-50%, -50%) translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.landing-page-2025 .databox-features-header__background-effect::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
}
.landing-page-2025 .databox-features-header__background-effect--1 {
  width: 1000px;
  height: 250px;
  top: 10%;
  left: 100%;
}
.landing-page-2025 .databox-features-header__background-effect--1::before {
  background-color: #ed9600;
}
.landing-page-2025 .databox-features-header__background-effect--2 {
  width: 1000px;
  height: 250px;
  top: 15%;
  left: 50%;
}
.landing-page-2025 .databox-features-header__background-effect--2::before {
  background-color: #f22a85;
  transform: rotate(5deg);
}
.landing-page-2025 .databox-features-header__background-effect--3 {
  width: 1000px;
  height: 350px;
  top: 20%;
  left: 30%;
}
.landing-page-2025 .databox-features-header__background-effect--3::before {
  background-color: #685af7;
}
.landing-page-2025 .databox-features-header__background-effect--4 {
  width: 1000px;
  height: 250px;
  top: 50%;
  left: 10%;
}
.landing-page-2025 .databox-features-header__background-effect--4::before {
  background-color: #33b3cc;
}
.landing-page-2025 .databox-features-header__header-content {
  margin-inline: auto;
  margin-bottom: 24px;
}
.landing-page-2025 .databox-features-header__header-content > * {
  text-align: left !important;
  margin-inline: auto;
}
.landing-page-2025 .databox-features-header__header-content h1 {
  margin-inline: auto;
}
.landing-page-2025 .databox-features-header__header-content p {
  max-width: 700px;
}
.landing-page-2025 .databox-features-header .dbx-ratings {
  margin-bottom: 16px;
}
.landing-page-2025 .databox-features-header .dbx-buttons__buttons-container {
  justify-content: start;
}
.landing-page-2025 .databox-features-header__content-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  margin: 40px auto 30px;
  padding-inline: 16px;
  gap: 28px;
}
.landing-page-2025 .databox-features-header__image-container {
  list-style: none;
  position: relative;
  z-index: 1;
  text-align: center;
  width: 100%;
  height: 250px;
  margin: 0;
  padding: 0;
}
.landing-page-2025 .databox-features-header__image-container .slick-track {
  height: 100%;
}
.landing-page-2025
  .databox-features-header__image-container.slick-slider
  .slick-list {
  height: 100%;
  width: 100%;
}
.landing-page-2025
  .databox-features-header__image-container.slick-slider
  .slick-track {
  height: 100%;
}
.landing-page-2025
  .databox-features-header__image-container.slick-slider
  .slick-slide {
  height: 100%;
  width: 100%;
}
.landing-page-2025
  .databox-features-header__image-container.slick-slider
  .slick-slide
  > div {
  height: 100%;
  width: 100%;
}
.landing-page-2025 .databox-features-header__grid-toggle {
  display: none;
  position: relative;
}
.landing-page-2025 .databox-features-header__image-container-item {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.landing-page-2025 .databox-features-header__image {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 16px;
}
.landing-page-2025 .databox-features-header__grid-glow {
  position: absolute;
  top: 2px;
  left: 2px;
  right: 2px;
  bottom: 2px;
  background: linear-gradient(
    32.89deg,
    #4c85c2 18.27%,
    #a667a6 50.96%,
    #e84972 83.66%
  );
  border-radius: 14px;
  filter: blur(8px);
  opacity: 1;
  z-index: 0;
  pointer-events: none;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}


.landing-page-2025 .databox-features-header__grid-content {
  position: relative;
  z-index: 1;
  width: 500px;
  background: #fff;
  border-radius: 16px;
  padding: 28px 18px 18px 18px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
  text-align: center;
}
.landing-page-2025 .databox-features-header__grid-title {
  color: #24282c;
  font-size: 20px;
  font-weight: 600;
  margin: 0 0 24px 0;
  text-align: center;
}
.landing-page-2025 .databox-features-header__grid-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin-bottom: 18px;
  grid-auto-rows: 1fr;
}
.landing-page-2025 .databox-features-header__grid-item {
  display: flex;
  align-items: center;
  justify-content: center;
}
.landing-page-2025 .databox-features-header__button {
  width: 100%;
  height: 100%;
  min-height: 80px;
  background: #fff;
  border: 1px solid #e8e9eb;
  border-radius: 8px;
  padding: 14px 8px 8px 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  cursor: pointer;
  transition: all 250ms ease;
  font-size: 12px;
  font-weight: 500;
  color: #616163;
  text-decoration: none;
}
.landing-page-2025 .databox-features-header__button .icon:before {
  font-size: 16px;
  color: #616163;
  transition: color 250ms ease;
}
.landing-page-2025 .databox-features-header__grid-cta {
  margin-top: 0;
}
.landing-page-2025
  .databox-features-header__grid-cta
  .dbx-buttons__btn-wrapper {
  width: 100%;
}
.landing-page-2025
  .databox-features-header__grid-cta
  .dbx-buttons__btn-wrapper
  .dbx-btn {
  width: 100%;
  justify-content: center;
}
@media screen and (min-width: 401px) {
  .landing-page-2025 .databox-features-header__header-content * {
    text-align: center !important;
  }
  .landing-page-2025
    .databox-features-header__header-content
    .dbx-typewriter__input {
    text-align: left !important;
  }
  .landing-page-2025 .databox-features-header .dbx-buttons__buttons-container {
    justify-content: center;
  }
  .landing-page-2025 .databox-features-header .dbx-ratings {
    margin-bottom: 24px;
  }
}
@media screen and (min-width: 480px) {
  .landing-page-2025 .databox-features-header__image-container {
    height: 300px;
  }
}
@media screen and (min-width: 600px) {
  .landing-page-2025 .databox-features-header .dbx-buttons__buttons-container {
    flex-wrap: nowrap;
  }
  .landing-page-2025
    .databox-features-header
    .dbx-buttons__buttons-container
    .dbx-buttons__btn-wrapper {
    flex: 0 1 150px;
  }
  .landing-page-2025
    .databox-features-header
    .dbx-buttons__buttons-container
    .dbx-btn {
    text-wrap: nowrap;
    width: auto;
  }
  .landing-page-2025 .databox-features-header .dbx-ratings {
    margin-bottom: 24px;
  }
}
@media screen and (min-width: 768px) {
  .landing-page-2025 .databox-features-header {
    padding-block: 100px 0px;
  }
  .landing-page-2025 .databox-features-header__background-effect--1 {
    width: 2000px;
    height: 500px;
    top: 0;
    left: 125%;
  }
  .landing-page-2025 .databox-features-header__background-effect--2 {
    width: 3000px;
    height: 500px;
    top: 30%;
    left: 100%;
  }
  .landing-page-2025 .databox-features-header__background-effect--3 {
    width: 2000px;
    height: 700px;
    top: 40%;
    left: 30%;
  }
  .landing-page-2025 .databox-features-header__background-effect--4 {
    width: 2000px;
    height: 500px;
    top: 50%;
    left: 10%;
  }
  .landing-page-2025 .databox-features-header__background-shape {
    z-index: -1;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 60%;
    left: 25%;
    width: 450px;
    height: 450px;
    background: url("/wp-content/themes/databox/inc/img/landing-page-2025/databox-features-header/hexagon.svg")
      no-repeat center center;
  }
  .landing-page-2025 .databox-features-header__header-content h1 {
    max-width: 700px;
  }
  .landing-page-2025 .databox-features-header__header-content span {
    max-width: 600px;
  }
  .landing-page-2025 .databox-features-header__content-wrapper {
    padding-inline: 24px;
  }
  .landing-page-2025 .databox-features-header__image-container {
    height: 400px;
    max-width: 755px;
  }
}
@media screen and (min-width: 801px) {
  .landing-page-2025 .databox-features-header__grid-cta {
    display: flex;
    justify-content: center;
  }
  .landing-page-2025
    .databox-features-header__grid-cta
    .dbx-buttons__btn-wrapper {
    width: 164px;
  }
  .landing-page-2025
    .databox-features-header__grid-cta
    .dbx-buttons__btn-wrapper
    .dbx-btn {
    width: 164px;
  }
}
@media screen and (min-width: 1200px) {
  .landing-page-2025 .databox-features-header {
    padding-block: 130px 0px;
  }
  .landing-page-2025 .databox-features-header::before {
    width: 2534px;
    height: 1110px;
  }
  .landing-page-2025 .databox-features-header__header-content h1 {
    max-width: 900px;
  }
  .landing-page-2025 .databox-features-header__header-content span {
    max-width: 700px;
  }
  .landing-page-2025 .databox-features-header__content-wrapper {
    flex-direction: row;
    align-items: center;
    justify-content: stretch;
    max-width: 949px;
    padding-inline: 0;
  }
  .landing-page-2025 .databox-features-header__image-container {
    flex: 1 1 70%;
    height: 500px;
  }
  .landing-page-2025 .databox-features-header__grid-toggle {
    display: block;
    flex: 1 1 1fr;
    position: relative;
    z-index: 2;
    margin-left: -64px;
    max-width: 324px;
    flex-shrink: 0;
    height: fit-content;
    align-self: center;
  }
  .landing-page-2025 .databox-features-header__image-container-item {
    position: absolute;
    top: 0;
    left: 0;
  }
  .landing-page-2025 .databox-features-header__image {
    width: 100%;
    height: 100%;
  }
  .landing-page-2025 .databox-features-header .slick-track {
    height: 343px;
  }
}
@media screen and (min-width: 1201px) {
  .landing-page-2025 .databox-features-header__grid-toggle {
    margin-left: -80px;
  }
}
.landing-page-2025
  .databox-features-header
  .databox-features-header__button--orange {
  background-color: #fff3e7;
  border-color: #fff3e7;
  color: #fa870c;
}
.landing-page-2025
  .databox-features-header
  .databox-features-header__button--orange
  .icon::before {
  color: #fa870c;
}
@media screen and (min-width: 1025px) {
  .landing-page-2025
    .databox-features-header
    .databox-features-header__button--orange {
    background: #fff;
    border: 1px solid #e8e9eb;
    color: #616163;
  }
  .landing-page-2025
    .databox-features-header
    .databox-features-header__button--orange
    .icon:before {
    color: #616163;
  }
  .landing-page-2025
    .databox-features-header
    .databox-features-header__button--orange.databox-features-header__button--active,
  .landing-page-2025
    .databox-features-header
    .databox-features-header__button--orange:hover {
    background-color: #fff3e7;
    border-color: #fff3e7;
    color: #fa870c;
  }
  .landing-page-2025
    .databox-features-header
    .databox-features-header__button--orange.databox-features-header__button--active
    .icon:before,
  .landing-page-2025
    .databox-features-header
    .databox-features-header__button--orange:hover
    .icon:before {
    color: #fa870c;
  }
}
.landing-page-2025
  .databox-features-header
  .databox-features-header__button--dark-blue {
  background-color: #eaedf5;
  border-color: #eaedf5;
  color: #2e4797;
}
.landing-page-2025
  .databox-features-header
  .databox-features-header__button--dark-blue
  .icon::before {
  color: #2e4797;
}
@media screen and (min-width: 1025px) {
  .landing-page-2025
    .databox-features-header
    .databox-features-header__button--dark-blue {
    background: #fff;
    border: 1px solid #e8e9eb;
    color: #616163;
  }
  .landing-page-2025
    .databox-features-header
    .databox-features-header__button--dark-blue
    .icon:before {
    color: #616163;
  }
  .landing-page-2025
    .databox-features-header
    .databox-features-header__button--dark-blue.databox-features-header__button--active,
  .landing-page-2025
    .databox-features-header
    .databox-features-header__button--dark-blue:hover {
    background-color: #eaedf5;
    border-color: #eaedf5;
    color: #2e4797;
  }
  .landing-page-2025
    .databox-features-header
    .databox-features-header__button--dark-blue.databox-features-header__button--active
    .icon:before,
  .landing-page-2025
    .databox-features-header
    .databox-features-header__button--dark-blue:hover
    .icon:before {
    color: #2e4797;
  }
}
.landing-page-2025
  .databox-features-header
  .databox-features-header__button--neutral {
  background-color: #efefef;
  border-color: #efefef;
  color: #616163;
}
.landing-page-2025
  .databox-features-header
  .databox-features-header__button--neutral
  .icon::before {
  color: #616163;
}
@media screen and (min-width: 1025px) {
  .landing-page-2025
    .databox-features-header
    .databox-features-header__button--neutral {
    background: #fff;
    border: 1px solid #e8e9eb;
    color: #616163;
  }
  .landing-page-2025
    .databox-features-header
    .databox-features-header__button--neutral
    .icon:before {
    color: #616163;
  }
  .landing-page-2025
    .databox-features-header
    .databox-features-header__button--neutral.databox-features-header__button--active,
  .landing-page-2025
    .databox-features-header
    .databox-features-header__button--neutral:hover {
    background-color: #efefef;
    border-color: #efefef;
    color: #616163;
  }
  .landing-page-2025
    .databox-features-header
    .databox-features-header__button--neutral.databox-features-header__button--active
    .icon:before,
  .landing-page-2025
    .databox-features-header
    .databox-features-header__button--neutral:hover
    .icon:before {
    color: #616163;
  }
}
.landing-page-2025
  .databox-features-header
  .databox-features-header__button--violet {
  background-color: #f1ecf7;
  border-color: #f1ecf7;
  color: #7540ab;
}
.landing-page-2025
  .databox-features-header
  .databox-features-header__button--violet
  .icon::before {
  color: #7540ab;
}
@media screen and (min-width: 1025px) {
  .landing-page-2025
    .databox-features-header
    .databox-features-header__button--violet {
    background: #fff;
    border: 1px solid #e8e9eb;
    color: #616163;
  }
  .landing-page-2025
    .databox-features-header
    .databox-features-header__button--violet
    .icon:before {
    color: #616163;
  }
  .landing-page-2025
    .databox-features-header
    .databox-features-header__button--violet.databox-features-header__button--active,
  .landing-page-2025
    .databox-features-header
    .databox-features-header__button--violet:hover {
    background-color: #f1ecf7;
    border-color: #f1ecf7;
    color: #7540ab;
  }
  .landing-page-2025
    .databox-features-header
    .databox-features-header__button--violet.databox-features-header__button--active
    .icon:before,
  .landing-page-2025
    .databox-features-header
    .databox-features-header__button--violet:hover
    .icon:before {
    color: #7540ab;
  }
}
.landing-page-2025
  .databox-features-header
  .databox-features-header__button--green {
  background-color: #eaf8f1;
  border-color: #eaf8f1;
  color: #2ab674;
}
.landing-page-2025
  .databox-features-header
  .databox-features-header__button--green
  .icon::before {
  color: #2ab674;
}
@media screen and (min-width: 1025px) {
  .landing-page-2025
    .databox-features-header
    .databox-features-header__button--green {
    background: #fff;
    border: 1px solid #e8e9eb;
    color: #616163;
  }
  .landing-page-2025
    .databox-features-header
    .databox-features-header__button--green
    .icon:before {
    color: #616163;
  }
  .landing-page-2025
    .databox-features-header
    .databox-features-header__button--green.databox-features-header__button--active,
  .landing-page-2025
    .databox-features-header
    .databox-features-header__button--green:hover {
    background-color: #eaf8f1;
    border-color: #eaf8f1;
    color: #2ab674;
  }
  .landing-page-2025
    .databox-features-header
    .databox-features-header__button--green.databox-features-header__button--active
    .icon:before,
  .landing-page-2025
    .databox-features-header
    .databox-features-header__button--green:hover
    .icon:before {
    color: #2ab674;
  }
}
.landing-page-2025
  .databox-features-header
  .databox-features-header__button--yellow {
  background-color: #fef8ec;
  border-color: #fef8ec;
  color: #f4bb42;
}
.landing-page-2025
  .databox-features-header
  .databox-features-header__button--yellow
  .icon::before {
  color: #f4bb42;
}
@media screen and (min-width: 1025px) {
  .landing-page-2025
    .databox-features-header
    .databox-features-header__button--yellow {
    background: #fff;
    border: 1px solid #e8e9eb;
    color: #616163;
  }
  .landing-page-2025
    .databox-features-header
    .databox-features-header__button--yellow
    .icon:before {
    color: #616163;
  }
  .landing-page-2025
    .databox-features-header
    .databox-features-header__button--yellow.databox-features-header__button--active,
  .landing-page-2025
    .databox-features-header
    .databox-features-header__button--yellow:hover {
    background-color: #fef8ec;
    border-color: #fef8ec;
    color: #f4bb42;
  }
  .landing-page-2025
    .databox-features-header
    .databox-features-header__button--yellow.databox-features-header__button--active
    .icon:before,
  .landing-page-2025
    .databox-features-header
    .databox-features-header__button--yellow:hover
    .icon:before {
    color: #f4bb42;
  }
}
.landing-page-2025
  .databox-features-header
  .databox-features-header__button--blue {
  background-color: #edf1fe;
  border-color: #edf1fe;
  color: #4d71f1;
}
.landing-page-2025
  .databox-features-header
  .databox-features-header__button--blue
  .icon::before {
  color: #4d71f1;
}
@media screen and (min-width: 1025px) {
  .landing-page-2025
    .databox-features-header
    .databox-features-header__button--blue {
    background: #fff;
    border: 1px solid #e8e9eb;
    color: #616163;
  }
  .landing-page-2025
    .databox-features-header
    .databox-features-header__button--blue
    .icon:before {
    color: #616163;
  }
  .landing-page-2025
    .databox-features-header
    .databox-features-header__button--blue.databox-features-header__button--active,
  .landing-page-2025
    .databox-features-header
    .databox-features-header__button--blue:hover {
    background-color: #edf1fe;
    border-color: #edf1fe;
    color: #4d71f1;
  }
  .landing-page-2025
    .databox-features-header
    .databox-features-header__button--blue.databox-features-header__button--active
    .icon:before,
  .landing-page-2025
    .databox-features-header
    .databox-features-header__button--blue:hover
    .icon:before {
    color: #4d71f1;
  }
}
.landing-page-2025
  .databox-features-header
  .databox-features-header__button--cyan {
  background-color: #e6f5f8;
  border-color: #e6f5f8;
  color: #009eb4;
}
.landing-page-2025
  .databox-features-header
  .databox-features-header__button--cyan
  .icon::before {
  color: #009eb4;
}
@media screen and (min-width: 1025px) {
  .landing-page-2025
    .databox-features-header
    .databox-features-header__button--cyan {
    background: #fff;
    border: 1px solid #e8e9eb;
    color: #616163;
  }
  .landing-page-2025
    .databox-features-header
    .databox-features-header__button--cyan
    .icon:before {
    color: #616163;
  }
  .landing-page-2025
    .databox-features-header
    .databox-features-header__button--cyan.databox-features-header__button--active,
  .landing-page-2025
    .databox-features-header
    .databox-features-header__button--cyan:hover {
    background-color: #e6f5f8;
    border-color: #e6f5f8;
    color: #009eb4;
  }
  .landing-page-2025
    .databox-features-header
    .databox-features-header__button--cyan.databox-features-header__button--active
    .icon:before,
  .landing-page-2025
    .databox-features-header
    .databox-features-header__button--cyan:hover
    .icon:before {
    color: #009eb4;
  }
}
.landing-page-2025
  .databox-features-header
  .databox-features-header__button--ai {
  background-color: #fff0fb;
  border-color: #fff0fb;
}
.landing-page-2025
  .databox-features-header
  .databox-features-header__button--ai
  .databox-features-header__button-text {
  background: linear-gradient(100.24deg, #6d53dd 6.06%, #ac70d6 95.63%);
  background: -o-linear-gradient(100.24deg, #6d53dd 6.06%, #ac70d6 95.63%);
  background: -ms-linear-gradient(100.24deg, #6d53dd 6.06%, #ac70d6 95.63%);
  background: -moz-linear-gradient(100.24deg, #6d53dd 6.06%, #ac70d6 95.63%);
  background: -webkit-linear-gradient(100.24deg, #6d53dd 6.06%, #ac70d6 95.63%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.landing-page-2025
  .databox-features-header
  .databox-features-header__button--ai
  .icon::before {
  background: linear-gradient(100.24deg, #6d53dd 6.06%, #ac70d6 95.63%);
  background: -o-linear-gradient(100.24deg, #6d53dd 6.06%, #ac70d6 95.63%);
  background: -ms-linear-gradient(100.24deg, #6d53dd 6.06%, #ac70d6 95.63%);
  background: -moz-linear-gradient(100.24deg, #6d53dd 6.06%, #ac70d6 95.63%);
  background: -webkit-linear-gradient(100.24deg, #6d53dd 6.06%, #ac70d6 95.63%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media screen and (min-width: 1025px) {
  .landing-page-2025
    .databox-features-header
    .databox-features-header__button--ai {
    background: #fff;
    border: 1px solid #e8e9eb;
  }
  .landing-page-2025
    .databox-features-header
    .databox-features-header__button--ai
    .databox-features-header__button-text {
    color: #616163;
    background: 0 0;
    -webkit-background-clip: initial;
    -webkit-text-fill-color: initial;
    background-clip: initial;
  }
  .landing-page-2025
    .databox-features-header
    .databox-features-header__button--ai
    .icon:before {
    color: #616163;
    background: 0 0;
    -webkit-background-clip: initial;
    -webkit-text-fill-color: initial;
    background-clip: initial;
  }
  .landing-page-2025
    .databox-features-header
    .databox-features-header__button--ai.databox-features-header__button--active,
  .landing-page-2025
    .databox-features-header
    .databox-features-header__button--ai:hover {
    background-color: #fff0fb;
    border-color: #fff0fb;
  }
  .landing-page-2025
    .databox-features-header
    .databox-features-header__button--ai.databox-features-header__button--active
    .databox-features-header__button-text,
  .landing-page-2025
    .databox-features-header
    .databox-features-header__button--ai:hover
    .databox-features-header__button-text {
    background: linear-gradient(100.24deg, #6d53dd 6.06%, #ac70d6 95.63%);
    background: -o-linear-gradient(100.24deg, #6d53dd 6.06%, #ac70d6 95.63%);
    background: -ms-linear-gradient(100.24deg, #6d53dd 6.06%, #ac70d6 95.63%);
    background: -moz-linear-gradient(100.24deg, #6d53dd 6.06%, #ac70d6 95.63%);
    background: -webkit-linear-gradient(
      100.24deg,
      #6d53dd 6.06%,
      #ac70d6 95.63%
    );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .landing-page-2025
    .databox-features-header
    .databox-features-header__button--ai.databox-features-header__button--active
    .icon:before,
  .landing-page-2025
    .databox-features-header
    .databox-features-header__button--ai:hover
    .icon:before {
    background: linear-gradient(100.24deg, #6d53dd 6.06%, #ac70d6 95.63%);
    background: -o-linear-gradient(100.24deg, #6d53dd 6.06%, #ac70d6 95.63%);
    background: -ms-linear-gradient(100.24deg, #6d53dd 6.06%, #ac70d6 95.63%);
    background: -moz-linear-gradient(100.24deg, #6d53dd 6.06%, #ac70d6 95.63%);
    background: -webkit-linear-gradient(
      100.24deg,
      #6d53dd 6.06%,
      #ac70d6 95.63%
    );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
}
.landing-page-2025 .databox-features-header__mobile-buttons {
  display: block;
  text-align: center;
}
@media screen and (min-width: 1200px) {
  .landing-page-2025 .databox-features-header__mobile-buttons {
    display: none !important;
  }
}
.landing-page-2025 .databox-features-header__mobile-buttons.slick-slider {
  max-width: 100%;
  margin: 0 auto;
}
.landing-page-2025
  .databox-features-header__mobile-buttons.slick-slider
  .slick-list {
  width: 100%;
  text-align: center;
  overflow: hidden;
}
.landing-page-2025
  .databox-features-header__mobile-buttons.slick-slider
  .slick-track {
  display: flex !important;
  align-items: center;
}
.landing-page-2025
  .databox-features-header__mobile-buttons.slick-slider
  .slick-slide {
  display: flex !important;
  justify-content: center;
  align-items: center;
  padding: 0 15px;
}
.landing-page-2025
  .databox-features-header__mobile-buttons.slick-slider
  .slick-slide
  > div {
  width: auto;
  max-width: fit-content;
  display: flex;
  justify-content: center;
  align-items: center;
}
.landing-page-2025
  .databox-features-header__mobile-buttons.slick-slider
  .slick-slide
  .databox-features-header__mobile-button {
  width: auto !important;
  max-width: fit-content !important;
  flex-shrink: 0;
  margin: 0 auto;
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.landing-page-2025
  .databox-features-header__mobile-buttons.slick-slider
  .slick-slide:not(.slick-center)
  .databox-features-header__mobile-button {
  opacity: 0.4;
  transform: scale(0.85);
}
.landing-page-2025
  .databox-features-header__mobile-buttons.slick-slider
  .slick-slide.slick-center
  .databox-features-header__mobile-button {
  opacity: 1;
  transform: scale(1);
}
.landing-page-2025 .databox-features-header__mobile-button {
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  border-radius: 50px;
  font-size: 12px;
  font-weight: 500;
  text-decoration: none;
  cursor: pointer;
  transition: all 250ms ease;
  margin: 0 auto;
  width: auto;
  max-width: fit-content;
}
.landing-page-2025 .databox-features-header__mobile-button .icon:before {
  font-size: 12px;
  transition: color 250ms ease;
}
.landing-page-2025 .databox-features-header__mobile-button-text {
  white-space: nowrap;
  font-size: 12px;
}
@media screen and (min-width: 481px) {
  .landing-page-2025 .databox-features-header__mobile-button {
    padding: 10px 16px;
    font-size: 13px;
  }
  .landing-page-2025 .databox-features-header__mobile-button .icon:before {
    font-size: 14px;
  }
  .landing-page-2025 .databox-features-header__mobile-button-text {
    font-size: 13px;
  }
}
@media screen and (min-width: 769px) {
  .landing-page-2025 .databox-features-header__mobile-button {
    padding: 12px 18px;
    font-size: 14px;
  }
  .landing-page-2025 .databox-features-header__mobile-button .icon:before {
    font-size: 16px;
  }
  .landing-page-2025 .databox-features-header__mobile-button-text {
    font-size: 14px;
  }
}
.landing-page-2025
  .databox-features-header
  .databox-features-header__mobile-button--orange {
  background-color: #feeddb;
  color: #fa870c;
  border: 1px solid #fee1c2;
}
.landing-page-2025
  .databox-features-header
  .databox-features-header__mobile-button--orange
  .icon:before {
  color: #fa870c;
}
.landing-page-2025
  .databox-features-header
  .databox-features-header__mobile-button--orange:hover {
  background-color: #fee7ce;
  border-color: #fedbb6;
}
.landing-page-2025
  .databox-features-header
  .databox-features-header__mobile-button--dark-blue {
  background-color: #e0e3ef;
  color: #2e4797;
  border: 1px solid #cbd1e5;
}
.landing-page-2025
  .databox-features-header
  .databox-features-header__mobile-button--dark-blue
  .icon:before {
  color: #2e4797;
}
.landing-page-2025
  .databox-features-header
  .databox-features-header__mobile-button--dark-blue:hover {
  background-color: #d5daea;
  border-color: #c0c8e0;
}
.landing-page-2025
  .databox-features-header
  .databox-features-header__mobile-button--neutral {
  background-color: #e7e7e8;
  color: #616163;
  border: 1px solid #d8d8d8;
}
.landing-page-2025
  .databox-features-header
  .databox-features-header__mobile-button--neutral
  .icon:before {
  color: #616163;
}
.landing-page-2025
  .databox-features-header
  .databox-features-header__mobile-button--neutral:hover {
  background-color: #dfdfe0;
  border-color: #d0d0d0;
}
.landing-page-2025
  .databox-features-header
  .databox-features-header__mobile-button--violet {
  background-color: #eae2f2;
  color: #7540ab;
  border: 1px solid #ddcfea;
}
.landing-page-2025
  .databox-features-header
  .databox-features-header__mobile-button--violet
  .icon:before {
  color: #7540ab;
}
.landing-page-2025
  .databox-features-header
  .databox-features-header__mobile-button--violet:hover {
  background-color: #e3d9ee;
  border-color: #d6c6e6;
}
.landing-page-2025
  .databox-features-header
  .databox-features-header__mobile-button--green {
  background-color: #dff4ea;
  color: #2ab674;
  border: 1px solid #caeddc;
}
.landing-page-2025
  .databox-features-header
  .databox-features-header__mobile-button--green
  .icon:before {
  color: #2ab674;
}
.landing-page-2025
  .databox-features-header
  .databox-features-header__mobile-button--green:hover {
  background-color: #d4f0e3;
  border-color: #bfe9d5;
}
.landing-page-2025
  .databox-features-header
  .databox-features-header__mobile-button--yellow {
  background-color: #fdf5e3;
  color: #f4bb42;
  border: 1px solid #fceed0;
}
.landing-page-2025
  .databox-features-header
  .databox-features-header__mobile-button--yellow
  .icon:before {
  color: #f4bb42;
}
.landing-page-2025
  .databox-features-header
  .databox-features-header__mobile-button--yellow:hover {
  background-color: #fdf1d9;
  border-color: #fcebc6;
}
.landing-page-2025
  .databox-features-header
  .databox-features-header__mobile-button--blue {
  background-color: #e4eafd;
  color: #4d71f1;
  border: 1px solid #d3dcfc;
}
.landing-page-2025
  .databox-features-header
  .databox-features-header__mobile-button--blue
  .icon:before {
  color: #4d71f1;
}
.landing-page-2025
  .databox-features-header
  .databox-features-header__mobile-button--blue:hover {
  background-color: #dbe3fc;
  border-color: #cad4fb;
}
.landing-page-2025
  .databox-features-header
  .databox-features-header__mobile-button--cyan {
  background-color: #d9f0f4;
  color: #009eb4;
  border: 1px solid #bfe7ec;
}
.landing-page-2025
  .databox-features-header
  .databox-features-header__mobile-button--cyan
  .icon:before {
  color: #009eb4;
}
.landing-page-2025
  .databox-features-header
  .databox-features-header__mobile-button--cyan:hover {
  background-color: #ccecf0;
  border-color: #b3e2e9;
}
.landing-page-2025 .databox-features-header__mobile-button--ai {
  background-color: #fff0fb;
  border: 1px solid #f0d9f0;
}
.landing-page-2025 .databox-features-header__mobile-button--ai,
.landing-page-2025
  .databox-features-header__mobile-button--ai
  .databox-features-header__mobile-button-text {
  background: linear-gradient(100.24deg, #6d53dd 6.06%, #ac70d6 95.63%);
  background: -o-linear-gradient(100.24deg, #6d53dd 6.06%, #ac70d6 95.63%);
  background: -ms-linear-gradient(100.24deg, #6d53dd 6.06%, #ac70d6 95.63%);
  background: -moz-linear-gradient(100.24deg, #6d53dd 6.06%, #ac70d6 95.63%);
  background: -webkit-linear-gradient(100.24deg, #6d53dd 6.06%, #ac70d6 95.63%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.landing-page-2025 .databox-features-header__mobile-button--ai .icon:before {
  background: linear-gradient(100.24deg, #6d53dd 6.06%, #ac70d6 95.63%);
  background: -o-linear-gradient(100.24deg, #6d53dd 6.06%, #ac70d6 95.63%);
  background: -ms-linear-gradient(100.24deg, #6d53dd 6.06%, #ac70d6 95.63%);
  background: -moz-linear-gradient(100.24deg, #6d53dd 6.06%, #ac70d6 95.63%);
  background: -webkit-linear-gradient(100.24deg, #6d53dd 6.06%, #ac70d6 95.63%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.landing-page-2025 .databox-features-header__mobile-button--ai:hover {
  background-color: #ffe8f8;
  border-color: #e8c7e8;
}
.landing-page-2025 .dbx-trusted-by-businesses {
  margin-top: 38px;
}
.landing-page-2025 .dbx-trusted-by-businesses img {
  height: 20px;
}
.landing-page-2025 .scaling .dbx-container > .dbx-rich-content {
  margin-bottom: 32px;
}
@media only screen and (min-width: 1200px) {
  .landing-page-2025 .scaling .dbx-container > .dbx-rich-content h2 {
    font-size: 2.5rem;
    line-height: 3rem;
  }
}
.landing-page-2025 .scaling__card-container {
  display: grid;
  justify-content: center;
  gap: 24px;
  grid-template-columns: repeat(auto-fit, minmax(328px, 1fr));
  margin-inline: auto;
}
.landing-page-2025 .scaling__card {
  display: flex;
  flex-direction: column;
  background-color: #edf1fe;
  padding: 30px;
  border-radius: 24px;
}
.landing-page-2025 .scaling__card-result {
  display: flex;
  font-weight: 900;
  font-size: 50px;
  line-height: 50px;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
  background: linear-gradient(100.24deg, #6d53dd 6.06%, #ac70d6 95.63%);
  background: -o-linear-gradient(100.24deg, #6d53dd 6.06%, #ac70d6 95.63%);
  background: -ms-linear-gradient(100.24deg, #6d53dd 6.06%, #ac70d6 95.63%);
  background: -moz-linear-gradient(100.24deg, #6d53dd 6.06%, #ac70d6 95.63%);
  background: -webkit-linear-gradient(100.24deg, #6d53dd 6.06%, #ac70d6 95.63%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.landing-page-2025 .scaling__card-result .icon:before {
  background: linear-gradient(100.24deg, #6d53dd 6.06%, #ac70d6 95.63%);
  background: -o-linear-gradient(100.24deg, #6d53dd 6.06%, #ac70d6 95.63%);
  background: -ms-linear-gradient(100.24deg, #6d53dd 6.06%, #ac70d6 95.63%);
  background: -moz-linear-gradient(100.24deg, #6d53dd 6.06%, #ac70d6 95.63%);
  background: -webkit-linear-gradient(100.24deg, #6d53dd 6.06%, #ac70d6 95.63%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.landing-page-2025 .scaling__card-icon {
  font-size: 40px;
}
.landing-page-2025 .scaling__card-icon--up {
  position: relative;
}
.landing-page-2025 .scaling__card-icon--up.icon:before {
  transform: rotate(-90deg);
}
.landing-page-2025 .scaling__card-icon--down {
  position: relative;
}
.landing-page-2025 .scaling__card-icon--down.icon:before {
  transform: rotate(90deg);
}
.landing-page-2025 .scaling__card-title {
  font-weight: 700;
  margin-bottom: 18px;
}
.landing-page-2025 .scaling__card-case-study-info {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
.landing-page-2025 .scaling .dbx-arrow-btn {
  padding: 12px 38px 12px 24px;
  font-size: 14px;
}
.landing-page-2025 .scaling .dbx-buttons {
  margin: 0;
}
.landing-page-2025 .scaling .dbx-arrow-btn .icon {
  text-wrap: nowrap;
}
.landing-page-2025 .scaling__card-image-container {
  height: 35px;
}
.landing-page-2025 .scaling__card-image {
  height: 100%;
  width: 100%;
  object-fit: contain;
}
@media only screen and (min-width: 768px) {
  .landing-page-2025 .scaling .dbx-button {
    font-weight: 16px;
  }
  .landing-page-2025 .scaling__card-case-study-info {
    gap: 24px;
  }
}
.landing-page-2025 .icon-list-section {
  margin-block: 96px;
}
@media screen and (min-width: 768px) {
  .landing-page-2025 .icon-list-section {
    margin-block: 128px;
  }
}
.landing-page-2025 .icon-list-section .dbx-container > .dbx-rich-content {
  margin-bottom: 32px;
}
.landing-page-2025 .colored-cards-section {
  margin-block: 96px;
}
@media screen and (min-width: 768px) {
  .landing-page-2025 .colored-cards-section {
    margin-block: 128px;
  }
}
.landing-page-2025 .colored-cards-section .dbx-container > .dbx-rich-content {
  margin-bottom: 32px;
}
.landing-page-2025 .colored-cards-section__card-container {
  display: grid;
  justify-content: center;
  gap: 24px;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  margin-inline: auto;
}
.landing-page-2025 .colored-cards-section .colored-card {
  display: flex;
  flex-direction: column;
  padding: 32px 24px;
  border-radius: 16px;
  height: 100%;
  position: relative;
}
.landing-page-2025 .colored-cards-section .colored-card .dbx-buttons {
  margin: 0;
}
.landing-page-2025
  .colored-cards-section
  .colored-card
  .dbx-buttons__buttons-container {
  justify-content: start;
}
.landing-page-2025 .colored-cards-section .colored-card__icon {
  margin-bottom: 24px;
  text-align: left;
}
.landing-page-2025 .colored-cards-section .colored-card__icon .icon {
  font-size: 48px;
  line-height: 1;
}
.landing-page-2025 .colored-cards-section .colored-card__content {
  flex-grow: 1;
  margin-bottom: 24px;
  text-align: left;
}
.landing-page-2025 .colored-cards-section .colored-card__content * {
  text-align: left !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.landing-page-2025 .colored-cards-section .colored-card__content h3 {
  font-size: 1.5rem;
  line-height: 2rem;
  margin-bottom: 16px;
  font-weight: 700;
  text-align: left;
}
.landing-page-2025 .colored-cards-section .colored-card__content p {
  margin-bottom: 16px;
  text-align: left;
}
.landing-page-2025 .colored-cards-section .colored-card__content ul {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: left;
}
.landing-page-2025 .colored-cards-section .colored-card__content ul li {
  position: relative;
  padding-left: 20px;
  margin-bottom: 8px;
  text-align: left;
}
.landing-page-2025 .colored-cards-section .colored-card__content ul li:before {
  content: "•";
  position: absolute;
  left: 0;
  top: 0;
}
.landing-page-2025 .colored-cards-section .colored-card--purple {
  background-color: #f4eafc;
}
.landing-page-2025
  .colored-cards-section
  .colored-card--purple
  .colored-card__content
  h3,
.landing-page-2025
  .colored-cards-section
  .colored-card--purple
  .colored-card__icon
  .icon {
  color: #8e2de2;
}
.landing-page-2025
  .colored-cards-section
  .colored-card--purple
  .colored-card__content
  ul
  li:before {
  color: #8e2de2;
}
.landing-page-2025 .colored-cards-section .colored-card--dark-blue {
  background-color: #eaedf5;
}
.landing-page-2025
  .colored-cards-section
  .colored-card--dark-blue
  .colored-card__content
  h3,
.landing-page-2025
  .colored-cards-section
  .colored-card--dark-blue
  .colored-card__icon
  .icon {
  color: #2e4797;
}
.landing-page-2025
  .colored-cards-section
  .colored-card--dark-blue
  .colored-card__content
  ul
  li:before {
  color: #2e4797;
}
.landing-page-2025 .colored-cards-section .colored-card--blue {
  background-color: #edf1fe;
}
.landing-page-2025
  .colored-cards-section
  .colored-card--blue
  .colored-card__content
  h3,
.landing-page-2025
  .colored-cards-section
  .colored-card--blue
  .colored-card__icon
  .icon {
  color: #4d71f1;
}
.landing-page-2025
  .colored-cards-section
  .colored-card--blue
  .colored-card__content
  ul
  li:before {
  color: #4d71f1;
}
.landing-page-2025 .colored-cards-section .colored-card--yellow {
  background-color: #fef5e9;
}
.landing-page-2025
  .colored-cards-section
  .colored-card--yellow
  .colored-card__content
  h3,
.landing-page-2025
  .colored-cards-section
  .colored-card--yellow
  .colored-card__icon
  .icon {
  color: #f7971e;
}
.landing-page-2025
  .colored-cards-section
  .colored-card--yellow
  .colored-card__content
  ul
  li:before {
  color: #f7971e;
}
.landing-page-2025 .colored-cards-section .colored-card--orange {
  background-color: #ffede8;
}
.landing-page-2025
  .colored-cards-section
  .colored-card--orange
  .colored-card__content
  h3,
.landing-page-2025
  .colored-cards-section
  .colored-card--orange
  .colored-card__icon
  .icon {
  color: #fc4a1a;
}
.landing-page-2025
  .colored-cards-section
  .colored-card--orange
  .colored-card__content
  ul
  li:before {
  color: #fc4a1a;
}
.landing-page-2025 .colored-cards-section .colored-card--green {
  background-color: #e9f6f0;
}
.landing-page-2025
  .colored-cards-section
  .colored-card--green
  .colored-card__content
  h3,
.landing-page-2025
  .colored-cards-section
  .colored-card--green
  .colored-card__icon
  .icon {
  color: #26a868;
}
.landing-page-2025
  .colored-cards-section
  .colored-card--green
  .colored-card__content
  ul
  li:before {
  color: #26a868;
}
.landing-page-2025 .colored-cards-section .dbx-arrow-btn .icon {
  line-height: 1.25rem;
  font-size: 0.875rem;
}
.landing-page-2025 .icon-cards-section {
  padding-top: 64px;
  margin-bottom: 64px;
  position: relative;
}
@media screen and (min-width: 768px) {
  .landing-page-2025 .icon-cards-section {
    padding-top: 96px;
  }
}
@media screen and (min-width: 768px) {
  .landing-page-2025 .icon-cards-section {
    margin-bottom: 96px;
  }
}
.landing-page-2025 .icon-cards-section .dbx-container > .dbx-rich-content {
  margin-bottom: 32px;
}
.landing-page-2025 .icon-cards-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url("../img/landing-page-2025/databox-features-header/background-desktop.svg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -1;
}
.landing-page-2025 .icon-cards-section__card-container {
  display: grid;
  justify-content: center;
  gap: 24px;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  margin-inline: auto;
  grid-auto-rows: 1fr;
}
.landing-page-2025 .icon-cards-section .icon-card {
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 6px 24px 0 rgba(0, 0, 0, 0.1);
  min-height: 1px;
}
.landing-page-2025 .icon-cards-section .icon-card__back,
.landing-page-2025 .icon-cards-section .icon-card__front {
  padding: 32px;
  display: flex;
  flex-direction: column;
  transition: all 0.3s ease;
  border-radius: 12px;
}
.landing-page-2025 .icon-cards-section .icon-card__front {
  height: 100%;
  position: relative;
  z-index: 2;
  background-color: #fff;
  opacity: 1;
  visibility: visible;
}
.landing-page-2025 .icon-cards-section .icon-card__back {
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background: linear-gradient(100.24deg, #6d53dd 6.06%, #ac70d6 95.63%);
  opacity: 0;
  visibility: hidden;
}
.landing-page-2025 .icon-cards-section .icon-card:hover .icon-card__front {
  opacity: 0;
  visibility: hidden;
}
.landing-page-2025 .icon-cards-section .icon-card:hover .icon-card__back {
  opacity: 1;
  visibility: visible;
}
.landing-page-2025 .icon-cards-section .icon-card__icon {
  margin-bottom: 24px;
}
.landing-page-2025 .icon-cards-section .icon-card__icon .icon::before {
  font-size: 48px;
  line-height: 1;
  background: linear-gradient(100.24deg, #6d53dd 6.06%, #ac70d6 95.63%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.landing-page-2025 .icon-cards-section .icon-card__content {
  flex-grow: 1;
  text-align: left;
}
.landing-page-2025 .icon-cards-section .icon-card__content * {
  text-align: left !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.landing-page-2025 .icon-cards-section .icon-card__content h4 {
  font-size: 1.125rem;
  line-height: 1.5rem;
  margin-bottom: 16px;
  font-weight: 700;
  color: #000;
}
.landing-page-2025 .icon-cards-section .icon-card__content p {
  color: #757677;
  margin-bottom: 0;
}
.landing-page-2025 .icon-cards-section .icon-card__quote-symbol {
  font-size: 50px;
  line-height: 24px;
  color: #fff;
  font-weight: 400;
}
.landing-page-2025 .icon-cards-section .icon-card__quote-content {
  text-align: left;
}
.landing-page-2025 .icon-cards-section .icon-card__quote-content * {
  text-align: left !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.landing-page-2025 .icon-cards-section .icon-card__quote-content p {
  color: #fff;
  margin-bottom: 16px;
}
.landing-page-2025
  .icon-cards-section
  .icon-card__quote-content
  p.icon-card__author {
  font-size: 1rem;
  opacity: 0.8;
  margin-bottom: 0;
  margin-top: auto;
}
.landing-page-2025 .icon-cards-section .icon-card__quote-content .text-xl {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.landing-page-2025 .expandable-cards {
  margin-block: 96px;
}
@media screen and (min-width: 768px) {
  .landing-page-2025 .expandable-cards {
    margin-block: 128px;
  }
}
.landing-page-2025 .expandable-cards .dbx-container > .dbx-rich-content {
  margin-bottom: 32px;
}
.landing-page-2025 .expandable-cards .line-break {
  display: none;
}
.landing-page-2025 .expandable-cards__container {
  display: flex;
  gap: 16px;
  margin: 48px 0;
}
.landing-page-2025 .expandable-cards__card {
  border-radius: 12px;
  padding: 32px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
}
.landing-page-2025 .expandable-cards__card-header {
  display: flex;
  flex-direction: column;
  justify-content: stretch;
}
.landing-page-2025 .expandable-cards__card-row-content {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 24px;
}
.landing-page-2025 .expandable-cards__card-title-container {
  display: flex;
  align-items: center;
  gap: 8px;
}
.landing-page-2025 .expandable-cards__card-title {
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 700;
  color: #000;
  margin: 0;
}
.landing-page-2025 .expandable-cards__card-arrow-icon {
  display: none;
}
.landing-page-2025 .expandable-cards__card-arrow-icon .icon {
  font-size: 14px;
  line-height: 1;
  transition: transform 0.3s ease;
}
.landing-page-2025 .expandable-cards__card-row-icon .icon {
  font-size: 98px;
  line-height: 1;
}
.landing-page-2025 .expandable-cards__card-icon {
  align-self: center;
  order: 1;
}
.landing-page-2025 .expandable-cards__card-icon .icon {
  font-size: 98px;
  line-height: 1;
}
.landing-page-2025 .expandable-cards__card-content {
  margin-top: auto;
}
.landing-page-2025 .expandable-cards__card-text {
  margin-top: 16px;
}
.landing-page-2025 .expandable-cards__card-text * {
  text-align: left !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.landing-page-2025 .expandable-cards__card-text p {
  margin-bottom: 16px;
  color: #393a3e;
}
.landing-page-2025 .expandable-cards__card-text ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.landing-page-2025 .expandable-cards__card-text ul li {
  position: relative;
  padding-left: 20px;
  margin-bottom: 8px;
  color: #393a3e;
}
.landing-page-2025 .expandable-cards__card-text ul li:before {
  content: "•";
  position: absolute;
  left: 0;
  top: 0;
  color: #72757c;
}
.landing-page-2025 .expandable-cards__card--purple {
  background-color: #f0e8f9;
}
.landing-page-2025
  .expandable-cards__card--purple
  .expandable-cards__card-icon
  .icon,
.landing-page-2025
  .expandable-cards__card--purple
  .expandable-cards__card-row-icon
  .icon {
  color: #9a68d8;
}
.landing-page-2025
  .expandable-cards__card--purple
  .expandable-cards__custom-btn {
  color: #9a68d8;
}
.landing-page-2025
  .expandable-cards__card--purple
  .expandable-cards__custom-btn:hover {
  color: #9a68d8;
}
.landing-page-2025 .expandable-cards__card--dark-blue {
  background-color: #e0e3ef;
}
.landing-page-2025
  .expandable-cards__card--dark-blue
  .expandable-cards__card-icon
  .icon,
.landing-page-2025
  .expandable-cards__card--dark-blue
  .expandable-cards__card-row-icon
  .icon {
  color: #2e4797;
}
.landing-page-2025
  .expandable-cards__card--dark-blue
  .expandable-cards__custom-btn {
  color: #2e4797;
}
.landing-page-2025
  .expandable-cards__card--dark-blue
  .expandable-cards__custom-btn:hover {
  color: #2e4797;
}
.landing-page-2025 .expandable-cards__card--blue {
  background-color: #e4eafd;
}
.landing-page-2025
  .expandable-cards__card--blue
  .expandable-cards__card-icon
  .icon,
.landing-page-2025
  .expandable-cards__card--blue
  .expandable-cards__card-row-icon
  .icon {
  color: #4d71f1;
}
.landing-page-2025 .expandable-cards__card--blue .expandable-cards__custom-btn {
  color: #4d71f1;
}
.landing-page-2025
  .expandable-cards__card--blue
  .expandable-cards__custom-btn:hover {
  color: #4d71f1;
}
.landing-page-2025 .expandable-cards__card--green {
  background-color: #dff4ea;
}
.landing-page-2025
  .expandable-cards__card--green
  .expandable-cards__card-icon
  .icon,
.landing-page-2025
  .expandable-cards__card--green
  .expandable-cards__card-row-icon
  .icon {
  color: #2ab674;
}
.landing-page-2025
  .expandable-cards__card--green
  .expandable-cards__custom-btn {
  color: #2ab674;
}
.landing-page-2025
  .expandable-cards__card--green
  .expandable-cards__custom-btn:hover {
  color: #2ab674;
}
.landing-page-2025 .expandable-cards__card--orange {
  background-color: #feeddb;
}
.landing-page-2025
  .expandable-cards__card--orange
  .expandable-cards__card-icon
  .icon,
.landing-page-2025
  .expandable-cards__card--orange
  .expandable-cards__card-row-icon
  .icon {
  color: #fa870c;
}
.landing-page-2025
  .expandable-cards__card--orange
  .expandable-cards__custom-btn {
  color: #fa870c;
}
.landing-page-2025
  .expandable-cards__card--orange
  .expandable-cards__custom-btn:hover {
  color: #fa870c;
}
.landing-page-2025 .expandable-cards__card-button {
  margin-top: 16px;
  text-align: left;
}
.landing-page-2025 .expandable-cards__card .expandable-cards__custom-btn {
  background-color: rgba(255, 255, 255, 0.8);
  border: none;
  text-align: left;
}
.landing-page-2025 .expandable-cards__card .expandable-cards__custom-btn:hover {
  background-color: #fff;
  text-decoration: none;
}
@media screen and (min-width: 980px) {
  .landing-page-2025 .expandable-cards .line-break {
    display: inline;
  }
}
@media screen and (min-width: 1200px) {
  .landing-page-2025 .expandable-cards__card {
    cursor: pointer;
    height: 516px;
  }
  .landing-page-2025 .expandable-cards__card-header {
    height: 98px;
  }
  .landing-page-2025 .expandable-cards__card-arrow-icon {
    display: none !important;
  }
  .landing-page-2025 .expandable-cards__card-row-icon {
    opacity: 0;
  }
  .landing-page-2025 .expandable-cards__card-content {
    position: absolute;
    top: 100%;
    left: 32px;
    right: 32px;
    width: calc(416px - 64px);
    opacity: 0;
    visibility: hidden;
  }
  .landing-page-2025 .expandable-cards__card--active {
    background: linear-gradient(
      100.24deg,
      #6d53dd 6.06%,
      #ac70d6 95.63%
    ) !important;
  }
  .landing-page-2025
    .expandable-cards__card--active
    .expandable-cards__card-title {
    color: #fff;
  }
  .landing-page-2025
    .expandable-cards__card--active
    .expandable-cards__card-row-icon {
    opacity: 1;
    margin-bottom: 0;
  }
  .landing-page-2025
    .expandable-cards__card--active
    .expandable-cards__card-row-icon
    .icon {
    color: #fff;
  }
  .landing-page-2025
    .expandable-cards__card--active
    .expandable-cards__card-icon {
    opacity: 0;
    display: none;
  }
  .landing-page-2025
    .expandable-cards__card--active
    .expandable-cards__card-content {
    position: static;
    top: auto;
    left: auto;
    right: auto;
    width: auto;
    margin-block: 24px;
    opacity: 1;
    visibility: visible;
  }
  .landing-page-2025
    .expandable-cards__card--active
    .expandable-cards__card-text
    li,
  .landing-page-2025
    .expandable-cards__card--active
    .expandable-cards__card-text
    p {
    color: #fff !important;
  }
  .landing-page-2025
    .expandable-cards__card--active
    .expandable-cards__card-text
    ul
    li:before {
    color: #fff !important;
  }
  .landing-page-2025
    .expandable-cards__card--active
    .expandable-cards__custom-btn {
    background-color: rgba(255, 255, 255, 0.8);
    color: #9a68d8;
    margin-top: 16px;
  }
  .landing-page-2025
    .expandable-cards__card--active
    .expandable-cards__custom-btn:hover {
    background-color: #fff;
    color: #9a68d8;
  }
}
@media screen and (min-width: 1400px) {
  .landing-page-2025 .expandable-cards-title {
    font-size: 1.375rem;
    line-height: 2rem;
  }
}
@media screen and (min-width: 979px) and (max-width: 1199px) {
  .landing-page-2025 .expandable-cards__container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
  }
  .landing-page-2025 .expandable-cards__card {
    height: auto !important;
    cursor: default;
    justify-content: flex-start;
  }
  .landing-page-2025 .expandable-cards__card-header {
    height: auto;
    margin-bottom: 24px;
  }
  .landing-page-2025 .expandable-cards__card-row-content {
    margin-bottom: 0;
  }
  .landing-page-2025 .expandable-cards__card-arrow-icon {
    display: none !important;
  }
  .landing-page-2025 .expandable-cards__card-row-icon {
    opacity: 1;
  }
  .landing-page-2025 .expandable-cards__card-icon {
    display: none;
  }
  .landing-page-2025 .expandable-cards__card-content {
    position: static;
    margin-top: 0;
    height: auto !important;
    overflow: visible !important;
    opacity: 1;
    visibility: visible;
  }
  .landing-page-2025 .expandable-cards__card-title {
    font-size: 1.375rem;
    line-height: 2rem;
  }
  .landing-page-2025 .expandable-cards__card--active {
    background: inherit !important;
  }
  .landing-page-2025
    .expandable-cards__card--active
    .expandable-cards__card-title {
    color: #000;
  }
  .landing-page-2025
    .expandable-cards__card--active
    .expandable-cards__card-text
    li,
  .landing-page-2025
    .expandable-cards__card--active
    .expandable-cards__card-text
    p {
    color: #393a3e !important;
  }
  .landing-page-2025
    .expandable-cards__card--active
    .expandable-cards__card-text
    ul
    li:before {
    color: #72757c !important;
  }
}
@media screen and (max-width: 980px) {
  .landing-page-2025 .expandable-cards__container {
    flex-direction: column;
    gap: 16px;
  }
  .landing-page-2025 .expandable-cards__card {
    height: auto;
    cursor: pointer;
  }
  .landing-page-2025 .expandable-cards__card-header {
    height: auto;
    margin-bottom: 0;
  }
  .landing-page-2025 .expandable-cards__card-row-content {
    margin-bottom: 0;
    align-items: center;
  }
  .landing-page-2025 .expandable-cards__card-title-container {
    flex: 1;
  }
  .landing-page-2025 .expandable-cards__card-arrow-icon {
    display: block !important;
    margin-left: 8px;
  }
  .landing-page-2025 .expandable-cards__card-arrow-icon .icon {
    font-size: 14px;
    transition: transform 0.3s ease;
  }
  .landing-page-2025 .expandable-cards__card-row-icon {
    opacity: 1;
    order: 2;
  }
  .landing-page-2025 .expandable-cards__card-row-icon .icon {
    font-size: 24px;
  }
  .landing-page-2025 .expandable-cards__card-icon {
    display: none !important;
  }
  .landing-page-2025 .expandable-cards__card-content {
    height: 0;
    overflow: hidden;
    transition: height 0.3s ease;
    opacity: 1;
    visibility: visible;
  }
  .landing-page-2025 .expandable-cards__card-arrow-icon .icon:before {
    transform: rotate(0);
    transition: transform 0.3s ease;
  }
  .landing-page-2025
    .expandable-cards__card--active
    .expandable-cards__card-arrow-icon
    .icon:before {
    transform: rotate(90deg);
  }
  .landing-page-2025 .expandable-cards__card-text li,
  .landing-page-2025 .expandable-cards__card-text p {
    color: #393a3e !important;
  }
  .landing-page-2025 .expandable-cards__card-text ul li:before {
    color: #72757c !important;
  }
}
.landing-page-2025 .dbx-ratings {
  justify-content: center;
}
.landing-page-2025 .dbx-ratings__reviews-container {
  justify-content: center;
}
.landing-page-2025 .dbx-ratings__text {
  text-align: center;
}
@media only screen and (min-width: 600px) {
  .landing-page-2025 .dbx-ratings {
    flex-direction: row;
    align-items: center;
    gap: 16px;
  }
  .landing-page-2025 .dbx-ratings p {
    margin-top: 0.125rem;
    font-weight: 300;
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .landing-page-2025
    .dbx-ratings__reviews-container
    .dbx-ratings__divider:nth-of-type(2) {
    display: inline;
  }
  .landing-page-2025 .dbx-ratings__review img {
    width: 36px;
  }
}
.landing-page-2025 .dbx-embed-section .dbx-rich-content {
  margin-bottom: 32px;
}
.landing-page-2025 .dbx-trusted-by-businesses.badges img {
  height: 87px;
  width: auto;
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.dbx-container {
  margin-inline: auto;
  padding-inline: 16px;
}
@media screen and (min-width: 480px) {
  .dbx-container--sm,
  .dbx-container--xs {
    padding-inline: 32px;
  }
}
@media screen and (min-width: 768px) {
  .dbx-container {
    padding-inline: 80px;
  }
  .dbx-container--sm,
  .dbx-container--xs {
    padding-inline: 120px;
  }
  .dbx-container--xs {
    max-width: 1060px;
  }
}
@media screen and (min-width: 1440px) {
  .dbx-container {
    max-width: 1440px;
  }
  .dbx-container--sm {
    max-width: 1300px;
  }
  .dbx-container--xs {
    max-width: 1060px;
  }
}
.dbx-variable-width-container--3-column {
  margin-inline: auto;
  padding-inline: 16px;
}
@media screen and (min-width: 612px) {
  .dbx-variable-width-container--3-column {
    padding-inline: 96px;
  }
}
@media screen and (min-width: 768px) {
  .dbx-variable-width-container--3-column {
    padding-inline: 120px;
  }
}
@media screen and (min-width: 840px) {
  .dbx-variable-width-container--3-column {
    padding-inline: 200px;
  }
}
@media screen and (min-width: 1024px) {
  .dbx-variable-width-container--3-column {
    padding-inline: 120px;
  }
}
@media screen and (min-width: 1200px) {
  .dbx-variable-width-container--3-column {
    padding-inline: 80px;
    max-width: 1440px;
  }
}
.dbx-grid {
  display: grid;
}
.dbx-equal-rows {
  grid-auto-rows: 1fr;
}
.dbx-place-items-center-start {
  place-items: center start;
}
.dbx-grid.dbx-col-12 {
  grid-template-columns: repeat(12, 1fr);
}
.dbx-grid.dbx-row-12 {
  grid-template-rows: repeat(12, 1fr);
}
.dbx-grid.dbx-col-11 {
  grid-template-columns: repeat(11, 1fr);
}
.dbx-grid.dbx-row-11 {
  grid-template-rows: repeat(11, 1fr);
}
.dbx-grid.dbx-col-10 {
  grid-template-columns: repeat(10, 1fr);
}
.dbx-grid.dbx-row-10 {
  grid-template-rows: repeat(10, 1fr);
}
.dbx-grid.dbx-col-9 {
  grid-template-columns: repeat(9, 1fr);
}
.dbx-grid.dbx-row-9 {
  grid-template-rows: repeat(9, 1fr);
}
.dbx-grid.dbx-col-8 {
  grid-template-columns: repeat(8, 1fr);
}
.dbx-grid.dbx-row-8 {
  grid-template-rows: repeat(8, 1fr);
}
.dbx-grid.dbx-col-7 {
  grid-template-columns: repeat(7, 1fr);
}
.dbx-grid.dbx-row-7 {
  grid-template-rows: repeat(7, 1fr);
}
.dbx-grid.dbx-col-6 {
  grid-template-columns: repeat(6, 1fr);
}
.dbx-grid.dbx-row-6 {
  grid-template-rows: repeat(6, 1fr);
}
.dbx-grid.dbx-col-5 {
  grid-template-columns: repeat(5, 1fr);
}
.dbx-grid.dbx-row-5 {
  grid-template-rows: repeat(5, 1fr);
}
.dbx-grid.dbx-col-4 {
  grid-template-columns: repeat(4, 1fr);
}
.dbx-grid.dbx-row-4 {
  grid-template-rows: repeat(4, 1fr);
}
.dbx-grid.dbx-col-3 {
  grid-template-columns: repeat(3, 1fr);
}
.dbx-grid.dbx-row-3 {
  grid-template-rows: repeat(3, 1fr);
}
.dbx-grid.dbx-col-2 {
  grid-template-columns: repeat(2, 1fr);
}
.dbx-grid.dbx-row-2 {
  grid-template-rows: repeat(2, 1fr);
}
.dbx-grid.dbx-col-1 {
  grid-template-columns: repeat(1, 1fr);
}
.dbx-grid.dbx-row-1 {
  grid-template-rows: repeat(1, 1fr);
}
.dbx-grid > .dbx-col-12 {
  grid-column: span 12;
}
.dbx-grid > .dbx-row-12 {
  grid-row: span 12;
}
.dbx-grid > .dbx-col-11 {
  grid-column: span 11;
}
.dbx-grid > .dbx-row-11 {
  grid-row: span 11;
}
.dbx-grid > .dbx-col-10 {
  grid-column: span 10;
}
.dbx-grid > .dbx-row-10 {
  grid-row: span 10;
}
.dbx-grid > .dbx-col-9 {
  grid-column: span 9;
}
.dbx-grid > .dbx-row-9 {
  grid-row: span 9;
}
.dbx-grid > .dbx-col-8 {
  grid-column: span 8;
}
.dbx-grid > .dbx-row-8 {
  grid-row: span 8;
}
.dbx-grid > .dbx-col-7 {
  grid-column: span 7;
}
.dbx-grid > .dbx-row-7 {
  grid-row: span 7;
}
.dbx-grid > .dbx-col-6 {
  grid-column: span 6;
}
.dbx-grid > .dbx-row-6 {
  grid-row: span 6;
}
.dbx-grid > .dbx-col-5 {
  grid-column: span 5;
}
.dbx-grid > .dbx-row-5 {
  grid-row: span 5;
}
.dbx-grid > .dbx-col-4 {
  grid-column: span 4;
}
.dbx-grid > .dbx-row-4 {
  grid-row: span 4;
}
.dbx-grid > .dbx-col-3 {
  grid-column: span 3;
}
.dbx-grid > .dbx-row-3 {
  grid-row: span 3;
}
.dbx-grid > .dbx-col-2 {
  grid-column: span 2;
}
.dbx-grid > .dbx-row-2 {
  grid-row: span 2;
}
.dbx-grid > .dbx-col-1 {
  grid-column: span 1;
}
.dbx-grid > .dbx-row-1 {
  grid-row: span 1;
}
.dbx-gap-120 {
  gap: 120px;
}
.dbx-row-gap-120 {
  row-gap: 120px;
}
.dbx-col-gap-120 {
  column-gap: 120px;
}
.dbx-gap-96 {
  gap: 96px;
}
.dbx-row-gap-96 {
  row-gap: 96px;
}
.dbx-col-gap-96 {
  column-gap: 96px;
}
.dbx-gap-80 {
  gap: 80px;
}
.dbx-row-gap-80 {
  row-gap: 80px;
}
.dbx-col-gap-80 {
  column-gap: 80px;
}
.dbx-gap-72 {
  gap: 72px;
}
.dbx-row-gap-72 {
  row-gap: 72px;
}
.dbx-col-gap-72 {
  column-gap: 72px;
}
.dbx-gap-64 {
  gap: 64px;
}
.dbx-row-gap-64 {
  row-gap: 64px;
}
.dbx-col-gap-64 {
  column-gap: 64px;
}
.dbx-gap-56 {
  gap: 56px;
}
.dbx-row-gap-56 {
  row-gap: 56px;
}
.dbx-col-gap-56 {
  column-gap: 56px;
}
.dbx-gap-48 {
  gap: 48px;
}
.dbx-row-gap-48 {
  row-gap: 48px;
}
.dbx-col-gap-48 {
  column-gap: 48px;
}
.dbx-gap-40 {
  gap: 40px;
}
.dbx-row-gap-40 {
  row-gap: 40px;
}
.dbx-col-gap-40 {
  column-gap: 40px;
}
.dbx-gap-32 {
  gap: 32px;
}
.dbx-row-gap-32 {
  row-gap: 32px;
}
.dbx-col-gap-32 {
  column-gap: 32px;
}
.dbx-gap-24 {
  gap: 24px;
}
.dbx-row-gap-24 {
  row-gap: 24px;
}
.dbx-col-gap-24 {
  column-gap: 24px;
}
.dbx-gap-16 {
  gap: 16px;
}
.dbx-row-gap-16 {
  row-gap: 16px;
}
.dbx-col-gap-16 {
  column-gap: 16px;
}
.dbx-gap-8 {
  gap: 8px;
}
.dbx-row-gap-8 {
  row-gap: 8px;
}
.dbx-col-gap-8 {
  column-gap: 8px;
}
.dbx-text-align-center {
  text-align: center;
}
.dbx-text-align-left {
  text-align: left;
}
.dbx-text-align-right {
  text-align: right;
}
.dbx-place-self-start-start {
  place-self: start start;
}
.dbx-place-self-start-center {
  place-self: start center;
}
.dbx-place-self-start-end {
  place-self: start end;
}
.dbx-place-self-center-start {
  place-self: center start;
}
.dbx-place-self-center-center {
  place-self: center center;
}
.dbx-place-self-center-end {
  place-self: center end;
}
.dbx-place-self-end-start {
  place-self: end start;
}
.dbx-place-self-end-center {
  place-self: end center;
}
.dbx-place-self-end-end {
  place-self: end end;
}
@media only screen and (min-width: 450px) {
  .dbx-grid.dbx-xs-col-12 {
    grid-template-columns: repeat(12, 1fr);
  }
  .dbx-grid.dbx-xs-row-12 {
    grid-template-rows: repeat(12, 1fr);
  }
  .dbx-grid.dbx-xs-col-11 {
    grid-template-columns: repeat(11, 1fr);
  }
  .dbx-grid.dbx-xs-row-11 {
    grid-template-rows: repeat(11, 1fr);
  }
  .dbx-grid.dbx-xs-col-10 {
    grid-template-columns: repeat(10, 1fr);
  }
  .dbx-grid.dbx-xs-row-10 {
    grid-template-rows: repeat(10, 1fr);
  }
  .dbx-grid.dbx-xs-col-9 {
    grid-template-columns: repeat(9, 1fr);
  }
  .dbx-grid.dbx-xs-row-9 {
    grid-template-rows: repeat(9, 1fr);
  }
  .dbx-grid.dbx-xs-col-8 {
    grid-template-columns: repeat(8, 1fr);
  }
  .dbx-grid.dbx-xs-row-8 {
    grid-template-rows: repeat(8, 1fr);
  }
  .dbx-grid.dbx-xs-col-7 {
    grid-template-columns: repeat(7, 1fr);
  }
  .dbx-grid.dbx-xs-row-7 {
    grid-template-rows: repeat(7, 1fr);
  }
  .dbx-grid.dbx-xs-col-6 {
    grid-template-columns: repeat(6, 1fr);
  }
  .dbx-grid.dbx-xs-row-6 {
    grid-template-rows: repeat(6, 1fr);
  }
  .dbx-grid.dbx-xs-col-5 {
    grid-template-columns: repeat(5, 1fr);
  }
  .dbx-grid.dbx-xs-row-5 {
    grid-template-rows: repeat(5, 1fr);
  }
  .dbx-grid.dbx-xs-col-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .dbx-grid.dbx-xs-row-4 {
    grid-template-rows: repeat(4, 1fr);
  }
  .dbx-grid.dbx-xs-col-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .dbx-grid.dbx-xs-row-3 {
    grid-template-rows: repeat(3, 1fr);
  }
  .dbx-grid.dbx-xs-col-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .dbx-grid.dbx-xs-row-2 {
    grid-template-rows: repeat(2, 1fr);
  }
  .dbx-grid.dbx-xs-col-1 {
    grid-template-columns: repeat(1, 1fr);
  }
  .dbx-grid.dbx-xs-row-1 {
    grid-template-rows: repeat(1, 1fr);
  }
  .dbx-grid > .dbx-xs-col-12 {
    grid-column: span 12;
  }
  .dbx-grid > .dbx-xs-row-12 {
    grid-row: span 12;
  }
  .dbx-grid > .dbx-xs-col-11 {
    grid-column: span 11;
  }
  .dbx-grid > .dbx-xs-row-11 {
    grid-row: span 11;
  }
  .dbx-grid > .dbx-xs-col-10 {
    grid-column: span 10;
  }
  .dbx-grid > .dbx-xs-row-10 {
    grid-row: span 10;
  }
  .dbx-grid > .dbx-xs-col-9 {
    grid-column: span 9;
  }
  .dbx-grid > .dbx-xs-row-9 {
    grid-row: span 9;
  }
  .dbx-grid > .dbx-xs-col-8 {
    grid-column: span 8;
  }
  .dbx-grid > .dbx-xs-row-8 {
    grid-row: span 8;
  }
  .dbx-grid > .dbx-xs-col-7 {
    grid-column: span 7;
  }
  .dbx-grid > .dbx-xs-row-7 {
    grid-row: span 7;
  }
  .dbx-grid > .dbx-xs-col-6 {
    grid-column: span 6;
  }
  .dbx-grid > .dbx-xs-row-6 {
    grid-row: span 6;
  }
  .dbx-grid > .dbx-xs-col-5 {
    grid-column: span 5;
  }
  .dbx-grid > .dbx-xs-row-5 {
    grid-row: span 5;
  }
  .dbx-grid > .dbx-xs-col-4 {
    grid-column: span 4;
  }
  .dbx-grid > .dbx-xs-row-4 {
    grid-row: span 4;
  }
  .dbx-grid > .dbx-xs-col-3 {
    grid-column: span 3;
  }
  .dbx-grid > .dbx-xs-row-3 {
    grid-row: span 3;
  }
  .dbx-grid > .dbx-xs-col-2 {
    grid-column: span 2;
  }
  .dbx-grid > .dbx-xs-row-2 {
    grid-row: span 2;
  }
  .dbx-grid > .dbx-xs-col-1 {
    grid-column: span 1;
  }
  .dbx-grid > .dbx-xs-row-1 {
    grid-row: span 1;
  }
  .dbx-xs-gap-120 {
    gap: 120px;
  }
  .dbx-xs-row-gap-120 {
    row-gap: 120px;
  }
  .dbx-xs-col-gap-120 {
    column-gap: 120px;
  }
  .dbx-xs-gap-96 {
    gap: 96px;
  }
  .dbx-xs-row-gap-96 {
    row-gap: 96px;
  }
  .dbx-xs-col-gap-96 {
    column-gap: 96px;
  }
  .dbx-xs-gap-80 {
    gap: 80px;
  }
  .dbx-xs-row-gap-80 {
    row-gap: 80px;
  }
  .dbx-xs-col-gap-80 {
    column-gap: 80px;
  }
  .dbx-xs-gap-72 {
    gap: 72px;
  }
  .dbx-xs-row-gap-72 {
    row-gap: 72px;
  }
  .dbx-xs-col-gap-72 {
    column-gap: 72px;
  }
  .dbx-xs-gap-64 {
    gap: 64px;
  }
  .dbx-xs-row-gap-64 {
    row-gap: 64px;
  }
  .dbx-xs-col-gap-64 {
    column-gap: 64px;
  }
  .dbx-xs-gap-56 {
    gap: 56px;
  }
  .dbx-xs-row-gap-56 {
    row-gap: 56px;
  }
  .dbx-xs-col-gap-56 {
    column-gap: 56px;
  }
  .dbx-xs-gap-48 {
    gap: 48px;
  }
  .dbx-xs-row-gap-48 {
    row-gap: 48px;
  }
  .dbx-xs-col-gap-48 {
    column-gap: 48px;
  }
  .dbx-xs-gap-40 {
    gap: 40px;
  }
  .dbx-xs-row-gap-40 {
    row-gap: 40px;
  }
  .dbx-xs-col-gap-40 {
    column-gap: 40px;
  }
  .dbx-xs-gap-32 {
    gap: 32px;
  }
  .dbx-xs-row-gap-32 {
    row-gap: 32px;
  }
  .dbx-xs-col-gap-32 {
    column-gap: 32px;
  }
  .dbx-xs-gap-24 {
    gap: 24px;
  }
  .dbx-xs-row-gap-24 {
    row-gap: 24px;
  }
  .dbx-xs-col-gap-24 {
    column-gap: 24px;
  }
  .dbx-xs-gap-16 {
    gap: 16px;
  }
  .dbx-xs-row-gap-16 {
    row-gap: 16px;
  }
  .dbx-xs-col-gap-16 {
    column-gap: 16px;
  }
  .dbx-xs-gap-8 {
    gap: 8px;
  }
  .dbx-xs-row-gap-8 {
    row-gap: 8px;
  }
  .dbx-xs-col-gap-8 {
    column-gap: 8px;
  }
  .dbx-xs-text-align-center {
    text-align: center;
  }
  .dbx-xs-text-align-left {
    text-align: left;
  }
  .dbx-xs-text-align-right {
    text-align: right;
  }
  .dbx-xs-place-self-start-start {
    place-self: start start;
  }
  .dbx-xs-place-self-start-center {
    place-self: start center;
  }
  .dbx-xs-place-self-start-end {
    place-self: start end;
  }
  .dbx-xs-place-self-center-start {
    place-self: center start;
  }
  .dbx-xs-place-self-center-center {
    place-self: center center;
  }
  .dbx-xs-place-self-center-end {
    place-self: center end;
  }
  .dbx-xs-place-self-end-start {
    place-self: end start;
  }
  .dbx-xs-place-self-end-center {
    place-self: end center;
  }
  .dbx-xs-place-self-end-end {
    place-self: end end;
  }
}
@media only screen and (min-width: 768px) {
  .dbx-grid.dbx-sm-col-12 {
    grid-template-columns: repeat(12, 1fr);
  }
  .dbx-grid.dbx-sm-row-12 {
    grid-template-rows: repeat(12, 1fr);
  }
  .dbx-grid.dbx-sm-col-11 {
    grid-template-columns: repeat(11, 1fr);
  }
  .dbx-grid.dbx-sm-row-11 {
    grid-template-rows: repeat(11, 1fr);
  }
  .dbx-grid.dbx-sm-col-10 {
    grid-template-columns: repeat(10, 1fr);
  }
  .dbx-grid.dbx-sm-row-10 {
    grid-template-rows: repeat(10, 1fr);
  }
  .dbx-grid.dbx-sm-col-9 {
    grid-template-columns: repeat(9, 1fr);
  }
  .dbx-grid.dbx-sm-row-9 {
    grid-template-rows: repeat(9, 1fr);
  }
  .dbx-grid.dbx-sm-col-8 {
    grid-template-columns: repeat(8, 1fr);
  }
  .dbx-grid.dbx-sm-row-8 {
    grid-template-rows: repeat(8, 1fr);
  }
  .dbx-grid.dbx-sm-col-7 {
    grid-template-columns: repeat(7, 1fr);
  }
  .dbx-grid.dbx-sm-row-7 {
    grid-template-rows: repeat(7, 1fr);
  }
  .dbx-grid.dbx-sm-col-6 {
    grid-template-columns: repeat(6, 1fr);
  }
  .dbx-grid.dbx-sm-row-6 {
    grid-template-rows: repeat(6, 1fr);
  }
  .dbx-grid.dbx-sm-col-5 {
    grid-template-columns: repeat(5, 1fr);
  }
  .dbx-grid.dbx-sm-row-5 {
    grid-template-rows: repeat(5, 1fr);
  }
  .dbx-grid.dbx-sm-col-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .dbx-grid.dbx-sm-row-4 {
    grid-template-rows: repeat(4, 1fr);
  }
  .dbx-grid.dbx-sm-col-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .dbx-grid.dbx-sm-row-3 {
    grid-template-rows: repeat(3, 1fr);
  }
  .dbx-grid.dbx-sm-col-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .dbx-grid.dbx-sm-row-2 {
    grid-template-rows: repeat(2, 1fr);
  }
  .dbx-grid.dbx-sm-col-1 {
    grid-template-columns: repeat(1, 1fr);
  }
  .dbx-grid.dbx-sm-row-1 {
    grid-template-rows: repeat(1, 1fr);
  }
  .dbx-grid > .dbx-sm-col-12 {
    grid-column: span 12;
  }
  .dbx-grid > .dbx-sm-row-12 {
    grid-row: span 12;
  }
  .dbx-grid > .dbx-sm-col-11 {
    grid-column: span 11;
  }
  .dbx-grid > .dbx-sm-row-11 {
    grid-row: span 11;
  }
  .dbx-grid > .dbx-sm-col-10 {
    grid-column: span 10;
  }
  .dbx-grid > .dbx-sm-row-10 {
    grid-row: span 10;
  }
  .dbx-grid > .dbx-sm-col-9 {
    grid-column: span 9;
  }
  .dbx-grid > .dbx-sm-row-9 {
    grid-row: span 9;
  }
  .dbx-grid > .dbx-sm-col-8 {
    grid-column: span 8;
  }
  .dbx-grid > .dbx-sm-row-8 {
    grid-row: span 8;
  }
  .dbx-grid > .dbx-sm-col-7 {
    grid-column: span 7;
  }
  .dbx-grid > .dbx-sm-row-7 {
    grid-row: span 7;
  }
  .dbx-grid > .dbx-sm-col-6 {
    grid-column: span 6;
  }
  .dbx-grid > .dbx-sm-row-6 {
    grid-row: span 6;
  }
  .dbx-grid > .dbx-sm-col-5 {
    grid-column: span 5;
  }
  .dbx-grid > .dbx-sm-row-5 {
    grid-row: span 5;
  }
  .dbx-grid > .dbx-sm-col-4 {
    grid-column: span 4;
  }
  .dbx-grid > .dbx-sm-row-4 {
    grid-row: span 4;
  }
  .dbx-grid > .dbx-sm-col-3 {
    grid-column: span 3;
  }
  .dbx-grid > .dbx-sm-row-3 {
    grid-row: span 3;
  }
  .dbx-grid > .dbx-sm-col-2 {
    grid-column: span 2;
  }
  .dbx-grid > .dbx-sm-row-2 {
    grid-row: span 2;
  }
  .dbx-grid > .dbx-sm-col-1 {
    grid-column: span 1;
  }
  .dbx-grid > .dbx-sm-row-1 {
    grid-row: span 1;
  }
  .dbx-sm-gap-120 {
    gap: 120px;
  }
  .dbx-sm-row-gap-120 {
    row-gap: 120px;
  }
  .dbx-sm-col-gap-120 {
    column-gap: 120px;
  }
  .dbx-sm-gap-96 {
    gap: 96px;
  }
  .dbx-sm-row-gap-96 {
    row-gap: 96px;
  }
  .dbx-sm-col-gap-96 {
    column-gap: 96px;
  }
  .dbx-sm-gap-80 {
    gap: 80px;
  }
  .dbx-sm-row-gap-80 {
    row-gap: 80px;
  }
  .dbx-sm-col-gap-80 {
    column-gap: 80px;
  }
  .dbx-sm-gap-72 {
    gap: 72px;
  }
  .dbx-sm-row-gap-72 {
    row-gap: 72px;
  }
  .dbx-sm-col-gap-72 {
    column-gap: 72px;
  }
  .dbx-sm-gap-64 {
    gap: 64px;
  }
  .dbx-sm-row-gap-64 {
    row-gap: 64px;
  }
  .dbx-sm-col-gap-64 {
    column-gap: 64px;
  }
  .dbx-sm-gap-56 {
    gap: 56px;
  }
  .dbx-sm-row-gap-56 {
    row-gap: 56px;
  }
  .dbx-sm-col-gap-56 {
    column-gap: 56px;
  }
  .dbx-sm-gap-48 {
    gap: 48px;
  }
  .dbx-sm-row-gap-48 {
    row-gap: 48px;
  }
  .dbx-sm-col-gap-48 {
    column-gap: 48px;
  }
  .dbx-sm-gap-40 {
    gap: 40px;
  }
  .dbx-sm-row-gap-40 {
    row-gap: 40px;
  }
  .dbx-sm-col-gap-40 {
    column-gap: 40px;
  }
  .dbx-sm-gap-32 {
    gap: 32px;
  }
  .dbx-sm-row-gap-32 {
    row-gap: 32px;
  }
  .dbx-sm-col-gap-32 {
    column-gap: 32px;
  }
  .dbx-sm-gap-24 {
    gap: 24px;
  }
  .dbx-sm-row-gap-24 {
    row-gap: 24px;
  }
  .dbx-sm-col-gap-24 {
    column-gap: 24px;
  }
  .dbx-sm-gap-16 {
    gap: 16px;
  }
  .dbx-sm-row-gap-16 {
    row-gap: 16px;
  }
  .dbx-sm-col-gap-16 {
    column-gap: 16px;
  }
  .dbx-sm-gap-8 {
    gap: 8px;
  }
  .dbx-sm-row-gap-8 {
    row-gap: 8px;
  }
  .dbx-sm-col-gap-8 {
    column-gap: 8px;
  }
  .dbx-sm-text-align-center {
    text-align: center;
  }
  .dbx-sm-text-align-left {
    text-align: left;
  }
  .dbx-sm-text-align-right {
    text-align: right;
  }
  .dbx-sm-place-self-start-start {
    place-self: start start;
  }
  .dbx-sm-place-self-start-center {
    place-self: start center;
  }
  .dbx-sm-place-self-start-end {
    place-self: start end;
  }
  .dbx-sm-place-self-center-start {
    place-self: center start;
  }
  .dbx-sm-place-self-center-center {
    place-self: center center;
  }
  .dbx-sm-place-self-center-end {
    place-self: center end;
  }
  .dbx-sm-place-self-end-start {
    place-self: end start;
  }
  .dbx-sm-place-self-end-center {
    place-self: end center;
  }
  .dbx-sm-place-self-end-end {
    place-self: end end;
  }
}
@media only screen and (min-width: 1024px) {
  .dbx-grid.dbx-md-col-12 {
    grid-template-columns: repeat(12, 1fr);
  }
  .dbx-grid.dbx-md-row-12 {
    grid-template-rows: repeat(12, 1fr);
  }
  .dbx-grid.dbx-md-col-11 {
    grid-template-columns: repeat(11, 1fr);
  }
  .dbx-grid.dbx-md-row-11 {
    grid-template-rows: repeat(11, 1fr);
  }
  .dbx-grid.dbx-md-col-10 {
    grid-template-columns: repeat(10, 1fr);
  }
  .dbx-grid.dbx-md-row-10 {
    grid-template-rows: repeat(10, 1fr);
  }
  .dbx-grid.dbx-md-col-9 {
    grid-template-columns: repeat(9, 1fr);
  }
  .dbx-grid.dbx-md-row-9 {
    grid-template-rows: repeat(9, 1fr);
  }
  .dbx-grid.dbx-md-col-8 {
    grid-template-columns: repeat(8, 1fr);
  }
  .dbx-grid.dbx-md-row-8 {
    grid-template-rows: repeat(8, 1fr);
  }
  .dbx-grid.dbx-md-col-7 {
    grid-template-columns: repeat(7, 1fr);
  }
  .dbx-grid.dbx-md-row-7 {
    grid-template-rows: repeat(7, 1fr);
  }
  .dbx-grid.dbx-md-col-6 {
    grid-template-columns: repeat(6, 1fr);
  }
  .dbx-grid.dbx-md-row-6 {
    grid-template-rows: repeat(6, 1fr);
  }
  .dbx-grid.dbx-md-col-5 {
    grid-template-columns: repeat(5, 1fr);
  }
  .dbx-grid.dbx-md-row-5 {
    grid-template-rows: repeat(5, 1fr);
  }
  .dbx-grid.dbx-md-col-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .dbx-grid.dbx-md-row-4 {
    grid-template-rows: repeat(4, 1fr);
  }
  .dbx-grid.dbx-md-col-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .dbx-grid.dbx-md-row-3 {
    grid-template-rows: repeat(3, 1fr);
  }
  .dbx-grid.dbx-md-col-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .dbx-grid.dbx-md-row-2 {
    grid-template-rows: repeat(2, 1fr);
  }
  .dbx-grid.dbx-md-col-1 {
    grid-template-columns: repeat(1, 1fr);
  }
  .dbx-grid.dbx-md-row-1 {
    grid-template-rows: repeat(1, 1fr);
  }
  .dbx-grid > .dbx-md-col-12 {
    grid-column: span 12;
  }
  .dbx-grid > .dbx-md-row-12 {
    grid-row: span 12;
  }
  .dbx-grid > .dbx-md-col-11 {
    grid-column: span 11;
  }
  .dbx-grid > .dbx-md-row-11 {
    grid-row: span 11;
  }
  .dbx-grid > .dbx-md-col-10 {
    grid-column: span 10;
  }
  .dbx-grid > .dbx-md-row-10 {
    grid-row: span 10;
  }
  .dbx-grid > .dbx-md-col-9 {
    grid-column: span 9;
  }
  .dbx-grid > .dbx-md-row-9 {
    grid-row: span 9;
  }
  .dbx-grid > .dbx-md-col-8 {
    grid-column: span 8;
  }
  .dbx-grid > .dbx-md-row-8 {
    grid-row: span 8;
  }
  .dbx-grid > .dbx-md-col-7 {
    grid-column: span 7;
  }
  .dbx-grid > .dbx-md-row-7 {
    grid-row: span 7;
  }
  .dbx-grid > .dbx-md-col-6 {
    grid-column: span 6;
  }
  .dbx-grid > .dbx-md-row-6 {
    grid-row: span 6;
  }
  .dbx-grid > .dbx-md-col-5 {
    grid-column: span 5;
  }
  .dbx-grid > .dbx-md-row-5 {
    grid-row: span 5;
  }
  .dbx-grid > .dbx-md-col-4 {
    grid-column: span 4;
  }
  .dbx-grid > .dbx-md-row-4 {
    grid-row: span 4;
  }
  .dbx-grid > .dbx-md-col-3 {
    grid-column: span 3;
  }
  .dbx-grid > .dbx-md-row-3 {
    grid-row: span 3;
  }
  .dbx-grid > .dbx-md-col-2 {
    grid-column: span 2;
  }
  .dbx-grid > .dbx-md-row-2 {
    grid-row: span 2;
  }
  .dbx-grid > .dbx-md-col-1 {
    grid-column: span 1;
  }
  .dbx-grid > .dbx-md-row-1 {
    grid-row: span 1;
  }
  .dbx-md-gap-120 {
    gap: 120px;
  }
  .dbx-md-row-gap-120 {
    row-gap: 120px;
  }
  .dbx-md-col-gap-120 {
    column-gap: 120px;
  }
  .dbx-md-gap-96 {
    gap: 96px;
  }
  .dbx-md-row-gap-96 {
    row-gap: 96px;
  }
  .dbx-md-col-gap-96 {
    column-gap: 96px;
  }
  .dbx-md-gap-80 {
    gap: 80px;
  }
  .dbx-md-row-gap-80 {
    row-gap: 80px;
  }
  .dbx-md-col-gap-80 {
    column-gap: 80px;
  }
  .dbx-md-gap-72 {
    gap: 72px;
  }
  .dbx-md-row-gap-72 {
    row-gap: 72px;
  }
  .dbx-md-col-gap-72 {
    column-gap: 72px;
  }
  .dbx-md-gap-64 {
    gap: 64px;
  }
  .dbx-md-row-gap-64 {
    row-gap: 64px;
  }
  .dbx-md-col-gap-64 {
    column-gap: 64px;
  }
  .dbx-md-gap-56 {
    gap: 56px;
  }
  .dbx-md-row-gap-56 {
    row-gap: 56px;
  }
  .dbx-md-col-gap-56 {
    column-gap: 56px;
  }
  .dbx-md-gap-48 {
    gap: 48px;
  }
  .dbx-md-row-gap-48 {
    row-gap: 48px;
  }
  .dbx-md-col-gap-48 {
    column-gap: 48px;
  }
  .dbx-md-gap-40 {
    gap: 40px;
  }
  .dbx-md-row-gap-40 {
    row-gap: 40px;
  }
  .dbx-md-col-gap-40 {
    column-gap: 40px;
  }
  .dbx-md-gap-32 {
    gap: 32px;
  }
  .dbx-md-row-gap-32 {
    row-gap: 32px;
  }
  .dbx-md-col-gap-32 {
    column-gap: 32px;
  }
  .dbx-md-gap-24 {
    gap: 24px;
  }
  .dbx-md-row-gap-24 {
    row-gap: 24px;
  }
  .dbx-md-col-gap-24 {
    column-gap: 24px;
  }
  .dbx-md-gap-16 {
    gap: 16px;
  }
  .dbx-md-row-gap-16 {
    row-gap: 16px;
  }
  .dbx-md-col-gap-16 {
    column-gap: 16px;
  }
  .dbx-md-gap-8 {
    gap: 8px;
  }
  .dbx-md-row-gap-8 {
    row-gap: 8px;
  }
  .dbx-md-col-gap-8 {
    column-gap: 8px;
  }
  .dbx-md-text-align-center {
    text-align: center;
  }
  .dbx-md-text-align-left {
    text-align: left;
  }
  .dbx-md-text-align-right {
    text-align: right;
  }
  .dbx-md-place-self-start-start {
    place-self: start start;
  }
  .dbx-md-place-self-start-center {
    place-self: start center;
  }
  .dbx-md-place-self-start-end {
    place-self: start end;
  }
  .dbx-md-place-self-center-start {
    place-self: center start;
  }
  .dbx-md-place-self-center-center {
    place-self: center center;
  }
  .dbx-md-place-self-center-end {
    place-self: center end;
  }
  .dbx-md-place-self-end-start {
    place-self: end start;
  }
  .dbx-md-place-self-end-center {
    place-self: end center;
  }
  .dbx-md-place-self-end-end {
    place-self: end end;
  }
}
@media only screen and (min-width: 1200px) {
  .dbx-grid.dbx-lg-col-12 {
    grid-template-columns: repeat(12, 1fr);
  }
  .dbx-grid.dbx-lg-row-12 {
    grid-template-rows: repeat(12, 1fr);
  }
  .dbx-grid.dbx-lg-col-11 {
    grid-template-columns: repeat(11, 1fr);
  }
  .dbx-grid.dbx-lg-row-11 {
    grid-template-rows: repeat(11, 1fr);
  }
  .dbx-grid.dbx-lg-col-10 {
    grid-template-columns: repeat(10, 1fr);
  }
  .dbx-grid.dbx-lg-row-10 {
    grid-template-rows: repeat(10, 1fr);
  }
  .dbx-grid.dbx-lg-col-9 {
    grid-template-columns: repeat(9, 1fr);
  }
  .dbx-grid.dbx-lg-row-9 {
    grid-template-rows: repeat(9, 1fr);
  }
  .dbx-grid.dbx-lg-col-8 {
    grid-template-columns: repeat(8, 1fr);
  }
  .dbx-grid.dbx-lg-row-8 {
    grid-template-rows: repeat(8, 1fr);
  }
  .dbx-grid.dbx-lg-col-7 {
    grid-template-columns: repeat(7, 1fr);
  }
  .dbx-grid.dbx-lg-row-7 {
    grid-template-rows: repeat(7, 1fr);
  }
  .dbx-grid.dbx-lg-col-6 {
    grid-template-columns: repeat(6, 1fr);
  }
  .dbx-grid.dbx-lg-row-6 {
    grid-template-rows: repeat(6, 1fr);
  }
  .dbx-grid.dbx-lg-col-5 {
    grid-template-columns: repeat(5, 1fr);
  }
  .dbx-grid.dbx-lg-row-5 {
    grid-template-rows: repeat(5, 1fr);
  }
  .dbx-grid.dbx-lg-col-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .dbx-grid.dbx-lg-row-4 {
    grid-template-rows: repeat(4, 1fr);
  }
  .dbx-grid.dbx-lg-col-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .dbx-grid.dbx-lg-row-3 {
    grid-template-rows: repeat(3, 1fr);
  }
  .dbx-grid.dbx-lg-col-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .dbx-grid.dbx-lg-row-2 {
    grid-template-rows: repeat(2, 1fr);
  }
  .dbx-grid.dbx-lg-col-1 {
    grid-template-columns: repeat(1, 1fr);
  }
  .dbx-grid.dbx-lg-row-1 {
    grid-template-rows: repeat(1, 1fr);
  }
  .dbx-grid > .dbx-lg-col-12 {
    grid-column: span 12;
  }
  .dbx-grid > .dbx-lg-row-12 {
    grid-row: span 12;
  }
  .dbx-grid > .dbx-lg-col-11 {
    grid-column: span 11;
  }
  .dbx-grid > .dbx-lg-row-11 {
    grid-row: span 11;
  }
  .dbx-grid > .dbx-lg-col-10 {
    grid-column: span 10;
  }
  .dbx-grid > .dbx-lg-row-10 {
    grid-row: span 10;
  }
  .dbx-grid > .dbx-lg-col-9 {
    grid-column: span 9;
  }
  .dbx-grid > .dbx-lg-row-9 {
    grid-row: span 9;
  }
  .dbx-grid > .dbx-lg-col-8 {
    grid-column: span 8;
  }
  .dbx-grid > .dbx-lg-row-8 {
    grid-row: span 8;
  }
  .dbx-grid > .dbx-lg-col-7 {
    grid-column: span 7;
  }
  .dbx-grid > .dbx-lg-row-7 {
    grid-row: span 7;
  }
  .dbx-grid > .dbx-lg-col-6 {
    grid-column: span 6;
  }
  .dbx-grid > .dbx-lg-row-6 {
    grid-row: span 6;
  }
  .dbx-grid > .dbx-lg-col-5 {
    grid-column: span 5;
  }
  .dbx-grid > .dbx-lg-row-5 {
    grid-row: span 5;
  }
  .dbx-grid > .dbx-lg-col-4 {
    grid-column: span 4;
  }
  .dbx-grid > .dbx-lg-row-4 {
    grid-row: span 4;
  }
  .dbx-grid > .dbx-lg-col-3 {
    grid-column: span 3;
  }
  .dbx-grid > .dbx-lg-row-3 {
    grid-row: span 3;
  }
  .dbx-grid > .dbx-lg-col-2 {
    grid-column: span 2;
  }
  .dbx-grid > .dbx-lg-row-2 {
    grid-row: span 2;
  }
  .dbx-grid > .dbx-lg-col-1 {
    grid-column: span 1;
  }
  .dbx-grid > .dbx-lg-row-1 {
    grid-row: span 1;
  }
  .dbx-lg-gap-120 {
    gap: 120px;
  }
  .dbx-lg-row-gap-120 {
    row-gap: 120px;
  }
  .dbx-lg-col-gap-120 {
    column-gap: 120px;
  }
  .dbx-lg-gap-96 {
    gap: 96px;
  }
  .dbx-lg-row-gap-96 {
    row-gap: 96px;
  }
  .dbx-lg-col-gap-96 {
    column-gap: 96px;
  }
  .dbx-lg-gap-80 {
    gap: 80px;
  }
  .dbx-lg-row-gap-80 {
    row-gap: 80px;
  }
  .dbx-lg-col-gap-80 {
    column-gap: 80px;
  }
  .dbx-lg-gap-72 {
    gap: 72px;
  }
  .dbx-lg-row-gap-72 {
    row-gap: 72px;
  }
  .dbx-lg-col-gap-72 {
    column-gap: 72px;
  }
  .dbx-lg-gap-64 {
    gap: 64px;
  }
  .dbx-lg-row-gap-64 {
    row-gap: 64px;
  }
  .dbx-lg-col-gap-64 {
    column-gap: 64px;
  }
  .dbx-lg-gap-56 {
    gap: 56px;
  }
  .dbx-lg-row-gap-56 {
    row-gap: 56px;
  }
  .dbx-lg-col-gap-56 {
    column-gap: 56px;
  }
  .dbx-lg-gap-48 {
    gap: 48px;
  }
  .dbx-lg-row-gap-48 {
    row-gap: 48px;
  }
  .dbx-lg-col-gap-48 {
    column-gap: 48px;
  }
  .dbx-lg-gap-40 {
    gap: 40px;
  }
  .dbx-lg-row-gap-40 {
    row-gap: 40px;
  }
  .dbx-lg-col-gap-40 {
    column-gap: 40px;
  }
  .dbx-lg-gap-32 {
    gap: 32px;
  }
  .dbx-lg-row-gap-32 {
    row-gap: 32px;
  }
  .dbx-lg-col-gap-32 {
    column-gap: 32px;
  }
  .dbx-lg-gap-24 {
    gap: 24px;
  }
  .dbx-lg-row-gap-24 {
    row-gap: 24px;
  }
  .dbx-lg-col-gap-24 {
    column-gap: 24px;
  }
  .dbx-lg-gap-16 {
    gap: 16px;
  }
  .dbx-lg-row-gap-16 {
    row-gap: 16px;
  }
  .dbx-lg-col-gap-16 {
    column-gap: 16px;
  }
  .dbx-lg-gap-8 {
    gap: 8px;
  }
  .dbx-lg-row-gap-8 {
    row-gap: 8px;
  }
  .dbx-lg-col-gap-8 {
    column-gap: 8px;
  }
  .dbx-lg-text-align-center {
    text-align: center;
  }
  .dbx-lg-text-align-left {
    text-align: left;
  }
  .dbx-lg-text-align-right {
    text-align: right;
  }
  .dbx-lg-place-self-start-start {
    place-self: start start;
  }
  .dbx-lg-place-self-start-center {
    place-self: start center;
  }
  .dbx-lg-place-self-start-end {
    place-self: start end;
  }
  .dbx-lg-place-self-center-start {
    place-self: center start;
  }
  .dbx-lg-place-self-center-center {
    place-self: center center;
  }
  .dbx-lg-place-self-center-end {
    place-self: center end;
  }
  .dbx-lg-place-self-end-start {
    place-self: end start;
  }
  .dbx-lg-place-self-end-center {
    place-self: end center;
  }
  .dbx-lg-place-self-end-end {
    place-self: end end;
  }
}
@media only screen and (min-width: 1440px) {
  .dbx-grid.dbx-xl-col-12 {
    grid-template-columns: repeat(12, 1fr);
  }
  .dbx-grid.dbx-xl-row-12 {
    grid-template-rows: repeat(12, 1fr);
  }
  .dbx-grid.dbx-xl-col-11 {
    grid-template-columns: repeat(11, 1fr);
  }
  .dbx-grid.dbx-xl-row-11 {
    grid-template-rows: repeat(11, 1fr);
  }
  .dbx-grid.dbx-xl-col-10 {
    grid-template-columns: repeat(10, 1fr);
  }
  .dbx-grid.dbx-xl-row-10 {
    grid-template-rows: repeat(10, 1fr);
  }
  .dbx-grid.dbx-xl-col-9 {
    grid-template-columns: repeat(9, 1fr);
  }
  .dbx-grid.dbx-xl-row-9 {
    grid-template-rows: repeat(9, 1fr);
  }
  .dbx-grid.dbx-xl-col-8 {
    grid-template-columns: repeat(8, 1fr);
  }
  .dbx-grid.dbx-xl-row-8 {
    grid-template-rows: repeat(8, 1fr);
  }
  .dbx-grid.dbx-xl-col-7 {
    grid-template-columns: repeat(7, 1fr);
  }
  .dbx-grid.dbx-xl-row-7 {
    grid-template-rows: repeat(7, 1fr);
  }
  .dbx-grid.dbx-xl-col-6 {
    grid-template-columns: repeat(6, 1fr);
  }
  .dbx-grid.dbx-xl-row-6 {
    grid-template-rows: repeat(6, 1fr);
  }
  .dbx-grid.dbx-xl-col-5 {
    grid-template-columns: repeat(5, 1fr);
  }
  .dbx-grid.dbx-xl-row-5 {
    grid-template-rows: repeat(5, 1fr);
  }
  .dbx-grid.dbx-xl-col-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .dbx-grid.dbx-xl-row-4 {
    grid-template-rows: repeat(4, 1fr);
  }
  .dbx-grid.dbx-xl-col-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .dbx-grid.dbx-xl-row-3 {
    grid-template-rows: repeat(3, 1fr);
  }
  .dbx-grid.dbx-xl-col-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .dbx-grid.dbx-xl-row-2 {
    grid-template-rows: repeat(2, 1fr);
  }
  .dbx-grid.dbx-xl-col-1 {
    grid-template-columns: repeat(1, 1fr);
  }
  .dbx-grid.dbx-xl-row-1 {
    grid-template-rows: repeat(1, 1fr);
  }
  .dbx-grid > .dbx-xl-col-12 {
    grid-column: span 12;
  }
  .dbx-grid > .dbx-xl-row-12 {
    grid-row: span 12;
  }
  .dbx-grid > .dbx-xl-col-11 {
    grid-column: span 11;
  }
  .dbx-grid > .dbx-xl-row-11 {
    grid-row: span 11;
  }
  .dbx-grid > .dbx-xl-col-10 {
    grid-column: span 10;
  }
  .dbx-grid > .dbx-xl-row-10 {
    grid-row: span 10;
  }
  .dbx-grid > .dbx-xl-col-9 {
    grid-column: span 9;
  }
  .dbx-grid > .dbx-xl-row-9 {
    grid-row: span 9;
  }
  .dbx-grid > .dbx-xl-col-8 {
    grid-column: span 8;
  }
  .dbx-grid > .dbx-xl-row-8 {
    grid-row: span 8;
  }
  .dbx-grid > .dbx-xl-col-7 {
    grid-column: span 7;
  }
  .dbx-grid > .dbx-xl-row-7 {
    grid-row: span 7;
  }
  .dbx-grid > .dbx-xl-col-6 {
    grid-column: span 6;
  }
  .dbx-grid > .dbx-xl-row-6 {
    grid-row: span 6;
  }
  .dbx-grid > .dbx-xl-col-5 {
    grid-column: span 5;
  }
  .dbx-grid > .dbx-xl-row-5 {
    grid-row: span 5;
  }
  .dbx-grid > .dbx-xl-col-4 {
    grid-column: span 4;
  }
  .dbx-grid > .dbx-xl-row-4 {
    grid-row: span 4;
  }
  .dbx-grid > .dbx-xl-col-3 {
    grid-column: span 3;
  }
  .dbx-grid > .dbx-xl-row-3 {
    grid-row: span 3;
  }
  .dbx-grid > .dbx-xl-col-2 {
    grid-column: span 2;
  }
  .dbx-grid > .dbx-xl-row-2 {
    grid-row: span 2;
  }
  .dbx-grid > .dbx-xl-col-1 {
    grid-column: span 1;
  }
  .dbx-grid > .dbx-xl-row-1 {
    grid-row: span 1;
  }
  .dbx-xl-gap-120 {
    gap: 120px;
  }
  .dbx-xl-row-gap-120 {
    row-gap: 120px;
  }
  .dbx-xl-col-gap-120 {
    column-gap: 120px;
  }
  .dbx-xl-gap-96 {
    gap: 96px;
  }
  .dbx-xl-row-gap-96 {
    row-gap: 96px;
  }
  .dbx-xl-col-gap-96 {
    column-gap: 96px;
  }
  .dbx-xl-gap-80 {
    gap: 80px;
  }
  .dbx-xl-row-gap-80 {
    row-gap: 80px;
  }
  .dbx-xl-col-gap-80 {
    column-gap: 80px;
  }
  .dbx-xl-gap-72 {
    gap: 72px;
  }
  .dbx-xl-row-gap-72 {
    row-gap: 72px;
  }
  .dbx-xl-col-gap-72 {
    column-gap: 72px;
  }
  .dbx-xl-gap-64 {
    gap: 64px;
  }
  .dbx-xl-row-gap-64 {
    row-gap: 64px;
  }
  .dbx-xl-col-gap-64 {
    column-gap: 64px;
  }
  .dbx-xl-gap-56 {
    gap: 56px;
  }
  .dbx-xl-row-gap-56 {
    row-gap: 56px;
  }
  .dbx-xl-col-gap-56 {
    column-gap: 56px;
  }
  .dbx-xl-gap-48 {
    gap: 48px;
  }
  .dbx-xl-row-gap-48 {
    row-gap: 48px;
  }
  .dbx-xl-col-gap-48 {
    column-gap: 48px;
  }
  .dbx-xl-gap-40 {
    gap: 40px;
  }
  .dbx-xl-row-gap-40 {
    row-gap: 40px;
  }
  .dbx-xl-col-gap-40 {
    column-gap: 40px;
  }
  .dbx-xl-gap-32 {
    gap: 32px;
  }
  .dbx-xl-row-gap-32 {
    row-gap: 32px;
  }
  .dbx-xl-col-gap-32 {
    column-gap: 32px;
  }
  .dbx-xl-gap-24 {
    gap: 24px;
  }
  .dbx-xl-row-gap-24 {
    row-gap: 24px;
  }
  .dbx-xl-col-gap-24 {
    column-gap: 24px;
  }
  .dbx-xl-gap-16 {
    gap: 16px;
  }
  .dbx-xl-row-gap-16 {
    row-gap: 16px;
  }
  .dbx-xl-col-gap-16 {
    column-gap: 16px;
  }
  .dbx-xl-gap-8 {
    gap: 8px;
  }
  .dbx-xl-row-gap-8 {
    row-gap: 8px;
  }
  .dbx-xl-col-gap-8 {
    column-gap: 8px;
  }
  .dbx-xl-text-align-center {
    text-align: center;
  }
  .dbx-xl-text-align-left {
    text-align: left;
  }
  .dbx-xl-text-align-right {
    text-align: right;
  }
  .dbx-xl-place-self-start-start {
    place-self: start start;
  }
  .dbx-xl-place-self-start-center {
    place-self: start center;
  }
  .dbx-xl-place-self-start-end {
    place-self: start end;
  }
  .dbx-xl-place-self-center-start {
    place-self: center start;
  }
  .dbx-xl-place-self-center-center {
    place-self: center center;
  }
  .dbx-xl-place-self-center-end {
    place-self: center end;
  }
  .dbx-xl-place-self-end-start {
    place-self: end start;
  }
  .dbx-xl-place-self-end-center {
    place-self: end center;
  }
  .dbx-xl-place-self-end-end {
    place-self: end end;
  }
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
#legal .header {
  background-image: url(../img/other/legal-background.jpg);
  background-size: cover;
  padding: 20px 0 60px;
}
#legal .header h1 {
  line-height: 1.2;
}
#legal .header h2 {
  font-size: 22px;
  font-weight: 300;
  line-height: 1.2;
}
#legal .content h1 {
  color: #4d71f1;
  font-size: 50px;
  font-weight: 500;
  margin: 10px 0 40px;
}
#legal #sidebar {
  padding-top: 12px;
}
#legal #sidebar ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
#legal #sidebar a {
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  padding: 10px 0 10px 20px;
  position: relative;
}
#legal #sidebar a:before {
  font-family: Icons;
  content: "\35";
  font-size: 10px;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -10px;
}
#legal #sidebar li.current-menu-item a {
  color: #8e929b;
}
#legal #outlet h3 {
  font-size: 26px;
  line-height: 36px;
  font-weight: 500;
  margin: 10px 0 27px;
}
#legal #outlet a {
  text-decoration: underline;
}
#legal #outlet a:hover {
  text-decoration: none;
}
#legal #outlet li,
#legal #outlet p {
  font-size: 18px;
  line-height: 28px;
}
#legal #outlet p {
  margin: 10px 0 27px;
}
#legal #outlet ul {
  padding: 0;
  margin: 0;
  list-style: none;
  margin-bottom: 40px;
}
#legal #outlet ul li {
  padding-left: 25px;
  position: relative;
}
#legal #outlet ul li:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "·";
}
#legal #outlet li {
  margin-bottom: 27px;
}
#legal #outlet table {
  width: 100%;
  margin-bottom: 30px;
}
#legal #outlet table td,
#legal #outlet table th {
  border: none;
  font-size: 14px;
  line-height: 16px;
  text-align: left;
  padding-left: 14px;
}
#legal #outlet table th {
  background-color: rgba(166, 176, 186, 0.25);
  font-weight: 500;
  padding-top: 18px;
  padding-bottom: 18px;
}
#legal #outlet table td {
  font-weight: 300;
  border-bottom: 1px solid rgba(166, 176, 186, 0.2);
  padding-top: 10px;
  padding-bottom: 9px;
}
@media only screen and (max-width: 991px) {
  #legal #sidebar {
    padding-top: 0;
    margin: -30px 0 30px;
  }
}
@media only screen and (max-width: 767px) {
  #legal #sidebar {
    margin-top: 0;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 480px),
  only screen and (min-device-pixel-ratio: 2) and (min-width: 480px),
  only screen and (-webkit-max-device-pixel-ratio: 1.5) and (min-width: 800px),
  only screen and (max-device-pixel-ratio: 1.5) and (min-width: 800px) {
  #legal .header {
    background-image: url(../img/other/legal-background-2x.jpg);
  }
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
#lesson {
  padding-top: 111px;
  letter-spacing: 0;
}
#lesson .lesson-wrapper {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  min-height: 200px;
  position: relative;
}
#lesson .lesson-wrapper::before {
  content: "";
  background: #f3f4f8;
  position: absolute;
  left: -22%;
  height: 100%;
  width: 50%;
}
#lesson .lesson-wrapper .row {
  display: flex;
}
#lesson .lesson-wrapper .lesson-sidebar {
  padding-top: 64px;
  background: #f3f4f8;
  max-width: 330px;
  width: 100%;
  padding-right: 40px;
}
#lesson .lesson-wrapper .lesson-sidebar .search-form-lesson {
  position: relative;
}
#lesson .lesson-wrapper .lesson-sidebar .search-form-lesson input[type="text"] {
  width: 100%;
  border: 1px solid rgba(142, 146, 155, 0.2);
  border-radius: 8px;
  height: 48px;
  line-height: 48px;
  color: #1c1d1f;
  font-size: 14px;
  padding: 0 28px;
}
#lesson
  .lesson-wrapper
  .lesson-sidebar
  .search-form-lesson
  input[type="text"]::placeholder {
  color: #8e929b;
}
#lesson
  .lesson-wrapper
  .lesson-sidebar
  .search-form-lesson
  input[type="submit"] {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-family: Icons;
  background: 0 0;
  border: none;
  padding: 0;
  color: #8e929b;
}
#lesson .lesson-wrapper .lesson-sidebar h2 {
  margin: 0 0 16px;
  text-transform: uppercase;
  color: #4d71f1;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  position: relative;
}
#lesson .lesson-wrapper .lesson-sidebar ul.menu {
  padding: 35px 0 0 0;
  list-style: none;
  counter-reset: list-counter;
}
#lesson .lesson-wrapper .lesson-sidebar ul.menu li {
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  color: #1c1d1f;
  margin-bottom: 27px;
  counter-increment: list-counter;
  position: relative;
  padding-left: 30px;
}
#lesson .lesson-wrapper .lesson-sidebar ul.menu li::before {
  content: "0" counter(list-counter);
  position: absolute;
  left: 0;
  top: -3px;
  font-weight: 700;
  font-size: 16px;
  line-height: 30px;
  color: rgba(28, 29, 31, 0.3);
}
#lesson .lesson-wrapper .lesson-sidebar ul.menu li a {
  color: #1c1d1f;
}
#lesson .lesson-wrapper .lesson-sidebar ul.menu li a:hover {
  color: #4d71f1;
}
#lesson .lesson-wrapper .lesson-sidebar ul.menu li.current-menu-item::before {
  color: #4d71f1;
}
#lesson .lesson-wrapper .lesson-sidebar ul.menu li.current-menu-item > a {
  font-weight: 700;
}
#lesson .lesson-wrapper .lesson-sidebar ul.menu li.current-menu-parent::before {
  color: #4d71f1;
}
#lesson .lesson-wrapper .lesson-sidebar ul.menu ul {
  list-style: none;
  padding: 0;
}
#lesson .lesson-wrapper .lesson-sidebar ul.menu ul li {
  font-weight: 400;
  font-size: 16px;
  margin: 0;
  padding-top: 16px;
  counter-reset: list-counter;
  padding-left: 0;
}
#lesson .lesson-wrapper .lesson-sidebar ul.menu ul li::before {
  display: none;
}
@media screen and (max-width: 992px) {
  #lesson .lesson-wrapper .lesson-sidebar {
    padding: 0 0 42px;
    background: 0 0;
    position: relative;
    max-width: 100%;
  }
  #lesson .lesson-wrapper .lesson-sidebar h2 {
    text-align: center;
    background: #e8f5fb;
    padding: 8px;
    text-transform: none;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0;
  }
  #lesson .lesson-wrapper .lesson-sidebar h2::after {
    content: "\35";
    font-family: Icons;
    display: inline-block;
    transform: rotate(90deg);
    margin-left: 6px;
  }
  #lesson .lesson-wrapper .lesson-sidebar h2.activeEl::after {
    transform: rotate(270deg);
  }
  #lesson .lesson-wrapper .lesson-sidebar .search-form-lesson {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: all 0.5s ease;
    margin: 0 15px;
  }
  #lesson .lesson-wrapper .lesson-sidebar .search-form-lesson form {
    position: relative;
  }
  #lesson .lesson-wrapper .lesson-sidebar .menu-lessons-menu-container {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: all 0.5s ease;
    margin: 0 15px;
  }
  #lesson .lesson-wrapper .lesson-sidebar.activeEl .search-form-lesson {
    margin: 15px 15px 0;
    opacity: 1;
    max-height: 48px;
  }
  #lesson
    .lesson-wrapper
    .lesson-sidebar.activeEl
    .menu-lessons-menu-container {
    margin: 0 15px 25px;
    opacity: 1;
    max-height: 500px;
    overflow: auto;
  }
}
#lesson .lesson-wrapper .lesson-content {
  padding-top: 64px;
  width: 100%;
  max-width: calc(100% - 330px);
}
#lesson .lesson-wrapper .lesson-content .lesson-content-inner {
  margin-left: 56px;
  padding-right: 40px;
  padding-bottom: 90px;
}
#lesson .lesson-wrapper .lesson-content .lesson-content-inner .container {
  width: auto;
}
#lesson .lesson-wrapper .lesson-content .reach-title .before-title {
  margin: 110px 0 0;
  text-transform: uppercase;
  color: #4d71f1;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  display: block;
}
#lesson .lesson-wrapper .lesson-content .reach-title p {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  margin: 0 0 16px;
  color: #393a3e;
}
#lesson .lesson-wrapper .lesson-content .reach-title ul li:first-child {
  padding-top: 0;
}
#lesson .lesson-wrapper .lesson-content .reach-title ul li:last-child {
  padding-bottom: 0;
}
#lesson .lesson-wrapper .lesson-content .reach-title h2 {
  margin-top: 0;
}
#lesson
  .lesson-wrapper
  .lesson-content
  .reach-title:first-of-type
  .before-title {
  margin-top: 0;
}
#lesson .lesson-wrapper .lesson-content .wp-block-video {
  padding-top: 16px;
}
#lesson .lesson-wrapper .lesson-content .quote-block {
  background: rgba(29, 154, 214, 0.1);
  border: 1px solid #4d71f1;
  padding: 32px;
  border-radius: 16px;
  margin: 120px 0 100px;
}
#lesson .lesson-wrapper .lesson-content .quote-block h2 {
  margin: 0 0 24px;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  color: #2d3237;
}
#lesson .lesson-wrapper .lesson-content .quote-block ul {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #72757c;
}
#lesson .lesson-wrapper .lesson-content .quote-block ul li {
  margin: 0 0 16px;
  position: relative;
  padding: 0 0 0 16px;
}
#lesson .lesson-wrapper .lesson-content .quote-block ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -4px;
  width: 8px;
  height: 8px;
  display: block;
  border-radius: 100%;
  background: #4d71f1;
}
#lesson .lesson-wrapper .lesson-content .quote-block ul li:last-child {
  margin-bottom: 0;
}
#lesson .lesson-wrapper .lesson-content h1,
#lesson .lesson-wrapper .lesson-content h2 {
  font-weight: 500;
  margin: 16px 0;
  color: #1c1d1f;
  max-width: 650px;
}
#lesson .lesson-wrapper .lesson-content h1 {
  font-size: 36px;
  line-height: 48px;
}
#lesson .lesson-wrapper .lesson-content h2 {
  font-size: 28px;
  line-height: 40px;
  margin-top: 110px;
}
#lesson .lesson-wrapper .lesson-content h3 {
  font-size: 20px;
  line-height: 32px;
  font-weight: 500;
  color: #2d3237;
}
#lesson .lesson-wrapper .lesson-content h3 strong {
  font-weight: 700;
}
#lesson .lesson-wrapper .lesson-content p {
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  margin: 0;
  color: #393a3e;
  padding-bottom: 16px;
}
#lesson .lesson-wrapper .lesson-content ol,
#lesson .lesson-wrapper .lesson-content ul {
  padding: 0 0 16px 12px;
  color: #393a3e;
}
#lesson .lesson-wrapper .lesson-content ol li,
#lesson .lesson-wrapper .lesson-content ul li {
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  padding: 16px 0 16px;
  margin: 0;
}
#lesson .lesson-wrapper .lesson-content ol li:last-child,
#lesson .lesson-wrapper .lesson-content ul li:last-child {
  padding-bottom: 0;
}
#lesson .lesson-wrapper .lesson-content ol li strong,
#lesson .lesson-wrapper .lesson-content ul li strong {
  font-weight: 700;
}
#lesson .lesson-wrapper .lesson-content ol li ul,
#lesson .lesson-wrapper .lesson-content ul li ul {
  list-style: disc;
  padding-left: 20px;
  padding-top: 32px;
  padding-bottom: 0;
}
#lesson .lesson-wrapper .lesson-content ol li ul li,
#lesson .lesson-wrapper .lesson-content ul li ul li {
  padding: 0;
}
#lesson .lesson-wrapper .lesson-content ol li ol,
#lesson .lesson-wrapper .lesson-content ul li ol {
  padding-bottom: 0;
}
#lesson .lesson-wrapper .lesson-content ol li ol li,
#lesson .lesson-wrapper .lesson-content ul li ol li {
  padding: 10px 0 0;
}
#lesson .lesson-wrapper .lesson-content ol.image-list,
#lesson .lesson-wrapper .lesson-content ul.image-list {
  list-style: none;
  padding: 0 0 16px;
}
#lesson .lesson-wrapper .lesson-content ol.image-list li,
#lesson .lesson-wrapper .lesson-content ul.image-list li {
  position: relative;
  padding-left: 65px;
}
#lesson .lesson-wrapper .lesson-content ol.image-list li img,
#lesson .lesson-wrapper .lesson-content ul.image-list li img {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
#lesson .lesson-wrapper .tips-tricks .reach-title .before-title,
#lesson .lesson-wrapper .tips-tricks .reach-title:first-of-type .before-title {
  margin-top: 110px;
}
#lesson .lesson-wrapper .tips-tricks ol {
  list-style: none;
  counter-reset: item;
  padding: 0;
}
#lesson .lesson-wrapper .tips-tricks ol li {
  counter-increment: item;
  margin-bottom: 5px;
  position: relative;
  padding-left: 42px;
}
#lesson .lesson-wrapper .tips-tricks ol li::before {
  margin-right: 10px;
  content: counter(item);
  background: #4d71f1;
  border-radius: 100%;
  color: #fff;
  width: 32px;
  height: 32px;
  text-align: center;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 12px;
  font-size: 18px;
  line-height: 32px;
  font-weight: 700;
}
#lesson .lesson-wrapper .tips-tricks ol li img {
  width: 100% !important;
  display: block;
}
#lesson .lesson-wrapper .tips-tricks ol li .tips-title {
  display: block;
  margin-bottom: 8px;
  font-weight: 500;
  cursor: pointer;
}
#lesson .lesson-wrapper .tips-tricks ol li .tips-content {
  display: none;
  min-height: 0;
  width: 100%;
  transition: all 0s ease-in-out;
}
#lesson .lesson-wrapper .tips-tricks ol li .tips-content ul li::before {
  display: none;
}
#lesson .lesson-wrapper .tips-tricks ol li.active .tips-content {
  min-height: auto;
}
@media screen and (max-width: 992px) {
  #lesson .lesson-wrapper::before {
    display: none;
  }
  #lesson .lesson-wrapper .row {
    display: block;
  }
  #lesson .lesson-wrapper .lesson-content {
    max-width: 95%;
    margin: auto;
  }
  #lesson .lesson-wrapper .lesson-content .lesson-content-inner {
    margin-left: 0;
  }
  #lesson .lesson-wrapper .lesson-content .quote-block {
    padding: 16px;
  }
}
#lesson .lesson-pagination {
  border-top: 1px solid #e5e5e5;
  background: #fff;
}
#lesson .lesson-pagination .lesson-pagination-box {
  display: flex;
}
#lesson .lesson-pagination .lesson-pagination-box .pagination-item {
  width: 50%;
}
#lesson
  .lesson-pagination
  .lesson-pagination-box
  .pagination-item.pagination-left {
  border-right: 1px solid #e5e5e5;
}
#lesson
  .lesson-pagination
  .lesson-pagination-box
  .pagination-item.pagination-left
  .icon {
  position: relative;
  transform: rotate(180deg);
}
#lesson
  .lesson-pagination
  .lesson-pagination-box
  .pagination-item.pagination-left
  a {
  padding-right: 20px;
}
#lesson
  .lesson-pagination
  .lesson-pagination-box
  .pagination-item.pagination-right {
  text-align: right;
}
#lesson
  .lesson-pagination
  .lesson-pagination-box
  .pagination-item.pagination-right
  a {
  padding-left: 20px;
}
#lesson .lesson-pagination .lesson-pagination-box .pagination-item a {
  color: #2d3237;
  padding: 42px 56px 52px;
  display: block;
  height: 100%;
}
#lesson .lesson-pagination .lesson-pagination-box .pagination-item a .icon {
  display: inline-block;
  background: #4d71f1;
  color: #fff;
  width: 48px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  border-radius: 8px;
  font-size: 15px;
  margin-bottom: 32px;
}
#lesson
  .lesson-pagination
  .lesson-pagination-box
  .pagination-item
  a
  .icon.inactive {
  color: #d2d3d7;
}
#lesson .lesson-pagination .lesson-pagination-box .pagination-item a strong {
  display: block;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #2d3237;
}
#lesson
  .lesson-pagination
  .lesson-pagination-box
  .pagination-item
  a
  strong.subtitle {
  font-size: 28px;
  line-height: 40px;
  font-weight: 500;
}
#lesson .lesson-pagination .lesson-pagination-box .pagination-item a:hover {
  text-decoration: none;
  background-color: rgba(29, 154, 214, 0.1);
}
#lesson .lesson-pagination .lesson-pagination-box .pagination-item a.inactive {
  background: 0 0;
}
#lesson
  .lesson-pagination
  .lesson-pagination-box
  .pagination-item
  a.inactive
  .icon {
  background: #d2d3d7;
}
#lesson
  .lesson-pagination
  .lesson-pagination-box
  .pagination-item
  a.inactive:hover {
  background: 0 0;
}
@media screen and (max-width: 992px) {
  #lesson .lesson-pagination .lesson-pagination-box {
    flex-direction: column;
  }
  #lesson .lesson-pagination .lesson-pagination-box .pagination-item {
    width: 100%;
    padding: 0;
  }
  #lesson
    .lesson-pagination
    .lesson-pagination-box
    .pagination-item.pagination-right {
    text-align: left;
  }
  #lesson
    .lesson-pagination
    .lesson-pagination-box
    .pagination-item.pagination-left {
    border-right: none;
    border-bottom: 1px solid #e5e5e5;
  }
  #lesson .lesson-pagination .lesson-pagination-box .pagination-item a {
    padding-left: 30px;
  }
}
#lesson .read-or-video {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  margin-bottom: 40px;
  color: #72757c;
}
#lesson .read-or-video .icon {
  margin-right: 9px;
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.live-episode {
  padding-top: 100px;
}
.live-episode .dbx-container {
  max-width: 1040px;
}
.live-episode .brief {
  margin-block: 64px;
  display: flex;
  gap: 32px;
  flex-direction: column-reverse;
  align-items: center;
}
.live-episode .brief__image {
  border-radius: 8px;
  width: 100%;
}
.live-episode .brief__image img {
  width: 100%;
  height: auto;
}
.live-episode .brief__content {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: start;
}
.live-episode .brief__date-tag {
  border: 3px solid #b72641;
  color: #b72641;
  padding: 8px 24px 8px 48px;
  position: relative;
  border-radius: 5px;
  font-weight: 700;
}
.live-episode .brief__date-tag::before {
  content: "";
  position: absolute;
  left: 24px;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 100%;
  width: 16px;
  height: 16px;
  background-color: #b72641;
}
.live-episode .brief__title {
  font-size: 2rem;
  line-height: 2.5rem;
  font-weight: 700;
  margin: 0;
}
.live-episode .brief__author-container {
  display: flex;
  gap: 16px;
  align-items: center;
}
.live-episode .brief__author-image {
  border-radius: 100%;
  width: 64px;
}
.live-episode .brief__author-content {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.live-episode .brief__author-name {
  font-weight: 700;
  margin: 0;
  font-size: 1rem;
  line-height: 1.25rem;
}
.live-episode .brief__author-position {
  font-size: 0.875rem;
  line-height: 1rem;
  margin: 0;
}
.live-episode .brief .dbx-buttons {
  margin: 0;
}
.live-episode .brief .dbx-buttons .dbx-btn {
  padding: 8px 16px;
}
@media screen and (min-width: 450px) {
  .live-episode .brief__content {
    align-items: center;
  }
  .live-episode .brief__title {
    text-align: center;
  }
}
@media screen and (min-width: 768px) {
  .live-episode .brief {
    flex-direction: row;
    align-items: center;
  }
  .live-episode .brief__image {
    flex: 1 1 45%;
  }
  .live-episode .brief__content {
    align-items: start;
    flex: 1 1 55%;
    gap: 16px;
  }
  .live-episode .brief__title {
    text-align: left;
    font-size: 1.5rem;
    line-height: 2rem;
  }
}
@media screen and (min-width: 1024px) {
  .live-episode .brief {
    gap: 64px;
  }
  .live-episode .brief__content {
    gap: 24px;
  }
  .live-episode .brief__title {
    font-size: 2rem;
    line-height: 2.5rem;
  }
  .live-episode .brief__author-content {
    gap: 8px;
  }
  .live-episode .brief__author-image {
    width: 96px;
  }
  .live-episode .brief__author-name {
    font-size: 1.125rem;
  }
  .live-episode .brief__author-position {
    font-size: 1rem;
  }
}
.live-episode #move-the-needle-form {
  margin-block: 64px;
}
.live-episode #move-the-needle-form .move-the-needle-form-box {
  padding: 83px 20px;
  position: relative;
  background: url("../img/podcast/background-patterns-bottom-bottom.png")
      no-repeat bottom left,
    url("../img/podcast/background-patterns-top.png") no-repeat top right;
  background-size: auto 147px, auto 173px;
  border-radius: 8px;
  overflow: hidden;
  text-align: center;
}
.live-episode #move-the-needle-form .move-the-needle-form-box::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 0.1;
  background: linear-gradient(45deg, #392977 0, #ca2539 100%);
}
.live-episode #move-the-needle-form .move-the-needle-form-box .legal {
  font-size: 0.775rem;
  margin-bottom: 32px;
  color: rgba(142, 146, 155, 0.9);
}
.live-episode #move-the-needle-form .move-the-needle-form-box .legal a {
  color: rgba(142, 146, 155, 0.9);
  text-decoration: underline;
  margin: 0;
  font-size: inherit;
}
.live-episode
  #move-the-needle-form
  .move-the-needle-form-box
  .dbx-title-text__title {
  font-size: 2rem;
  line-height: 2.5rem;
  font-weight: 700;
  text-align: center;
  color: #3f3f56;
  margin: 0;
}
.live-episode #move-the-needle-form .move-the-needle-form-box .bottom-text,
.live-episode
  #move-the-needle-form
  .move-the-needle-form-box
  .dbx-title-text__text {
  font-size: 1.125rem;
  line-height: 1.5rem;
  text-align: center;
}
.live-episode #move-the-needle-form .move-the-needle-form-box .bottom-text {
  margin-top: 24px;
}
.live-episode #move-the-needle-form .move-the-needle-form-box .newsletter {
  margin: 0 auto 16px auto;
  max-width: 480px;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background-color: #e0d6e2;
  padding: 4px;
  overflow: hidden;
  position: relative;
}
.live-episode
  #move-the-needle-form
  .move-the-needle-form-box
  .newsletter
  .cookie-reset-container {
  display: none !important;
}
.live-episode #move-the-needle-form .move-the-needle-form-box .newsletter ul {
  list-style: none;
  padding: 0;
  margin: 10px 0 0;
}
.live-episode
  #move-the-needle-form
  .move-the-needle-form-box
  .newsletter
  ul
  li {
  text-align: left;
  padding-left: 12px;
}
.live-episode
  #move-the-needle-form
  .move-the-needle-form-box
  .newsletter
  .hs_email
  > label {
  display: none;
}
.live-episode
  #move-the-needle-form
  .move-the-needle-form-box
  .newsletter
  .hs-input {
  background: 0 0;
  border: none;
  height: 48px;
  line-height: 48px;
  font-size: 15px;
  color: #272b30;
}
.live-episode
  #move-the-needle-form
  .move-the-needle-form-box
  .newsletter
  .hs_submit {
  position: absolute;
  right: 4px;
  top: 4px;
}
.live-episode
  #move-the-needle-form
  .move-the-needle-form-box
  .newsletter
  .hs_submit
  .actions {
  padding: 0;
}
.live-episode
  #move-the-needle-form
  .move-the-needle-form-box
  .newsletter
  .hs_submit
  .actions
  input {
  height: 48px;
  line-height: 48px;
  padding: 0 25px;
  font-size: 15px;
  font-weight: 500;
  text-transform: none;
  background: linear-gradient(45deg, #392977 0, #ca2539 100%);
  border-radius: 8px;
  color: #fff;
}
.live-episode
  #move-the-needle-form
  .move-the-needle-form-box
  .newsletter
  .hs_submit
  .actions
  input:hover {
  background: linear-gradient(45deg, #ca2539 0, #392977 100%);
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@font-face {
  font-family: Geist;
  src: url("../../../fonts/Geist/Geist-UltraLight.woff2") format("woff2");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url("../fonts/Geist/Geist-Thin.woff2") format("woff2");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url("../fonts/Geist/Geist-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url("../fonts/Geist/Geist-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url("../fonts/Geist/Geist-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: Geist;
  src: url("../fonts/Geist/Geist-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url("../fonts/Geist/Geist-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url("../fonts/Geist/Geist-Black.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Geist;
  src: url("../fonts/Geist/Geist-UltraBlack.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Icons;
  src: url("../fonts/icons.eot?79");
  src: url("../fonts/icons.eot?79#iefix") format("embedded-opentype"),
    url("../fonts/icons.woff2?79") format("woff2"),
    url("../fonts/icons.ttf?79") format("truetype"),
    url("../fonts/icons.woff?79") format("woff"),
    url("../fonts/icons.svg?79#icons") format("svg");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: charter;
  src: url("../fonts/charter-roman-webfont.eot");
  src: url("../fonts/charter-roman-webfont.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/charter-roman-webfont.woff2") format("woff2"),
    url("../fonts/charter-roman-webfont.woff") format("woff"),
    url("../fonts/charter-roman-webfont.ttf") format("truetype"),
    url("../fonts/charter-roman-webfont.svg#harterroman") format("svg");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: charter;
  src: url("../fonts/charter-bold-webfont.eot");
  src: url("../fonts/charter-bold-webfont.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/charter-bold-webfont.woff2") format("woff2"),
    url("../fonts/charter-bold-webfont.woff") format("woff"),
    url("../fonts/charter-bold-webfont.ttf") format("truetype"),
    url("../fonts/charter-bold-webfont.svg#charterroman") format("svg");
  font-style: normal;
  font-weight: 700;
}
@font-face {
  font-family: charter;
  src: url("../fonts/charter-italic-webfont.eot");
  src: url("../fonts/charter-italic-webfont.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/charter-italic-webfont.woff2") format("woff2"),
    url("../fonts/charter-italic-webfont.woff") format("woff"),
    url("../fonts/charter-italic-webfont.ttf") format("truetype"),
    url("../fonts/charter-italic-webfont.svg#charterroman") format("svg");
  font-style: italic;
  font-weight: 400;
}
.icon:before {
  display: inline-block;
  font-family: Icons;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  position: relative;
  text-transform: none;
  top: -1px;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: normal;
  font-variant: normal;
  font-display: swap;
}
a .icon {
  margin-right: 5px;
}
.icon-alert:before {
  content: "\61";
}
.icon-analytics:before {
  content: "\64";
}
.icon-android:before {
  content: "\65";
}
.icon-annotation:before {
  content: "\66";
}
.icon-apple:before {
  content: "\67";
}
.icon-book:before {
  content: "\68";
}
.icon-box:before {
  content: "\69";
}
.icon-chat:before {
  content: "\6a";
}
.icon-company:before {
  content: "\6b";
}
.icon-connect:before {
  content: "\6c";
}
.icon-connections:before {
  content: "\6d";
}
.icon-customize:before {
  content: "\6e";
}
.icon-database:before {
  content: "\6f";
}
.icon-datacards:before {
  content: "\70";
}
.icon-datawall:before {
  content: "\71";
}
.icon-devices:before {
  content: "\72";
}
.icon-envelope:before {
  content: "\73";
}
.icon-envelope-check:before {
  content: "\74";
}
.icon-fb:before {
  content: "\75";
}
.icon-facebook:before {
  content: "\76";
}
.icon-graph:before {
  content: "\77";
}
.icon-menu:before {
  content: "\78";
}
.icon-key:before {
  content: "\79";
}
.icon-li:before {
  content: "\7a";
}
.icon-linkedin:before {
  content: "\41";
}
.icon-location:before {
  content: "\42";
}
.icon-chart:before {
  content: "\43";
}
.icon-mobile:before {
  content: "\44";
}
.icon-scorecard:before {
  content: "\45";
}
.icon-search:before {
  content: "\46";
}
.icon-datasource:before {
  content: "\47";
}
.icon-star:before {
  content: "\48";
}
.icon-tools:before {
  content: "\49";
}
.icon-arrow-up:before {
  content: "\4a";
}
.icon-trend:before {
  content: "\4b";
}
.icon-tweet:before {
  content: "\4c";
}
.icon-twitter:before {
  content: "\4d";
}
.icon-tw:before {
  content: "\4e";
}
.icon-user:before {
  content: "\4f";
}
.icon-user-data:before {
  content: "\50";
}
.icon-users:before {
  content: "\51";
}
.icon-close:before {
  content: "\52";
}
.icon-right:before {
  content: "\62";
}
.icon-brush:before {
  content: "\63";
}
.icon-cursor:before {
  content: "\53";
}
.icon-integrations:before {
  content: "\54";
}
.icon-mobile-graph:before {
  content: "\55";
}
.icon-mobile-watch:before {
  content: "\56";
}
.icon-preferences:before {
  content: "\57";
}
.icon-presentation:before {
  content: "\58";
}
.icon-target:before {
  content: "\59";
}
.icon-watch:before {
  content: "\5a";
}
.icon-spreadsheet:before {
  content: "\30";
}
.icon-conversation:before {
  content: "\31";
}
.icon-clock:before {
  content: "\32";
}
.icon-script:before {
  content: "\33";
}
.icon-circle-plus:before {
  content: "\34";
}
.icon-arrow-right:before {
  content: "\35";
}
.icon-ios-android:before {
  content: "\36";
}
.icon-live-preview:before {
  content: "\37";
}
.icon-desktop-view:before {
  content: "\38";
}
.icon-drag-n-drop:before {
  content: "\39";
}
.icon-expand:before {
  content: "\21";
}
.icon-multi-window:before {
  content: "\22";
}
.icon-lock-security:before {
  content: "\23";
}
.icon-looping:before {
  content: "\24";
}
.icon-swipe:before {
  content: "\25";
}
.icon-team-share:before {
  content: "\26";
}
.icon-touch-id:before {
  content: "\27";
}
.icon-to-top:before {
  content: "\28";
}
.icon-phone:before {
  content: "\29";
}
.icon-check:before {
  content: "\2a";
}
.icon-contact-archive:before {
  content: "\2b";
}
.icon-stopwatch:before {
  content: "\2c";
}
.icon-video:before {
  content: "\2d";
}
.icon-blogpost:before {
  content: "\2e";
}
.icon-agency:before {
  content: "\2f";
}
.icon-services:before {
  content: "\3a";
}
.icon-youtube:before {
  content: "\3b";
}
.icon-analyze:before {
  content: "\3c";
}
.icon-company-1:before {
  content: "\3d";
}
.icon-cloud-data:before {
  content: "\3e";
}
.icon-devices-1:before {
  content: "\3f";
}
.icon-customize-dashboard:before {
  content: "\40";
}
.icon-partner:before {
  content: "\5b";
}
.icon-manage-users:before {
  content: "\5d";
}
.icon-share:before {
  content: "\5e";
}
.icon-thumbs-down:before {
  content: "\5f";
}
.icon-thumbs-up:before {
  content: "\60";
}
.icon-edit:before {
  content: "\7b";
}
.icon-present-reporting:before {
  content: "\7c";
}
.icon-reporting:before {
  content: "\7d";
}
.icon-company2:before {
  content: "\7e";
}
.icon-agency2:before {
  content: "\5c";
}
.icon-cursor-2:before {
  content: "\e000";
}
.icon-search-2:before {
  content: "\e001";
}
.icon-check-2:before {
  content: "\e002";
}
.icon-deal-growth:before {
  content: "\e003";
}
.icon-loudspeaker:before {
  content: "\e004";
}
.icon-calendar:before {
  content: "\e005";
}
.icon-stopwatch-2:before {
  content: "\e006";
}
.icon-wall-clock:before {
  content: "\e007";
}
.icon-discount:before {
  content: "\e008";
}
.icon-expand-2:before {
  content: "\e009";
}
.icon-comment-like:before {
  content: "\e00a";
}
.icon-devices-2:before {
  content: "\e00b";
}
.icon-run-graph:before {
  content: "\e00c";
}
.icon-external:before {
  content: "\e00d";
}
.icon-crowd:before {
  content: "\e00e";
}
.icon-question:before {
  content: "\e00f";
}
.icon-cloud-data-2:before {
  content: "\e010";
}
.icon-profile:before {
  content: "\e011";
}
.icon-graph-2:before {
  content: "\e012";
}
.icon-reporting-2:before {
  content: "\e013";
}
.icon-mobile-tv:before {
  content: "\e014";
}
.icon-alert-on:before {
  content: "\e015";
}
.icon-target-hit:before {
  content: "\e016";
}
.icon-templates-2:before {
  content: "\e017";
}
.icon-star-empty:before {
  content: "\e018";
}
.icon-boxes:before {
  content: "\e019";
}
.icon-calc:before {
  content: "\e01a";
}
.icon-email-marketing:before {
  content: "\e01b";
}
.icon-growth:before {
  content: "\e01c";
}
.icon-like-bubble:before {
  content: "\e01d";
}
.icon-money:before {
  content: "\e01e";
}
.icon-search-db:before {
  content: "\e01f";
}
.icon-seo:before {
  content: "\e020";
}
.icon-rocket:before {
  content: "\e021";
}
.icon-promote:before {
  content: "\e022";
}
.icon-shopping-cart:before {
  content: "\e023";
}
.icon-manual:before {
  content: "\e024";
}
.icon-calendar-2:before {
  content: "\e025";
}
.icon-chart-2:before {
  content: "\e026";
}
.icon-history:before {
  content: "\e027";
}
.icon-growth-2:before {
  content: "\e028";
}
.icon-share-external:before {
  content: "\e029";
}
.icon-cloud-db:before {
  content: "\e02a";
}
.icon-chart-growth:before {
  content: "\e02b";
}
.icon-dialogue:before {
  content: "\e02c";
}
.icon-guided-onboarding:before {
  content: "\e02d";
}
.icon-moon:before {
  content: "\e02e";
}
.icon-path:before {
  content: "\e02f";
}
.icon-mobile-notification:before {
  content: "\e031";
}
.icon-rocket-2:before {
  content: "\e032";
}
.icon-slideshow:before {
  content: "\e033";
}
.icon-slack:before {
  content: "\e034";
}
.icon-mailbox:before {
  content: "\e030";
}
.icon-actions:before {
  content: "\e035";
}
.icon-articles:before {
  content: "\e036";
}
.icon-reading-glasses:before {
  content: "\e037";
}
.icon-user-center:before {
  content: "\e038";
}
.icon-circle-check:before {
  content: "\e039";
}
.icon-book-2:before {
  content: "\e901";
}
.icon-clock-2:before {
  content: "\e900";
}
.icon-academy:before {
  content: "\e902";
}
.icon-dashboard-tv:before {
  content: "\e903";
}
.icon-data-2:before {
  content: "\e904";
}
.icon-support-1:before {
  content: "\e905";
}
.icon-square-plus:before {
  content: "\e906";
}
.icon-square-minus:before {
  content: "\e907";
}
.icon-painting:before {
  content: "\e908";
}
.icon-sync:before {
  content: "\e909";
}
.icon-check-3:before {
  content: "\e90a";
}
.icon-swipe1:before {
  content: "\e90b";
}
.icon-tent:before {
  content: "\e90c";
}
.icon-door-plant:before {
  content: "\e90e";
}
.icon-success:before {
  content: "\e90f";
}
.icon-football:before {
  content: "\e910";
}
.icon-pregnant-woman:before {
  content: "\e912";
}
.icon-holidays:before {
  content: "\e913";
}
.icon-world:before {
  content: "\e915";
}
.icon-location-2:before {
  content: "\e916";
}
.icon-envelope-2:before {
  content: "\e90d";
}
.icon-right-arrow:before {
  content: "\e917";
}
.icon-flow:before {
  content: "\e91a";
}
.icon-productivity:before {
  content: "\e91b";
}
.icon-world-2:before {
  content: "\e91c";
}
.icon-profile-badge:before {
  content: "\e91d";
}
.icon-analyze-2:before {
  content: "\e911";
}
.icon-wallet:before {
  content: "\e914";
}
.icon-computer:before {
  content: "\e918";
}
.icon-people-2:before {
  content: "\e919";
}
.icon-instagram:before {
  content: "\e91e";
}
.icon-podcast:before {
  content: "\e91f";
}
.icon-num-1:before {
  content: "\e920";
}
.icon-num-2:before {
  content: "\e921";
}
.icon-num-3:before {
  content: "\e922";
}
.icon-num-4:before {
  content: "\e923";
}
.icon-num-5:before {
  content: "\e924";
}
.icon-data-import:before {
  content: "\e925";
}
.icon-custom-integration:before {
  content: "\e926";
}
.icon-box-123:before {
  content: "\e927";
}
.icon-visualizations:before {
  content: "\e928";
}
.icon-share-annotation:before {
  content: "\e929";
}
.icon-painter:before {
  content: "\e92a";
}
.icon-mobile-data:before {
  content: "\e92b";
}
.icon-list-stars:before {
  content: "\e92c";
}
.icon-bar-chart:before {
  content: "\e92d";
}
.icon-actionable:before {
  content: "\e92e";
}
.icon-analyze-3:before {
  content: "\e92f";
}
.icon-growth-3:before {
  content: "\e930";
}
.icon-present:before {
  content: "\e931";
}
.icon-notebook:before {
  content: "\e932";
}
.icon-laptop:before {
  content: "\e933";
}
.icon-funnel:before {
  content: "\e934";
}
.icon-individual-user:before {
  content: "\e935";
}
.icon-segments:before {
  content: "\e936";
}
.icon-shopping-cart-2:before {
  content: "\e937";
}
.icon-pipeline:before {
  content: "\e938";
}
.icon-bot-traffic:before {
  content: "\e939";
}
.icon-ad:before {
  content: "\e93a";
}
.icon-arrow:before {
  content: "\e93b";
}
.icon-star-empty-2:before {
  content: "\e93c";
}
.icon-blog:before {
  content: "\e93d";
}
.icon-task-management:before {
  content: "\e93e";
}
.icon-cloud-connected:before {
  content: "\e93f";
}
.icon-store:before {
  content: "\e940";
}
.icon-tie:before {
  content: "\e941";
}
.icon-chat-2:before {
  content: "\e942";
}
.icon-chat-2:before {
  content: "\e942";
}
.icon-yt:before {
  content: "\e943";
}
.icon-ig:before {
  content: "\e944";
}
.icon-social-media:before {
  content: "\e945";
}
.icon-stetoscope:before {
  content: "\e946";
}
.icon-mountaineering:before {
  content: "\e947";
}
.icon-chat-3:before {
  content: "\e948";
}
.icon-analyze-4:before {
  content: "\e949";
}
.icon-calendar-3:before {
  content: "\e94a";
}
.icon-cup:before {
  content: "\e94b";
}
.icon-check-circle:before {
  content: "\e94c";
}
.icon-dashboard-software:before {
  content: "\e94d";
}
.icon-custom-dashboard-software:before {
  content: "\e951";
}
.icon-business-dashboard-software:before {
  content: "\e94e";
}
.icon-client-dashboard-software:before {
  content: "\e94f";
}
.icon-marketing-dashboard-software:before {
  content: "\e950";
}
.icon-seo-dashboard-software:before {
  content: "\e952";
}
.icon-social-media-dashboard-software:before {
  content: "\e953";
}
.icon-report-designer:before {
  content: "\e954";
}
.icon-automated-reporting:before {
  content: "\e955";
}
.icon-custom-metric-builder:before {
  content: "\e956";
}
.icon-metric-tracking:before {
  content: "\e957";
}
.icon-show-gratitude:before {
  content: "\e959";
}
.icon-prioritize-customer-impact:before {
  content: "\e95a";
}
.icon-play-as-a-team:before {
  content: "\e95b";
}
.icon-cv-open-position:before {
  content: "\e95c";
}
.icon-challenge-yourself:before {
  content: "\e95d";
}
.icon-be-accountable:before {
  content: "\e95e";
}
.icon-balance-work:before {
  content: "\e95f";
}
.icon-talent-resource:before {
  content: "\e958";
}
.icon-rocket-empty:before {
  content: "\e960";
}
.icon-lock:before {
  content: "\e961";
}
.icon-sand:before {
  content: "\e962";
}
.icon-fire:before {
  content: "\e963";
}
.icon-time:before {
  content: "\e964";
}
.icon-guidence:before {
  content: "\e965";
}
.icon-check-bold:before {
  content: "\e966";
}
.icon-priority-support:before {
  content: "\e967";
}
.icon-outsorced-analyst:before {
  content: "\e968";
}
.icon-onboarding:before {
  content: "\e969";
}
.icon-search1:before {
  content: "\e970";
}
.icon-dedicated-analyst:before {
  content: "\e96b";
}
.icon-branding:before {
  content: "\e96d";
}
.icon-fiscal-calendar:before {
  content: "\e96a";
}
.icon-report:before {
  content: "\e974";
}
.icon-minute-sync:before {
  content: "\e96c";
}
.icon-video-play:before {
  content: "\e96e";
}
.icon-connect1:before {
  content: "\e976";
}
.icon-benchmarks:before {
  content: "\e979";
}
.icon-mag-glass:before {
  content: "\e97a";
}
.icon-goal-3:before {
  content: "\e977";
}
.icon-spark:before {
  content: "\e97d";
}
.icon-twitter-x:before {
  content: "\e97e";
}
.icon-data-8:before {
  content: "\e97f";
}
.icon-pie-chart:before {
  content: "\e980";
}
.icon-x-circle:before {
  content: "\e981";
}
.icon-centralize:before {
  content: "\e983";
}
.icon-mag-glass-2:before {
  content: "\e984";
}
.icon-promote-2:before {
  content: "\e985";
}
.icon-leadership:before {
  content: "\e986";
}
.icon-graph-3:before {
  content: "\e987";
}
.icon-hands:before {
  content: "\e988";
}
.icon-discount-2:before {
  content: "\e989";
}
.icon-certificate:before {
  content: "\e98a";
}
.icon-trend-up:before {
  content: "\e98b";
}
.icon-chevron:before {
  content: "\e97b";
}
.icon-tv:before {
  content: "\e98c";
}
.icon-mobile-2:before {
  content: "\e98d";
}
.icon-lightning:before {
  content: "\e98e";
}
.icon-any-device:before {
  content: "\e98f";
}
.icon-star1:before {
  content: "\e96f";
}
.icon-trend-up:before {
  content: "\e98b";
}
.icon-frame-burger:before {
  content: "\e994";
}
.icon-your-software:before {
  content: "\e995";
}
.icon-spreadsheets:before {
  content: "\e996";
}
.icon-database-2:before {
  content: "\e997";
}
.icon-api:before {
  content: "\e998";
}
.icon-completed:before {
  content: "\e999";
}
.icon-cross:before {
  content: "\e991";
}
.icon-check-1:before {
  content: "\e990";
}
.icon-star-rounded:before {
  content: "\e992";
}
.icon-idea:before {
  content: "\e97c";
}
.icon-warning:before {
  content: "\e99b";
}
.icon-shield:before {
  content: "\e99a";
}
.icon-info:before {
  content: "\e99c";
}
.icon-glassdoor:before {
  content: "\e99f";
}
.icon-gift:before {
  content: "\e9a0";
}
.icon-dataset:before {
  content: "\e9a1";
}
.icon-connect2:before {
  content: "\e9a3";
}
.icon-spark2:before {
  content: "\e9a4";
}
.icon-present-chart:before {
  content: "\e9a2";
}
.icon-growth-chart:before {
  content: "\e9a5";
}
.icon-hand-database:before {
  content: "\e9a6";
}
.icon-suitcase:before {
  content: "\e9a7";
}
.icon-youtube-circle:before {
  content: "\e9a8";
}
.icon-mag-glass-trend-up:before {
  content: "\e99d";
}
.icon-cloud:before {
  content: "\e9a9";
}
.icon-lifebuoy:before {
  content: "\e9aa";
}
.icon-sheets:before {
  content: "\e9ab";
}
.icon-calendar-4:before {
  content: "\e9ac";
}
.icon-play:before {
  content: "\e9ad";
}
.icon-book-3:before {
  content: "\e9ae";
}
.icon-calendar-5:before {
  content: "\e9af";
}
.icon-slack-2:before {
  content: "\e9b0";
}
.icon-users-group:before {
  content: "\e9b1";
}
.icon-flag:before {
  content: "\e9b2";
}
.icon-link-path:before {
  content: "\e9b3";
}
.icon-video-play-2:before {
  content: "\e9b4";
}
.icon-spark-outline:before {
  content: "\e9b5";
}
.icon-lightning-2-outline:before {
  content: "\e9b6";
}
.icon-copy:before {
  content: "\e9b7";
}
.icon-password-show:before {
  content: "\e9b8";
}
.icon-password-hide:before {
  content: "\e9b9";
}
.icon-pyramid:before {
  content: "\e9ba";
}
.icon-arrow-left:before {
  content: "\4a";
  top: -2px;
  transform: rotate(270deg);
  -o-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
}
.icon-arrow-down:before {
  content: "\35";
  transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
}
.icon-arrow-down-2::before {
  content: "\e917";
  transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
}
.icon-left:before {
  content: "\62";
  transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}
.icon-arrow-right-2:before {
  content: "\4a";
  transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
}
.icon-left-arrow:before {
  content: "\e917";
  transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}
.mt-0 {
  margin-top: 0 !important;
}
@media (max-width: 767px) {
  .mt-xs-0 {
    margin-top: 0 !important;
  }
}
@media (min-width: 768px) {
  .mt-sm-0 {
    margin-top: 0 !important;
  }
}
@media (min-width: 992px) {
  .mt-md-0 {
    margin-top: 0 !important;
  }
}
@media (min-width: 1200px) {
  .mt-lg-0 {
    margin-top: 0 !important;
  }
}
.mt-10 {
  margin-top: 10px !important;
}
@media (max-width: 767px) {
  .mt-xs-10 {
    margin-top: 10px !important;
  }
}
@media (min-width: 768px) {
  .mt-sm-10 {
    margin-top: 10px !important;
  }
}
@media (min-width: 992px) {
  .mt-md-10 {
    margin-top: 10px !important;
  }
}
@media (min-width: 1200px) {
  .mt-lg-10 {
    margin-top: 10px !important;
  }
}
.mt-20 {
  margin-top: 20px !important;
}
@media (max-width: 767px) {
  .mt-xs-20 {
    margin-top: 20px !important;
  }
}
@media (min-width: 768px) {
  .mt-sm-20 {
    margin-top: 20px !important;
  }
}
@media (min-width: 992px) {
  .mt-md-20 {
    margin-top: 20px !important;
  }
}
@media (min-width: 1200px) {
  .mt-lg-20 {
    margin-top: 20px !important;
  }
}
.mt-30 {
  margin-top: 30px !important;
}
@media (max-width: 767px) {
  .mt-xs-30 {
    margin-top: 30px !important;
  }
}
@media (min-width: 768px) {
  .mt-sm-30 {
    margin-top: 30px !important;
  }
}
@media (min-width: 992px) {
  .mt-md-30 {
    margin-top: 30px !important;
  }
}
@media (min-width: 1200px) {
  .mt-lg-30 {
    margin-top: 30px !important;
  }
}
.mt-40 {
  margin-top: 40px !important;
}
@media (max-width: 767px) {
  .mt-xs-40 {
    margin-top: 40px !important;
  }
}
@media (min-width: 768px) {
  .mt-sm-40 {
    margin-top: 40px !important;
  }
}
@media (min-width: 992px) {
  .mt-md-40 {
    margin-top: 40px !important;
  }
}
@media (min-width: 1200px) {
  .mt-lg-40 {
    margin-top: 40px !important;
  }
}
.mt-50 {
  margin-top: 50px !important;
}
@media (max-width: 767px) {
  .mt-xs-50 {
    margin-top: 50px !important;
  }
}
@media (min-width: 768px) {
  .mt-sm-50 {
    margin-top: 50px !important;
  }
}
@media (min-width: 992px) {
  .mt-md-50 {
    margin-top: 50px !important;
  }
}
@media (min-width: 1200px) {
  .mt-lg-50 {
    margin-top: 50px !important;
  }
}
.mt-60 {
  margin-top: 60px !important;
}
@media (max-width: 767px) {
  .mt-xs-60 {
    margin-top: 60px !important;
  }
}
@media (min-width: 768px) {
  .mt-sm-60 {
    margin-top: 60px !important;
  }
}
@media (min-width: 992px) {
  .mt-md-60 {
    margin-top: 60px !important;
  }
}
@media (min-width: 1200px) {
  .mt-lg-60 {
    margin-top: 60px !important;
  }
}
.mt-70 {
  margin-top: 70px !important;
}
@media (max-width: 767px) {
  .mt-xs-70 {
    margin-top: 70px !important;
  }
}
@media (min-width: 768px) {
  .mt-sm-70 {
    margin-top: 70px !important;
  }
}
@media (min-width: 992px) {
  .mt-md-70 {
    margin-top: 70px !important;
  }
}
@media (min-width: 1200px) {
  .mt-lg-70 {
    margin-top: 70px !important;
  }
}
.mt-80 {
  margin-top: 80px !important;
}
@media (max-width: 767px) {
  .mt-xs-80 {
    margin-top: 80px !important;
  }
}
@media (min-width: 768px) {
  .mt-sm-80 {
    margin-top: 80px !important;
  }
}
@media (min-width: 992px) {
  .mt-md-80 {
    margin-top: 80px !important;
  }
}
@media (min-width: 1200px) {
  .mt-lg-80 {
    margin-top: 80px !important;
  }
}
.mt-90 {
  margin-top: 90px !important;
}
@media (max-width: 767px) {
  .mt-xs-90 {
    margin-top: 90px !important;
  }
}
@media (min-width: 768px) {
  .mt-sm-90 {
    margin-top: 90px !important;
  }
}
@media (min-width: 992px) {
  .mt-md-90 {
    margin-top: 90px !important;
  }
}
@media (min-width: 1200px) {
  .mt-lg-90 {
    margin-top: 90px !important;
  }
}
.mt-100 {
  margin-top: 100px !important;
}
@media (max-width: 767px) {
  .mt-xs-100 {
    margin-top: 100px !important;
  }
}
@media (min-width: 768px) {
  .mt-sm-100 {
    margin-top: 100px !important;
  }
}
@media (min-width: 992px) {
  .mt-md-100 {
    margin-top: 100px !important;
  }
}
@media (min-width: 1200px) {
  .mt-lg-100 {
    margin-top: 100px !important;
  }
}
.mb-0 {
  margin-bottom: 0 !important;
}
@media (max-width: 767px) {
  .mb-xs-0 {
    margin-bottom: 0 !important;
  }
}
@media (min-width: 768px) {
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
}
@media (min-width: 992px) {
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
}
@media (min-width: 1200px) {
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
}
.mb-10 {
  margin-bottom: 10px !important;
}
@media (max-width: 767px) {
  .mb-xs-10 {
    margin-bottom: 10px !important;
  }
}
@media (min-width: 768px) {
  .mb-sm-10 {
    margin-bottom: 10px !important;
  }
}
@media (min-width: 992px) {
  .mb-md-10 {
    margin-bottom: 10px !important;
  }
}
@media (min-width: 1200px) {
  .mb-lg-10 {
    margin-bottom: 10px !important;
  }
}
.mb-20 {
  margin-bottom: 20px !important;
}
@media (max-width: 767px) {
  .mb-xs-20 {
    margin-bottom: 20px !important;
  }
}
@media (min-width: 768px) {
  .mb-sm-20 {
    margin-bottom: 20px !important;
  }
}
@media (min-width: 992px) {
  .mb-md-20 {
    margin-bottom: 20px !important;
  }
}
@media (min-width: 1200px) {
  .mb-lg-20 {
    margin-bottom: 20px !important;
  }
}
.mb-30 {
  margin-bottom: 30px !important;
}
@media (max-width: 767px) {
  .mb-xs-30 {
    margin-bottom: 30px !important;
  }
}
@media (min-width: 768px) {
  .mb-sm-30 {
    margin-bottom: 30px !important;
  }
}
@media (min-width: 992px) {
  .mb-md-30 {
    margin-bottom: 30px !important;
  }
}
@media (min-width: 1200px) {
  .mb-lg-30 {
    margin-bottom: 30px !important;
  }
}
.mb-40 {
  margin-bottom: 40px !important;
}
@media (max-width: 767px) {
  .mb-xs-40 {
    margin-bottom: 40px !important;
  }
}
@media (min-width: 768px) {
  .mb-sm-40 {
    margin-bottom: 40px !important;
  }
}
@media (min-width: 992px) {
  .mb-md-40 {
    margin-bottom: 40px !important;
  }
}
@media (min-width: 1200px) {
  .mb-lg-40 {
    margin-bottom: 40px !important;
  }
}
.mb-50 {
  margin-bottom: 50px !important;
}
@media (max-width: 767px) {
  .mb-xs-50 {
    margin-bottom: 50px !important;
  }
}
@media (min-width: 768px) {
  .mb-sm-50 {
    margin-bottom: 50px !important;
  }
}
@media (min-width: 992px) {
  .mb-md-50 {
    margin-bottom: 50px !important;
  }
}
@media (min-width: 1200px) {
  .mb-lg-50 {
    margin-bottom: 50px !important;
  }
}
.mb-60 {
  margin-bottom: 60px !important;
}
@media (max-width: 767px) {
  .mb-xs-60 {
    margin-bottom: 60px !important;
  }
}
@media (min-width: 768px) {
  .mb-sm-60 {
    margin-bottom: 60px !important;
  }
}
@media (min-width: 992px) {
  .mb-md-60 {
    margin-bottom: 60px !important;
  }
}
@media (min-width: 1200px) {
  .mb-lg-60 {
    margin-bottom: 60px !important;
  }
}
.mb-70 {
  margin-bottom: 70px !important;
}
@media (max-width: 767px) {
  .mb-xs-70 {
    margin-bottom: 70px !important;
  }
}
@media (min-width: 768px) {
  .mb-sm-70 {
    margin-bottom: 70px !important;
  }
}
@media (min-width: 992px) {
  .mb-md-70 {
    margin-bottom: 70px !important;
  }
}
@media (min-width: 1200px) {
  .mb-lg-70 {
    margin-bottom: 70px !important;
  }
}
.mb-80 {
  margin-bottom: 80px !important;
}
@media (max-width: 767px) {
  .mb-xs-80 {
    margin-bottom: 80px !important;
  }
}
@media (min-width: 768px) {
  .mb-sm-80 {
    margin-bottom: 80px !important;
  }
}
@media (min-width: 992px) {
  .mb-md-80 {
    margin-bottom: 80px !important;
  }
}
@media (min-width: 1200px) {
  .mb-lg-80 {
    margin-bottom: 80px !important;
  }
}
.mb-90 {
  margin-bottom: 90px !important;
}
@media (max-width: 767px) {
  .mb-xs-90 {
    margin-bottom: 90px !important;
  }
}
@media (min-width: 768px) {
  .mb-sm-90 {
    margin-bottom: 90px !important;
  }
}
@media (min-width: 992px) {
  .mb-md-90 {
    margin-bottom: 90px !important;
  }
}
@media (min-width: 1200px) {
  .mb-lg-90 {
    margin-bottom: 90px !important;
  }
}
.mb-100 {
  margin-bottom: 100px !important;
}
@media (max-width: 767px) {
  .mb-xs-100 {
    margin-bottom: 100px !important;
  }
}
@media (min-width: 768px) {
  .mb-sm-100 {
    margin-bottom: 100px !important;
  }
}
@media (min-width: 992px) {
  .mb-md-100 {
    margin-bottom: 100px !important;
  }
}
@media (min-width: 1200px) {
  .mb-lg-100 {
    margin-bottom: 100px !important;
  }
}
.pt-0 {
  padding-top: 0 !important;
}
@media (max-width: 767px) {
  .pt-xs-0 {
    padding-top: 0 !important;
  }
}
@media (min-width: 768px) {
  .pt-sm-0 {
    padding-top: 0 !important;
  }
}
@media (min-width: 992px) {
  .pt-md-0 {
    padding-top: 0 !important;
  }
}
@media (min-width: 1200px) {
  .pt-lg-0 {
    padding-top: 0 !important;
  }
}
.pt-10 {
  padding-top: 10px !important;
}
@media (max-width: 767px) {
  .pt-xs-10 {
    padding-top: 10px !important;
  }
}
@media (min-width: 768px) {
  .pt-sm-10 {
    padding-top: 10px !important;
  }
}
@media (min-width: 992px) {
  .pt-md-10 {
    padding-top: 10px !important;
  }
}
@media (min-width: 1200px) {
  .pt-lg-10 {
    padding-top: 10px !important;
  }
}
.pt-20 {
  padding-top: 20px !important;
}
@media (max-width: 767px) {
  .pt-xs-20 {
    padding-top: 20px !important;
  }
}
@media (min-width: 768px) {
  .pt-sm-20 {
    padding-top: 20px !important;
  }
}
@media (min-width: 992px) {
  .pt-md-20 {
    padding-top: 20px !important;
  }
}
@media (min-width: 1200px) {
  .pt-lg-20 {
    padding-top: 20px !important;
  }
}
.pt-30 {
  padding-top: 30px !important;
}
@media (max-width: 767px) {
  .pt-xs-30 {
    padding-top: 30px !important;
  }
}
@media (min-width: 768px) {
  .pt-sm-30 {
    padding-top: 30px !important;
  }
}
@media (min-width: 992px) {
  .pt-md-30 {
    padding-top: 30px !important;
  }
}
@media (min-width: 1200px) {
  .pt-lg-30 {
    padding-top: 30px !important;
  }
}
.pt-40 {
  padding-top: 40px !important;
}
@media (max-width: 767px) {
  .pt-xs-40 {
    padding-top: 40px !important;
  }
}
@media (min-width: 768px) {
  .pt-sm-40 {
    padding-top: 40px !important;
  }
}
@media (min-width: 992px) {
  .pt-md-40 {
    padding-top: 40px !important;
  }
}
@media (min-width: 1200px) {
  .pt-lg-40 {
    padding-top: 40px !important;
  }
}
.pt-50 {
  padding-top: 50px !important;
}
@media (max-width: 767px) {
  .pt-xs-50 {
    padding-top: 50px !important;
  }
}
@media (min-width: 768px) {
  .pt-sm-50 {
    padding-top: 50px !important;
  }
}
@media (min-width: 992px) {
  .pt-md-50 {
    padding-top: 50px !important;
  }
}
@media (min-width: 1200px) {
  .pt-lg-50 {
    padding-top: 50px !important;
  }
}
.pt-60 {
  padding-top: 60px !important;
}
@media (max-width: 767px) {
  .pt-xs-60 {
    padding-top: 60px !important;
  }
}
@media (min-width: 768px) {
  .pt-sm-60 {
    padding-top: 60px !important;
  }
}
@media (min-width: 992px) {
  .pt-md-60 {
    padding-top: 60px !important;
  }
}
@media (min-width: 1200px) {
  .pt-lg-60 {
    padding-top: 60px !important;
  }
}
.pt-70 {
  padding-top: 70px !important;
}
@media (max-width: 767px) {
  .pt-xs-70 {
    padding-top: 70px !important;
  }
}
@media (min-width: 768px) {
  .pt-sm-70 {
    padding-top: 70px !important;
  }
}
@media (min-width: 992px) {
  .pt-md-70 {
    padding-top: 70px !important;
  }
}
@media (min-width: 1200px) {
  .pt-lg-70 {
    padding-top: 70px !important;
  }
}
.pt-80 {
  padding-top: 80px !important;
}
@media (max-width: 767px) {
  .pt-xs-80 {
    padding-top: 80px !important;
  }
}
@media (min-width: 768px) {
  .pt-sm-80 {
    padding-top: 80px !important;
  }
}
@media (min-width: 992px) {
  .pt-md-80 {
    padding-top: 80px !important;
  }
}
@media (min-width: 1200px) {
  .pt-lg-80 {
    padding-top: 80px !important;
  }
}
.pt-90 {
  padding-top: 90px !important;
}
@media (max-width: 767px) {
  .pt-xs-90 {
    padding-top: 90px !important;
  }
}
@media (min-width: 768px) {
  .pt-sm-90 {
    padding-top: 90px !important;
  }
}
@media (min-width: 992px) {
  .pt-md-90 {
    padding-top: 90px !important;
  }
}
@media (min-width: 1200px) {
  .pt-lg-90 {
    padding-top: 90px !important;
  }
}
.pt-100 {
  padding-top: 100px !important;
}
@media (max-width: 767px) {
  .pt-xs-100 {
    padding-top: 100px !important;
  }
}
@media (min-width: 768px) {
  .pt-sm-100 {
    padding-top: 100px !important;
  }
}
@media (min-width: 992px) {
  .pt-md-100 {
    padding-top: 100px !important;
  }
}
@media (min-width: 1200px) {
  .pt-lg-100 {
    padding-top: 100px !important;
  }
}
.pb-0 {
  padding-bottom: 0 !important;
}
@media (max-width: 767px) {
  .pb-xs-0 {
    padding-bottom: 0 !important;
  }
}
@media (min-width: 768px) {
  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
}
@media (min-width: 992px) {
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
}
@media (min-width: 1200px) {
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
}
.pb-10 {
  padding-bottom: 10px !important;
}
@media (max-width: 767px) {
  .pb-xs-10 {
    padding-bottom: 10px !important;
  }
}
@media (min-width: 768px) {
  .pb-sm-10 {
    padding-bottom: 10px !important;
  }
}
@media (min-width: 992px) {
  .pb-md-10 {
    padding-bottom: 10px !important;
  }
}
@media (min-width: 1200px) {
  .pb-lg-10 {
    padding-bottom: 10px !important;
  }
}
.pb-20 {
  padding-bottom: 20px !important;
}
@media (max-width: 767px) {
  .pb-xs-20 {
    padding-bottom: 20px !important;
  }
}
@media (min-width: 768px) {
  .pb-sm-20 {
    padding-bottom: 20px !important;
  }
}
@media (min-width: 992px) {
  .pb-md-20 {
    padding-bottom: 20px !important;
  }
}
@media (min-width: 1200px) {
  .pb-lg-20 {
    padding-bottom: 20px !important;
  }
}
.pb-30 {
  padding-bottom: 30px !important;
}
@media (max-width: 767px) {
  .pb-xs-30 {
    padding-bottom: 30px !important;
  }
}
@media (min-width: 768px) {
  .pb-sm-30 {
    padding-bottom: 30px !important;
  }
}
@media (min-width: 992px) {
  .pb-md-30 {
    padding-bottom: 30px !important;
  }
}
@media (min-width: 1200px) {
  .pb-lg-30 {
    padding-bottom: 30px !important;
  }
}
.pb-40 {
  padding-bottom: 40px !important;
}
@media (max-width: 767px) {
  .pb-xs-40 {
    padding-bottom: 40px !important;
  }
}
@media (min-width: 768px) {
  .pb-sm-40 {
    padding-bottom: 40px !important;
  }
}
@media (min-width: 992px) {
  .pb-md-40 {
    padding-bottom: 40px !important;
  }
}
@media (min-width: 1200px) {
  .pb-lg-40 {
    padding-bottom: 40px !important;
  }
}
.pb-50 {
  padding-bottom: 50px !important;
}
@media (max-width: 767px) {
  .pb-xs-50 {
    padding-bottom: 50px !important;
  }
}
@media (min-width: 768px) {
  .pb-sm-50 {
    padding-bottom: 50px !important;
  }
}
@media (min-width: 992px) {
  .pb-md-50 {
    padding-bottom: 50px !important;
  }
}
@media (min-width: 1200px) {
  .pb-lg-50 {
    padding-bottom: 50px !important;
  }
}
.pb-60 {
  padding-bottom: 60px !important;
}
@media (max-width: 767px) {
  .pb-xs-60 {
    padding-bottom: 60px !important;
  }
}
@media (min-width: 768px) {
  .pb-sm-60 {
    padding-bottom: 60px !important;
  }
}
@media (min-width: 992px) {
  .pb-md-60 {
    padding-bottom: 60px !important;
  }
}
@media (min-width: 1200px) {
  .pb-lg-60 {
    padding-bottom: 60px !important;
  }
}
.pb-70 {
  padding-bottom: 70px !important;
}
@media (max-width: 767px) {
  .pb-xs-70 {
    padding-bottom: 70px !important;
  }
}
@media (min-width: 768px) {
  .pb-sm-70 {
    padding-bottom: 70px !important;
  }
}
@media (min-width: 992px) {
  .pb-md-70 {
    padding-bottom: 70px !important;
  }
}
@media (min-width: 1200px) {
  .pb-lg-70 {
    padding-bottom: 70px !important;
  }
}
.pb-80 {
  padding-bottom: 80px !important;
}
@media (max-width: 767px) {
  .pb-xs-80 {
    padding-bottom: 80px !important;
  }
}
@media (min-width: 768px) {
  .pb-sm-80 {
    padding-bottom: 80px !important;
  }
}
@media (min-width: 992px) {
  .pb-md-80 {
    padding-bottom: 80px !important;
  }
}
@media (min-width: 1200px) {
  .pb-lg-80 {
    padding-bottom: 80px !important;
  }
}
.pb-90 {
  padding-bottom: 90px !important;
}
@media (max-width: 767px) {
  .pb-xs-90 {
    padding-bottom: 90px !important;
  }
}
@media (min-width: 768px) {
  .pb-sm-90 {
    padding-bottom: 90px !important;
  }
}
@media (min-width: 992px) {
  .pb-md-90 {
    padding-bottom: 90px !important;
  }
}
@media (min-width: 1200px) {
  .pb-lg-90 {
    padding-bottom: 90px !important;
  }
}
.pb-100 {
  padding-bottom: 100px !important;
}
@media (max-width: 767px) {
  .pb-xs-100 {
    padding-bottom: 100px !important;
  }
}
@media (min-width: 768px) {
  .pb-sm-100 {
    padding-bottom: 100px !important;
  }
}
@media (min-width: 992px) {
  .pb-md-100 {
    padding-bottom: 100px !important;
  }
}
@media (min-width: 1200px) {
  .pb-lg-100 {
    padding-bottom: 100px !important;
  }
}
body,
html {
  height: 100%;
}
html,
html a {
  -webkit-font-smoothing: antialiased;
}
body {
  color: #2d3237;
  font-family: Geist, Arial, Helvetica, sans-serif;
  font-weight: 400;
  -webkit-text-size-adjust: none;
}
fieldset {
  margin-bottom: 20px;
}
fieldset.two {
  overflow: hidden;
}
fieldset.two > input {
  float: left;
  width: 48%;
}
fieldset.two > input:first-child {
  margin-right: 4%;
}
.btn,
a {
  outline: 0 !important;
  transition: all 0.2s;
  -o-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
}
a {
  color: #4d71f1;
}
a:hover {
  color: #405ed1;
}
strong {
  font-weight: 500;
}
img {
  height: auto;
}
.hideit {
  display: none !important;
}
.all {
  height: 100%;
  transition: filter linear 0s 0s;
  -webkit-transition: -webkit-filter linear 0s 0s;
  -moz-transition: -moz-filter linear 0s 0s;
  -ms-transition: -ms-filter linear 0s 0s;
  -o-transition: -o-filter linear 0s 0s;
}
.g-recaptcha {
  margin-bottom: 20px;
}
.new-badge {
  background-color: #2bb673;
  color: #fff;
  font-size: 8px;
  padding: 2px 5px;
  border-radius: 3px;
  margin-top: -3px;
  vertical-align: bottom;
  margin-right: 5px;
}
.vertical-center {
  display: table-cell;
  height: 100%;
  vertical-align: middle;
}
.btn {
  text-transform: uppercase;
}
.btn-tt-unset {
  text-transform: unset;
}
.btn-green,
.btn-green-darker {
  background-color: #25a767;
  color: #fff;
}
.btn-green-darker:focus,
.btn-green-darker:hover,
.btn-green:focus,
.btn-green:hover {
  background-color: #20925a;
  color: #fff;
}
.btn-green-outline {
  background: rgba(255, 255, 255, 0.05);
  border-color: #25a767;
  color: #25a767;
}
.btn-green-outline:focus,
.btn-green-outline:hover {
  border-color: #20925a;
  color: #20925a;
}
.btn-gray {
  background: #8e929b;
  color: #fff;
}
.btn-gray:focus,
.btn-gray:hover {
  background: #6f7279;
  color: #fff;
}
.btn-gray-outline {
  background: rgba(255, 255, 255, 0.05);
  border-color: #8e929b;
  color: #8e929b;
}
.btn-gray-outline:focus,
.btn-gray-outline:hover {
  border-color: #6f7279;
  color: #4a4c51;
}
.btn-white {
  background: rgba(255, 255, 255, 0.7);
  color: rgba(45, 50, 55, 0.7);
}
.btn-white:focus,
.btn-white:hover {
  background: #fff;
  color: #2d3237;
}
.btn-white-outline {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.7);
  color: rgba(255, 255, 255, 0.7);
}
.btn-white-outline:focus,
.btn-white-outline:hover {
  border-color: #fff;
  color: #fff;
}
.btn-white-outline-2 {
  border-color: rgba(255, 255, 255, 0.9);
  color: rgba(255, 255, 255, 0.9);
}
.btn-white-outline-2:focus,
.btn-white-outline-2:hover {
  border-color: #fff;
  color: #fff;
}
.btn-blue {
  background: #4d71f1;
  color: #fff;
}
.btn-blue:focus,
.btn-blue:hover {
  background: #405ed1;
  color: #fff;
}
.btn-blue-outline {
  background-color: rgba(255, 255, 255, 0.05);
  border-color: #4d71f1;
  color: #4d71f1;
}
.btn-blue-outline:focus,
.btn-blue-outline:hover {
  border-color: #1679a6;
  color: #1679a6;
}
.btn-blue-outline--capitalized {
  text-transform: capitalize;
}
.btn-purple {
  background: #7a44e6;
  color: #fff;
}
.btn-purple:focus,
.btn-purple:hover {
  background: #6a2ee3;
  color: #fff;
}
.btn-facebook,
.btn-linkedin,
.btn-twitter {
  text-transform: none;
}
.btn-facebook {
  background: #3b5998;
  color: #fff;
}
.btn-facebook:focus,
.btn-facebook:hover {
  background: #3b5998;
  color: #fff;
}
.btn-linkedin {
  background: #0077b5;
  color: #fff;
}
.btn-linkedin:focus,
.btn-linkedin:hover {
  background: #0077b5;
  color: #fff;
}
.btn-twitter {
  background: #00aced;
  color: #fff;
}
.btn-twitter:focus,
.btn-twitter:hover {
  background: #00aced;
  color: #fff;
}
.btn-md > .icon-arrow-down-2,
.btn-md > .icon-right-arrow {
  font-size: 10px;
  margin-left: 5px;
  margin-right: 0;
}
.btn-lg {
  padding-left: 30px;
  padding-right: 30px;
  font-weight: 500;
}
.btn-lg > .icon-arrow-down-2,
.btn-lg > .icon-right-arrow {
  font-size: 15px;
  margin-left: 10px;
  margin-right: 0;
}
.btn-oval {
  border-radius: 30px;
  padding-left: 20px;
  padding-right: 20px;
}
.btn-appstore,
.btn-google-play {
  display: inline-block;
  margin-right: 10px;
}
.cta {
  background: #4d71f1;
  color: rgba(255, 255, 255, 0.7);
  padding: 50px 0;
  text-align: center;
}
.cta p {
  font-size: 28px;
  margin-bottom: 30px;
}
.gray-row {
  width: 100%;
  background-color: #f3f4f5;
}
.blue-row {
  width: 100%;
  background-color: #4d71f1;
}
.lightblue-row {
  width: 100%;
  background-color: rgba(46, 193, 214, 0.15);
}
.filterCt span.checkbox {
  display: block;
  margin-bottom: 10px;
  min-height: 20px;
  color: rgba(41, 41, 41, 0.5);
}
.filterCt span.checkbox input {
  display: none;
}
.filterCt span.checkbox input:checked + label:before {
  font-family: Icons;
  content: "\e002";
  position: absolute;
  font-size: 12px;
  line-height: 17px;
  text-align: center;
  color: #8dc63f;
}
.filterCt span.checkbox label {
  position: relative;
  display: inline-block;
  line-height: 20px;
  min-height: 18px;
  min-width: 18px;
  max-height: 100%;
  max-width: 100%;
  padding-left: 25px;
}
.filterCt span.checkbox label:before {
  content: "";
  position: absolute;
  height: 18px;
  width: 18px;
  border-radius: 3px;
  top: 1px;
  left: 0;
  border: 1px solid rgba(41, 41, 41, 0.12);
  background-color: #fff;
}
.modal-open .all {
  filter: blur(5px);
  -moz-filter: blur(5px);
  -webkit-filter: blur(5px);
  -ms-filter: blur(5px);
  -o-filter: blur(5px);
  transition: filter linear 0.6s 0.5s;
  -webkit-transition: -webkit-filter linear 0.6s 0.5s;
  -moz-transition: -moz-filter linear 0.6s 0.5s;
  -ms-transition: -ms-filter linear 0.6s 0.5s;
  -o-transition: -o-filter linear 0.6s 0.5s;
}
.modal-dialog {
  margin: 110px auto;
}
.modal-dialog .modal-content {
  border: none !important;
}
.modal-dialog .modal-content .modal-header {
  background: #c6c8cd;
  border-radius: 5px 5px 0 0;
  padding: 30px 35px;
}
.modal-dialog .modal-content .modal-header.blue-bg {
  background: #2ec1d6;
}
.modal-dialog .modal-content .modal-header.blue-bg .modal-title {
  color: #fff;
}
.modal-dialog .modal-content .modal-header .modal-title {
  line-height: 24px;
}
.modal-dialog .modal-content .modal-header .modal-title .close {
  color: #fff;
  font-size: 12px;
  line-height: inherit;
  margin: 0;
  opacity: 1;
  text-shadow: none;
  transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
}
.modal-dialog .modal-content .modal-header .modal-title .close:hover {
  transform: scale(1.2);
}
.modal-dialog .modal-content .modal-body {
  padding: 30px 35px;
}
.modal-dialog .modal-content .modal-body form {
  margin-top: 20px;
}
.modal-dialog .modal-content .modal-body .confirm {
  display: none;
}
.sweet-overlay {
  z-index: 2000;
}
.sweet-alert hr {
  margin: 10px 0;
}
#hs-beacon > div > iframe:first-child {
  display: none;
}
form.hs-form {
  margin: 0;
}
form.hs-form fieldset {
  max-width: none;
}
form.hs-form fieldset.form-columns-1 .input,
form.hs-form fieldset.form-columns-2 .input {
  margin-right: 20px;
  width: auto;
}
form.hs-form fieldset.form-columns-1 select.hs-input {
  width: 100%;
}
form.hs-form label {
  font-family: Geist, Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 400;
}
form.hs-form .hs-form-required {
  margin-left: 3px;
}
form.hs-form input.hs-input,
form.hs-form select.hs-input,
form.hs-form textarea.hs-input {
  display: block;
  width: 100%;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  border-radius: 4px;
  box-sizing: border-box;
}
form.hs-form input.hs-input,
form.hs-form select.hs-input {
  height: 34px;
}
form.hs-form textarea.hs-input {
  width: 100% !important;
  max-width: none;
  min-height: 80px;
}
form.hs-form .hs-form-checkbox input.hs-input {
  height: auto;
  display: inline-block;
  margin-right: 8px;
  box-sizing: content-box;
}
form.hs-form .hs-error-msgs label {
  font-size: 12px;
  color: #c87872;
}
form.hs-form .actions {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
}
form.hs-form .hs-button {
  display: inline-block;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  font-weight: 400;
  border-radius: 4px;
  background: #25a767;
  outline: 0;
  border: none !important;
  text-shadow: none;
  text-transform: uppercase;
  box-shadow: none !important;
}
form.hs-form .hs-button:hover {
  background: #6ea91e;
}
#navigation .filter .dropdown {
  display: none;
  position: absolute;
  border-radius: 0;
  -moz-box-shadow: 0 0 6px 0 rgba(85, 85, 85, 0.3);
  -webkit-box-shadow: 0 0 6px 0 rgba(85, 85, 85, 0.3);
  box-shadow: 0 0 6px 0 rgba(85, 85, 85, 0.3);
  background-clip: padding-box;
  background-color: #fff;
  z-index: 1;
  box-shadow: unset;
}
#navigation .filter .dropdown .dd-holder {
  overflow: hidden;
}
#navigation .filter .dropdown ul {
  padding: 12px 8px;
}
#navigation .filter .dropdown li {
  margin: 0;
}
#navigation .filter .dropdown li a {
  display: block;
  font-size: 15px;
  line-height: 27px;
  padding-left: 8px;
  text-transform: none;
  border: none;
}
#navigation .filter .menu-submenu-container.container {
  padding: 0;
}
#navigation .filter li.menu-item.submenu a.icon {
  position: relative;
}
#navigation .filter li.menu-item.submenu a.icon:before {
  position: absolute;
  right: 0;
  top: 14px;
  font-size: 8px;
}
@media only screen and (max-width: 767px) {
  #navigation .filter li.menu-item.submenu a.icon:before {
    position: absolute;
    right: 0;
    top: 20px;
    font-size: 14px;
  }
}
#navigation .filter li.menu-item.submenu > a {
  padding-right: 12px;
  font-weight: 400;
}
#navigation .filter li.menu-item.submenu.current-menu-item > a {
  border-bottom: none;
}
#navigation .filter li.menu-item.submenu.dropdown-open a.icon:before {
  transform: rotate(270deg);
  -o-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
  transition: transform 0.4s;
  -o-transition: transform 0.4s;
  -ms-transition: transform 0.4s;
  -moz-transition: transform 0.4s;
  -webkit-transition: transform 0.4s;
}
#navigation .filter li.menu-item.submenu.dropdown-open .dropdown {
  display: block;
}
@media only screen and (max-width: 767px) {
  #navigation .filter li.menu-item.submenu.dropdown-open .dropdown .container {
    padding-bottom: 0;
  }
}
#navigation .filter li.menu-item.submenu .dropdown ul {
  position: static;
}
#navigation .filter li.menu-item.submenu .dropdown li {
  margin: 0;
}
#navigation .filter li.menu-item.submenu .dropdown {
  width: calc(100vw - (100vw - 100%));
  left: 0;
  background: #f2f4f6;
}
@media screen and (max-width: 992px) {
  #navigation .filter li.menu-item.submenu .dropdown {
    overflow: auto;
  }
}
#navigation .filter li.menu-item.submenu .dropdown ul {
  width: 100%;
}
#navigation .filter li.menu-item.submenu .submenu-dd_list-header {
  display: block;
  border-bottom: 1px solid #dee4e7;
  color: #8e929b;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 500;
  padding: 20px 0 10px;
  letter-spacing: 1px;
  margin-bottom: 3px;
}
#navigation .filter li.menu-item.submenu .divided > ul {
  -moz-column-count: 2;
  -webkit-column-count: 2;
  column-count: 2;
  -moz-column-gap: 60px;
  -webkit-column-gap: 60px;
  column-gap: 60px;
}
@media only screen and (max-width: 767px) {
  #navigation .filter li.menu-item.submenu .divided > ul {
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
    -moz-column-gap: 0;
    -webkit-column-gap: 0;
    column-gap: 0;
  }
}
#navigation .filter li.menu-item.submenu .menu {
  padding: 0;
}
#navigation .filter li.menu-item.submenu .menu-item {
  position: relative;
  font-weight: 500;
}
#navigation .filter li.menu-item.submenu .menu-item:before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  border-radius: 100%;
  background: #fff;
  padding-left: 1px;
  transform: translateY(-50%);
}
#navigation .filter li.menu-item.submenu .menu-item.icon-cloud-data:before {
  color: #2ec1d6;
}
#navigation .filter li.menu-item.submenu .menu-item.icon-templates-2:before {
  color: #ff9600;
}
#navigation .filter li.menu-item.submenu .menu-item.icon-search-db:before {
  color: #000;
  padding-left: 4px;
}
#navigation .filter li.menu-item.submenu .menu-item.icon-calc:before {
  color: #c26dc3;
}
#navigation
  .filter
  li.menu-item.submenu
  .menu-item.icon-customize-dashboard:before {
  color: #0054a6;
}
#navigation .filter li.menu-item.submenu .menu-item.icon-present {
  color: #f76868;
}
#navigation .filter li.menu-item.submenu .menu-item.icon-partner:before {
  color: #8560a8;
}
#navigation .filter li.menu-item.submenu .menu-item.icon-datawall:before {
  color: #0072bc;
}
#navigation .filter li.menu-item.submenu .menu-item.icon-box-123:before {
  color: #6869ad;
}
#navigation .filter li.menu-item.submenu .menu-item.icon-target-hit:before {
  color: #1db475;
}
#navigation .filter li.menu-item.submenu .menu-item.icon-scorecard:before {
  color: #ffac36;
}
#navigation .filter li.menu-item.submenu .menu-item.icon-alert-on:before {
  color: #ff4929;
}
#navigation .filter li.menu-item.submenu .menu-item.icon-devices-2:before {
  color: #849ca3;
}
#navigation .filter li.menu-item.submenu .menu-item.icon-boxes:before {
  color: #8e929b;
}
#navigation
  .filter
  li.menu-item.submenu
  .menu-item.icon-dashboard-software:before {
  color: #8e929b;
}
#navigation
  .filter
  li.menu-item.submenu
  .menu-item
  .icon-business-dashboard-software:before {
  color: #2ec1d6;
}
#navigation
  .filter
  li.menu-item.submenu
  .menu-item
  .icon-client-dashboard-software:before {
  color: #ff9600;
}
#navigation
  .filter
  li.menu-item.submenu
  .menu-item
  .icon-marketing-dashboard-software:before {
  color: #c26dc3;
}
#navigation
  .filter
  li.menu-item.submenu
  .menu-item
  .icon-seo-dashboard-software:before {
  color: #0054a6;
}
#navigation
  .filter
  li.menu-item.submenu
  .menu-item
  .icon-social-media-dashboard-software:before {
  color: #ff4929;
}
#navigation
  .filter
  li.menu-item.submenu
  .menu-item
  .icon-report-designer:before {
  color: #ff9600;
}
#navigation
  .filter
  li.menu-item.submenu
  .menu-item
  .icon-automated-reporting:before {
  color: #2ec1d6;
}
#navigation
  .filter
  li.menu-item.submenu
  .menu-item
  .icon-custom-metric-builder:before {
  color: #ffac36;
}
#navigation .filter li.menu-item.submenu .menu-item a {
  padding: 8px;
  margin: 0;
  font-size: 15px;
  line-height: 18px;
  color: #2d3237;
  font-weight: 500;
  display: inline-block;
  margin-left: -8px;
}
#navigation .filter li.menu-item.submenu .menu-item a.current-menu-item a,
#navigation .filter li.menu-item.submenu .menu-item a:hover a {
  background-color: #dae9f2;
  border-radius: 4px;
}
@media only screen and (max-width: 767px) {
  #navigation .filter li.menu-item.submenu .menu-item a {
    padding: 0 8px;
  }
}
#navigation .filter li.menu-item.submenu .menu-item a:hover {
  background: #dae9f2;
  border-radius: 4px;
}
#navigation .filter li.menu-item.submenu .menu-item a .dd-menu-description {
  display: block;
  color: rgba(45, 50, 55, 0.8);
  font-size: 13px;
  line-height: 18px;
  padding-top: 8px;
  width: 100%;
  letter-spacing: 0;
}
#navigation .filter li.menu-item.submenu .menu-item.icon a {
  padding: 11px 8px 11px 39px;
}
@media only screen and (max-width: 767px) {
  #navigation .filter li.menu-item.submenu .menu-item.icon a {
    padding: 4px 8px 4px 39px;
  }
}
#navigation .filter li.menu-item.submenu .menu-item.icon.last {
  font-weight: 400;
  margin-top: 16px !important;
  border-top: 1px solid #dee4e7;
  padding-top: 14px;
}
#navigation .filter li.menu-item.submenu .menu-item.icon.last.last-double {
  margin-top: 58px !important;
}
#navigation .filter li.menu-item.submenu .menu-item.icon.last.last-triple {
  margin-top: 100px !important;
}
#navigation .filter li.menu-item.submenu .menu-item.icon.last:before {
  top: 62%;
}
@media only screen and (max-width: 767px) {
  #navigation .filter li.menu-item.submenu .menu-item.icon.last {
    margin-top: 0 !important;
    border: none;
    padding-top: 0;
  }
  #navigation .filter li.menu-item.submenu .menu-item.icon.last.last-double {
    margin-top: 0 !important;
  }
  #navigation .filter li.menu-item.submenu .menu-item.icon.last.last-triple {
    margin-top: 0 !important;
  }
  #navigation .filter li.menu-item.submenu .menu-item.icon.last:before {
    top: 50%;
  }
}
#navigation .filter li.menu-item.submenu .menu-item.see-more {
  margin-top: 13px;
}
#navigation .filter li.menu-item.submenu .menu-item.see-more a {
  color: #2bb673 !important;
  text-decoration: underline;
  position: relative;
}
#navigation .filter li.menu-item.submenu .menu-item.see-more a :after {
  content: "";
  border: solid #2bb673;
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 3.3px;
  transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  margin-left: 3px;
}
#navigation .filter li.menu-item.submenu .menu-item.see-more a:hover {
  background: 0 0;
}
#navigation .filter li.menu-item.submenu .menu-item .dd-list-subtitle {
  padding-top: 8px;
}
#navigation
  .filter
  li.menu-item.submenu
  .menu-item
  .dd-list-subtitle.top-spacing {
  padding-top: 36px;
}
#navigation .filter li.menu-item.submenu .menu-item .dd-list-subtitle > a {
  font-size: 13px;
  color: #909299 !important;
}
#navigation
  .filter
  li.menu-item.submenu
  .menu-item
  .dd-list-subtitle
  > a:hover {
  background: 0 0;
  cursor: default;
}
#navigation .filter li.menu-item.submenu .menu-item.new {
  margin-bottom: 5px;
}
#navigation .filter li.menu-item.submenu .menu-item.new a {
  color: #8e929b;
}
#navigation .filter li.menu-item.submenu .menu-item.bordered-background a {
  padding: 12px 16px 16px;
  margin-top: 8px;
  border-radius: 4px;
  font-weight: 500;
  margin-left: -16px;
}
#navigation
  .filter
  li.menu-item.submenu
  .menu-item.bordered-background
  a:hover {
  background: rgba(45, 50, 55, 0.05);
}
#navigation
  .filter
  li.menu-item.submenu
  .menu-item.bordered-background
  a
  .dd-menu-description {
  font-weight: 400;
}
#navigation .filter li.menu-item.submenu .menu-item.submenu-holder {
  width: 50% !important;
  display: inline-block;
}
@media only screen and (max-width: 767px) {
  #navigation .filter li.menu-item.submenu .menu-item.submenu-holder {
    padding: 0;
    width: 100% !important;
  }
}
#navigation
  .filter
  li.menu-item.submenu
  .menu-item.submenu-dd_list.submenu-holder {
  width: 98% !important;
  margin-top: 14px;
  padding: 0;
  border-top: 1px solid #dee4e7;
}
#navigation
  .filter
  li.menu-item.submenu
  .menu-item.submenu-dd_list.submenu-holder
  .submenu-holder {
  width: 25% !important;
}
@media only screen and (max-width: 767px) {
  #navigation
    .filter
    li.menu-item.submenu
    .menu-item.submenu-dd_list.submenu-holder
    .submenu-holder {
    width: 100% !important;
    padding: 0;
  }
}
#navigation .filter li.menu-item.submenu .menu-item .hiring:before {
  background: 0 0;
  width: inherit;
  height: inherit;
  color: #2bb673;
  font-size: 30px;
  top: 18px;
  transform: translateY(0);
  left: -6px;
}
@media only screen and (max-width: 767px) {
  #navigation .filter li.menu-item.submenu .menu-item .hiring:before {
    left: -48%;
    top: 9px;
  }
}
#navigation .filter li.menu-item.submenu .menu-item .hiring:hover {
  background: 0 0 !important;
}
#navigation .filter li.menu-item.submenu .menu-item .hiring a:hover {
  background: rgba(43, 182, 115, 0.1) !important;
}
#navigation .filter li.menu-item.submenu .menu-item .hiring a .link-title {
  padding-left: 24px;
  color: #2bb673;
}
#navigation .filter li.menu-item.submenu .menu-item img.icon {
  width: 24px;
  height: 24px;
  border-radius: 100%;
  margin-right: 7px;
}
#navigation .filter li.menu-item.submenu .dropdown:after {
  content: "";
  width: calc(100vw - (100vw - 100%));
  position: absolute;
  bottom: 0;
  height: 1px;
  box-shadow: 0 4px 32px 32px rgba(0, 0, 0, 0.08);
  z-index: -2;
}
@media screen and (max-width: 992px) {
  #navigation .filter li.menu-item.submenu .dropdown:after {
    box-shadow: none;
  }
}
#navigation .filter li.menu-item.submenu .submenu-dd_cta {
  clear: both;
  padding: 19px 0;
  font-size: 13px;
  line-height: 18px;
  text-align: left;
  color: #2d3237;
  width: 100%;
  margin-top: 70px !important;
  font-weight: 400;
}
#navigation .filter li.menu-item.submenu .submenu-dd_cta:after {
  content: "";
  background: #fff;
  width: 100vw;
  position: absolute;
  bottom: 0;
  left: 50%;
  height: 66px;
  z-index: -1;
  transform: translateX(-50%);
}
@media only screen and (max-width: 767px) {
  #navigation .filter li.menu-item.submenu .submenu-dd_cta:after {
    height: 66px;
    display: none;
  }
}
@media only screen and (max-width: 580px) {
  #navigation .filter li.menu-item.submenu .submenu-dd_cta:after {
    height: 96px;
  }
}
@media only screen and (max-width: 836px) {
  #navigation .filter li.menu-item.submenu .submenu-dd_cta {
    display: none;
  }
}
#navigation .filter li.menu-item.submenu .submenu-dd_cta a {
  color: #fff !important;
  text-transform: uppercase;
  background-color: #2bb673;
  font-size: 12px;
  font-weight: 500;
  line-height: 26px;
  border-radius: 4px;
  margin: 0 0 0 8px;
  padding: 0 10px;
  border: 1px solid #2bb673;
  display: inline-block;
  vertical-align: middle;
}
#navigation .filter li.menu-item.submenu .submenu-dd_cta a:hover {
  color: #fff !important;
  background-color: #1fa364;
  border: 1px solid #1fa364;
}
@media only screen and (max-width: 767px) {
  #navigation .filter li.menu-item.submenu .submenu-dd_cta {
    padding: 15px 0;
  }
}
#navigation .filter li.menu-item.submenu #submenu-dd_list-menu li {
  width: 100%;
}
#navigation .filter li.menu-item.submenu #submenu-dd_list-menu li.icon {
  margin-top: 2px;
}
#navigation
  .filter
  li.menu-item.submenu
  #submenu-dd_list-menu
  li.icon:first-of-type {
  margin-top: 10px;
}
#navigation .filter li.menu-item.submenu #submenu-dd_list-menu li.icon-image {
  margin-top: 2px;
}
#navigation
  .filter
  li.menu-item.submenu
  #submenu-dd_list-menu
  li.icon-image:first-of-type {
  margin-top: 10px;
}
@media only screen and (min-width: 768px) {
  #navigation .filter li.menu-item.submenu::before {
    right: 6px;
  }
}
@media only screen and (min-width: 1200px) {
  #navigation .filter li.menu-item.submenu::before {
    right: 12px;
  }
}
@media only screen and (max-width: 836px) {
  #navigation .filter .icon-arrow-down::before {
    transition: transform 0.4s;
    -o-transition: transform 0.4s;
    -ms-transition: transform 0.4s;
    -moz-transition: transform 0.4s;
    -webkit-transition: transform 0.4s;
  }
  #navigation .filter .menu-submenu-container.container {
    padding-left: 15px;
    padding-right: 15px;
  }
  #navigation .filter li.menu-item.submenu::before {
    top: 30px;
    font-size: 14px;
  }
  #navigation
    .filter
    li.menu-item.submenu.dropdown-open
    a.icon-arrow-down:before {
    transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    transition: transform 0.4s;
    -o-transition: transform 0.4s;
    -ms-transition: transform 0.4s;
    -moz-transition: transform 0.4s;
    -webkit-transition: transform 0.4s;
  }
  #navigation .filter li.menu-item.submenu.dropdown-open .dropdown {
    position: relative;
    border-radius: 0;
    right: unset;
    left: unset;
    width: auto;
    box-shadow: unset;
    background-image: none;
    padding: 0;
    top: 0;
  }
  #navigation .filter li.menu-item.submenu.dropdown-open .dropdown::before {
    background-image: none;
  }
  #navigation .filter li.menu-item.submenu.dropdown-open .dropdown ul {
    margin-top: 0;
    padding-top: 0;
    background-color: transparent;
  }
  #navigation .filter li.menu-item.submenu.dropdown-open .dropdown ul li {
    border-top: none;
    margin: 0;
    width: 100%;
  }
  #navigation .filter li.menu-item.submenu.dropdown-open .dropdown ul li a {
    font-weight: 400;
    line-height: 40px;
    color: #000;
    display: block;
  }
  #navigation
    .filter
    li.menu-item.submenu.dropdown-open
    .dropdown
    ul
    li.hiring {
    text-align: left;
  }
  #navigation .filter li.menu-item.submenu > a {
    padding-right: 0;
    font-weight: 500;
    color: #000;
  }
  #navigation
    .filter
    li.menu-item.submenu
    .menu-item:not(.blank).current-menu-item,
  #navigation .filter li.menu-item.submenu .menu-item:not(.blank):hover {
    background: 0 0;
  }
  #navigation
    .filter
    li.menu-item.submenu
    .menu-item:not(.blank).current-menu-item
    a,
  #navigation .filter li.menu-item.submenu .menu-item:not(.blank):hover a {
    color: #2d3237;
  }
  #navigation .filter li.menu-item.submenu a.icon:before {
    font-size: 14px;
    top: 20px;
  }
  #navigation .filter li.menu-item.submenu .menu-item .hiring:before {
    left: -48%;
    top: 9px;
  }
  #navigation .filter li.menu-item.submenu .menu-item.submenu-dd_list {
    padding: 0;
  }
  #navigation
    .filter
    li.menu-item.submenu
    .menu-item.submenu-dd_list
    .submenu-dd_list-header {
    text-align: left;
    padding: 10px 0 10px;
  }
  #navigation
    .filter
    li.menu-item.submenu
    .menu-item.submenu-dd_list.submenu-holder
    .submenu-holder {
    width: 100% !important;
    padding: 0;
  }
  #navigation .filter li.menu-item.submenu #submenu-dd_list-menu li {
    width: 100% !important;
  }
  #navigation .filter li.menu-item.submenu #submenu-dd_list-menu li.last {
    border: none;
    padding: 0;
    margin: 0 !important;
  }
  #navigation
    .filter
    li.menu-item.submenu
    #submenu-dd_list-menu
    li.last::before {
    top: 50%;
  }
  #navigation .filter li.menu-item.submenu #submenu-dd_list-menu li a {
    padding: 4px 8px 4px 15px;
  }
  #navigation .filter li.menu-item.submenu #submenu-dd_list-menu li.icon a {
    padding: 4px 8px 4px 36px;
  }
  #navigation
    .filter
    li.menu-item.submenu
    #submenu-dd_list-menu
    li.dd-list-subtitle
    a {
    padding: 4px 8px 4px 8px;
  }
}
.breadcrumbs {
  color: #8e929b;
  text-transform: uppercase;
  margin-bottom: 60px;
}
.breadcrumbs .item {
  padding: 0 15px;
}
.breadcrumbs .item a {
  color: #8e929b;
  font-size: 11px;
  font-weight: 400;
}
.breadcrumbs .item a.nolink {
  cursor: default !important;
  text-decoration: none !important;
}
.tooltipster-databox {
  border-radius: 5px;
  border: 1px solid rgba(37, 37, 37, 0.25);
  background: #fff;
  color: rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0 0 6px 0 rgba(37, 37, 37, 0.3);
  -webkit-box-shadow: 0 0 6px 0 rgba(37, 37, 37, 0.3);
  box-shadow: 0 0 6px 0 rgba(37, 37, 37, 0.3);
  pointer-events: auto;
}
.tooltipster-databox .tooltipster-content {
  font-size: 11px;
  line-height: 16px;
  padding: 16px 14px;
  font-weight: 400;
}
.tooltipster-databox .tooltipster-content img {
  display: block;
}
.tooltipster-databox .tooltipster-content img.top {
  margin-bottom: 12px;
}
.tooltipster-databox .tooltipster-content img.left {
  float: left;
  margin-right: 12px;
}
.tooltipster-databox .tooltipster-content ul {
  padding-left: 0;
  list-style: none;
  margin: 6px 0 0;
}
.tooltipster-databox .tooltipster-content li {
  padding-left: 10px;
  position: relative;
}
.tooltipster-databox .tooltipster-content li:before {
  content: "\B7";
  position: absolute;
  top: 0;
  left: 0;
}
.tooltipster-databox .tooltipster-arrow {
  top: 1px;
}
.tooltipster-databox.qb-info p {
  color: #8e929b;
  padding: 4px 0;
  margin: 0;
}
.tooltipster-databox--cta {
  background-color: #fff;
  box-shadow: 0 0 15px 1px rgba(142, 146, 155, 0.3);
  padding: 24px;
  border-radius: 6px;
}
.tooltipster-databox--blog {
  background-color: #fff;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
  padding: 16px;
  border-radius: 4px;
}
#smallBanners {
  height: 150px;
  padding-top: 50px;
  font-size: 15px;
}
#smallBanners .wrap {
  min-height: 70px;
  display: table;
}
#smallBanners .wrap p {
  padding-left: 54px;
  position: relative;
  display: table-cell;
  vertical-align: middle;
}
#smallBanners .wrap .icon {
  position: absolute;
  top: 3px;
  left: 0;
  font-size: 40px;
  color: #8e929b;
}
#navigation {
  position: absolute;
  width: 100%;
  z-index: 1000;
  background-color: transparent;
}
#navigation .filter {
  padding-block: 20px;
}
#navigation.fixed .filter {
  padding-block: 20px;
}
#navigation:not(.active) .filter {
  transition: padding-block 0.4s, height 0s, background-color 0s;
  -o-transition: padding-block 0.4s, height 0s, background-color 0s;
  -ms-transition: padding-block 0.4s, height 0s, background-color 0s;
  -moz-transition: padding-block 0.4s, height 0s, background-color 0s;
  -webkit-transition: padding-block 0.4s, height 0s, background-color 0s;
}
#navigation.active {
  background-color: #f2f4f6;
}
#navigation.active.light a {
  color: #000;
}
#navigation.active.light a:hover {
  color: #4d71f1;
}
#navigation.active.light .logo .logo-dark {
  display: inline-block;
}
#navigation.active.light .logo .logo-light {
  display: none;
}
#navigation.active.light
  .filter
  li.menu-item.submenu.current-menu-item
  > a:not(:hover) {
  color: #000;
}
#navigation.light ul li.current-menu-item a {
  border-bottom-color: #4d71f1;
  color: #4d71f1;
}
#navigation.light ul li a {
  color: #fff;
}
#navigation.light ul li a:hover {
  color: #4d71f1;
}
#navigation.light .logo .logo-light {
  display: inline-block;
}
#navigation.light .logo .logo-dark {
  display: none;
}
@media only screen and (max-width: 1200px) {
  #navigation.light .logo {
    margin-right: 20px;
  }
}
@media only screen and (max-width: 991px) {
  #navigation.light .logo {
    margin-right: 2px;
  }
}
#navigation.light li.menu-item.submenu.dropdown-open:before,
#navigation.light li.menu-item.submenu.dropdown-open > a {
  color: #4d71f1 !important;
}
#navigation.light .filter li.menu-item.submenu:before {
  color: #fff;
}
#navigation.light .filter li.menu-item.submenu:hover:before {
  color: #4d71f1;
}
#navigation.light
  .filter
  li.menu-item.submenu.current-menu-item
  > a:not(:hover) {
  color: #fff;
}
@media only screen and (max-width: 767px) {
  #navigation.light ul li.current-menu-item a {
    color: #4d71f1;
  }
  #navigation.light ul li a:hover {
    color: #4d71f1;
  }
  #navigation.light li.menu-item > a {
    color: #000;
  }
  #navigation.light li.menu-item.submenu > a {
    color: #000;
  }
  #navigation.light li.menu-item.submenu.dropdown-open:before,
  #navigation.light li.menu-item.submenu.dropdown-open > a {
    color: #4d71f1 !important;
  }
  #navigation.light li.menu-item.submenu:hover:before {
    color: #4d71f1 !important;
  }
}
#navigation.dark ul li.current-menu-item a {
  border-bottom-color: #1f6c9f;
  color: #1f6c9f;
}
#navigation.dark ul li a {
  color: #2d3237;
}
#navigation.dark ul li a:hover {
  color: #1f6c9f;
}
#navigation.dark .logo .logo-light {
  display: none;
}
#navigation.dark .logo .logo-dark {
  display: inline-block;
}
@media only screen and (max-width: 1200px) {
  #navigation.dark .logo {
    margin-right: 20px;
  }
}
@media only screen and (max-width: 991px) {
  #navigation.dark .logo {
    margin-right: 2px;
  }
}
#navigation.dark li.menu-item.submenu.dropdown-open:before,
#navigation.dark li.menu-item.submenu.dropdown-open > a {
  color: #1f6c9f !important;
}
#navigation.dark .filter li.menu-item.submenu:before {
  color: #2d3237;
}
#navigation.dark .filter li.menu-item.submenu:hover:before {
  color: #1f6c9f;
}
#navigation.dark
  .filter
  li.menu-item.submenu.current-menu-item
  > a:not(:hover) {
  color: #2d3237;
}
@media only screen and (max-width: 767px) {
  #navigation.dark ul li.current-menu-item a {
    color: #2d3237;
  }
  #navigation.dark ul li a:hover {
    color: #2d3237;
  }
  #navigation.dark li.menu-item.submenu > a {
    color: #2d3237;
  }
  #navigation.dark li.menu-item.submenu.dropdown-open:before,
  #navigation.dark li.menu-item.submenu.dropdown-open > a {
    color: #4d71f1 !important;
  }
  #navigation.dark li.menu-item.submenu:hover:before {
    color: #2d3237 !important;
  }
}
@media only screen and (min-width: 992px) {
  #navigation.dark .filter li.menu-item.submenu .dropdown:before {
    left: 0;
  }
}
@media only screen and (min-width: 1200px) {
  #navigation.dark .filter li.menu-item.submenu .dropdown:before {
    left: 0;
  }
}
#navigation ul {
  list-style: none;
  margin: 0;
  padding: 0;
  z-index: 1;
  display: inline-block;
  vertical-align: middle;
}
#navigation ul.right {
  float: right;
}
#navigation ul li {
  float: left;
}
#navigation ul li a {
  border: 1px solid transparent;
  display: block;
  line-height: 34px;
  margin: 0 15px;
  text-decoration: none;
  font-weight: 400;
  font-size: 15px;
}
#navigation ul li.get-started {
  margin-left: 10px;
}
#navigation ul li.get-started a {
  color: #fff !important;
  text-transform: uppercase;
  background-color: #2bb673;
  font-size: 12px;
  font-weight: 500;
  line-height: 26px;
  border-radius: 4px;
  margin: 4px 0 0;
  padding: 0 10px;
  border: 1px solid #2bb673;
}
#navigation ul li.get-started a:hover {
  color: #fff !important;
  background-color: #1fa364;
  border: 1px solid #1fa364;
}
#navigation ul li.get-started.white {
  margin-left: 2px;
}
#navigation ul li.get-started.white a {
  background-color: transparent;
  border: 1px solid #2bb673;
  color: #2bb673 !important;
}
#navigation ul li.get-started.white a:hover {
  color: #fff !important;
  background-color: #2bb673;
}
@media only screen and (min-width: 768px) {
  #navigation ul li a {
    margin: 0 5px;
    font-size: 12px;
  }
  #navigation ul li.get-started {
    margin-left: 5px;
  }
  #navigation ul li.get-started a {
    font-size: 10px;
  }
}
@media only screen and (min-width: 992px) {
  #navigation ul li a {
    margin: 0 7px;
    font-size: 12px;
  }
  #navigation ul li.get-started {
    margin-left: 5px;
  }
  #navigation ul li.get-started a {
    font-size: 11px;
  }
}
@media only screen and (min-width: 1200px) {
  #navigation ul li a {
    margin: 0 11px;
    font-size: 15px;
  }
  #navigation ul li.get-started {
    margin-left: 10px;
  }
  #navigation ul li.get-started a {
    font-size: 12px;
  }
}
#navigation .dropdown {
  margin-top: 20px;
}
#navigation .logo {
  text-align: center;
  display: inline-block;
  vertical-align: top;
  margin-right: 25px;
}
#navigation .mobile-buttons {
  display: none;
}
@media only screen and (min-width: 992px) {
  #navigation .filter {
    padding-block: 40px;
  }
  #navigation .logo {
    margin-right: 22px;
  }
}
@media only screen and (max-width: 836px) and (min-width: 465px) {
  #navigation.visible ul.right li.get-started {
    display: none;
  }
  #navigation .mobile-buttons {
    display: block;
    position: absolute;
    top: 18px;
    right: 55px;
    white-space: nowrap;
  }
  #navigation .mobile-buttons ul.right {
    display: block;
    margin-top: 0;
  }
  #navigation .mobile-buttons ul.right li {
    display: inline-block;
    vertical-align: middle;
  }
  #navigation .mobile-buttons ul.right li.menu-item {
    display: none;
  }
  #navigation .mobile-buttons ul.right li.menu-item.get-started {
    display: inline-block;
    margin-left: 5px;
    width: 103px;
    max-width: inherit;
  }
  #navigation .mobile-buttons ul.right li.menu-item.get-started a {
    font-size: 12px;
    line-height: 26px;
  }
}
#navigation .banner-section {
  width: 100%;
  background: #4d71f1;
  text-align: center;
  color: #fff;
  padding: 0 15px;
}
#navigation .banner-section p {
  margin: 0;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  padding: 10px 0;
}
#navigation .banner-section a {
  font-weight: 500;
  text-decoration: underline;
  color: #fff;
}
@media screen and (max-width: 992px) {
  #navigation .banner-section {
    position: fixed;
    bottom: 0;
    left: 0;
    margin-bottom: 0;
  }
  #navigation .banner-section p {
    font-size: 14px;
    line-height: 20px;
  }
}
#navigation.is_banner {
  padding-top: 0;
}
#navigation.is_banner.fixed {
  padding-top: 0;
}
#navigation.is_promotion_banner {
  top: 48px;
}
#navigation.is_promotion_banner.fixed {
  top: 0;
}
@media screen and (max-width: 768px) {
  #navigation.is_promotion_banner {
    height: auto;
  }
}
.banner-section {
  width: 100%;
  background: #4d71f1;
  text-align: center;
  color: #fff;
  padding: 0 15px;
}
.banner-section p {
  margin: 0;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  padding: 10px 0;
}
.banner-section a {
  font-weight: 500;
  text-decoration: underline;
  color: #fff;
}
.banner-section.home-banner {
  background-color: #0d1721;
  background-image: url("../img/landing-page-2021/topbanner/bg_top_banner.png");
  background-repeat: no-repeat;
  background-position: center right;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
}
@supports (
  background-image: url("../img/landing-page-2021/topbanner/bg_top_banner.webp")
) {
  .banner-section.home-banner {
    background-image: url("../img/landing-page-2021/topbanner/bg_top_banner.webp");
  }
}
.banner-section.home-banner .banner-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2px 0;
}
.banner-section.home-banner .banner-inner .icon.icon-close {
  color: #fff;
  position: absolute;
  right: 20px;
  top: 14px;
  cursor: pointer;
}
.banner-section.home-banner .banner-inner p {
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  margin-right: 15px;
}
.banner-section.home-banner .banner-inner p span.icon {
  color: #c757ad;
  margin-right: 10px;
  font-size: 18px;
}
.banner-section.home-banner .banner-inner .btn {
  background: linear-gradient(
    131deg,
    #7347de -5.87%,
    #c757ad 61.74%,
    #e3716d 103.35%
  );
  border-radius: 6px;
  text-decoration: none;
  border: none;
  font-size: 14px;
  text-transform: none;
  padding: 3px 15px;
}
.banner-section.home-banner .banner-inner .btn:hover {
  color: #fff;
  background: linear-gradient(
    131deg,
    #e3716d -5.87%,
    #c757ad 61.74%,
    #7347de 103.35%
  );
}
@media screen and (max-width: 992px) {
  .banner-section.home-banner {
    position: absolute;
    top: 0;
    left: 0;
    margin-bottom: 0;
  }
  .banner-section.home-banner .banner-inner {
    padding: 2px 0 4px;
  }
  .banner-section.home-banner .banner-inner .icon.icon-close {
    right: 10px;
  }
  .banner-section.home-banner .banner-inner a.btn {
    font-size: 0;
    padding: 4px;
  }
  .banner-section.home-banner .banner-inner a.btn:after {
    position: relative;
    font-size: 12px;
    content: "\35";
    font-family: Icons;
    left: -2px;
  }
  .banner-section.home-banner .banner-inner p {
    font-size: 14px;
    line-height: 20px;
    margin-right: 10px;
  }
  .banner-section.home-banner .banner-inner p span.icon {
    margin-right: 5px;
  }
}
.header {
  background: url(../img/other/background.jpg) no-repeat center top/cover;
  color: #fff;
  padding: 120px 0 60px;
  text-align: center;
}
.header.big {
  padding: 220px 0 160px;
}
.header h1 {
  font-size: 50px;
  font-weight: 300;
  line-height: 1.35;
}
.header p {
  font-size: 20px;
}
.header.centertitle .container {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  height: 100%;
}
.header.centertitle h1 {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  margin: 0;
}
.header.two-column-layout {
  height: auto !important;
}
.header.two-column-layout h1 {
  font-size: 50px;
  line-height: 60px;
  margin: 26px 0 30px;
}
.header.two-column-layout .row {
  display: -webkit-flex;
  display: flex;
}
.header.two-column-layout .col {
  font-size: 18px;
  line-height: 28px;
  text-align: left;
  color: rgba(255, 255, 255, 0.75);
}
.header.two-column-layout .col .icon-ct {
  padding: 16px 0 13px;
}
.header.two-column-layout .col .icon-ct img {
  display: block;
  height: 70px;
}
.header.two-column-layout .col a {
  color: inherit;
  text-decoration: underline;
}
.header.two-column-layout .col.col-1 {
  position: relative;
}
.header.two-column-layout .col.col-1 .box {
  padding-right: 20px;
  position: absolute;
  bottom: 0;
}
.header.two-column-layout .col.col-2 .box {
  padding-left: 20px;
}
.header.two-column-layout .col.col-2 img {
  display: block;
}
@media only screen and (max-width: 991px) {
  .header.two-column-layout .row {
    display: block;
  }
  .header.two-column-layout .col.col-1 .box {
    position: static;
    padding-right: 0;
  }
  .header.two-column-layout .col.col-2 {
    padding-top: 20px;
  }
  .header.two-column-layout .col.col-2 .box {
    padding-left: 0;
  }
  .header.two-column-layout .icon-ct {
    float: left;
    margin-right: 20px;
  }
}
@media only screen and (max-width: 480px) {
  .header.two-column-layout h1 {
    font-size: 40px;
    line-height: 50px;
  }
}
.interactive-header {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.interactive-header .interactive-header__container {
  height: 834px;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.interactive-header .interactive-header__container::after {
  content: "";
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.3);
  z-index: 1;
}
.interactive-header .interactive-header__container video {
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.interactive-header .interactive-header__container .container {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 100%;
  text-align: center;
  z-index: 10;
  margin: auto;
}
.content {
  overflow: hidden;
  padding: 80px 0;
}
.content h1 {
  color: #4d71f1;
  font-size: 50px;
  font-weight: 100;
  margin: 10px 0 40px;
}
.content p.subtitle {
  font-size: 20px;
  margin-bottom: 40px;
}
.content p {
  font-size: 16px;
}
#logos-ct {
  padding: 42px 0 0;
}
#logos {
  text-align: center;
  padding-bottom: 25px;
}
#logos strong {
  display: block;
  font-weight: 300;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 1px;
  padding: 54px 0 43px;
}
#logos ul {
  overflow: hidden;
  padding: 0;
  margin: 0 30px;
  list-style: none;
}
#logos li {
  height: 50px;
  text-align: center;
  margin-bottom: 25px;
}
#logos img {
  height: 100%;
  width: auto;
}
#awards-logos {
  padding: 30px 140px 0;
}
#awards-logos p {
  padding: 60px 10px 30px 0;
  font-size: 11px;
  line-height: 13px;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: auto 46px;
  min-height: 136px;
}
#awards-logos p.techstars {
  background-image: url(../img/landing-page/logo-techstars.png);
}
#awards-logos p.nevy {
  background-image: url(../img/landing-page/logo-nevy.png);
}
#awards-logos p.sap {
  background-image: url(../img/landing-page/logo-sap.png);
}
#awards-logos p.att {
  background-image: url(../img/landing-page/logo-att.png);
}
#awards-logos p.sxsw {
  background-image: url(../img/landing-page/logo-sxsw.png);
}
#awards-logos p.icom {
  background-image: url(../img/landing-page/logo-icom.png);
}
.inner-menu {
  background-color: #f4f4f4;
  min-height: 80px;
}
.inner-menu ul {
  overflow: hidden;
  list-style: none;
  font-size: 16px;
  line-height: 34px;
  text-transform: none;
  margin: 0;
  padding: 22px 0 8px;
  font-weight: 400;
}
.inner-menu li {
  float: left;
  margin-right: 40px;
  margin-bottom: 15px;
}
.inner-menu li a {
  display: inline-block;
  color: #8e929b;
  text-decoration: none;
  font-weight: 500;
}
.inner-menu li a:hover {
  color: #0d0f11;
  font-weight: 500;
  border: none;
}
.inner-menu li.current-menu-item a {
  color: #4d71f1;
  font-weight: 500;
}
.inner-menu li.current-list {
  font-weight: 500;
  color: #0d0f11;
}
.inner-menu .btn {
  width: 145px;
  margin-top: 23px;
  font-size: 12px;
  line-height: 20px;
}
#cta-buttons {
  margin: 20px 0 80px 0;
  text-align: center;
}
#cta-buttons span {
  color: #8e929b;
  font-size: 16px;
  padding: 0 30px;
}
.feature-list__title {
  font-size: 36px;
  line-height: 36px;
  font-weight: 400;
  text-align: center;
  margin: 0 0 60px;
}
.feature-list ul {
  list-style: none;
  padding: 24px 0 0;
  margin-bottom: 0;
}
.feature-list li {
  min-height: 182px;
}
.feature-list .icon {
  font-size: 36px;
  opacity: 0.75;
}
.feature-list p {
  margin: 7px 0 10px;
}
.feature-list .actions {
  margin-top: 50px;
  text-align: center;
  padding: 0 15px;
}
.switcher ul {
  list-style: none;
  margin-bottom: 0;
  padding: 0;
}
.switcher .links {
  margin: 0;
  border: 0 solid rgba(45, 50, 55, 0.25);
}
.switcher .links li {
  height: 46px;
  padding: 0;
  width: 25%;
}
.switcher .links li.active a {
  border-color: #2d3237;
  text-decoration: none;
}
.switcher .links a {
  display: block;
  height: 48px;
  font-size: 15px;
  line-height: 42px;
  font-weight: 500;
  color: #2d3237;
  border: 0 solid transparent;
}
.switcher .links a:hover {
  border-color: rgba(45, 50, 55, 0.4);
  text-decoration: none;
}
.switcher.switcher-links-top .links {
  margin-bottom: 60px;
  border-bottom-width: 1px;
}
.switcher.switcher-links-top .links a {
  border-bottom-width: 2px;
}
.switcher.switcher-links-bottom .links {
  margin-top: 60px;
  border-top-width: 1px;
}
.switcher.switcher-links-bottom .links a {
  line-height: 34px;
  border-top-width: 2px;
  position: relative;
  top: -2px;
}
.switcher .cont li {
  display: none;
}
.switcher .cont li.active {
  display: block;
}
.switcher .cont li > div {
  opacity: 0;
  transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  -ms-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -webkit-transition: opacity 0.5s;
}
.switcher .cont li > div.active {
  opacity: 1;
}
.switcher .cont li .text > div {
  transition: margin-top 0.7s;
  -o-transition: margin-top 0.7s;
  -ms-transition: margin-top 0.7s;
  -moz-transition: margin-top 0.7s;
  -webkit-transition: margin-top 0.7s;
  margin-top: 50px;
}
.switcher .cont li .text > div.active {
  margin-top: 0;
}
.switcher .img img {
  max-width: 100%;
}
#footer {
  background: #2d3237;
  color: #8e929b;
}
.big #footer {
  bottom: 0;
  position: absolute;
  width: 100%;
}
#footer a {
  color: #8e929b;
}
#footer a:hover {
  color: #6f7279;
}
#footer .content {
  padding: 50px 0 40px;
}
#footer .content .offset {
  padding-left: 80px;
}
#footer .content .row {
  margin-bottom: 50px;
}
#footer .content .row:last-child {
  margin-bottom: 0;
}
#footer .content .row.pledge img {
  width: 50px;
}
#footer .content ul.blog-latest li a,
#footer .content ul.blog-popular li a {
  color: #fff;
  font-size: 16px;
}
#footer .content ul.blog-latest li {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  margin-top: 15px;
  padding-top: 15px;
}
#footer .content ul.blog-latest li:first-child {
  border: none;
  margin: 0;
  padding: 0;
}
#footer .content p.title {
  margin: 0 0 15px;
  text-transform: uppercase;
}
#footer .content ul {
  list-style: none;
  padding: 0;
}
#footer .content ul li {
  margin-top: 5px;
}
#footer .content ul li.jobs {
  margin-left: -4px;
}
#footer .content ul li.jobs a {
  color: #fff;
  text-decoration: none;
}
#footer .content ul li.jobs a .lbl {
  margin-left: -5px;
}
#footer .content ul li.jobs a .lbl:hover {
  text-decoration: underline;
}
#footer .content ul li.jobs a .icon::before {
  font-size: 24px;
}
#footer .divider {
  background: rgba(255, 255, 255, 0.1);
  height: 1px;
}
#footer .copyrights {
  font-size: 12px;
  line-height: 30px;
  margin: 30px -15px;
}
#footer .copyrights a {
  margin-left: 10px;
}
#footer .copyrights .social .icon {
  font-size: 30px;
  vertical-align: top;
}
.hideIntercom #intercom-container {
  display: none !important;
}
@-webkit-keyframes dotloader {
  0%,
  100%,
  80% {
    box-shadow: 0 1.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 1.5em 0 0;
  }
}
@keyframes dotloader {
  0%,
  100%,
  80% {
    box-shadow: 0 1.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 1.5em 0 0;
  }
}
.dotloader {
  font-size: 20px;
  margin: 0 auto 27px auto;
  position: relative;
  text-indent: -9999em;
  transform: translateZ(0);
  -o-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  animation-delay: -0.25s;
  -moz-animation-delay: -0.25s;
  -webkit-animation-delay: -0.25s;
}
.dotloader,
.dotloader:after,
.dotloader:before {
  color: #4d71f1;
  border-radius: 50%;
  width: 0.6em;
  height: 0.6em;
  z-index: 1;
  line-height: 33px;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation: dotloader 2s infinite ease-in-out;
  -moz-animation: dotloader 2s infinite ease-in-out;
  -webkit-animation: dotloader 2s infinite ease-in-out;
  -ms-animation: dotloader 2s infinite ease-in-out;
}
.dotloader:after,
.dotloader:before {
  content: "";
  position: absolute;
  top: 0;
}
.dotloader:before {
  left: -1.5em;
  animation-delay: -0.3s;
}
.dotloader:after {
  left: 1.5em;
  animation-delay: 0.3s;
}
.dotloader.white,
.dotloader.white:after,
.dotloader.white:before {
  color: #fff !important;
}
.btn .dotloader {
  display: none;
  top: -30px;
  margin-bottom: 0;
}
.btn.inProgress .dotloader {
  display: inline-block;
}
@-webkit-keyframes barloader-bar1 {
  0%,
  100% {
    height: 1.8em;
  }
  33% {
    height: 4.9em;
  }
  66% {
    height: 3.7em;
  }
}
@keyframes barloader-bar1 {
  0%,
  100% {
    height: 1.8em;
  }
  33% {
    height: 4.9em;
  }
  66% {
    height: 3.7em;
  }
}
@-webkit-keyframes barloader-bar2 {
  0%,
  100% {
    height: 4.9em;
  }
  33% {
    height: 3.7em;
  }
  66% {
    height: 1.8em;
  }
}
@keyframes barloader-bar2 {
  0%,
  100% {
    height: 4.9em;
  }
  33% {
    height: 3.7em;
  }
  66% {
    height: 1.8em;
  }
}
@-webkit-keyframes barloader-bar3 {
  0%,
  100% {
    height: 3.7em;
  }
  33% {
    height: 1.8em;
  }
  66% {
    height: 4.9em;
  }
}
@keyframes barloader-bar3 {
  0%,
  100% {
    height: 3.7em;
  }
  33% {
    height: 1.8em;
  }
  66% {
    height: 4.9em;
  }
}
.bar-loader {
  font-size: 5px;
  position: relative;
  transform: translateZ(0);
  -o-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  padding: 0.3em 0;
  width: 4.8em;
  height: 5.5em;
  display: flex;
  align-items: flex-end;
}
.bar-loader .bar {
  background-color: #4d71f1;
  display: inline-block;
  width: 1em;
  margin: 0 0.3em;
  border-radius: 0.4em 0.12em;
}
.bar-loader .bar.bar1 {
  animation: barloader-bar1 1.5s infinite ease-in-out;
  -moz-animation: barloader-bar1 1.5s infinite ease-in-out;
  -webkit-animation: barloader-bar1 1.5s infinite ease-in-out;
  -ms-animation: barloader-bar1 1.5s infinite ease-in-out;
}
.bar-loader .bar.bar2 {
  animation: barloader-bar2 1.5s infinite ease-in-out;
  -moz-animation: barloader-bar2 1.5s infinite ease-in-out;
  -webkit-animation: barloader-bar2 1.5s infinite ease-in-out;
  -ms-animation: barloader-bar2 1.5s infinite ease-in-out;
}
.bar-loader .bar.bar3 {
  animation: barloader-bar3 1.5s infinite ease-in-out;
  -moz-animation: barloader-bar3 1.5s infinite ease-in-out;
  -webkit-animation: barloader-bar3 1.5s infinite ease-in-out;
  -ms-animation: barloader-bar3 1.5s infinite ease-in-out;
}
.bar-loader.size-tiny {
  font-size: 3px;
}
.bar-loader.size-small {
  font-size: 5px;
}
.bar-loader.size-big {
  font-size: 10px;
}
.bar-loader.theme-blue .bar {
  background-color: #4d71f1;
}
.bar-loader.theme-green .bar {
  background-color: #25a767;
}
.bar-loader.theme-grey .bar {
  background-color: rgba(142, 146, 155, 0.8);
}
.btn.inProgress .text {
  display: none;
}
.label-floatlabel {
  font-size: 8.5px !important;
  font-weight: 600 !important;
  color: rgba(0, 0, 0, 0.35) !important;
  z-index: 9;
  text-transform: capitalize;
  top: 1px !important;
  left: 12px !important;
}
.active-floatlabel {
  padding-top: 12px !important;
  transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
}
.medus {
  display: none;
}
.content.border {
  border-top: 1px solid #f5f5ee;
}
.content.layout-dbl p a {
  text-decoration: underline;
}
@media only screen and (min-width: 992px) {
  .content.layout-dbl .row {
    display: -webkit-flex;
    display: flex;
  }
  .content.layout-dbl .row.reverse {
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .content.layout-dbl .left,
  .content.layout-dbl .right {
    flex-grow: 1;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  .content.layout-dbl .right.img img {
    float: right;
  }
}
@media only screen and (max-width: 991px) {
  .content.layout-dbl .img img {
    float: none;
    margin: 10px 0 40px;
    max-width: 60%;
  }
}
@media only screen and (max-width: 767px) {
  .content.layout-dbl .img img {
    max-height: 240px;
    width: auto;
  }
}
@media only screen and (max-width: 480px) {
  .content.layout-dbl h3 {
    font-size: 30px;
    line-height: 36px;
  }
  .content.layout-dbl .img img {
    max-width: 100%;
  }
}
.content.layout-iconblocks .col p {
  font-size: 16px;
  line-height: 24px;
  color: #2d3237;
}
.content.layout-iconblocks .col .icon {
  display: block;
  line-height: 50px;
  font-size: 50px;
  padding: 30px 0 15px;
}
.layout-emphasized-blocks {
  overflow: hidden;
  text-align: center;
}
.layout-emphasized-blocks .block {
  padding: 14px;
  display: inline-block;
}
.layout-emphasized-blocks .block .box {
  display: block;
  border: 1px solid rgba(142, 146, 155, 0.25);
  border-radius: 5px;
}
.layout-emphasized-blocks .block .box:hover {
  -moz-box-shadow: 2px 2px 20px 5px rgba(37, 37, 37, 0.1);
  -webkit-box-shadow: 2px 2px 20px 5px rgba(37, 37, 37, 0.1);
  box-shadow: 2px 2px 20px 5px rgba(37, 37, 37, 0.1);
  background: #fff;
}
.testimonials-carousel {
  width: 980px;
  max-width: 100%;
  margin: 44px auto 105px;
  background-color: #fff;
  border-radius: 5px;
  text-align: left;
  position: relative;
  -moz-box-shadow: 2px 2px 8px 1px rgba(142, 146, 155, 0.2);
  -webkit-box-shadow: 2px 2px 8px 1px rgba(142, 146, 155, 0.2);
  box-shadow: 2px 2px 8px 1px rgba(142, 146, 155, 0.2);
}
.testimonials-carousel .carousel {
  list-style: none;
  padding: 0;
}
.testimonials-carousel .carousel.slick-initialized .box {
  display: block;
}
.testimonials-carousel .box {
  position: relative;
  padding: 24px 30px 22px 330px;
  display: none;
}
.testimonials-carousel .box:first-child {
  display: block;
}
.testimonials-carousel .box .logo {
  position: absolute;
  top: 50%;
  left: 165px;
  transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.testimonials-carousel .box .text {
  border-left: 1px solid rgba(45, 50, 55, 0.2);
  padding: 12px 0 20px 34px;
}
.testimonials-carousel .box .text p {
  font-size: 20px;
  line-height: 28px;
  font-weight: 300;
}
.testimonials-carousel .box .author {
  padding: 8px 0 0 50px;
  position: relative;
  font-size: 14px;
  line-height: 18px;
  margin: 25px 0 0 2px;
  min-height: 33px;
}
.testimonials-carousel .box .author strong {
  font-weight: 500;
  font-size: 16px;
}
.testimonials-carousel .box .author img {
  width: 33px;
  height: 33px;
  border-radius: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
@media only screen and (max-width: 991px) {
  .testimonials-carousel .box {
    padding-left: 50px;
  }
  .testimonials-carousel .box .logo {
    position: static;
    margin: 25px 0;
    transform: none;
    -o-transform: none;
    -ms-transform: none;
    -moz-transform: none;
    -webkit-transform: none;
  }
  .testimonials-carousel .box .text {
    margin: 0;
    padding-left: 0;
    border: none;
  }
}
@media only screen and (max-width: 560px) {
  .testimonials-carousel .box {
    padding: 25px;
  }
  .testimonials-carousel .box .logo {
    margin: 0 0 10px;
  }
  .testimonials-carousel .box .text p {
    font-size: 16px;
    line-height: 20px;
  }
  .testimonials-carousel .box .author {
    margin-top: 18px;
  }
}
.slick-dots {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -46px;
  text-align: center;
  margin: 0;
  padding: 0;
  z-index: 9;
}
.slick-dots li {
  display: inline-block;
  margin: 2px;
  padding: 4px;
  cursor: pointer;
}
.slick-dots li.slick-active button,
.slick-dots li:hover button {
  background-color: #1679a6;
}
.slick-dots button {
  display: block;
  border: 0;
  background-color: rgba(148, 179, 197, 0.5);
  border-radius: 100%;
  width: 7px;
  height: 7px;
  padding: 0;
  text-indent: -999px;
  overflow: hidden;
  outline: 0;
}
.statements h3 {
  font-size: 2.57em;
  line-height: 1.2em;
  font-weight: 500;
  margin-top: 5px;
}
.statements .right {
  padding: 30px;
}
.statements .right a {
  margin-top: 25px;
}
.statements .right.agency {
  display: none;
}
.statements .right .first__btn--blue-outline {
  padding: 10px 20px;
  text-transform: none;
}
.statements .statement-box {
  background-color: #fff;
  border-radius: 4px;
  width: 553px;
  min-width: 260px;
  -moz-box-shadow: 3px 3px 14px 3px rgba(142, 146, 155, 0.1);
  -webkit-box-shadow: 3px 3px 14px 3px rgba(142, 146, 155, 0.1);
  box-shadow: 3px 3px 14px 3px rgba(142, 146, 155, 0.1);
}
.statements .statement-box ul {
  padding-left: 0;
  margin: 0;
}
.statements .statement-box ul li {
  list-style: none;
  margin: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.statements .statement-box ul.carousel .slick-slide {
  height: 426px;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}
.statements .statement-box .review {
  padding: 20px 40px 20px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.statements .statement-box .review p {
  font-size: 16px !important;
  line-height: 22px !important;
  color: #2d3237 !important;
  font-weight: 400 !important;
  margin-top: 0 !important;
}
.statements .statement-box .review span {
  color: rgba(45, 50, 55, 0.5);
}
.statements .statement-box .review span strong {
  color: #2d3237;
}
.statements .company-logos {
  justify-content: flex-start;
  padding-top: 20px;
}
@media only screen and (max-width: 1199px) {
  .statements .statement-box {
    margin: auto;
  }
  .statements .right {
    padding-top: 50px;
    text-align: center;
    margin-top: 25px;
  }
  .statements .company-logos {
    justify-content: center;
  }
  .statements .company-logos img.brandbuilder {
    width: 133px;
    padding-bottom: 0;
  }
  .statements .company-logos img.weidert {
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 582px) {
  .statements .statement-box {
    max-width: 100%;
  }
}
.company-logos {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  flex-wrap: wrap;
}
.company-logos img {
  margin: 20px;
}
.company-logos img.accuranker {
  width: 139px;
}
.company-logos img.tettra {
  width: 105px;
}
.company-logos img.toast {
  width: 93px;
}
.company-logos img.smartbug {
  width: 112px;
}
.company-logos img.pr2020 {
  width: 87px;
}
.company-logos img.brandbuilder {
  width: 133px;
  padding-bottom: 8px;
}
.company-logos img.nextiny {
  width: 94px;
}
.company-logos img.referralrock {
  width: 148px;
}
.company-logos img.jemo {
  width: 100px;
}
.company-logos img.weidert {
  width: 180px;
  padding-bottom: 8px;
}
.company-logos img.lonefir {
  width: 120px;
}
.company-logos img.crayon {
  width: 165px;
}
.cc-grower {
  position: relative;
  z-index: 11;
  position: fixed;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  background-image: linear-gradient(to right, #bee9f8, #d7eeee);
  background-image: -o-linear-gradient(to right, #bee9f8, #d7eeee);
  background-image: -ms-linear-gradient(to right, #bee9f8, #d7eeee);
  background-image: -moz-linear-gradient(to right, #bee9f8, #d7eeee);
  background-image: -webkit-linear-gradient(to right, #bee9f8, #d7eeee);
  border-radius: 9px;
  width: 725px;
  max-height: none !important;
}
.cc-window.cc-banner,
.cc-window.cc-floating {
  font-size: 12px;
  line-height: 16px;
  padding: 7px 8px 7px 14px !important;
  opacity: 0.8;
}
.cc-window.cc-banner .cc-link,
.cc-window.cc-floating .cc-link {
  opacity: 1;
  color: #4d71f1;
  padding: 0;
  margin-right: 10px;
}
.cc-window.cc-banner .cc-btn,
.cc-window.cc-floating .cc-btn {
  border: none;
  color: #fff;
  background-color: #4d71f1;
  font-size: 12px;
  line-height: 24px;
  border-radius: 7px;
  font-weight: 300;
  padding: 0 10px;
  min-width: 90px !important;
  text-decoration: none;
}
.cc-window.cc-banner .cc-btn:hover,
.cc-window.cc-floating .cc-btn:hover {
  background-color: #1679a6;
}
.template-box {
  max-width: 300px;
  margin: auto;
}
.template-box img {
  background-image: url(../img/resources/datawall-screen-grey.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
  padding: 4% 0.5% 0.5%;
  margin-top: 1%;
  margin-left: 1%;
  margin-right: 1%;
  border-radius: 2px;
}
.template-box h4 {
  margin-top: 20px;
  padding: 5px;
}
.template-box a.btn {
  text-transform: none;
  padding-left: 20px;
  padding-right: 20px;
  margin-top: 4px;
  margin-bottom: 10px;
}
.template-box .template-link {
  color: #3793bb;
  font-size: 18px;
}
.template-box .template-link:hover {
  color: #2ca8cc;
  text-decoration: none;
}
.signupBox {
  position: relative;
  margin: 20px 0 30px;
  width: 425px;
  max-width: 100%;
}
.signupBox input {
  padding: 5px 190px 5px 15px;
  height: 46px;
  font-size: 16px;
  line-height: 34px;
  width: 99%;
  color: rgba(0, 0, 0, 0.75);
  border-radius: 6px;
  font-weight: 400;
  border: 2px solid rgba(0, 0, 0, 0.25);
  outline: 0;
}
.signupBox input::-webkit-input-placeholder {
  font-weight: 400;
  opacity: 0.5;
  font-style: italic;
}
.signupBox input::-moz-placeholder {
  font-weight: 400;
  opacity: 0.5;
  font-style: italic;
}
.signupBox .btn {
  width: 175px;
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  border-radius: 5px;
  padding-left: 10px;
  padding-right: 10px;
}
.signupBox small {
  text-align: center;
  display: block;
  font-size: 11px;
  color: rgba(255, 255, 255, 0.8);
  font-weight: 300;
  text-transform: uppercase;
  margin-top: 17px;
}
.signupBox small .subtitle-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.signupBox small .subtitle-list li {
  display: inline-block;
}
.signupBox small .subtitle-list li:first-child {
  margin-right: 15px;
}
.signupBox small .subtitle-list span.icon {
  margin-right: 5px;
  color: #25a767;
}
.signupBox .icon-arrow {
  position: absolute;
  left: -50px;
  font-size: 25px;
  color: #c1c4c9;
}
@media only screen and (max-width: 480px) {
  .signupBox input {
    padding-right: 15px;
  }
  .signupBox .btn {
    position: static;
    margin-top: 15px;
  }
}
@media only screen and (max-width: 1024px) {
  #awards-logos {
    padding-right: 50px;
    padding-left: 50px;
  }
}
@media only screen and (max-width: 991px) {
  .feature-list h2 {
    font-size: 40px;
  }
  #awards-logos {
    text-align: center;
  }
  #awards-logos p {
    background-position: center top;
  }
  #footer .copyrights a {
    margin-left: 5px;
  }
  #footer .copyrights .copy a:first-of-type {
    margin-left: 0;
  }
}
@media only screen and (max-width: 991px) and (min-width: 836px) {
  #navigation .logo-img {
    display: inline-block;
    width: 31px;
    height: 31px;
    background-image: url(https://cdn1.databox.com/images/logo/databox-sign.svg);
    background-size: 100% auto;
    background-repeat: no-repeat;
  }
  #navigation .logo-img img {
    display: none !important;
  }
  #navigation.fixed {
    position: absolute !important;
  }
}
@media only screen and (min-width: 766px) {
  #navigation.fixed {
    position: fixed;
    background-color: #f2f4f6;
  }
  #navigation.fixed ul li.current-menu-item a {
    border-bottom-color: #1f6c9f;
    color: #1f6c9f;
  }
  #navigation.fixed ul li a {
    color: #2d3237;
  }
  #navigation.fixed ul li a:hover {
    color: #1f6c9f;
  }
  #navigation.fixed .logo .logo-light {
    display: none;
  }
  #navigation.fixed .logo .logo-dark {
    display: inline-block;
  }
  #navigation.fixed li.menu-item.submenu.dropdown-open:before,
  #navigation.fixed li.menu-item.submenu.dropdown-open > a {
    color: #1f6c9f !important;
  }
  #navigation.fixed .filter li.menu-item.submenu:before {
    color: #2d3237;
  }
  #navigation.fixed .filter li.menu-item.submenu:hover:before {
    color: #1f6c9f;
  }
  #navigation.fixed
    .filter
    li.menu-item.submenu.current-menu-item
    > a:not(:hover) {
    color: #2d3237;
  }
  #navigation.fixed .top-navigation {
    display: none;
  }
  .container.narrow {
    padding-left: 125px;
    padding-right: 125px;
  }
}
@media only screen and (min-width: 766px) and only screen and (max-width: 1200px) {
  #navigation.fixed .logo {
    margin-right: 20px;
  }
}
@media only screen and (min-width: 766px) and only screen and (max-width: 991px) {
  #navigation.fixed .logo {
    margin-right: 2px;
  }
}
@media only screen and (min-width: 766px) and only screen and (max-width: 767px) {
  #navigation.fixed ul li.current-menu-item a {
    color: #2d3237;
  }
  #navigation.fixed ul li a:hover {
    color: #2d3237;
  }
  #navigation.fixed li.menu-item.submenu > a {
    color: #2d3237;
  }
  #navigation.fixed li.menu-item.submenu.dropdown-open:before,
  #navigation.fixed li.menu-item.submenu.dropdown-open > a {
    color: #4d71f1 !important;
  }
  #navigation.fixed li.menu-item.submenu:hover:before {
    color: #2d3237 !important;
  }
}
@media only screen and (min-width: 766px) and only screen and (min-width: 992px) {
  #navigation.fixed .filter li.menu-item.submenu .dropdown:before {
    left: 0;
  }
}
@media only screen and (min-width: 766px) and only screen and (min-width: 1200px) {
  #navigation.fixed .filter li.menu-item.submenu .dropdown:before {
    left: 0;
  }
}
@media only screen and (max-width: 836px) {
  #navigation {
    padding: 0;
    z-index: 10;
    position: absolute;
  }
  #navigation.fixed {
    padding-top: 3px;
  }
  #navigation .container {
    position: relative;
  }
  #navigation .logo {
    order: 0;
    text-align: left;
  }
  #navigation .top-navigation {
    order: 2;
    display: none;
  }
  #navigation .top-navigation ul {
    margin-top: 0 !important;
    font-size: 14px;
  }
  #navigation .top-navigation ul li.icon-arrow-down:before {
    font-size: 14px !important;
  }
  #navigation .top-navigation a {
    margin: 0 15px;
  }
  #navigation ul {
    left: 0;
    margin-top: -380px;
    position: relative;
    right: 0;
    text-align: center;
    text-transform: uppercase;
  }
  #navigation ul.left {
    left: 0;
    order: 1;
    display: none;
  }
  #navigation ul.right {
    left: 0;
    order: 3;
    display: none;
  }
  #navigation ul li {
    float: none;
    border-top: 1px solid #dee4e7;
  }
  #navigation ul li.menu-item.submenu::before {
    top: 20px !important;
    font-size: 14px !important;
  }
  #navigation ul li.menu-item.submenu a {
    font-weight: 500 !important;
  }
  #navigation ul li.menu-item a {
    font-size: 15px;
    font-weight: 500;
  }
  #navigation ul li a {
    border: none;
    line-height: 50px;
    text-transform: none;
    font-weight: 500;
    text-align: left;
  }
  #navigation ul li.get-started {
    border-top: none;
  }
  #navigation ul li.get-started a {
    font-size: 14px;
    line-height: 40px;
    text-align: center;
    max-width: 200px;
  }
  #navigation ul .icon-arrow-down::before {
    transition: transform 0.4s;
    -o-transition: transform 0.4s;
    -ms-transition: transform 0.4s;
    -moz-transition: transform 0.4s;
    -webkit-transition: transform 0.4s;
  }
  #navigation ul li.menu-item.submenu::before {
    top: 20px;
    font-size: 14px;
  }
  #navigation ul li.menu-item.submenu.dropdown-open a.icon-arrow-down:before {
    transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    transition: transform 0.4s;
    -o-transition: transform 0.4s;
    -ms-transition: transform 0.4s;
    -moz-transition: transform 0.4s;
    -webkit-transition: transform 0.4s;
  }
  #navigation ul li.menu-item.submenu.dropdown-open .dropdown {
    position: relative;
    border-radius: 0;
    right: unset;
    left: unset;
    width: auto !important;
    box-shadow: unset !important;
    background-image: none !important;
    padding: 0 !important;
    background: 0 0;
    overflow-x: hidden;
  }
  #navigation ul li.menu-item.submenu.dropdown-open .dropdown::before {
    background-image: none;
  }
  #navigation ul li.menu-item.submenu.dropdown-open .dropdown ul {
    margin-top: 0;
    padding-top: 0;
    background-color: rgba(142, 146, 155, 0.1);
  }
  #navigation ul li.menu-item.submenu.dropdown-open .dropdown ul li {
    border-top: none;
    margin: 0 !important;
    width: 100% !important;
  }
  #navigation
    ul
    li.menu-item.submenu.dropdown-open
    .dropdown
    ul
    li.submenu-dd_list {
    margin-bottom: 25px !important;
  }
  #navigation
    ul
    li.menu-item.submenu.dropdown-open
    .dropdown
    ul
    li.submenu-dd_list
    .bordered-background {
    margin-bottom: 15px !important;
  }
  #navigation
    ul
    li.menu-item.submenu.dropdown-open
    .dropdown
    ul
    li.submenu-dd_list
    .bordered-background:last-child {
    margin-bottom: 0 !important;
  }
  #navigation
    ul
    li.menu-item.submenu.dropdown-open
    .dropdown
    ul
    li.submenu-dd_list
    #submenu-holder-menu
    .bordered-background {
    margin-bottom: 0 !important;
  }
  #navigation ul li.menu-item.submenu.dropdown-open .dropdown ul li a {
    font-weight: 400;
    line-height: 40px;
    color: #8e929b;
  }
  #navigation ul li.menu-item.submenu.dropdown-open .dropdown ul li.hiring {
    text-align: left;
  }
  #navigation
    ul
    li.menu-item.submenu.dropdown-open
    .dropdown
    ul
    li.dd-list-subtitle {
    margin-bottom: 20px !important;
  }
  #navigation
    ul
    li.menu-item.submenu.dropdown-open
    .dropdown
    ul
    li.dd-list-subtitle.top-spacing {
    padding-top: 0;
  }
  #navigation
    ul
    li.menu-item.submenu.dropdown-open
    .dropdown
    ul
    li.bordered-background
    a {
    max-width: 85%;
    margin-top: 0;
  }
  #navigation
    ul
    li.menu-item.submenu.dropdown-open
    .dropdown
    ul
    li.bordered-background
    a
    .link-title {
    line-height: 18px;
    display: block;
  }
  #navigation
    ul
    li.menu-item.submenu.dropdown-open
    .dropdown
    ul
    li.bordered-background
    a
    .dd-menu-description {
    padding-top: 4px;
  }
  #navigation ul li.menu-item.submenu.dropdown-open > a {
    color: #4d71f1 !important;
  }
  #navigation ul li.menu-item.submenu > a {
    padding-right: 0;
    font-weight: 500;
    color: #2d3237;
  }
  #navigation ul li.menu-item.submenu .menu-item:not(.blank).current-menu-item,
  #navigation ul li.menu-item.submenu .menu-item:not(.blank):hover {
    background: 0 0;
  }
  #navigation
    ul
    li.menu-item.submenu
    .menu-item:not(.blank).current-menu-item
    a,
  #navigation ul li.menu-item.submenu .menu-item:not(.blank):hover a {
    color: #2d3237;
  }
  #navigation ul li.menu-item.submenu .submenu-dd_list {
    float: none;
    width: auto;
    margin-left: 0;
    margin-bottom: 10px;
  }
  #navigation.visible.light .filter {
    background: #f0f2f4;
    box-shadow: 0 4px 32px 32px rgba(0, 0, 0, 0.08);
  }
  #navigation.visible.dark .filter {
    background: #f0f2f4;
    box-shadow: 0 4px 32px 32px rgba(0, 0, 0, 0.08);
  }
  #navigation.visible .filter {
    display: flex;
    flex-direction: column;
    max-height: 100vh;
    overflow: scroll;
  }
  #navigation.visible .top-navigation {
    display: block;
  }
  #navigation.visible ul {
    margin-top: 20px;
    display: block;
    transition: margin 0.5s;
    -o-transition: margin 0.5s;
    -ms-transition: margin 0.5s;
    -moz-transition: margin 0.5s;
    -webkit-transition: margin 0.5s;
  }
  #navigation.visible ul.left {
    display: block;
  }
  #navigation.visible ul.right {
    margin-bottom: 10px;
    margin-top: 0;
    display: block;
    float: none;
    position: static;
  }
  #navigation.visible ul.right .get-started {
    max-width: 46%;
    width: 100%;
    display: inline-block;
  }
  #navigation .logo {
    top: 20px;
    z-index: 10;
  }
  #navigation .logo a.menu {
    color: #2d3237;
    float: left;
    font-size: 20px;
    height: 32px;
    line-height: 32px;
    margin-left: 15px;
    position: absolute;
    width: 32px;
    right: 5px;
    display: block !important;
    z-index: 999;
  }
  #navigation.light .logo .logo-light {
    display: inline-block;
  }
  #navigation.light .logo .logo-dark {
    display: none;
  }
  #navigation.light .logo a.menu {
    color: #fff;
  }
  #navigation.light.visible .logo .logo-light {
    display: none;
  }
  #navigation.light.visible .logo .logo-dark {
    display: inline-block;
  }
  #navigation.light.visible .logo a.menu {
    color: #2d3237;
  }
  #navigation.light ul li.menu-item > a {
    color: #000;
  }
  #navigation.light ul li.menu-item.current-menu-item > a {
    color: #000 !important;
  }
}
@media only screen and (max-width: 767px) {
  .cc-grower {
    width: 95%;
  }
  .cc-window.cc-banner {
    flex-direction: column !important;
  }
  .cc-compliance {
    margin-top: 10px;
    width: 100%;
  }
  .cta {
    padding: 40px 0;
  }
  .cta p {
    font-size: 18px;
    margin-bottom: 20px;
  }
  .modal-dialog {
    margin: 30px 15px;
  }
  #awards-logos {
    padding-left: 0;
    padding-right: 0;
  }
  .inner-menu .left {
    width: 100%;
  }
  .inner-menu .right {
    width: 100%;
    text-align: center;
  }
  .inner-menu li {
    font-size: 12px;
  }
  .inner-menu .btn {
    margin: 0 auto 20px;
    display: inline-block;
    float: none !important;
  }
  .header {
    padding: 70px 0 30px;
  }
  .header.big {
    padding: 70px 0 30px;
  }
  .header h1 {
    font-size: 30px;
  }
  .content {
    padding: 40px 0;
  }
  .content h1 {
    font-size: 30px;
    margin-bottom: 20px;
  }
  .content p {
    font-size: 15px;
  }
  #logos {
    margin: 0;
  }
  #logos strong {
    font-size: 14px;
  }
  #logos li {
    height: 65px;
  }
  .switcher .links {
    display: none;
  }
  .switcher .cont {
    height: auto;
  }
  .switcher .cont li {
    display: block;
    margin-bottom: 50px;
  }
  .switcher .cont li > div {
    opacity: 1;
  }
  #footer {
    text-align: center;
  }
  #footer .content ul.blog-latest {
    padding: 0 15px;
  }
  #footer .content .offset {
    padding-left: 0;
  }
  #footer .content .row {
    margin-bottom: 30px;
  }
  #footer .content .row:last-child {
    margin-bottom: 30px;
  }
  #footer .copyrights {
    padding: 10px 0;
  }
  #footer .copyrights .row {
    margin: 10px 0;
  }
  #footer .copyrights .row.copy a:first-of-type {
    margin-left: 5px;
  }
  #footer .copyrights .row.social {
    text-align: center;
  }
}
@media only screen and (max-width: 480px) {
  #logos li {
    height: 50px;
  }
  #awards-logos {
    margin-top: 40px;
  }
  .switcher .links {
    border-color: transparent;
  }
  .switcher .links li {
    width: 100%;
  }
  .switcher .links a {
    line-height: 52px !important;
  }
  .switcher.switcher-links-bottom .links a {
    border-top-width: 0;
    border-bottom-width: 2px;
  }
  .switcher .cont li .text > div {
    margin-top: 0 !important;
  }
  #cta-buttons {
    margin-bottom: 20px;
  }
  #cta-buttons a,
  #cta-buttons span {
    display: block;
    width: 100%;
    margin-bottom: 20px;
  }
  .feature-list h2 {
    font-size: 30px;
  }
  .feature-list p {
    font-size: 13px;
  }
  .feature-list .actions .btn {
    width: 100%;
    white-space: normal;
  }
}
.align-columns {
  display: table;
  height: 100%;
}
.align-columns [class*="col-"] {
  float: none;
  display: table-cell;
  height: 100%;
}
.align-columns [class*="col-"].va-middle {
  vertical-align: middle;
}
.align-columns [class*="col-"].va-bottom {
  vertical-align: bottom;
}
@media only screen and (max-width: 991px) {
  .align-columns [class*="col-"] {
    float: none;
    display: block;
    margin: 0 auto 30px;
    height: auto;
  }
  .align-columns [class*="col-"]:last-child {
    margin-bottom: 0;
  }
  .align-columns [class*="col-"].va-middle {
    text-align: center;
  }
}
@media only screen and (max-width: 480px) {
  .align-columns [class*="col-"] img {
    margin: 0 auto;
  }
}
.dropdown-submenu {
  position: relative;
}
.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
  -webkit-border-radius: 0 6px 6px 6px;
  -moz-border-radius: 0 6px 6px 6px;
  border-radius: 0 6px 6px 6px;
}
.dropdown-submenu:hover > .dropdown-menu {
  display: block;
}
.dropdown-submenu:hover > a:after {
  border-left-color: #fff;
}
.dropdown-submenu.pull-left {
  float: none;
}
.dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px;
}
.vimeo-wrapper {
  border-radius: 12px;
  overflow: hidden;
}
.vimeo-wrapper a {
  position: relative;
  border-radius: 12px;
}
.vimeo-wrapper a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 12px;
  background-color: rgba(0, 0, 0, 0.3);
}
.vimeo-wrapper a:hover .play-button {
  background-color: rgba(122, 68, 230, 0.95);
}
.vimeo-wrapper .play-button {
  width: 150px;
  height: 85px;
  background-color: rgba(122, 68, 230, 0.85);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 10px;
  z-index: 2;
}
.vimeo-wrapper .play-button::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url(../img/resources/play.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 35px 41px;
}
@supports (display: flex) {
  .row.equal {
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
  }
  .row.equal.equal--align-items-center > div {
    align-self: center;
  }
}
.is-table-row {
  display: table;
}
.is-table-row [class*="col-"] {
  float: none;
  display: table-cell;
  vertical-align: middle;
}
@media only screen and (max-width: 767px) {
  .is-table-row {
    display: block;
  }
  .is-table-row [class*="col-"] {
    float: none;
    display: block;
  }
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
#marketing-max {
  letter-spacing: 0;
}
#marketing-max .header {
  background: #fff url("../img/dashboard-software/bg_dashboard.png") no-repeat
    top center;
  background-size: 100% 120px;
  color: #000;
  text-align: left;
  padding: 190px 0 40px;
}
#marketing-max .header h1 {
  color: #1c1d1f;
  font-weight: 600;
  font-size: 56px;
  line-height: 65px;
  margin: 0 0 24px;
}
#marketing-max .header ul {
  list-style: none;
  padding: 0;
  margin: 0 0 40px;
}
#marketing-max .header ul li {
  position: relative;
  padding-left: 18px;
}
#marketing-max .header ul li:before {
  content: "\e002";
  display: inline-block;
  font-family: Icons;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  text-transform: none;
  top: 6px;
  vertical-align: middle;
  font-size: 10px;
  position: absolute;
  left: 0;
  color: #2ab674;
}
#marketing-max .header li,
#marketing-max .header p {
  font-size: 16px;
  line-height: 24px;
  color: #8e929b;
  font-weight: 400;
  margin: 0 0 8px;
}
#marketing-max .header .signupBox {
  width: 390px;
  margin: 0;
}
#marketing-max .header .signupBox .btn {
  background-color: #2bb673;
  text-transform: none;
  font-size: 16px;
  line-height: 44px;
  padding: 0 32px;
  width: auto;
}
#marketing-max .header .signupBox .btn:hover {
  background-color: #20925a;
}
#marketing-max .header .signupBox small {
  display: none;
}
@media screen and (max-width: 836px) {
  #marketing-max .header {
    background-size: 100% 75px;
    padding: 120px 0 20px;
    font-size: 44px;
    line-height: 55px;
  }
}
#marketing-max #repeatable-images {
  text-align: center;
  padding: 0 0 120px;
}
#marketing-max #repeatable-images p {
  font-size: 16px;
  line-height: 24px;
  color: #8e929b;
  margin: 0 0 40px;
  font-weight: 400;
}
#marketing-max #repeatable-images .image-block {
  display: inline-block;
  vertical-align: middle;
  max-width: 200px;
  margin: 0 16px;
  padding: 0;
}
#marketing-max #repeatable-images .image-block img {
  opacity: 0.8;
  max-width: 100%;
}
@media screen and (max-width: 768px) {
  #marketing-max #repeatable-images {
    padding-bottom: 60px;
  }
}
#marketing-max #what-else {
  padding: 120px 0 0;
}
#marketing-max #what-else h2,
#marketing-max #what-else h3 {
  text-align: center;
  font-weight: 500;
  font-size: 40px;
  line-height: 48px;
  margin: 0 0 70px;
}
#marketing-max #what-else h2 strong,
#marketing-max #what-else h3 strong {
  font-weight: 500;
  text-decoration: underline;
  text-decoration-skip-ink: none;
  text-decoration-color: #25a767;
  -webkit-text-decoration-color: #25a767;
}
#marketing-max #what-else .layout-slider-holder {
  padding: 0 122px;
}
#marketing-max #what-else .layout-slider-holder .col-inner {
  padding: 0 4px;
}
#marketing-max #what-else .layout-slider-holder .col-inner .image-box {
  min-height: 48px;
}
#marketing-max #what-else .layout-slider-holder .col-inner h3,
#marketing-max #what-else .layout-slider-holder .col-inner h4 {
  font-size: 24px;
  line-height: 28px;
  color: #000;
  font-weight: 500;
  text-align: left;
  margin: 24px 0 16px;
  letter-spacing: 0;
}
#marketing-max #what-else .layout-slider-holder .col-inner p {
  letter-spacing: 0;
  font-size: 18px;
  line-height: 27px;
  color: #8e929b;
  margin: 0;
}
@media screen and (max-width: 768px) {
  #marketing-max #what-else .layout-slider-holder {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media screen and (max-width: 992px) {
  #marketing-max #what-else .col {
    margin-bottom: 40px;
  }
  #marketing-max #what-else .layout-slider-holder .col-inner h3,
  #marketing-max #what-else .layout-slider-holder .col-inner h4 {
    margin-top: 20px;
  }
}
@media screen and (max-width: 768px) {
  #marketing-max #what-else {
    padding-top: 60px;
  }
}
#marketing-max #section-content {
  padding: 120px 0 0;
}
#marketing-max #section-content .equal--align-items-center {
  text-align: center;
  background: #dff2f8;
  border-radius: 8px;
  padding: 56px;
}
#marketing-max #section-content .equal--align-items-center p {
  font-family: Inter, sans-serif;
  font-style: italic;
  font-size: 22px;
  line-height: 30px;
  margin: 0 0 48px;
}
#marketing-max #section-content .equal--align-items-center .button-holder .btn {
  text-transform: none;
  background-color: #2bb673;
}
#marketing-max
  #section-content
  .equal--align-items-center
  .button-holder
  .btn:hover {
  background-color: #20925a;
}
@media screen and (max-width: 768px) {
  #marketing-max #section-content {
    padding: 60px 0 0;
  }
}
#marketing-max .quote-block {
  padding-top: 120px;
  background: rgba(29, 154, 214, 0.05);
}
#marketing-max .quote-block h2,
#marketing-max .quote-block h3 {
  font-size: 40px;
  line-height: 48px;
  color: #2d3237;
  font-weight: 500;
  margin: 0 0 56px;
  text-align: center;
}
#marketing-max .quote-block .quote-block-content {
  margin: auto;
  max-width: 1160px;
  width: 95%;
  background: rgba(102, 197, 218, 0.15);
  border-radius: 8px;
  padding: 56px;
}
#marketing-max .quote-block .quote-block-content p {
  font-size: 22px;
  line-height: 30px;
  font-weight: 400;
  color: #2d3237;
  margin: 0 0 28px;
}
#marketing-max .quote-block .quote-block-content blockquote {
  border-left: 2px solid #405ed1;
  padding: 0 0 0 24px;
  margin-bottom: 28px;
}
#marketing-max .quote-block .quote-block-content blockquote p {
  font-weight: 700;
  font-style: italic;
}
#marketing-max .quote-block .quote-block-content blockquote p:last-child {
  margin: 0;
}
#marketing-max .quote-block .quote-block-content .quote-block-author {
  display: flex;
  align-items: center;
}
#marketing-max
  .quote-block
  .quote-block-content
  .quote-block-author
  .quote-author-image {
  width: 65px;
  margin-right: 16px;
}
#marketing-max
  .quote-block
  .quote-block-content
  .quote-block-author
  .quote-author-image
  img {
  max-width: 100%;
  border-radius: 100%;
}
#marketing-max
  .quote-block
  .quote-block-content
  .quote-block-author
  .quote-author-details {
  display: flex;
  align-items: center;
}
#marketing-max
  .quote-block
  .quote-block-content
  .quote-block-author
  .quote-author-details
  .name {
  font-size: 20px;
  margin: 0;
}
@media screen and (max-width: 768px) {
  #marketing-max .quote-block {
    padding-top: 60px;
  }
}
#marketing-max #main-value-proposition {
  padding: 72px 0 120px;
  text-align: center;
  background: rgba(29, 154, 214, 0.05);
}
#marketing-max #main-value-proposition h2,
#marketing-max #main-value-proposition h3 {
  color: #000;
  font-size: 40px;
  line-height: 48px;
  margin: 0 auto 40px;
  max-width: 790px;
  display: block;
  font-weight: 500;
}
#marketing-max #main-value-proposition h2 strong,
#marketing-max #main-value-proposition h3 strong {
  font-weight: 700;
  text-decoration: underline;
  text-decoration-skip-ink: none;
  text-decoration-color: #4d71f1;
  -webkit-text-decoration-color: #4d71f1;
}
#marketing-max #main-value-proposition p {
  font-weight: 400;
  max-width: 860px;
  display: block;
  font-size: 18px;
  line-height: 24px;
  color: #8e929b;
  margin: 0 auto 56px;
}
#marketing-max #main-value-proposition .video-box {
  max-width: 946px;
  margin: auto;
  float: none;
}
#marketing-max #main-value-proposition .video-box .videoholder {
  background: url(../img/benchmarks/wizard_step.png) left top no-repeat;
  background-size: cover;
  padding: 32px 2px 2px;
  border-radius: 5px 5px 0 0;
}
#marketing-max #main-value-proposition .video-box video {
  max-width: 100%;
  display: block;
}
@media screen and (max-width: 768px) {
  #marketing-max #main-value-proposition {
    padding-bottom: 60px;
  }
}
#marketing-max #dashboard-gray {
  background: #f2f4f6;
}
#marketing-max #dashboard-gray #datasource-templates {
  padding: 120px 0 120px;
}
#marketing-max #dashboard-gray #datasource-templates h2,
#marketing-max #dashboard-gray #datasource-templates h3 {
  margin: 0 0 64px;
  font-size: 40px;
  line-height: 48px;
  font-weight: 500;
  color: #2d3237;
  text-align: center;
}
#marketing-max #dashboard-gray #datasource-templates .layout-emphasized-blocks {
  padding: 0 130px;
  font-size: 0;
}
#marketing-max
  #dashboard-gray
  #datasource-templates
  .layout-emphasized-blocks
  .block {
  margin: 0 18px 36px;
  padding: 0;
}
#marketing-max
  #dashboard-gray
  #datasource-templates
  .layout-emphasized-blocks
  .block
  .box {
  width: 255px;
  height: 206px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: 1px solid rgba(142, 146, 155, 0.25098);
  border-radius: 5px;
  margin: auto;
  text-align: center;
}
#marketing-max
  #dashboard-gray
  #datasource-templates
  .layout-emphasized-blocks
  .block
  .box
  .img-ct {
  position: relative;
  top: 0;
}
#marketing-max
  #dashboard-gray
  #datasource-templates
  .layout-emphasized-blocks
  .block
  .box
  span:not(.icon) {
  color: #000;
  font-size: 20px;
  line-height: 28px;
  font-weight: 500;
  margin: 24px 0 0;
  padding: 0;
}
@media screen and (max-width: 768px) {
  #marketing-max #dashboard-gray #datasource-templates {
    padding: 60px 0;
  }
  #marketing-max
    #dashboard-gray
    #datasource-templates
    .layout-emphasized-blocks {
    padding-left: 15px;
    padding-right: 15px;
  }
}
#marketing-max #dashboard-gray .button-holder {
  text-align: center;
  padding-top: 12px;
}
#marketing-max #dashboard-gray .button-holder a.btn {
  display: inline-block;
  text-transform: none;
  background-color: #2bb673;
}
#marketing-max #dashboard-gray .button-holder a.btn:hover {
  background-color: #20925a;
}
#marketing-max #product-any-data-content {
  text-align: center;
  padding: 120px 0 0;
}
#marketing-max #product-any-data-content h2,
#marketing-max #product-any-data-content h3 {
  font-weight: 500;
  font-size: 36px;
  line-height: 44px;
  margin: 0 0 24px;
  color: #2d3237;
}
#marketing-max #product-any-data-content p {
  margin: auto;
  max-width: 790px;
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
  color: #8e929b;
}
@media screen and (max-width: 768px) {
  #marketing-max #product-any-data-content {
    padding-top: 60px;
  }
}
#marketing-max #product-any-data-content-features {
  text-align: center;
  padding: 120px 0 0;
}
#marketing-max #product-any-data-content-features h2,
#marketing-max #product-any-data-content-features h3 {
  font-weight: 500;
  font-size: 40px;
  line-height: 48px;
  margin: 0;
  color: #2d3237;
}
@media screen and (max-width: 768px) {
  #marketing-max #product-any-data-content-features {
    padding: 60px 0 0;
  }
}
#marketing-max #related-templates {
  padding: 0 0 120px;
  background: 0 0;
  text-align: center;
}
#marketing-max #related-templates .template-item {
  margin-top: 0;
}
@media screen and (max-width: 768px) {
  #marketing-max #related-templates {
    padding: 0 0 60px;
  }
}
#marketing-max .product-datas-single h2,
#marketing-max .product-datas-single h3 {
  font-size: 36px;
  line-height: 44px;
  font-weight: 500;
  margin: 0 0 16px;
}
#marketing-max .product-datas-single p {
  font-size: 18px;
  line-height: 26px;
  color: #8e929b;
  margin: 0 0 30px;
  font-weight: 400;
}
#marketing-max .product-datas-single p strong {
  font-weight: 700;
  color: #2d3237;
}
#marketing-max .product-datas-single p:last-child {
  margin-bottom: 0;
}
#marketing-max .product-datas-single.report-templates-section {
  padding: 120px 0;
  border-top: none;
}
#marketing-max
  .product-datas-single.report-templates-section
  .container.narrow {
  padding-left: 145px;
  padding-right: 145px;
}
@media screen and (max-width: 768px) {
  #marketing-max .product-datas-single.report-templates-section {
    padding-top: 60px;
  }
  #marketing-max
    .product-datas-single.report-templates-section
    .container.narrow {
    padding-left: 15px;
    padding-right: 15px;
  }
}
#marketing-max .product-datas-single.kpi-section {
  padding: 60px 0 0;
  border-top: none;
}
#marketing-max .product-datas-single.kpi-section .container.narrow {
  padding-left: 145px;
  padding-right: 145px;
}
@media screen and (max-width: 768px) {
  #marketing-max .product-datas-single.kpi-section .container.narrow {
    padding-left: 15px;
    padding-right: 15px;
  }
}
#marketing-max .product-datas-single.setup-call {
  padding: 120px 0 0;
  border-top: 1px solid rgba(142, 146, 155, 0.2);
}
#marketing-max .product-datas-single.setup-call .container.narrow {
  padding-left: 0;
  padding-right: 0;
}
#marketing-max .product-datas-single.setup-call p {
  font-size: 20px;
  line-height: 28px;
  color: #8e929b;
  margin: 0 0 43px;
  font-weight: 400;
}
#marketing-max .product-datas-single.setup-call ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#marketing-max .product-datas-single.setup-call ul li {
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
  color: #8e929b;
  margin: 0 0 30px;
  position: relative;
  padding-left: 34px;
}
#marketing-max .product-datas-single.setup-call ul li:before {
  display: inline-block;
  font-family: Icons;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  text-transform: none;
  top: 1px;
  vertical-align: middle;
  color: #7540ab;
  font-size: 26px;
  margin-right: 16px;
  position: absolute;
  left: 0;
}
#marketing-max .product-datas-single.setup-call ul li:first-child::before {
  content: "\e964";
}
#marketing-max .product-datas-single.setup-call ul li:last-child {
  margin-bottom: 0;
}
#marketing-max .product-datas-single.setup-call ul li:last-child::before {
  content: "\e965";
}
#marketing-max .product-datas-single.setup-call ul li strong {
  display: block;
  font-size: 20px;
  line-height: 28px;
  font-weight: 500;
  color: #2d3237;
  margin-bottom: 16px;
}
@media screen and (max-width: 768px) {
  #marketing-max .product-datas-single.setup-call {
    padding: 60px 0 0;
  }
  #marketing-max .product-datas-single.setup-call .container.narrow {
    padding-left: 25px;
    padding-right: 25px;
  }
}
#marketing-max #awards {
  text-align: center;
  padding: 120px 0;
  border-bottom: 1px solid rgba(142, 146, 155, 0.2);
}
#marketing-max #awards .badges {
  display: flex;
  align-items: start;
  justify-content: space-between;
}
#marketing-max #awards .badges .col-badges {
  text-align: center;
}
#marketing-max #awards .badges .col-badges .badge-images img {
  margin: 0 auto 24px;
  display: block;
}
#marketing-max #awards .badges .col-badges .badge-images img.stars {
  margin-bottom: 53px;
}
@media screen and (max-width: 768px) {
  #marketing-max #awards .badges .col-badges .badge-images img.stars {
    margin-bottom: 20px;
  }
}
#marketing-max #awards .badges .col-badges p {
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0.5px;
}
#marketing-max #awards .badges .col-badges p a {
  text-decoration: underline;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  #marketing-max #awards .badges {
    display: block;
  }
  #marketing-max #awards .badges .col-badges {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 768px) {
  #marketing-max #awards {
    padding: 60px 0;
  }
}
#marketing-max .product-datas-multiple {
  padding: 100px 0;
  border-top: 1px solid rgba(142, 146, 155, 0.2);
}
#marketing-max .product-datas-multiple .container.narrow {
  padding-left: 60px;
  padding-right: 60px;
}
#marketing-max .product-datas-multiple#product-any-data-1 {
  border-top: none;
  padding-top: 70px;
}
#marketing-max .product-datas-multiple .left h2,
#marketing-max .product-datas-multiple .left h3,
#marketing-max .product-datas-multiple .left h4,
#marketing-max .product-datas-multiple .right h2,
#marketing-max .product-datas-multiple .right h3,
#marketing-max .product-datas-multiple .right h4 {
  font-size: 29px;
  line-height: 37px;
  color: #2d3237;
  margin: 0 0 24px;
  font-weight: 500;
}
#marketing-max .product-datas-multiple .left li,
#marketing-max .product-datas-multiple .left p,
#marketing-max .product-datas-multiple .right li,
#marketing-max .product-datas-multiple .right p {
  font-size: 18px;
  line-height: 21px;
  color: #8e929b;
  font-weight: 400;
}
#marketing-max .product-datas-multiple .left li strong,
#marketing-max .product-datas-multiple .left p strong,
#marketing-max .product-datas-multiple .right li strong,
#marketing-max .product-datas-multiple .right p strong {
  font-weight: 700;
}
#marketing-max .product-datas-multiple .left ul,
#marketing-max .product-datas-multiple .right ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
#marketing-max .product-datas-multiple .left ul li,
#marketing-max .product-datas-multiple .right ul li {
  margin-bottom: 20px;
  position: relative;
  padding-left: 28px;
}
#marketing-max .product-datas-multiple .left ul li:last-child,
#marketing-max .product-datas-multiple .right ul li:last-child {
  margin-bottom: 0;
}
#marketing-max .product-datas-multiple .left ul li:before,
#marketing-max .product-datas-multiple .right ul li:before {
  content: "\e002";
  display: inline-block;
  font-family: Icons;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  position: relative;
  text-transform: none;
  top: 2px;
  vertical-align: middle;
  font-size: 14px;
  margin-right: 16px;
  position: absolute;
  left: 0;
  color: #2ab674;
}
@media screen and (max-width: 768px) {
  #marketing-max .product-datas-multiple {
    padding: 60px 0;
  }
}
#marketing-max #ready-to-start {
  text-align: center;
  padding-bottom: 96px;
  padding-top: 0;
}
#marketing-max #ready-to-start .container {
  padding: 68px 0 68px;
}
#marketing-max #ready-to-start .container h2 {
  margin: 0 auto 40px;
  max-width: 800px;
  font-size: 36px;
  line-height: 44px;
  font-weight: 500;
  color: #2d3237;
}
#marketing-max #ready-to-start .container p {
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
  color: #8e929b;
  margin: 0 auto 40px;
  max-width: 820px;
}
#marketing-max #ready-to-start .container .btn.btn-green {
  text-transform: none;
  font-size: 16px;
  font-weight: 500;
  background-color: #2bb673;
}
#marketing-max #ready-to-start .container .btn.btn-green:hover {
  background-color: #20925a;
}
@media screen and (max-width: 992px) {
  #marketing-max #ready-to-start .container {
    background-size: 100% 100% !important;
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media screen and (max-width: 768px) {
  #marketing-max #ready-to-start .container {
    background-size: 100% 100% !important;
    margin: 0 15px;
    padding-left: 30px;
    padding-right: 30px;
  }
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.mcp-page .mcp-hero {
  background: linear-gradient(152.06deg, #3a294e 21.84%, #585685 94.25%);
  padding-top: 80px;
  padding-bottom: 80px;
}
@media screen and (min-width: 768px) {
  .mcp-page .mcp-hero {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}
.mcp-page .mcp-hero__container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.mcp-page .mcp-hero__image {
  max-width: 100%;
  height: auto;
  margin-bottom: 24px;
}
.mcp-page .mcp-hero__image img {
  max-width: 983px;
  width: 100%;
  height: auto;
}
.mcp-page .mcp-hero__tag {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(0, 0, 0, 0.4);
  padding: 8px 16px;
  border-radius: 6px;
  font-size: 14px;
  margin-bottom: 24px;
}
.mcp-page .mcp-hero__tag-live {
  display: flex;
  align-items: center;
  gap: 6px;
  position: relative;
}
.mcp-page .mcp-hero__tag-live::before {
  content: "";
  width: 10px;
  height: 10px;
  background-color: #2ab674;
  border-radius: 50%;
  position: relative;
  z-index: 1;
}
.mcp-page .mcp-hero__tag-live::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
  background-color: #2ab674;
  border-radius: 50%;
  animation: ping-live 1.5s cubic-bezier(0, 0, 0.2, 1) infinite;
}
.mcp-page .mcp-hero__tag-live span {
  color: #2ab674;
  font-weight: 600;
}
@keyframes ping-live {
  0% {
    transform: translateY(-50%) scale(1);
    opacity: 0.75;
  }
  100%,
  75% {
    transform: translateY(-50%) scale(2);
    opacity: 0;
  }
}
.mcp-page .mcp-hero__tag-separator {
  color: #2b2c2f;
}
.mcp-page .mcp-hero__tag-url {
  color: #e0e0e2;
}
.mcp-page .mcp-hero__buttons {
  margin-top: 32px;
}
.mcp-page .mcp-hero__buttons .dbx-buttons__buttons-container {
  margin-bottom: 16px;
}
.mcp-page .mcp-hero__buttons .dbx-buttons__container-subtext {
  color: #afb3d7;
}
.mcp-page .mcp-use-cases {
  margin-top: 80px;
  margin-bottom: 80px;
}
@media screen and (min-width: 768px) {
  .mcp-page .mcp-use-cases {
    margin-top: 120px;
    margin-bottom: 120px;
  }
}
.mcp-page .mcp-use-cases__header {
  margin-bottom: 64px;
}
.mcp-page .mcp-use-cases__card {
  display: flex;
  flex-direction: column;
  gap: 32px;
  margin-bottom: 64px;
}
@media screen and (min-width: 992px) {
  .mcp-page .mcp-use-cases__card {
    flex-direction: row;
    align-items: center;
  }
}
.mcp-page .mcp-use-cases__card:last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 992px) {
  .mcp-page .mcp-use-cases__card--reverse {
    flex-direction: row-reverse;
  }
}
.mcp-page .mcp-use-cases__card-media {
  flex: 1;
}
.mcp-page .mcp-use-cases__card-media img {
  width: 100%;
  height: auto;
  border-radius: 8px;
}
.mcp-page .mcp-use-cases__card-media .dbx-video-embed {
  border-radius: 8px;
  overflow: hidden;
}
.mcp-page .mcp-use-cases__card-content {
  flex: 1;
}
.mcp-page .mcp-use-cases__card-tag-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}
.mcp-page .mcp-use-cases__card-logo {
  flex-shrink: 0;
}
.mcp-page .mcp-use-cases__card-logo img {
  height: 24px;
  width: auto;
}
.mcp-page .mcp-use-cases__card-tag {
  font-size: 14px;
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 1px;
  background: linear-gradient(45deg, #8850cb, #da6e7a);
  background: -o-linear-gradient(45deg, #8850cb, #da6e7a);
  background: -ms-linear-gradient(45deg, #8850cb, #da6e7a);
  background: -moz-linear-gradient(45deg, #8850cb, #da6e7a);
  background: -webkit-linear-gradient(45deg, #8850cb, #da6e7a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.mcp-page .mcp-use-cases__card-content .icon::before {
  color: inherit;
}
.mcp-page .mcp-setup {
  margin-top: 80px;
  margin-bottom: 80px;
}
@media screen and (min-width: 768px) {
  .mcp-page .mcp-setup {
    margin-top: 120px;
    margin-bottom: 120px;
  }
}
.mcp-page .mcp-setup__header {
  margin-bottom: 64px;
}
.mcp-page .mcp-setup__cards {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
}
@media screen and (min-width: 768px) {
  .mcp-page .mcp-setup__cards {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 1200px) {
  .mcp-page .mcp-setup__cards {
    grid-template-columns: repeat(4, 1fr);
  }
}
.mcp-page .mcp-setup__card {
  background: #fff;
  border-radius: 16px;
  padding: 32px;
  display: flex;
  flex-direction: column;
  height: 100%;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  position: relative;
  cursor: pointer;
}
.mcp-page .mcp-setup__card-logo {
  margin-bottom: 24px;
  height: 40px;
  display: flex;
  align-items: center;
}
.mcp-page .mcp-setup__card-logo img {
  height: 32px;
  width: auto;
}
.mcp-page .mcp-setup__card-button {
  margin-top: auto;
}
.mcp-page .mcp-setup__card:hover .dbx-btn--blue-outline {
  border-color: #4d71f1;
}
.mcp-page .mcp-setup__card:hover .dbx-arrow-btn .icon::before {
  transform: translateY(-50%) translateX(4px) rotate(90deg);
}
.mcp-page .mcp-quickstart {
  margin-top: 80px;
  margin-bottom: 80px;
}
@media screen and (min-width: 768px) {
  .mcp-page .mcp-quickstart {
    margin-top: 120px;
    margin-bottom: 120px;
  }
}
.mcp-page .mcp-quickstart__header {
  margin-bottom: 48px;
}
.mcp-page .mcp-quickstart__code-box {
  max-width: 622px;
  margin: 0 auto 32px;
  background: rgba(217, 217, 217, 0.3);
  border-radius: 8px;
  overflow: hidden;
}
.mcp-page .mcp-quickstart__tabs {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px;
  border-bottom: 1px solid #e8e9eb;
}
.mcp-page .mcp-quickstart__tab-buttons {
  display: flex;
  gap: 16px;
}
.mcp-page .mcp-quickstart__tab-btn {
  padding: 4px 8px;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
  border: 1px solid transparent;
  background: 0 0;
  color: #000;
}
.mcp-page .mcp-quickstart__tab-btn:hover {
  background: #eeeef0;
}
.mcp-page .mcp-quickstart__tab-btn--active {
  background: #2b2c2f;
  color: #fff;
  border-color: #2b2c2f;
}
.mcp-page .mcp-quickstart__tab-btn--active:hover {
  background: #2b2c2f;
}
.mcp-page
  .mcp-quickstart__tab-btn:not(.mcp-page .mcp-quickstart__tab-btn--active) {
  border-color: #9f9fa0;
}
.mcp-page .mcp-quickstart__copy-btn {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 4px 8px;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 500;
  color: #4d71f1;
  background: 0 0;
  border: 1px solid #c3cdef;
  cursor: pointer;
  transition: all 0.2s;
}
.mcp-page .mcp-quickstart__copy-btn:hover {
  background: rgba(77, 113, 241, 0.05);
}
.mcp-page .mcp-quickstart__copy-btn .icon {
  font-size: 12px;
}
.mcp-page .mcp-quickstart__tab-content {
  display: none;
  padding: 0 16px 16px;
}
.mcp-page .mcp-quickstart__tab-content--active {
  display: block;
}
.mcp-page .mcp-quickstart__file-path {
  font-size: 13px;
  color: #9f9fa0;
  padding: 12px 0;
}
.mcp-page .mcp-quickstart__separator {
  height: 1px;
  background: #e0e0e2;
}
.mcp-page .mcp-quickstart__code {
  padding: 16px 0;
  font-family: "Geist Mono", monospace;
  font-size: 13px;
  line-height: 1.6;
  overflow-x: auto;
}
.mcp-page .mcp-quickstart__code pre {
  margin: 0;
  white-space: pre-wrap;
  word-break: break-word;
}
.mcp-page .mcp-quickstart__code .json-key {
  color: #4d71f1;
}
.mcp-page .mcp-quickstart__code .json-value {
  color: #e47b0b;
}
.mcp-page .mcp-quickstart__code .json-punctuation {
  color: #000;
}
.mcp-page .mcp-quickstart__hint {
  font-size: 13px;
  color: #9f9fa0;
  padding: 12px 0 0;
}
.mcp-page .mcp-quickstart__n8n-snippets {
  padding: 16px 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.mcp-page .mcp-quickstart__n8n-item {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.mcp-page .mcp-quickstart__n8n-label {
  font-size: 13px;
  color: #9f9fa0;
}
.mcp-page .mcp-quickstart__n8n-code-row {
  display: flex;
  align-items: center;
}
.mcp-page .mcp-quickstart__n8n-code {
  font-family: "Geist Mono", monospace;
  font-size: 13px;
  line-height: 1.6;
  flex: 1;
}
.mcp-page .mcp-quickstart__n8n-code pre {
  margin: 0;
}
.mcp-page .mcp-quickstart__n8n-code .n8n-url {
  color: #059669;
}
.mcp-page .mcp-quickstart__n8n-code .n8n-key {
  color: #4d71f1;
}
.mcp-page .mcp-quickstart__n8n-code .n8n-separator {
  color: #000;
}
.mcp-page .mcp-quickstart__n8n-code .n8n-value {
  color: #e47b0b;
}
.mcp-page .mcp-quickstart__n8n-copy-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 4px;
  background: 0 0;
  border: none;
  color: #9f9fa0;
  cursor: pointer;
  transition: all 0.2s;
  flex-shrink: 0;
  margin-left: 8px;
}
.mcp-page .mcp-quickstart__n8n-copy-btn:hover {
  color: #4d71f1;
}
.mcp-page .mcp-quickstart__n8n-copy-btn .icon {
  font-size: 14px;
}
.mcp-page .mcp-features {
  margin-top: 80px;
  margin-bottom: 80px;
}
@media screen and (min-width: 768px) {
  .mcp-page .mcp-features {
    margin-top: 120px;
    margin-bottom: 120px;
  }
}
.mcp-page .mcp-features__header {
  margin-bottom: 64px;
}
.mcp-page .mcp-features .dbx-icon-card__title {
  font-size: 24px;
}
.mcp-page .mcp-cta {
  background: linear-gradient(100.24deg, #6d53dd 6.06%, #ac70d6 95.63%);
  margin-top: 80px;
  padding-top: 80px;
  padding-bottom: 80px;
}
@media screen and (min-width: 768px) {
  .mcp-page .mcp-cta {
    margin-top: 120px;
    padding-top: 120px;
    padding-bottom: 120px;
  }
}
.mcp-page .mcp-cta__content {
  margin-bottom: 32px;
}
.mcp-page .mcp-cta__buttons {
  margin-bottom: 120px;
}
.mcp-page .mcp-cta__buttons .dbx-buttons__container-subtext {
  color: #afb3d7;
  text-align: center;
}
.mcp-page .mcp-cta__stats {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 32px;
}
@media screen and (min-width: 768px) {
  .mcp-page .mcp-cta__stats {
    grid-template-columns: repeat(4, 1fr);
  }
}
.mcp-page .mcp-cta__stat {
  text-align: center;
}
.mcp-page .mcp-cta__stat-number {
  display: block;
  font-size: 32px;
  font-weight: 900;
  color: #fff;
  margin-bottom: 8px;
}
@media screen and (min-width: 768px) {
  .mcp-page .mcp-cta__stat-number {
    font-size: 36px;
  }
}
.mcp-page .mcp-cta__stat-text {
  font-size: 14px;
  color: #fff;
  opacity: 0.8;
}
@media screen and (min-width: 768px) {
  .mcp-page .mcp-cta__stat-text {
    font-size: 16px;
  }
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
#methodology .header {
  background-image: url(../img/methodology/bg.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
  text-align: left;
  padding-bottom: 100px;
}
#methodology .header h1 {
  font-size: 60px;
  line-height: 72px;
  font-weight: 500;
}
#methodology .header h1 em:before {
  bottom: 8px;
  border-width: 4px;
  border-color: #2e356b;
}
#methodology .header h1 em span {
  text-shadow: none;
}
#methodology .header h2 {
  font-weight: 300;
  font-size: 22px;
  line-height: 30px;
  color: rgba(255, 255, 255, 0.75);
}
#methodology .header ul {
  list-style: none;
  padding: 0;
  margin: 15px 0 0;
}
#methodology .header li {
  position: relative;
  padding: 3px 0 3px 15px;
}
#methodology .header li:before {
  content: "·";
  position: absolute;
  top: 1px;
  left: 1px;
}
#methodology .header li a {
  font-size: 16px;
  line-height: 24px;
  text-decoration: underline;
  color: #2ec1d6;
}
#methodology .header .img-ct {
  position: absolute;
  bottom: 0;
  left: calc(50vw - 40px);
}
#methodology .header .img-ct img {
  display: block;
  max-height: 100%;
}
#methodology .header .text-ct {
  position: relative;
  float: left;
  width: 45%;
  min-height: 575px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-direction: column;
  flex-direction: column;
}
#methodology .header .btn-ct {
  clear: both;
  position: relative;
}
#methodology .numbered {
  position: relative;
}
#methodology .numbered:before {
  position: absolute;
  width: 23px;
  height: 23px;
  font-size: 16px;
  line-height: 22px;
  border-radius: 100%;
  text-align: center;
  padding-left: 1px;
  border: 1px solid;
  top: 24px;
  left: 0;
}
#methodology .numbered.numbered-1:before {
  content: "1";
}
#methodology .numbered.numbered-2:before {
  content: "2";
}
#methodology .numbered.numbered-3:before {
  content: "3";
}
#methodology .numbered.numbered-4:before {
  content: "4";
}
#methodology .numbered.numbered-5:before {
  content: "5";
}
#methodology .btn-ct {
  text-align: center;
}
#methodology .btn-ct .btn {
  display: inline-block;
  font-size: 16px;
  line-height: 34px;
  font-weight: 500;
  letter-spacing: 1px;
  background: #2bb673;
  padding-left: 30px;
  padding-right: 30px;
}
#methodology .btn-ct .btn:hover {
  background: #1fa364;
}
#methodology-1 h3,
#methodology-2 h3 {
  font-size: 36px;
  line-height: 40px;
  font-weight: 500;
}
#methodology-1 p,
#methodology-2 p {
  font-size: 18px;
  line-height: 28px;
  margin: 0;
  padding: 14px 0;
}
#methodology-1 .row,
#methodology-2 .row {
  display: -webkit-flex;
  display: flex;
}
#methodology-1 .col-1,
#methodology-2 .col-1 {
  position: relative;
}
#methodology-1 .pos-bottom,
#methodology-2 .pos-bottom {
  position: absolute;
  bottom: 0;
  left: 15px;
  right: 15px;
}
#methodology-1 img,
#methodology-2 img,
#methodology-3 img {
  max-width: 100%;
  display: block;
}
#methodology-1 img {
  margin-bottom: 50px;
}
#methodology-2 img {
  width: 410px;
  margin-bottom: 24px;
}
#methodology-3 {
  background-color: rgba(142, 146, 155, 0.08);
  padding-bottom: 50px;
}
#methodology-3 h3,
#methodology-3 p.under-h3 {
  text-align: center;
}
#methodology-3 h3 {
  font-size: 40px;
  line-height: 50px;
  font-weight: 500;
  margin: 35px 0 0;
}
#methodology-3 p.under-h3 {
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
}
#methodology-3 .img-ct {
  margin: 86px auto 115px;
  width: 628px;
  max-width: 100%;
}
#methodology-3 .col-1 {
  float: right;
}
#methodology-3 h4 {
  font-size: 22px;
  line-height: 24px;
  margin: 0;
  padding: 23px 0 3px 33px;
}
#methodology-3 p {
  font-size: 16px;
  line-height: 24px;
  margin: 0;
  padding: 12px 0;
}
#methodology-3 .box {
  position: relative;
  padding: 0 0 40px 155px;
}
#methodology-3 span.icon {
  font-size: 90px;
  line-height: 90px;
  position: absolute;
  left: 36px;
  top: 8px;
}
#methodology-3 .box-1 h4:before,
#methodology-3 .box-1 span.icon {
  color: #2e4797;
}
#methodology-3 .box-2 h4:before,
#methodology-3 .box-2 span.icon {
  color: #009fc6;
}
#methodology-3 .box-3 h4:before,
#methodology-3 .box-3 span.icon {
  color: #70b72d;
}
#methodology-3 .box-4 h4:before,
#methodology-3 .box-4 span.icon {
  color: #f7ad3c;
}
#methodology-3 .box-5 h4:before,
#methodology-3 .box-5 span.icon {
  color: #ff4929;
}
#methodology-4 {
  text-align: center;
}
#methodology-4 .btn-ct {
  margin: 30px 0 24px;
}
#methodology-4 p {
  font-size: 18px;
  line-height: 36px;
}
@media only screen and (max-width: 991px) {
  #methodology-1 .row,
  #methodology-2 .row {
    display: block;
  }
  #methodology-1 .pos-bottom,
  #methodology-2 .pos-bottom {
    position: static;
  }
  #methodology-1 img,
  #methodology-2 img {
    margin-top: 40px;
  }
  #methodology-3 .col-1 {
    float: none;
  }
}
@media only screen and (max-width: 767px) {
  #methodology .header .img-ct {
    top: 40px;
    left: 0;
    right: 0;
    height: 400px;
    text-align: center;
  }
  #methodology .header .img-ct img {
    display: inline-block;
    width: auto;
  }
  #methodology .header .text-ct {
    width: auto;
    float: none;
    min-height: 0;
    padding-top: 260px;
    text-align: center;
  }
  #methodology .header .btn-ct {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 666px) {
  #methodology-3 .box {
    padding: 0 0 30px 80px;
  }
  #methodology-3 span.icon {
    font-size: 60px;
    line-height: 60px;
    left: 0;
    top: 10px;
  }
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
#move-the-needle {
  letter-spacing: 0;
}
#move-the-needle .header {
  padding: 166px 0 85px;
  background: linear-gradient(
    180deg,
    rgba(77, 113, 241, 0.2) 0,
    transparent 97.4%
  );
  color: #182e53;
  background-position: bottom;
  background-size: cover;
}
#move-the-needle .header img.img-responsive {
  max-width: 570px;
  display: block;
  margin: auto;
  width: 100%;
}
#move-the-needle .header h1 {
  margin: 48px auto 24px;
  font-size: 48px;
  line-height: 56px;
  max-width: 964px;
  font-weight: 400;
}
#move-the-needle .header h1 strong {
  font-weight: 700;
}
#move-the-needle .header p {
  margin: auto;
  max-width: 860px;
  font-size: 18px;
  line-height: 28px;
  color: #3f3f56;
  font-weight: 400;
}
#move-the-needle #move-the-needle-form .move-the-needle-form-box {
  margin: auto;
  max-width: 792px;
  border: 1px solid rgba(142, 146, 155, 0.2);
  border-radius: 0 0 40px 0;
  padding: 44px 98px;
  box-shadow: 0 15px 25px rgba(142, 146, 155, 0.2);
}
#move-the-needle #move-the-needle-form .move-the-needle-form-box .legal {
  display: block;
  text-align: center;
  font-size: 0.775rem;
  margin-bottom: 32px;
  color: rgba(142, 146, 155, 0.9);
}
#move-the-needle #move-the-needle-form .move-the-needle-form-box .legal a {
  color: rgba(142, 146, 155, 0.9);
  font-weight: 400;
  text-decoration: underline;
  margin: 0;
  font-size: inherit;
}
#move-the-needle
  #move-the-needle-form
  .move-the-needle-form-box
  .dbx-title-text__title {
  font-size: 1.5rem;
  line-height: 1.75rem;
  font-weight: 700;
  text-align: center;
  color: #3f3f56;
  margin: 0;
}
#move-the-needle #move-the-needle-form .move-the-needle-form-box .bottom-text,
#move-the-needle
  #move-the-needle-form
  .move-the-needle-form-box
  .dbx-title-text__text {
  font-size: 1.125rem;
  line-height: 1.5rem;
  text-align: center;
}
#move-the-needle #move-the-needle-form .move-the-needle-form-box .bottom-text {
  margin-top: 24px;
}
#move-the-needle #move-the-needle-form .move-the-needle-form-box .newsletter {
  max-width: 597px;
  margin: 0 auto 32px auto;
  display: block;
  font-size: 0;
  text-align: center;
}
#move-the-needle
  #move-the-needle-form
  .move-the-needle-form-box
  .newsletter
  .hs_email {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  z-index: 1;
  text-align: center;
  width: 100%;
  max-width: calc(100% - 170px);
}
#move-the-needle
  #move-the-needle-form
  .move-the-needle-form-box
  .newsletter
  .hs_email
  label {
  display: none;
}
#move-the-needle
  #move-the-needle-form
  .move-the-needle-form-box
  .newsletter
  .hs_email
  .hs-error-msgs {
  position: absolute;
  bottom: -40px;
  left: 0;
  font-size: 14px;
  color: #f76868;
  list-style: none;
  padding-left: 25px;
}
#move-the-needle
  #move-the-needle-form
  .move-the-needle-form-box
  .newsletter
  .hs_email
  .hs-error-msgs
  label {
  display: block;
}
#move-the-needle
  #move-the-needle-form
  .move-the-needle-form-box
  .newsletter
  .hs_email
  .hs-input {
  border: 1px solid #f5f5f5;
  background: #f5f5f5;
  border-radius: 5px;
  line-height: 42px;
  padding: 0 25px;
  height: 42px;
  font-size: 16px;
  color: #8e929b;
  width: 100%;
}
@media screen and (max-width: 480px) {
  #move-the-needle
    #move-the-needle-form
    .move-the-needle-form-box
    .newsletter
    .hs_email {
    max-width: 100%;
    margin-bottom: 20px;
  }
}
#move-the-needle
  #move-the-needle-form
  .move-the-needle-form-box
  .newsletter
  .hs_submit {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 -5px;
}
#move-the-needle
  #move-the-needle-form
  .move-the-needle-form-box
  .newsletter
  .hs_submit
  .actions {
  padding: 0;
}
#move-the-needle
  #move-the-needle-form
  .move-the-needle-form-box
  .newsletter
  .hs_submit
  .actions
  .hs-button {
  background: #182e53;
  border-radius: 6px;
  width: 170px;
  height: 42px;
  color: #fff;
  text-transform: uppercase;
  font-size: 18px;
  line-height: 42px;
  font-weight: 700;
  padding: 0;
  position: relative;
  z-index: 2;
}
#move-the-needle
  #move-the-needle-form
  .move-the-needle-form-box
  .newsletter
  .hs_submit
  .actions
  .hs-button:hover {
  background: #4d71f1;
}
@media screen and (max-width: 640px) {
  #move-the-needle #move-the-needle-form .move-the-needle-form-box {
    padding: 44px 44px;
  }
  #move-the-needle
    #move-the-needle-form
    .move-the-needle-form-box
    .newsletter
    .email-holder {
    max-width: 100%;
    margin-bottom: 20px;
  }
}
#move-the-needle #issue-repeater-share .container {
  padding-top: 120px;
  padding-bottom: 95px;
  position: relative;
}
#move-the-needle #issue-repeater-share .container::before {
  content: "";
  width: 120px;
  height: 120px;
  background: url("../img/move-the-needle/circle.svg") no-repeat center;
  background-size: cover;
  position: absolute;
  top: 170px;
  right: 90px;
}
#move-the-needle #issue-repeater-share .container::after {
  content: "";
  width: 140px;
  height: 140px;
  background: url("../img/move-the-needle/polygon.svg") no-repeat center;
  background-size: auto 100%;
  position: absolute;
  bottom: 70px;
  left: 70px;
}
#move-the-needle #issue-repeater-share .container h2 {
  text-align: center;
  font-size: 32px;
  line-height: 40px;
  color: #2d2d3d;
  font-weight: 700;
  margin: 0 0 56px;
}
#move-the-needle #issue-repeater-share .container .issues-repeater-share-box {
  border: 1px solid rgba(142, 146, 155, 0.2);
  border-radius: 6px;
  background: #fff;
  box-shadow: 0 15px 25px rgba(142, 146, 155, 0.2);
  position: relative;
  z-index: 99;
  padding: 38px 74px;
  max-width: 894px;
  width: 90%;
  margin: 0 auto 25px;
}
#move-the-needle
  #issue-repeater-share
  .container
  .issues-repeater-share-box
  .icon-check {
  position: absolute;
  top: 50%;
  left: 30px;
  transform: translateY(-50%);
  color: #4d71f1;
  font-size: 25px;
}
#move-the-needle
  #issue-repeater-share
  .container
  .issues-repeater-share-box.col-box-4
  .icon-check {
  color: #f47920;
}
#move-the-needle
  #issue-repeater-share
  .container
  .issues-repeater-share-box.col-box-3
  .icon-check {
  color: #39b54a;
}
#move-the-needle
  #issue-repeater-share
  .container
  .issues-repeater-share-box.col-box-2
  .icon-check {
  color: #515aa7;
}
#move-the-needle
  #issue-repeater-share
  .container
  .issues-repeater-share-box
  h3 {
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  color: #252525;
  margin: 0;
}
#move-the-needle
  #issue-repeater-share
  .container
  .issues-repeater-share-box
  h3
  strong {
  font-weight: 700;
}
@media screen and (max-width: 640px) {
  #move-the-needle #issue-repeater-share .container .issues-repeater-share-box {
    padding: 28px 28px 28px 64px;
  }
  #move-the-needle
    #issue-repeater-share
    .container
    .issues-repeater-share-box
    .icon-check {
    left: 20px;
  }
}
#move-the-needle #issue-repeater .container {
  padding-top: 120px;
  padding-bottom: 46px;
  border-top: 1px solid #e9e9e9;
}
#move-the-needle #issue-repeater .container h2 {
  text-align: center;
  font-size: 32px;
  line-height: 40px;
  color: #2d2d3d;
  font-weight: 700;
  margin: 0 0 110px;
}
#move-the-needle #issue-repeater .container .issues-repeater-box {
  margin-bottom: 50px;
  color: #2d2d3d;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
}
#move-the-needle #issue-repeater .container .issues-repeater-box .before-title {
  font-style: italic;
  color: #424250;
  font-size: 13px;
  line-height: 16px;
}
#move-the-needle #issue-repeater .container .issues-repeater-box h3 {
  margin: 8px 0 40px;
  font-size: 24px;
  line-height: 28px;
  color: #2d2d3d;
  font-weight: 700;
}
#move-the-needle #issue-repeater .container .issues-repeater-box a {
  color: #4d71f1;
}
#move-the-needle #issue-repeater .container .issues-repeater-box a span {
  margin-left: 8px;
}
#move-the-needle #posts-from-category .single-post .box > a .thumb {
  background-position: left bottom;
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
#dbx-navigation {
  position: absolute;
  width: 100%;
  z-index: 1000;
  background-color: transparent;
}
#dbx-navigation .logo-img {
  display: inline-block;
  height: 34px;
}
#dbx-navigation > .dbx-container {
  display: flex;
  padding-block: 20px;
  justify-content: space-between;
  gap: 25px;
}
#dbx-navigation > .dbx-container::before {
  content: none;
  display: unset;
}
#dbx-navigation > .dbx-container::after {
  content: none;
  display: unset;
}
#dbx-navigation > .dbx-container .right {
  align-items: flex-end;
}
#dbx-navigation > .dbx-container .right li a {
  text-align: center;
}
#dbx-navigation.active {
  background-color: #fff;
}
#dbx-navigation.active.light a {
  color: #000;
}
#dbx-navigation.active.light .logo .logo-dark {
  display: inline-block;
}
#dbx-navigation.active.light .logo .logo-light {
  display: none;
}
#dbx-navigation.active.light
  .filter
  li.menu-item.submenu.current-menu-item
  > a:not(:hover) {
  color: #000;
}
#dbx-navigation.active.light ul li.get-started.outlined a {
  background-color: transparent;
  border: 1px solid rgba(142, 146, 155, 0.3);
  color: #24282c !important;
}
#dbx-navigation.active.light ul li.get-started.outlined a:hover {
  background-color: rgba(142, 146, 155, 0.3);
}
#dbx-navigation #menu-navigation-right-2024 > li:first-of-type a {
  color: #000;
}
@media only screen and (max-width: 1024px) {
  #dbx-navigation.mobile-menu-active {
    background-color: #fff;
  }
}
#dbx-navigation.light #menu-navigation-right-2024 > li:first-of-type a {
  color: #fff;
  border-radius: 8px;
}
#dbx-navigation.light #menu-navigation-right-2024 > li:first-of-type a:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
#dbx-navigation.light ul li.get-started.outlined a {
  background-color: transparent;
  border: 1px solid rgba(142, 146, 155, 0.3);
  color: #fff !important;
}
#dbx-navigation.light ul li.get-started.outlined a:hover {
  background-color: rgba(142, 146, 155, 0.3);
}
#dbx-navigation.light .logo .logo-light {
  display: inline-block;
}
#dbx-navigation.light .logo .logo-dark {
  display: none;
}
@media only screen and (max-width: 1200px) {
  #dbx-navigation.light .logo {
    margin-right: 20px;
  }
}
@media only screen and (max-width: 991px) {
  #dbx-navigation.light .logo {
    margin-right: 2px;
  }
}
#dbx-navigation.light li.menu-item.submenu.dropdown-open {
  margin-bottom: -2px;
}
#dbx-navigation.light li.menu-item.submenu.dropdown-open:before,
#dbx-navigation.light li.menu-item.submenu.dropdown-open > a {
  color: #4d71f1 !important;
}
#dbx-navigation.light .mobile-buttons-hamburger .icon {
  color: #fff;
}
#dbx-navigation.light .filter li.menu-item.submenu:before {
  color: #fff;
}
#dbx-navigation.light .filter li.menu-item.submenu:hover:before {
  color: #4d71f1;
}
@media only screen and (max-width: 836px) {
  #dbx-navigation.light ul li a:hover {
    color: #000;
  }
  #dbx-navigation.light li.menu-item > a {
    color: #000;
  }
  #dbx-navigation.light li.menu-item.submenu > a {
    color: #000;
  }
  #dbx-navigation.light li.menu-item.submenu.dropdown-open:before,
  #dbx-navigation.light li.menu-item.submenu.dropdown-open > a {
    color: #000 !important;
  }
  #dbx-navigation.light li.menu-item.submenu:hover:before {
    color: #000 !important;
  }
}
#dbx-navigation.light.mobile-menu-active .logo-light {
  display: none;
}
#dbx-navigation.light.mobile-menu-active .logo-dark {
  display: inline-block;
}
#dbx-navigation.dark #menu-navigation-right-2024 > li:first-of-type a {
  color: #000;
}
#dbx-navigation.dark ul li a {
  color: #2d3237;
}
#dbx-navigation.dark ul li a:hover {
  color: #000;
  background-color: rgba(142, 146, 155, 0.1);
  border-radius: 8px;
}
#dbx-navigation.dark ul li.get-started.outlined a {
  background-color: transparent;
  border: 1px solid rgba(142, 146, 155, 0.2);
  color: #24282c !important;
}
#dbx-navigation.dark ul li.get-started.outlined a:hover {
  background-color: rgba(142, 146, 155, 0.1);
}
#dbx-navigation.dark .logo .logo-light {
  display: none;
}
#dbx-navigation.dark .logo .logo-dark {
  display: inline-block;
}
#dbx-navigation.dark li.menu-item.submenu.dropdown-open {
  margin-bottom: -2px;
}
#dbx-navigation.dark li.menu-item.submenu.dropdown-open:before,
#dbx-navigation.dark li.menu-item.submenu.dropdown-open > a {
  color: #000 !important;
}
#dbx-navigation.dark .mobile-buttons-hamburger .icon {
  color: #000;
}
#dbx-navigation.dark .filter li.menu-item.submenu:before {
  color: #2d3237;
}
#dbx-navigation.dark .filter li.menu-item.submenu:hover:before {
  color: #000;
}
@media only screen and (max-width: 767px) {
  #dbx-navigation.dark ul li a:hover {
    color: #2d3237;
  }
  #dbx-navigation.dark li.menu-item.submenu > a {
    color: #2d3237;
  }
  #dbx-navigation.dark li.menu-item.submenu.dropdown-open:before,
  #dbx-navigation.dark li.menu-item.submenu.dropdown-open > a {
    color: #4d71f1 !important;
  }
  #dbx-navigation.dark li.menu-item.submenu:hover:before {
    color: #2d3237 !important;
  }
}
@media only screen and (min-width: 992px) {
  #dbx-navigation.dark .filter li.menu-item.submenu .dropdown:before {
    left: 0;
  }
}
@media only screen and (min-width: 1200px) {
  #dbx-navigation.dark .filter li.menu-item.submenu .dropdown:before {
    left: 0;
  }
}
#dbx-navigation.light-blue {
  background-color: #eceffa;
}
#dbx-navigation.transparent
  #menu-navigation-right-2024
  > li:first-of-type
  a:hover {
  background-color: rgba(255, 255, 255, 0.35);
}
#dbx-navigation.transparent #menu-navigation-right-2024 > li:nth-of-type(2) a {
  background-clip: padding-box;
  border-color: rgba(255, 255, 255, 0.35);
}
#dbx-navigation.transparent
  #menu-navigation-right-2024
  > li:nth-of-type(2)
  a:hover {
  background-color: rgba(255, 255, 255, 0.35);
}
#dbx-navigation.transparent #menu-navigation-right-2024 > li:nth-of-type(3) a {
  background-clip: padding-box;
  background-color: rgba(255, 255, 255, 0.25);
  border-color: rgba(255, 255, 255, 0.25);
}
#dbx-navigation.transparent
  #menu-navigation-right-2024
  > li:nth-of-type(3)
  a:hover {
  border: 1px solid rgba(255, 255, 255, 0.35);
  background-color: rgba(255, 255, 255, 0.35);
}
#dbx-navigation.transparent .mobile-buttons li:nth-of-type(3) a {
  background-clip: padding-box;
  border: none;
  background-color: rgba(255, 255, 255, 0.25);
}
#dbx-navigation.transparent .mobile-buttons li:nth-of-type(3) a:hover {
  background-color: rgba(255, 255, 255, 0.35);
}
#dbx-navigation ul.right {
  list-style: none;
  padding: 0;
  display: flex;
  margin: 0;
}
#dbx-navigation ul.right li a {
  display: block;
  text-decoration: none;
  font-weight: 400;
  font-size: 15px;
  padding: 8px;
  white-space: nowrap;
}
#dbx-navigation ul.right li a.icon {
  padding: 8px 32px 8px 8px;
}
#dbx-navigation ul.right li.get-started a {
  color: #fff !important;
  background-color: #4d71f1;
  font-size: 15px;
  border-radius: 8px;
  padding: 8px 16px;
  border: 1px solid #4d71f1;
}
#dbx-navigation ul.right li.get-started a:hover {
  background-color: #405ed1;
}
#dbx-navigation ul.right li.get-started:nth-of-type(3) a {
  font-weight: 600;
}
@media only screen and (min-width: 768px) {
  #dbx-navigation ul.right li a {
    font-size: 12px;
  }
  #dbx-navigation ul.right li.get-started {
    margin-left: 5px;
  }
  #dbx-navigation ul.right li.get-started a {
    font-size: 12px;
    padding: 7px 16px;
  }
}
@media only screen and (min-width: 992px) {
  #dbx-navigation ul.right li a {
    font-size: 12px;
  }
  #dbx-navigation ul.right li.get-started {
    margin-left: 5px;
  }
  #dbx-navigation ul.right li.get-started a {
    font-size: 12px;
    padding: 7px 16px;
  }
}
@media only screen and (min-width: 1200px) {
  #dbx-navigation ul.right li a {
    font-size: 15px;
  }
  #dbx-navigation ul.right li.get-started {
    margin-left: 10px;
  }
  #dbx-navigation ul.right li.get-started a {
    font-size: 15px;
  }
}
#dbx-navigation .dropdown {
  margin-top: 20px;
  display: none;
  position: absolute;
  border-radius: 0;
  -moz-box-shadow: 0 0 6px 0 rgba(85, 85, 85, 0.3);
  -webkit-box-shadow: 0 0 6px 0 rgba(85, 85, 85, 0.3);
  box-shadow: 0 0 6px 0 rgba(85, 85, 85, 0.3);
  background-clip: padding-box;
  background-color: #fff;
  z-index: 1;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  justify-content: center;
}
#dbx-navigation .dropdown .dd-holder {
  overflow: hidden;
  min-height: 400px;
}
#dbx-navigation .dropdown .dd-holder .container {
  flex-direction: row-reverse;
  min-height: 400px;
}
#dbx-navigation .dropdown .dd-cta {
  overflow: hidden;
  background-color: rgba(64, 94, 209, 0.1);
  width: 100%;
  height: 100%;
  padding-left: 64px;
  padding-top: 40px;
}
#dbx-navigation .dropdown .dd-cta > .cta-card {
  display: flex;
  flex-direction: column;
  max-width: 256px;
  gap: 24px;
}
#dbx-navigation .dropdown .dd-cta > .cta-card .title-description {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
#dbx-navigation .dropdown .dd-cta > .cta-card .title-description .title {
  display: block;
  color: #000;
  font-size: 16px;
  font-weight: 600;
}
#dbx-navigation .dropdown .dd-cta > .cta-card .title-description .description {
  color: #8e929b;
  font-size: 13px;
}
#dbx-navigation .dropdown .dd-cta > .cta-card .title-description .buttons {
  display: flex;
  margin-top: 12px;
  gap: 8px;
}
#dbx-navigation
  .dropdown
  .dd-cta
  > .cta-card
  .title-description
  .buttons
  > .dbx-btn {
  padding: 10px 12px;
  font-size: 13px;
}
#dbx-navigation
  .dropdown
  .dd-cta
  > .cta-card
  .title-description
  .buttons
  .dbx-btn--blue-outline {
  color: #4d71f1;
}
#dbx-navigation
  .dropdown
  .dd-cta
  > .cta-card
  .title-description
  .buttons
  .dbx-btn--blue-outline:hover {
  background-color: rgba(77, 113, 241, 0.08);
}
#dbx-navigation
  .dropdown
  .dd-cta
  > .cta-card
  .title-description
  .buttons
  .dbx-btn--blue-solid {
  color: #fff;
}
#dbx-navigation
  .dropdown
  .dd-cta
  > .cta-card
  .title-description
  .buttons
  .dbx-btn--blue-solid:hover {
  background-color: #355eef;
}
#dbx-navigation .dropdown .dd-cta > .cta-card > img {
  background-color: rgba(64, 94, 209, 0.1);
  border-radius: 6px;
}
#dbx-navigation .logo {
  display: flex;
  justify-content: space-between;
}
#dbx-navigation .logo a.menu {
  display: none;
}
#dbx-navigation .mobile-buttons-hamburger {
  display: flex;
  align-items: center;
  gap: 16px;
  display: none;
}
#dbx-navigation .mobile-buttons-hamburger .mobile-buttons {
  display: none;
}
#dbx-navigation .mobile-buttons-hamburger .menu {
  display: none;
}
@media only screen and (max-width: 1024px) and (min-width: 465px) {
  #dbx-navigation .mobile-buttons-hamburger .mobile-buttons {
    display: flex;
  }
  #dbx-navigation .mobile-buttons-hamburger .mobile-buttons ul.right {
    display: flex;
    margin-top: 0;
  }
  #dbx-navigation .mobile-buttons-hamburger .mobile-buttons ul.right li {
    display: inline-block;
    vertical-align: middle;
  }
  #dbx-navigation
    .mobile-buttons-hamburger
    .mobile-buttons
    ul.right
    li.menu-item {
    display: none;
  }
  #dbx-navigation
    .mobile-buttons-hamburger
    .mobile-buttons
    ul.right
    li.menu-item.get-started {
    display: flex;
  }
  #dbx-navigation
    .mobile-buttons-hamburger
    .mobile-buttons
    ul.right
    li.menu-item.get-started.outlined {
    display: none;
  }
  #dbx-navigation
    .mobile-buttons-hamburger
    .mobile-buttons
    ul.right
    li.menu-item.get-started
    a {
    font-size: 12px;
    line-height: 12px;
    padding: 10px 18px;
  }
}
#dbx-navigation .banner-section {
  width: 100%;
  background: #4d71f1;
  text-align: center;
  color: #fff;
  padding: 0 15px;
}
#dbx-navigation .banner-section p {
  margin: 0;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  padding: 10px 0;
}
#dbx-navigation .banner-section a {
  font-weight: 500;
  text-decoration: underline;
  color: #fff;
}
@media screen and (max-width: 992px) {
  #dbx-navigation .banner-section {
    position: fixed;
    bottom: 0;
    left: 0;
    margin-bottom: 0;
  }
  #dbx-navigation .banner-section p {
    font-size: 14px;
    line-height: 20px;
  }
}
#dbx-navigation.is_banner {
  padding-top: 0;
}
#dbx-navigation.is_banner.fixed {
  padding-top: 0;
}
#dbx-navigation.is_promotion_banner {
  top: 48px;
}
#dbx-navigation.is_promotion_banner.fixed {
  top: 0;
}
@media screen and (max-width: 768px) {
  #dbx-navigation.is_promotion_banner {
    height: auto;
  }
}
#dbx-navigation .logo-menu {
  display: flex;
  gap: 46px;
  justify-content: space-between;
}
#dbx-navigation .logo-menu > ul {
  display: flex;
  gap: 6px;
  align-items: flex-end;
}
@media screen and (max-width: 1030px) {
  #dbx-navigation .logo-menu {
    gap: 24px;
  }
}
#dbx-navigation #submenu-menu {
  display: flex;
  gap: 56px;
  padding-top: 17px;
  padding-bottom: 64px;
  padding-left: 140px;
}
@media (min-width: 836px) and (max-width: 1200px) {
  #dbx-navigation #submenu-menu .submenu-dd_cta {
    display: none;
  }
}
@media only screen and (max-width: 992px) {
  #dbx-navigation #submenu-menu {
    padding-left: 94px;
  }
}
#dbx-navigation .menu-submenu-container.container {
  padding: 0;
}
#dbx-navigation li.menu-item.submenu a.icon {
  position: relative;
}
#dbx-navigation li.menu-item.submenu a.icon:before {
  position: absolute;
  right: 12px;
  top: 40%;
  font-size: 8px;
  width: 8px;
  height: 8px;
}
@media only screen and (max-width: 836px) {
  #dbx-navigation li.menu-item.submenu a.icon:before {
    position: absolute;
    right: 12px;
    top: 38%;
    font-size: 16px;
    width: 16px;
    height: 16px;
  }
}
#dbx-navigation li.menu-item.submenu > a {
  font-weight: 400;
}
#dbx-navigation li.menu-item.submenu.dropdown-open:after {
  content: " ";
  height: 2px;
  width: 100%;
  background-color: #4d71f1;
  display: block;
  position: relative;
  top: 18px;
}
#dbx-navigation li.menu-item.submenu.dropdown-open a.icon:before {
  transform: rotate(270deg);
  -o-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
  transition: transform 0.4s;
  -o-transition: transform 0.4s;
  -ms-transition: transform 0.4s;
  -moz-transition: transform 0.4s;
  -webkit-transition: transform 0.4s;
}
#dbx-navigation li.menu-item.submenu.dropdown-open > a {
  color: #000;
  background-color: rgba(64, 94, 209, 0.1);
  border-radius: 8px;
}
#dbx-navigation li.menu-item.submenu.dropdown-open .dropdown {
  display: block;
}
@media only screen and (max-width: 767px) {
  #dbx-navigation li.menu-item.submenu.dropdown-open .dropdown .container {
    padding-bottom: 0;
  }
}
#dbx-navigation li.menu-item.submenu .dropdown {
  width: calc(100vw - (100vw - 100%));
  left: 0;
  background: #fff;
  box-shadow: 0 8px 10px -2px rgba(0, 0, 0, 0.08);
}
@media screen and (max-width: 992px) {
  #dbx-navigation li.menu-item.submenu .dropdown {
    overflow: auto;
  }
}
#dbx-navigation li.menu-item.submenu .dropdown ul {
  width: 100%;
}
#dbx-navigation li.menu-item.submenu .submenu-dd_cta {
  margin-top: -17px;
  margin-bottom: -50%;
  margin-right: -99999999%;
  width: 99999999%;
}
#dbx-navigation li.menu-item.submenu .submenu-dd_list-header {
  display: block;
  color: #000;
  font-size: 16px;
  font-weight: 600;
  padding: 20px 0;
  margin-left: 6px;
}
#dbx-navigation li.menu-item.submenu .menu-item,
#dbx-navigation li.menu-item.submenu .menu-item > .menu {
  display: flex;
  flex-direction: column;
  padding: 0;
  align-items: flex-start;
}
#dbx-navigation li.menu-item.submenu .menu-item {
  position: relative;
  font-weight: 500;
}
#dbx-navigation li.menu-item.submenu .menu-item.stamp-new > a::after {
  display: inline-block;
  background: #02b875;
  font-size: 10px;
  line-height: 16px;
  font-weight: 700;
  text-transform: uppercase;
  border-radius: 3px;
  padding: 0 6px;
  color: #fff;
  margin-left: 6px;
  content: "NEW";
  vertical-align: middle;
}
#dbx-navigation li.menu-item.submenu .menu-item:before {
  position: absolute;
  top: 50%;
  left: 0;
  text-align: center;
  background: #fff;
  border-radius: 8px;
  transform: translateY(-50%);
  padding: 8px;
  font-size: 20px;
  pointer-events: none;
}
#dbx-navigation li.menu-item.submenu .menu-item.icon-dataset:before {
  color: #3a294e;
  background-color: #ebeaed;
}
#dbx-navigation li.menu-item.submenu .menu-item.icon-box-123:before {
  color: #4d71f1;
  background-color: #e9f6fc;
}
#dbx-navigation li.menu-item.submenu .menu-item.icon-datawall:before {
  color: #2e4797;
  background-color: #eaebf4;
}
#dbx-navigation li.menu-item.submenu .menu-item.icon-present:before {
  color: #fa870c;
  background-color: #fef2e9;
}
#dbx-navigation li.menu-item.submenu .menu-item.icon-benchmarks:before {
  color: #7540ab;
  background-color: #f1ebf6;
}
#dbx-navigation li.menu-item.submenu .menu-item.icon-mag-glass:before {
  color: #25a767;
  background-color: #e9f6f0;
}
#dbx-navigation li.menu-item.submenu .menu-item.icon-goal-3:before {
  color: #f4bb42;
  background-color: #fff8ec;
}
#dbx-navigation li.menu-item.submenu .menu-item.icon-trend-up:before {
  color: #24a1ba;
  background-color: #e9f6f7;
}
#dbx-navigation li.menu-item.submenu .menu-item:hover > a {
  background: #f3f4f5;
  border-radius: 8px;
}
#dbx-navigation li.menu-item.submenu .menu-item:hover.icon-dataset > a {
  color: #3a294e;
  background-color: #ebeaed;
}
#dbx-navigation li.menu-item.submenu .menu-item:hover.icon-box-123 > a {
  color: #4d71f1;
  background-color: #e9f6fc;
}
#dbx-navigation li.menu-item.submenu .menu-item:hover.icon-datawall > a {
  color: #2e4797;
  background-color: #eaebf4;
}
#dbx-navigation li.menu-item.submenu .menu-item:hover.icon-present > a {
  color: #fa870c;
  background-color: #fef2e9;
}
#dbx-navigation li.menu-item.submenu .menu-item:hover.icon-benchmarks > a {
  color: #7540ab;
  background-color: #f1ebf6;
}
#dbx-navigation li.menu-item.submenu .menu-item:hover.icon-mag-glass > a {
  color: #25a767;
  background-color: #e9f6f0;
}
#dbx-navigation li.menu-item.submenu .menu-item:hover.icon-goal-3 > a {
  color: #f4bb42;
  background-color: #fff8ec;
}
#dbx-navigation li.menu-item.submenu .menu-item:hover.icon-trend-up > a {
  color: #24a1ba;
  background-color: #e9f6f7;
}
#dbx-navigation li.menu-item.submenu .menu-item a {
  margin: 0;
  font-size: 15px;
  line-height: 18px;
  color: #2d3237;
  font-weight: 500;
  padding: 10px 6px;
}
#dbx-navigation li.menu-item.submenu .menu-item a .dd-menu-description {
  display: block;
  color: rgba(45, 50, 55, 0.8);
  font-size: 13px;
  line-height: 18px;
  padding-top: 8px;
  width: 100%;
  letter-spacing: 0;
}
#dbx-navigation li.menu-item.submenu .menu-item.icon {
  margin: 6px 0;
}
#dbx-navigation li.menu-item.submenu .menu-item.icon a {
  padding-left: 50px;
}
#dbx-navigation li.menu-item.submenu .menu-item.see-more {
  margin-top: 13px;
}
#dbx-navigation li.menu-item.submenu .menu-item.see-more a {
  color: #405ed1 !important;
  text-decoration: underline;
  position: relative;
}
#dbx-navigation li.menu-item.submenu .menu-item.see-more a :after {
  content: "\e917";
  padding-left: 5px;
  display: inline-block;
  font-family: Icons;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  position: relative;
  text-transform: none;
  vertical-align: middle;
  font-size: 12px;
}
#dbx-navigation li.menu-item.submenu .menu-item.see-more a:hover {
  background: 0 0;
}
#dbx-navigation li.menu-item.submenu .menu-item .dd-list-subtitle {
  padding-top: 8px;
}
#dbx-navigation li.menu-item.submenu .menu-item .dd-list-subtitle.top-spacing {
  padding-top: 36px;
}
#dbx-navigation li.menu-item.submenu .menu-item .dd-list-subtitle > a {
  font-size: 13px;
  color: #909299 !important;
}
#dbx-navigation li.menu-item.submenu .menu-item .dd-list-subtitle > a:hover {
  background: 0 0;
  cursor: default;
}
#dbx-navigation .warmup-blog-category-navigation {
  display: flex;
  gap: 8px;
}
#dbx-navigation .warmup-blog-category-navigation li {
  padding: 0;
  border: none;
}
#dbx-navigation .warmup-blog-category-navigation li.dbx-btn a {
  color: unset;
}
#dbx-navigation .warmup-blog-category-navigation li.dbx-btn a:hover {
  background-color: unset;
  border-radius: unset;
  color: unset;
}
@media only screen and (max-width: 1024px) {
  #dbx-navigation .mobile-buttons-hamburger {
    display: flex;
  }
  #dbx-navigation .mobile-buttons-hamburger a.menu {
    display: block;
    font-size: 24px;
    color: #000;
  }
  #dbx-navigation li.menu-item.submenu::before {
    top: 30px;
    font-size: 14px;
  }
  #dbx-navigation li.menu-item.submenu.dropdown-open .dropdown {
    position: relative;
    border-radius: 0;
    right: unset;
    left: unset;
    width: auto;
    box-shadow: unset;
    background-image: none;
    padding: 0;
    top: 0;
  }
  #dbx-navigation li.menu-item.submenu.dropdown-open .dropdown::before {
    background-image: none;
  }
  #dbx-navigation li.menu-item.submenu.dropdown-open .dropdown ul {
    margin-top: 0;
    padding-top: 0;
    background-color: transparent;
  }
  #dbx-navigation li.menu-item.submenu.dropdown-open .dropdown ul li {
    border-top: none;
    margin: 0;
    width: 100%;
  }
  #dbx-navigation li.menu-item.submenu.dropdown-open .dropdown ul li a {
    font-weight: 400;
    line-height: 32px;
    color: #000;
    display: block;
  }
  #dbx-navigation li.menu-item.submenu > a {
    padding-right: 0;
    font-weight: 500;
    color: #000;
  }
  #dbx-navigation li.menu-item.submenu .menu-item:not(.blank):hover {
    background: 0 0;
  }
  #dbx-navigation li.menu-item.submenu .menu-item:not(.blank):hover a {
    color: #2d3237;
  }
  #dbx-navigation li.menu-item.submenu .menu-item.submenu-dd_list {
    padding: 0;
  }
  #dbx-navigation li.menu-item.submenu #submenu-dd_list-menu li a {
    padding: 8px 16px;
  }
  #dbx-navigation li.menu-item.submenu #submenu-dd_list-menu li.icon a {
    padding: 8px 16px 8px 50px;
  }
}
.main-navigation-2025 .main-button--light {
  background-color: transparent;
  color: #fff;
  font-weight: 500;
}
.main-navigation-2025 .main-button--light.main-button--active {
  background-color: rgba(255, 255, 255, 0.15);
  border: 1px solid transparent;
}
.main-navigation-2025 .main-button--light.main-button--active .icon:before {
  transform: rotate(-90deg);
}
.main-navigation-2025 .main-button--light:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.main-navigation-2025 .main-button--dark {
  background-color: transparent;
  color: #2b2c2f;
  font-weight: 500;
  border: 1px solid transparent;
}
.main-navigation-2025 .main-button--dark.main-button--active {
  background-color: #edf4fa;
}
.main-navigation-2025 .main-button--dark.main-button--active .icon:before {
  transform: rotate(-90deg);
}
.main-navigation-2025 .main-button--dark:hover {
  background-color: rgba(142, 146, 155, 0.1);
}
.main-navigation-2025__desktop-nav {
  display: none;
}
.main-navigation-2025__mobile-menu {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background-color: #fff;
  border-top: 1px solid #e8e9eb;
  display: none;
  z-index: 1000;
  height: 80vh;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.main-navigation-2025__mobile-menu::-webkit-scrollbar {
  display: none;
}
.main-navigation-2025__mobile-menu.active {
  display: block;
}
.main-navigation-2025__mobile-menu-container {
  padding-top: 20px;
  padding-bottom: 20px;
}
.main-navigation-2025__mobile-menu-item:last-child {
  margin-bottom: 0;
}
.main-navigation-2025__mobile-menu-button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 16px 0;
  background: 0 0;
  border: none;
  font-size: 18px;
  font-weight: 600;
  color: #2b2c2f;
  cursor: pointer;
}
.main-navigation-2025__mobile-menu-arrow {
  transition: transform 0.3s ease;
}
.main-navigation-2025__mobile-menu-arrow:before {
  font-size: 12px;
}
.main-navigation-2025__mobile-menu-button.active
  .main-navigation-2025__mobile-menu-arrow {
  transform: rotate(180deg);
}
.main-navigation-2025__mobile-menu-item--products
  .main-navigation-2025__mobile-menu-section-content,
.main-navigation-2025__mobile-menu-item--resources
  .main-navigation-2025__mobile-menu-section-content {
  gap: 24px;
}
.main-navigation-2025__mobile-menu-dropdown {
  display: none;
  padding-block: 16px;
}
.main-navigation-2025__mobile-menu-dropdown.active {
  display: block;
}
.main-navigation-2025__mobile-menu-section {
  margin-bottom: 40px;
}
.main-navigation-2025__mobile-menu-section:last-child {
  margin-bottom: 0;
}
.main-navigation-2025__mobile-menu-section-title {
  font-size: 0.875rem;
  font-weight: 600;
  color: #2b2c2f;
  margin: 0 0 32px 0;
  text-transform: capitalize;
  display: flex;
  align-items: center;
  gap: 8px;
}
.main-navigation-2025__mobile-menu-section-content {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.main-navigation-2025__mobile-menu-item-row {
  display: flex;
  align-items: center;
  gap: 12px;
  text-decoration: none;
  color: inherit;
  border-radius: 8px;
}
.main-navigation-2025__mobile-menu-item-row:hover {
  text-decoration: none;
  color: inherit;
}
.main-navigation-2025__mobile-menu-item-row:hover
  .main-navigation-2025__mobile-menu-item-text,
.main-navigation-2025__mobile-menu-item-row:hover
  .main-navigation-2025__mobile-menu-item-title {
  text-decoration: underline;
}
.main-navigation-2025__mobile-menu-item-title {
  font-size: 0.9375rem;
  line-height: 24px;
  font-weight: 500;
  color: #2b2c2f;
}
.main-navigation-2025__mobile-menu-item-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.main-navigation-2025__mobile-menu-item-icon:before {
  font-size: 24px;
  line-height: 24px;
}
.main-navigation-2025__mobile-menu-item-icon--capabilities:before {
  background: linear-gradient(135deg, #4d71f1, #7a44e6);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.main-navigation-2025__mobile-menu-item-icon--features:before {
  color: #4d71f1;
}
.main-navigation-2025__mobile-menu-item-icon--solutions {
  width: 40px;
  height: 40px;
  border-radius: 8px;
}
.main-navigation-2025__mobile-menu-item-icon--solutions:before {
  font-size: 24px;
  line-height: 24px;
}
.main-navigation-2025__mobile-menu-item-icon--integrations:before {
  color: #7a44e6;
}
.main-navigation-2025__mobile-menu-item-icon--image img {
  width: 20px;
  height: 20px;
  border-radius: 100%;
  object-fit: cover;
}
.main-navigation-2025__mobile-menu-section-button {
  margin-top: 16px;
}
.main-navigation-2025__mobile-menu-item-text {
  color: #2b2c2f;
  font-size: 14px;
  line-height: 1.4;
  font-weight: 500;
}
.main-navigation-2025__mobile-menu-item-text strong {
  font-weight: 700;
  color: #2b2c2f;
}
.main-navigation-2025__mobile-menu-item-text--customer-story {
  max-width: 210px;
  flex: 1;
}
.main-navigation-2025__mobile-menu-item-image {
  flex-shrink: 0;
  width: 120px;
  height: auto;
}
.main-navigation-2025__mobile-menu-item-image img {
  width: 100%;
  height: auto;
  border-radius: 8px;
  object-fit: cover;
}
.main-navigation-2025__mobile-menu-item-row--customer-story {
  flex-direction: row;
  align-items: center;
  gap: 16px;
}
.main-navigation-2025__mobile-menu-item-icon--resources {
  color: #000;
  font-size: 16px;
  line-height: 16px;
}
.main-navigation-2025__mobile-menu-buttons {
  margin-top: 96px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media (min-width: 500px) {
  .main-navigation-2025__mobile-menu-buttons {
    flex-direction: row;
  }
}
.main-navigation-2025__mobile-menu-buttons .dbx-buttons__btn-wrapper {
  flex: 1;
  min-width: 0;
}
@media (min-width: 500px) {
  .main-navigation-2025__mobile-menu-buttons .dbx-buttons__btn-wrapper {
    flex: 0 0 auto;
  }
}
.main-navigation-2025__mobile-menu-buttons .dbx-buttons__btn-wrapper .dbx-btn {
  width: 100%;
  justify-content: center;
  text-align: center;
}
@media (min-width: 500px) {
  .main-navigation-2025__mobile-menu-buttons
    .dbx-buttons__btn-wrapper
    .dbx-btn {
    width: auto;
  }
}
.main-navigation-2025__mobile-menu-item-row--blue
  .main-navigation-2025__mobile-menu-item-icon {
  color: #4d71f1;
}
.main-navigation-2025__mobile-menu-item-row--blue
  .main-navigation-2025__mobile-menu-item-icon.main-navigation-2025__mobile-menu-item-icon--solutions {
  background-color: #edf1fe;
}
.main-navigation-2025__mobile-menu-item-row--blue
  .main-navigation-2025__mobile-menu-item-icon.main-navigation-2025__mobile-menu-item-icon--solutions:before {
  color: #4d71f1;
}
.main-navigation-2025__mobile-menu-item-row--purple
  .main-navigation-2025__mobile-menu-item-icon {
  color: #7a44e6;
}
.main-navigation-2025__mobile-menu-item-row--purple
  .main-navigation-2025__mobile-menu-item-icon.main-navigation-2025__mobile-menu-item-icon--solutions {
  background-color: #f2ecfd;
}
.main-navigation-2025__mobile-menu-item-row--purple
  .main-navigation-2025__mobile-menu-item-icon.main-navigation-2025__mobile-menu-item-icon--solutions:before {
  color: #7a44e6;
}
.main-navigation-2025__mobile-menu-item-row--orange
  .main-navigation-2025__mobile-menu-item-icon {
  color: #fa870c;
}
.main-navigation-2025__mobile-menu-item-row--orange
  .main-navigation-2025__mobile-menu-item-icon.main-navigation-2025__mobile-menu-item-icon--solutions {
  background-color: #fff3e7;
}
.main-navigation-2025__mobile-menu-item-row--orange
  .main-navigation-2025__mobile-menu-item-icon.main-navigation-2025__mobile-menu-item-icon--solutions:before {
  color: #fa870c;
}
.main-navigation-2025__mobile-menu-item-row--green
  .main-navigation-2025__mobile-menu-item-icon {
  color: #25a767;
}
.main-navigation-2025__mobile-menu-item-row--green
  .main-navigation-2025__mobile-menu-item-icon.main-navigation-2025__mobile-menu-item-icon--solutions {
  background-color: #e9f6f0;
}
.main-navigation-2025__mobile-menu-item-row--green
  .main-navigation-2025__mobile-menu-item-icon.main-navigation-2025__mobile-menu-item-icon--solutions:before {
  color: #25a767;
}
.main-navigation-2025__mobile-menu-item-row--cyan
  .main-navigation-2025__mobile-menu-item-icon {
  color: #009eb4;
}
.main-navigation-2025__mobile-menu-item-row--cyan
  .main-navigation-2025__mobile-menu-item-icon.main-navigation-2025__mobile-menu-item-icon--solutions {
  background-color: #e6f5f8;
}
.main-navigation-2025__mobile-menu-item-row--cyan
  .main-navigation-2025__mobile-menu-item-icon.main-navigation-2025__mobile-menu-item-icon--solutions:before {
  color: #009eb4;
}
.main-navigation-2025__mobile-menu-item-row--dark-blue
  .main-navigation-2025__mobile-menu-item-icon {
  color: #2e4797;
}
.main-navigation-2025__mobile-menu-item-row--dark-blue
  .main-navigation-2025__mobile-menu-item-icon.main-navigation-2025__mobile-menu-item-icon--solutions {
  background-color: #eaedf5;
}
.main-navigation-2025__mobile-menu-item-row--dark-blue
  .main-navigation-2025__mobile-menu-item-icon.main-navigation-2025__mobile-menu-item-icon--solutions:before {
  color: #2e4797;
}
.main-navigation-2025__mobile-menu-item-row--yellow
  .main-navigation-2025__mobile-menu-item-icon {
  color: #f4bb42;
}
.main-navigation-2025__mobile-menu-item-row--yellow
  .main-navigation-2025__mobile-menu-item-icon.main-navigation-2025__mobile-menu-item-icon--solutions {
  background-color: #fef8ec;
}
.main-navigation-2025__mobile-menu-item-row--yellow
  .main-navigation-2025__mobile-menu-item-icon.main-navigation-2025__mobile-menu-item-icon--solutions:before {
  color: #f4bb42;
}
.main-navigation-2025__mobile-menu-item-row--red
  .main-navigation-2025__mobile-menu-item-icon {
  color: #ed2857;
}
.main-navigation-2025__mobile-menu-item-row--red
  .main-navigation-2025__mobile-menu-item-icon.main-navigation-2025__mobile-menu-item-icon--solutions {
  background-color: #fdeaee;
}
.main-navigation-2025__mobile-menu-item-row--red
  .main-navigation-2025__mobile-menu-item-icon.main-navigation-2025__mobile-menu-item-icon--solutions:before {
  color: #ed2857;
}
.main-navigation-2025__mobile-menu-item-row--violet
  .main-navigation-2025__mobile-menu-item-icon {
  color: #7540ab;
}
.main-navigation-2025__mobile-menu-item-row--violet
  .main-navigation-2025__mobile-menu-item-icon.main-navigation-2025__mobile-menu-item-icon--solutions {
  background-color: #f1ecf7;
}
.main-navigation-2025__mobile-menu-item-row--violet
  .main-navigation-2025__mobile-menu-item-icon.main-navigation-2025__mobile-menu-item-icon--solutions:before {
  color: #7540ab;
}
.main-navigation-2025__mobile-menu-item-row--ai
  .main-navigation-2025__mobile-menu-item-icon:before {
  background: linear-gradient(100.24deg, #6d53dd 6.06%, #ac70d6 95.63%);
  background: -o-linear-gradient(100.24deg, #6d53dd 6.06%, #ac70d6 95.63%);
  background: -ms-linear-gradient(100.24deg, #6d53dd 6.06%, #ac70d6 95.63%);
  background: -moz-linear-gradient(100.24deg, #6d53dd 6.06%, #ac70d6 95.63%);
  background: -webkit-linear-gradient(100.24deg, #6d53dd 6.06%, #ac70d6 95.63%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.main-navigation-2025__mobile-menu-item-row--ai
  .main-navigation-2025__mobile-menu-item-icon.main-navigation-2025__mobile-menu-item-icon--solutions {
  background-color: #fff0fb;
}
.main-navigation-2025__mobile-menu-item-row--ai
  .main-navigation-2025__mobile-menu-item-icon.main-navigation-2025__mobile-menu-item-icon--solutions:before {
  background: linear-gradient(100.24deg, #6d53dd 6.06%, #ac70d6 95.63%);
  background: -o-linear-gradient(100.24deg, #6d53dd 6.06%, #ac70d6 95.63%);
  background: -ms-linear-gradient(100.24deg, #6d53dd 6.06%, #ac70d6 95.63%);
  background: -moz-linear-gradient(100.24deg, #6d53dd 6.06%, #ac70d6 95.63%);
  background: -webkit-linear-gradient(100.24deg, #6d53dd 6.06%, #ac70d6 95.63%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media only screen and (min-width: 1024px) {
  .main-navigation-2025 .dbx-container {
    padding-inline: 42px;
  }
  .main-navigation-2025__dropdown-side-content {
    display: none;
  }
  .main-navigation-2025__dropdown-content-item--resources {
    display: flex;
    flex-direction: row;
    gap: 48px;
  }
  .main-navigation-2025__dropdown-content-item-wrapper--resources
    .main-navigation-2025__dropdown-main-content--resources {
    width: 100%;
  }
  .main-navigation-2025__dropdown-content-item-group {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 0;
  }
  .main-navigation-2025__dropdown-content-item-group-header {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 24px;
  }
  .main-navigation-2025__dropdown-content-item-group-icon {
    font-size: 24px;
    line-height: 24px;
    color: #000;
    margin-bottom: 12px;
    padding-left: 16px;
  }
  .main-navigation-2025__dropdown-content-item-group-title {
    font-size: 16px;
    font-weight: 700;
    color: #55585d;
    margin: 0;
    line-height: 1.4;
    padding-left: 16px;
  }
  .main-navigation-2025__dropdown-content-item-group-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    padding-inline-start: 0;
  }
  .main-navigation-2025__dropdown-content-item-group-list-item {
    display: flex;
    align-items: flex-start;
    padding: 0;
    margin: 0;
  }
  .main-navigation-2025__dropdown-content-item-group-link {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #72757c;
    font-size: 0.875rem;
    line-height: 1.25rem;
    padding: 10px 16px;
    border-radius: 8px;
    transition: background-color 0.2s ease;
    text-decoration: none;
  }
  .main-navigation-2025__dropdown-content-item-group-link:active,
  .main-navigation-2025__dropdown-content-item-group-link:hover {
    text-decoration: none;
    background-color: #edf4fa;
  }
  .main-navigation-2025__desktop-nav {
    display: flex;
    flex-direction: row;
    gap: 8px;
  }
  .main-navigation-2025__mobile-menu {
    display: none !important;
  }
  .main-navigation-2025__main-button {
    display: flex;
    align-items: center;
    gap: 8px;
    padding-inline: 8px;
    font-size: 0.75rem;
    line-height: 1.25rem;
    font-weight: 500;
  }
  .main-navigation-2025__main-button .icon:before {
    font-size: 7px;
    line-height: 16px;
    transform: rotate(90deg);
    transition: transform 0.15s ease;
  }
  .main-navigation-2025__dropdown-wrapper {
    position: absolute;
    top: 80px;
    left: 0;
    right: 0;
    z-index: 1000;
  }
  .main-navigation-2025__dropdown-wrapper.active {
    display: block;
  }
  .main-navigation-2025__dropdown {
    position: relative;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 100px 0 #0000001a;
    border: 1px solid #eeeef0;
    padding: 38px;
  }
  .main-navigation-2025__dropdown-body {
    display: flex;
    flex-direction: row;
    margin-bottom: 32px;
    gap: 32px;
  }
  .main-navigation-2025__dropdown-footer {
    display: flex;
    flex-direction: row;
    gap: 16px;
    border-top: 1px solid #e8e9eb;
  }
  .main-navigation-2025__dropdown-tab-container {
    display: flex;
    gap: 16px;
    flex-direction: column;
    flex: 0 0 163px;
  }
  .main-navigation-2025__dropdown-tab {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  .main-navigation-2025__dropdown-tab-button {
    text-align: left;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    gap: 32px;
    white-space: nowrap;
  }
  .main-navigation-2025__dropdown-tab-button .icon:before {
    font-size: 10px;
    line-height: 16px;
    transform: rotate(0);
  }
  .main-navigation-2025__dropdown-side-content {
    flex: 0 0 378px;
  }
  .main-navigation-2025__dropdown-side-content-item {
    border-radius: 16px;
    padding: 28px 32px;
  }
  .main-navigation-2025__dropdown-side-content-item .dbx-tag {
    padding: 2px 8px;
    font-size: 13px;
  }
  .main-navigation-2025__dropdown-side-content-item--capabilities {
    background-color: #fff;
  }
  .main-navigation-2025__dropdown-side-content-item--features {
    background-color: #f5f7fd;
  }
  .main-navigation-2025__dropdown-side-content-item--integrations {
    background-color: #f9fafa;
  }
  .main-navigation-2025__dropdown-side-content-item-title {
    margin: 0 0 16px 0;
    font-weight: 600;
    font-size: 16px;
  }
  .main-navigation-2025__dropdown-side-content-item-list {
    list-style: none;
    padding: 0;
    margin: 0 0 24px 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .main-navigation-2025__dropdown-side-content-item-list-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
  }
  .main-navigation-2025__dropdown-side-content-item-icon {
    flex-shrink: 0;
  }
  .main-navigation-2025__dropdown-side-content-item-icon:before {
    font-size: 24px;
    line-height: 24px;
  }
  .main-navigation-2025__dropdown-side-content-item-text {
    color: #757677;
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .main-navigation-2025__dropdown-side-content-item-text strong {
    font-weight: 800;
  }
  .main-navigation-2025__dropdown-side-content-item-button {
    display: inline-block;
    padding: 12px 24px;
    background-color: #fff;
    color: #4d71f1;
    text-decoration: none;
    border-radius: 8px;
    font-weight: 500;
    font-size: 14px;
    border: 1px solid #fff;
    transition: all 0.2s ease;
  }
  .main-navigation-2025__dropdown-side-content-item-button:hover {
    background-color: #f6f8fe;
  }
  .main-navigation-2025__dropdown-side-content-item-integration-logos {
    display: flex;
    align-items: center;
    margin-top: 16px;
  }
  .main-navigation-2025__dropdown-side-content-item-integration-logo {
    width: 24px;
    height: 24px;
    border-radius: 100%;
    overflow: hidden;
    border: 1.8px solid #fff;
    margin-left: -8px;
  }
  .main-navigation-2025__dropdown-side-content-item-integration-logo:first-child {
    margin-left: 0;
  }
  .main-navigation-2025__dropdown-side-content-item-integration-logo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .main-navigation-2025__dropdown-side-content-item--capabilities {
    background-color: rgba(142, 146, 155, 0.1);
  }
  .main-navigation-2025__dropdown-side-content-item--capabilities
    .main-navigation-2025__dropdown-side-content-item-icon:before {
    background: linear-gradient(100.24deg, #6d53dd 6.06%, #ac70d6 95.63%);
    background: -o-linear-gradient(100.24deg, #6d53dd 6.06%, #ac70d6 95.63%);
    background: -ms-linear-gradient(100.24deg, #6d53dd 6.06%, #ac70d6 95.63%);
    background: -moz-linear-gradient(100.24deg, #6d53dd 6.06%, #ac70d6 95.63%);
    background: -webkit-linear-gradient(
      100.24deg,
      #6d53dd 6.06%,
      #ac70d6 95.63%
    );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .main-navigation-2025__dropdown-side-content-item--capabilities
    .main-navigation-2025__dropdown-side-content-item-list-item {
    display: flex;
    flex-direction: row;
    gap: 12px;
    align-items: center;
  }
  .main-navigation-2025__dropdown-side-content-item--capabilities
    .dbx-buttons__btn-wrapper {
    align-items: flex-start;
  }
  .main-navigation-2025__dropdown-side-content-item--capabilities
    .dbx-arrow-btn {
    border: 1px solid #c3cdef !important;
  }
  .main-navigation-2025__dropdown-side-content-item--capabilities
    .dbx-arrow-btn:hover {
    border: 1px solid #a6b7f1 !important;
  }
  .main-navigation-2025__dropdown-side-content-item--integrations .dbx-tags {
    margin-bottom: 4px;
  }
  .main-navigation-2025__dropdown-side-content-item--integrations
    .main-navigation-2025__dropdown-side-content-item-list-item {
    gap: 6px;
  }
  .main-navigation-2025__dropdown-side-content-item--integrations
    .main-navigation-2025__dropdown-side-content-item-icon:before {
    color: #7a44e6;
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .main-navigation-2025__dropdown-content-container {
    display: flex;
    flex-direction: row;
    gap: 48px;
    flex: 1;
  }
  .main-navigation-2025__dropdown-main-content {
    flex: 1;
  }
  .main-navigation-2025__dropdown-side-content-item--features
    .main-navigation-2025__dropdown-side-content-item-list {
    list-style: disc;
    display: block;
    padding-left: 20px;
  }
  .main-navigation-2025__dropdown-side-content-item--features
    .main-navigation-2025__dropdown-side-content-item-list-item {
    display: list-item;
    margin-bottom: 12px;
  }
  .main-navigation-2025__dropdown-side-content-item--features
    .dbx-buttons__btn-wrapper {
    align-items: flex-start;
  }
  .main-navigation-2025__dropdown-side-content-item--features .dbx-arrow-btn {
    border: 1px solid #c3cdef !important;
  }
  .main-navigation-2025__dropdown-side-content-item--features
    .dbx-arrow-btn:hover {
    border: 1px solid #a6b7f1 !important;
  }
  .main-navigation-2025__dropdown-content-item-wrapper {
    display: flex;
    flex: 1;
    gap: 32px;
  }
  .main-navigation-2025__button-dropdown-wrapper--solutions {
    gap: 32px 12px;
  }
  .main-navigation-2025__dropdown-content-item-wrapper[data-tab="Integrations"]
    .main-navigation-2025__dropdown-content-item {
    grid-auto-flow: column;
    text-wrap: nowrap;
  }
  .main-navigation-2025__dropdown-content-item {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 12px;
  }
  .main-navigation-2025__dropdown-content-item--solutions.main-navigation-2025__dropdown-content-item--company_type {
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    align-items: stretch;
  }
  .main-navigation-2025__dropdown-content-item--solutions.main-navigation-2025__dropdown-content-item--roles {
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    align-items: stretch;
  }
  .main-navigation-2025__dropdown-content-item--solutions.main-navigation-2025__dropdown-content-item--customer_stories {
    grid-template-columns: repeat(4, minmax(150px, 250px));
    align-items: stretch;
  }
  .main-navigation-2025__dropdown-side-content-item-title {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
  }
  .main-navigation-2025__dropdown-content-item-integrations-button {
    width: 100%;
    margin-top: 24px;
  }
  .main-navigation-2025__dropdown-content-item-integrations-button .dbx-btn {
    width: 100%;
    justify-content: center;
  }
  .main-navigation-2025__dropdown-content-item-card--features {
    justify-content: center;
  }
  .main-navigation-2025__dropdown-content-item-card--features
    .main-navigation-2025__dropdown-content-item-card-header {
    align-items: center;
  }
  .main-navigation-2025__dropdown-content-item-card--capabilities,
  .main-navigation-2025__dropdown-content-item-card--features {
    display: flex;
    flex-direction: column;
    gap: 16px;
    border: 1px solid #e8e9eb;
    border-radius: 4px;
    padding: 16px;
    text-decoration: none;
    color: inherit;
    transition: all 0.2s ease;
  }
  .main-navigation-2025__dropdown-content-item-card--capabilities
    .main-navigation-2025__dropdown-content-item-card-icon,
  .main-navigation-2025__dropdown-content-item-card--features
    .main-navigation-2025__dropdown-content-item-card-icon {
    font-size: 24px;
    line-height: 24px;
  }
  .main-navigation-2025__dropdown-content-item-card--capabilities:hover,
  .main-navigation-2025__dropdown-content-item-card--features:hover {
    text-decoration: none;
    color: inherit;
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.05);
  }
  .main-navigation-2025__dropdown-content-item-card--capabilities p,
  .main-navigation-2025__dropdown-content-item-card--features p {
    margin: 0;
  }
  .main-navigation-2025__dropdown-content-item-card--capabilities
    .main-navigation-2025__dropdown-content-item-card-header,
  .main-navigation-2025__dropdown-content-item-card--features
    .main-navigation-2025__dropdown-content-item-card-header {
    display: flex;
    flex-direction: row;
    gap: 10px;
  }
  .main-navigation-2025__dropdown-content-item-card--capabilities
    .main-navigation-2025__dropdown-content-item-card-header
    .icon:before,
  .main-navigation-2025__dropdown-content-item-card--features
    .main-navigation-2025__dropdown-content-item-card-header
    .icon:before {
    font-size: 24px;
    line-height: 24px;
  }
  .main-navigation-2025__dropdown-content-item-card-text-container {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  .main-navigation-2025__dropdown-content-item-card--solutions {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 0;
    border: none;
    height: 100%;
  }
  .main-navigation-2025__dropdown-content-item-card--solutions.main-navigation-2025__dropdown-content-item-card--explore-all {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
  }
  .main-navigation-2025__dropdown-content-item-card--solutions.main-navigation-2025__dropdown-content-item-card--explore-all
    .main-navigation-2025__dropdown-content-item-card-content {
    height: 100%;
  }
  .main-navigation-2025__dropdown-content-item-card-image {
    width: 100%;
    aspect-ratio: 16/10;
    border-radius: 1rem;
    overflow: hidden;
  }
  .main-navigation-2025__dropdown-content-item-card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .main-navigation-2025__dropdown-content-item-card-icon-container {
    width: 100%;
    aspect-ratio: 16/9;
    border-radius: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .main-navigation-2025__dropdown-content-item-card-icon-container--blue {
    background-color: #edf1fe;
  }
  .main-navigation-2025__dropdown-content-item-card-icon-container--purple {
    background-color: #f2ecfd;
  }
  .main-navigation-2025__dropdown-content-item-card-icon-container--orange {
    background-color: #fff3e7;
  }
  .main-navigation-2025__dropdown-content-item-card-icon-container--green {
    background-color: #e9f6f0;
  }
  .main-navigation-2025__dropdown-content-item-card-icon-container--cyan {
    background-color: #e6f5f8;
  }
  .main-navigation-2025__dropdown-content-item-card-icon-container--dark-blue {
    background-color: #eaedf5;
  }
  .main-navigation-2025__dropdown-content-item-card--solutions
    .main-navigation-2025__dropdown-content-item-card-icon {
    font-size: 48px;
    line-height: 48px;
  }
  .main-navigation-2025__dropdown-content-item-card-icon-container--blue
    .main-navigation-2025__dropdown-content-item-card-icon {
    color: #4d71f1;
  }
  .main-navigation-2025__dropdown-content-item-card-icon-container--purple
    .main-navigation-2025__dropdown-content-item-card-icon {
    color: #7a44e6;
  }
  .main-navigation-2025__dropdown-content-item-card-icon-container--orange
    .main-navigation-2025__dropdown-content-item-card-icon {
    color: #fa870c;
  }
  .main-navigation-2025__dropdown-content-item-card-icon-container--green
    .main-navigation-2025__dropdown-content-item-card-icon {
    color: #25a767;
  }
  .main-navigation-2025__dropdown-content-item-card-icon-container--cyan
    .main-navigation-2025__dropdown-content-item-card-icon {
    color: #009eb4;
  }
  .main-navigation-2025__dropdown-content-item-card-icon-container--dark-blue
    .main-navigation-2025__dropdown-content-item-card-icon {
    color: #2e4797;
  }
  .main-navigation-2025__dropdown-content-item-card-content {
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: 0.75rem;
  }
  .main-navigation-2025__dropdown-content-item-card-content--centered {
    align-items: center;
    justify-content: center;
    text-align: center;
  }
  .main-navigation-2025__dropdown-content-item-card--solutions
    .main-navigation-2025__dropdown-content-item-card-title {
    font-weight: 700;
  }
  .main-navigation-2025__dropdown-content-item-card--solutions
    .main-navigation-2025__dropdown-content-item-card-content {
    justify-content: space-between;
  }
  .main-navigation-2025__dropdown-content-item-card--explore-all
    .main-navigation-2025__dropdown-content-item-card-content {
    height: 100%;
  }
  .main-navigation-2025__dropdown-content-item-card--explore-all
    .main-navigation-2025__dropdown-content-item-card-content
    .dbx-arrow-btn {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.875rem;
    font-weight: 500;
  }
  .main-navigation-2025__dropdown-content-item-card-title {
    font-size: 0.875rem;
    line-height: 1.5rem;
    font-weight: 500;
    margin: 0;
    color: #55585d;
  }
  .main-navigation-2025__dropdown-content-item-card-description {
    font-size: 0.8125rem;
    margin: 0;
    margin-bottom: 16px;
    color: #72757c;
    line-height: 1.4;
  }
  .main-navigation-2025__dropdown-content-item-card--integrations {
    display: flex;
    flex-direction: column;
    gap: 16px;
    text-decoration: none;
    color: inherit;
    transition: all 0.2s ease;
  }
  .main-navigation-2025__dropdown-content-item-card--integrations
    .main-navigation-2025__dropdown-content-item-card-title {
    font-weight: 500;
  }
  .main-navigation-2025__dropdown-content-item-card--integrations:hover {
    text-decoration: none;
    color: inherit;
  }
  .main-navigation-2025__dropdown-content-item-card--integrations:hover
    .main-navigation-2025__dropdown-content-item-card-title {
    text-decoration: underline;
  }
  .main-navigation-2025__dropdown-content-item-card--integrations p {
    margin: 0;
  }
  .main-navigation-2025__dropdown-content-item-card--integrations
    .main-navigation-2025__dropdown-content-item-card-header {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
  }
  .main-navigation-2025__dropdown-content-item-card--integrations
    .main-navigation-2025__dropdown-content-item-card-header
    .main-navigation-2025__dropdown-content-item-card-icon {
    width: 16px;
    height: 16px;
    border-radius: 100%;
    overflow: hidden;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .main-navigation-2025__dropdown-content-item-card--integrations
    .main-navigation-2025__dropdown-content-item-card-header
    .main-navigation-2025__dropdown-content-item-card-icon
    .main-navigation-2025__dropdown-content-item-card-icon-image {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    display: block;
    line-height: 0;
    vertical-align: top;
  }
  .main-navigation-2025__dropdown-content-item-card-text-tag-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 8px;
    flex: 1;
  }
  .main-navigation-2025__dropdown-content-item-card-title-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
  }
  .main-navigation-2025__dropdown-content-item-card-title-row
    .main-navigation-2025__dropdown-content-item-card-title {
    flex-shrink: 0;
  }
  .main-navigation-2025
    .main-navigation-2025__dropdown-content-item-card--red
    .main-navigation-2025__dropdown-content-item-card-header
    .icon:before {
    color: #ed2857;
  }
  .main-navigation-2025
    .main-navigation-2025__dropdown-content-item-card--orange
    .main-navigation-2025__dropdown-content-item-card-header
    .icon:before {
    color: #fa870c;
  }
  .main-navigation-2025
    .main-navigation-2025__dropdown-content-item-card--dark-blue
    .main-navigation-2025__dropdown-content-item-card-header
    .icon:before {
    color: #2e4797;
  }
  .main-navigation-2025
    .main-navigation-2025__dropdown-content-item-card--neutral
    .main-navigation-2025__dropdown-content-item-card-header
    .icon:before {
    color: #616163;
  }
  .main-navigation-2025
    .main-navigation-2025__dropdown-content-item-card--violet
    .main-navigation-2025__dropdown-content-item-card-header
    .icon:before {
    color: #7540ab;
  }
  .main-navigation-2025
    .main-navigation-2025__dropdown-content-item-card--green
    .main-navigation-2025__dropdown-content-item-card-header
    .icon:before {
    color: #2ab674;
  }
  .main-navigation-2025
    .main-navigation-2025__dropdown-content-item-card--yellow
    .main-navigation-2025__dropdown-content-item-card-header
    .icon:before {
    color: #f4bb42;
  }
  .main-navigation-2025
    .main-navigation-2025__dropdown-content-item-card--blue
    .main-navigation-2025__dropdown-content-item-card-header
    .icon:before {
    color: #4d71f1;
  }
  .main-navigation-2025
    .main-navigation-2025__dropdown-content-item-card--cyan
    .main-navigation-2025__dropdown-content-item-card-header
    .icon:before {
    color: #009eb4;
  }
  .main-navigation-2025
    .main-navigation-2025__dropdown-content-item-card--features.main-navigation-2025__dropdown-content-item-card--red
    .main-navigation-2025__dropdown-content-item-card-header
    .icon:before {
    color: #ed2857;
  }
  .main-navigation-2025
    .main-navigation-2025__dropdown-content-item-card--features.main-navigation-2025__dropdown-content-item-card--orange
    .main-navigation-2025__dropdown-content-item-card-header
    .icon:before {
    color: #fa870c;
  }
  .main-navigation-2025
    .main-navigation-2025__dropdown-content-item-card--features.main-navigation-2025__dropdown-content-item-card--dark-blue
    .main-navigation-2025__dropdown-content-item-card-header
    .icon:before {
    color: #2e4797;
  }
  .main-navigation-2025
    .main-navigation-2025__dropdown-content-item-card--features.main-navigation-2025__dropdown-content-item-card--neutral
    .main-navigation-2025__dropdown-content-item-card-header
    .icon:before {
    color: #616163;
  }
  .main-navigation-2025
    .main-navigation-2025__dropdown-content-item-card--features.main-navigation-2025__dropdown-content-item-card--violet
    .main-navigation-2025__dropdown-content-item-card-header
    .icon:before {
    color: #7540ab;
  }
  .main-navigation-2025
    .main-navigation-2025__dropdown-content-item-card--features.main-navigation-2025__dropdown-content-item-card--green
    .main-navigation-2025__dropdown-content-item-card-header
    .icon:before {
    color: #2ab674;
  }
  .main-navigation-2025
    .main-navigation-2025__dropdown-content-item-card--features.main-navigation-2025__dropdown-content-item-card--yellow
    .main-navigation-2025__dropdown-content-item-card-header
    .icon:before {
    color: #f4bb42;
  }
  .main-navigation-2025
    .main-navigation-2025__dropdown-content-item-card--features.main-navigation-2025__dropdown-content-item-card--blue
    .main-navigation-2025__dropdown-content-item-card-header
    .icon:before {
    color: #4d71f1;
  }
  .main-navigation-2025
    .main-navigation-2025__dropdown-content-item-card--features.main-navigation-2025__dropdown-content-item-card--cyan
    .main-navigation-2025__dropdown-content-item-card-header
    .icon:before {
    color: #009eb4;
  }
  .main-navigation-2025__dropdown-content-item-card--ai
    .main-navigation-2025__dropdown-content-item-card-header
    .icon:before {
    background: linear-gradient(100.24deg, #6d53dd 6.06%, #ac70d6 95.63%);
    background: -o-linear-gradient(100.24deg, #6d53dd 6.06%, #ac70d6 95.63%);
    background: -ms-linear-gradient(100.24deg, #6d53dd 6.06%, #ac70d6 95.63%);
    background: -moz-linear-gradient(100.24deg, #6d53dd 6.06%, #ac70d6 95.63%);
    background: -webkit-linear-gradient(
      100.24deg,
      #6d53dd 6.06%,
      #ac70d6 95.63%
    );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 1024px) {
  .main-navigation-2025__dropdown-content-item-wrapper[data-tab="Integrations"]
    .main-navigation-2025__dropdown-content-item {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(7, auto);
  }
}
@media only screen and (min-width: 1200px) {
  .main-navigation-2025__desktop-nav {
    gap: 24px;
  }
  .main-navigation-2025__main-button {
    font-size: 0.9375rem;
    line-height: 1.25rem;
  }
}
@media only screen and (min-width: 1280px) {
  .main-navigation-2025__dropdown-content-item {
    gap: 20px;
  }
  .main-navigation-2025__dropdown-side-content {
    display: block;
  }
}
@media only screen and (max-width: 991px) and (min-width: 836px) {
  #dbx-navigation .logo-img {
    display: inline-block;
    height: 34px;
    overflow: hidden;
  }
}
@media only screen and (max-width: 1024px) {
  #dbx-navigation {
    z-index: 10;
    position: absolute;
  }
  #dbx-navigation .dbx-container {
    position: relative;
  }
  #dbx-navigation .logo {
    order: 0;
    text-align: left;
  }
  #dbx-navigation #menu-navigation-left-2024 {
    overflow-y: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  #dbx-navigation #menu-navigation-left-2024::-webkit-scrollbar {
    display: none;
  }
  #dbx-navigation ul.right {
    display: none;
  }
  #dbx-navigation ul.left {
    display: none;
  }
  #dbx-navigation ul li.menu-item.submenu::before {
    top: 20px !important;
    font-size: 14px !important;
  }
  #dbx-navigation ul li.menu-item.submenu a {
    font-weight: 500 !important;
  }
  #dbx-navigation ul li.menu-item a {
    font-size: 15px;
    font-weight: 500;
  }
  #dbx-navigation ul li a {
    border: none;
    line-height: 50px;
    text-transform: none;
    font-weight: 500;
    text-align: left;
  }
  #dbx-navigation ul li.get-started {
    border-top: none;
  }
  #dbx-navigation ul li.get-started a {
    font-size: 15px;
    line-height: 40px;
    text-align: center;
  }
  #dbx-navigation.visible.light {
    background: #fff;
    box-shadow: 0 4px 32px 32px rgba(0, 0, 0, 0.08);
  }
  #dbx-navigation.visible.light ul li.get-started.outlined a {
    color: #24282c !important;
  }
  #dbx-navigation.visible.dark {
    background: #fff;
    box-shadow: 0 4px 32px 32px rgba(0, 0, 0, 0.08);
  }
  #dbx-navigation.visible .dbx-container {
    flex-direction: column;
  }
  #dbx-navigation.visible .dbx-container ul.right {
    display: flex;
    gap: 16px;
    justify-content: flex-end;
  }
  #dbx-navigation.visible .dbx-container ul.right li a {
    line-height: 18px;
    padding: 14px 18px;
  }
  #dbx-navigation.visible .logo-menu {
    flex-direction: column;
    width: 100%;
  }
  #dbx-navigation.visible .logo-menu .left .dropdown {
    border-top: none;
  }
  #dbx-navigation.visible .logo-menu .left .dropdown .submenu-dd_list-header {
    margin-left: 16px;
  }
  #dbx-navigation.visible .logo-menu .left .dropdown .dd-cta {
    background: 0 0;
    padding: 0;
    text-align: left;
  }
  #dbx-navigation.visible .logo-menu .left > li > a .link-title {
    font-weight: 700;
    font-size: 16px;
  }
  #dbx-navigation.visible
    .logo-menu
    .left
    li.menu-item.submenu.dropdown-open
    ul
    li {
    width: auto;
  }
  #dbx-navigation.visible
    .logo-menu
    .left
    li.menu-item.submenu.dropdown-open:after {
    content: none;
  }
  #dbx-navigation.visible
    .logo-menu
    .left
    li.menu-item.submenu.dropdown-open
    ul#submenu-menu {
    border-bottom: 1px solid rgba(142, 146, 155, 0.3);
    margin-bottom: 8px;
  }
  #dbx-navigation.visible .logo-menu .logo a.menu {
    display: block;
    font-size: 20px;
    color: #000;
  }
  #dbx-navigation.visible .logo-menu > ul {
    display: block;
    margin-top: 0;
  }
  #dbx-navigation.visible .mobile-buttons-hamburger {
    display: none;
  }
  #dbx-navigation.visible #submenu-menu {
    flex-direction: column;
    padding-left: 0;
    gap: 24px;
  }
  #dbx-navigation.light .logo .logo-light {
    display: inline-block;
  }
  #dbx-navigation.light .logo .logo-dark {
    display: none;
  }
  #dbx-navigation.light .logo a.menu {
    color: #fff;
  }
  #dbx-navigation.light.visible .logo .logo-light {
    display: none;
  }
  #dbx-navigation.light.visible .logo .logo-dark {
    display: inline-block;
  }
  #dbx-navigation.light.mobile-menu-active .logo-light {
    display: none;
  }
  #dbx-navigation.light.mobile-menu-active .logo-dark {
    display: inline-block;
  }
  #dbx-navigation.light.mobile-menu-active
    .mobile-buttons-hamburger
    .icon-frame-burger {
    color: #000;
  }
}
@media only screen and (max-width: 480px) {
  #dbx-navigation.visible .dbx-container ul.right {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
  }
}
#dbx-navigation.fixed {
  position: fixed;
  background-color: #fff;
}
#dbx-navigation.fixed #menu-navigation-right-2024 > li:first-of-type a {
  color: #000;
}
#dbx-navigation.fixed ul li a {
  color: #2d3237;
}
#dbx-navigation.fixed ul li a:hover {
  color: #000;
  background-color: rgba(142, 146, 155, 0.1);
  border-radius: 8px;
}
#dbx-navigation.fixed ul li.get-started.outlined a {
  background-color: transparent;
  border: 1px solid rgba(142, 146, 155, 0.2);
  color: #24282c !important;
}
#dbx-navigation.fixed ul li.get-started.outlined a:hover {
  background-color: rgba(142, 146, 155, 0.1);
}
#dbx-navigation.fixed .logo .logo-light {
  display: none;
}
#dbx-navigation.fixed .logo .logo-dark {
  display: inline-block;
}
#dbx-navigation.fixed li.menu-item.submenu.dropdown-open {
  margin-bottom: -2px;
}
#dbx-navigation.fixed li.menu-item.submenu.dropdown-open:before,
#dbx-navigation.fixed li.menu-item.submenu.dropdown-open > a {
  color: #000 !important;
}
#dbx-navigation.fixed .mobile-buttons-hamburger .icon {
  color: #000;
}
#dbx-navigation.fixed .filter li.menu-item.submenu:before {
  color: #2d3237;
}
#dbx-navigation.fixed .filter li.menu-item.submenu:hover:before {
  color: #000;
}
@media only screen and (max-width: 767px) {
  #dbx-navigation.fixed ul li a:hover {
    color: #2d3237;
  }
  #dbx-navigation.fixed li.menu-item.submenu > a {
    color: #2d3237;
  }
  #dbx-navigation.fixed li.menu-item.submenu.dropdown-open:before,
  #dbx-navigation.fixed li.menu-item.submenu.dropdown-open > a {
    color: #4d71f1 !important;
  }
  #dbx-navigation.fixed li.menu-item.submenu:hover:before {
    color: #2d3237 !important;
  }
}
@media only screen and (min-width: 992px) {
  #dbx-navigation.fixed .filter li.menu-item.submenu .dropdown:before {
    left: 0;
  }
}
@media only screen and (min-width: 1200px) {
  #dbx-navigation.fixed .filter li.menu-item.submenu .dropdown:before {
    left: 0;
  }
}
#dbx-navigation.fixed ul li.get-started a:hover {
  background-color: #405ed1;
}
.signup-cta {
  display: flex;
  flex-direction: column;
  position: relative;
  gap: 24px;
}
.signup-cta__btn-container {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.signup-cta__title {
  font-size: 1.5rem;
  line-height: 2rem;
  margin: 0;
  font-weight: 800;
}
.signup-cta__list {
  font-size: 0.875rem;
  line-height: 1rem;
  padding-left: 0;
  gap: 16px;
}
.signup-cta__list li {
  list-style: none;
  align-items: center;
  display: flex;
  gap: 8px;
}
.signup-cta__list li::before {
  color: #4d71f1;
  background-color: rgba(77, 113, 241, 0.1);
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
}
.signup-cta__btn {
  padding-block: 10px;
  line-height: 1.25rem;
}
.signup-cta__subtext {
  align-self: center;
  font-size: 0.875rem;
  line-height: 1rem;
  color: #1b2024;
}
.signup-cta__subtext-container {
  display: flex;
  align-self: center;
  gap: 8px;
}
.signup-cta__close-btn {
  position: absolute;
  top: 0;
  right: 0;
  border: none;
  background: 0 0;
  padding: 0;
}
.signup-cta__close-btn::before {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  width: 28px;
  height: 28px;
  color: rgba(142, 146, 155, 0.6);
  border-radius: 100%;
  transition: color 0.2s, background 0.2s;
}
.signup-cta__close-btn:hover::before {
  color: #72757c;
  background: rgba(142, 146, 155, 0.1);
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
#online-calculators {
  background-color: #fafafa;
  padding-bottom: 40px;
  letter-spacing: 0;
}
#online-calculators .header {
  background: linear-gradient(142deg, #5cb4be 0, #008ace 100%);
  padding: 172px 0 200px;
}
#online-calculators .header .row > div {
  text-align: left;
}
@media screen and (max-width: 768px) {
  #online-calculators .header {
    padding: 100px 0 200px;
  }
  #online-calculators .header .row > div {
    text-align: center;
  }
}
#online-calculators .header a {
  margin: 16px 0;
  display: inline-flex;
  padding: 4px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  color: #fff;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 32px;
  background: rgba(232, 245, 251, 0.1);
  border-radius: 8px;
  border: 0;
  transition: transform 0.1s ease-in-out;
  white-space: nowrap;
  cursor: pointer;
  user-select: none;
}
#online-calculators .header a:hover {
  text-decoration: none;
}
#online-calculators .header a:active {
  transform: scale(0.95);
}
#online-calculators #calculators-header-content h1 {
  color: #fff;
  text-align: center;
  font-size: 48px;
  font-weight: 700;
  line-height: 72px;
  margin: 0;
}
#online-calculators #other-calculators {
  margin-top: -180px;
  padding-bottom: 50px;
}
#online-calculators #other-calculators .row {
  display: flex;
  flex-flow: row wrap;
  padding: 0 8px;
}
#online-calculators #other-calculators .row div {
  padding-left: 8px;
  padding-right: 8px;
  margin-bottom: 16px;
}
@media screen and (max-width: 767px) {
  #online-calculators #other-calculators .row {
    flex-flow: column wrap;
  }
  #online-calculators #other-calculators .row div {
    padding-left: 16px;
    padding-right: 16px;
  }
}
#online-calculators #other-calculators .other-calculator-card {
  display: block;
  height: 100%;
  border-radius: 12px;
  border: 1px solid rgba(142, 146, 155, 0.4);
  background: #fff;
  text-align: center;
  padding: 32px;
}
#online-calculators #other-calculators .other-calculator-card:hover {
  text-decoration: none;
  box-shadow: 3px 4px 28px 0 rgba(117, 128, 136, 0.22);
}
#online-calculators #other-calculators .other-calculator-card img {
  margin-bottom: 24px;
}
#online-calculators #other-calculators .other-calculator-card h6 {
  color: #2d3237;
  font-size: 20px;
  font-weight: 700;
  line-height: 21px;
  margin-bottom: 12px;
}
#online-calculators #other-calculators .other-calculator-card p {
  color: #8e929b;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  margin-bottom: 24px;
}
#online-calculators #other-calculators .other-calculator-card .link {
  color: #4d71f1;
  font-size: 16px;
  font-weight: 600;
  line-height: 21px;
}
#online-calculators #business-analytics-for-everyone {
  background-color: #fafafa;
  padding-bottom: 50px;
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
#partners #filterCtToggle {
  display: none;
  color: #8e929b;
  margin: 0 0 20px 16px;
  text-decoration: none;
}
#partners #filterCtToggle:before {
  padding-right: 7px;
}
#partners #filterCt {
  width: 218px;
  float: left;
  margin-right: 16px;
  background-color: rgba(41, 41, 41, 0.03);
  border-radius: 6px;
  padding: 10px 15px;
}
#partners #filterCt h2 {
  font-weight: 400;
  font-size: 11px;
  line-height: 14px;
  text-transform: uppercase;
  border-bottom: 1px solid rgba(142, 146, 155, 0.5);
  margin: 12px 0 16px;
  padding-bottom: 12px;
}
#partners #filterCt strong {
  display: block;
  font-weight: 400;
  font-size: 14px;
  padding-bottom: 3px;
  margin-bottom: 5px;
}
#partners #filterCt .filter-type {
  margin-bottom: 30px;
}
#partners #filterCt span.checkbox label {
  font-size: 12px;
  color: rgba(41, 41, 41, 0.75);
}
#partners #listingCt {
  float: left;
  width: 906px;
}
#partners #listingCt ul {
  overflow: hidden;
  list-style: none;
  padding: 0;
  margin: 0;
  margin-top: -16px;
  min-height: 432px;
}
#partners #listingCt li {
  float: left;
  margin: 16px;
  background-color: #fff;
}
#partners #listingCt li a {
  display: block;
  width: 270px;
  border: 1px solid rgba(142, 146, 155, 0.5);
  position: relative;
  border-radius: 5px;
  overflow: hidden;
  min-height: 400px;
}
#partners #listingCt li a:before {
  content: "";
  height: 4px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
#partners #listingCt li a:hover {
  text-decoration: none;
  border-color: #8e929b;
}
#partners #listingCt li.type-certified a:before {
  background-color: #2ec1d6;
}
#partners #listingCt li.type-premier a:before {
  background-color: #7950a0;
}
#partners #listingCt li .logo {
  display: block;
  text-align: center;
  height: 142px;
  overflow: hidden;
  padding-top: 15px;
}
#partners #listingCt li .logo img {
  height: 120px;
}
#partners #listingCt li .expertise,
#partners #listingCt li h3,
#partners #listingCt li p {
  padding-left: 20px;
  padding-right: 20px;
}
#partners #listingCt li h3 {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #000;
  margin: 0;
  padding-bottom: 10px;
}
#partners #listingCt li p {
  font-size: 14px;
  line-height: 20px;
  color: #8e929b;
}
#partners #listingCt li .expertise {
  display: block;
  overflow: hidden;
  position: absolute;
  bottom: 46px;
  left: 0;
  right: 0;
}
#partners #listingCt li .expertise span {
  display: block;
  font-size: 12px;
  color: #8e929b;
  text-transform: uppercase;
  letter-spacing: 3px;
  padding-bottom: 5px;
}
#partners #listingCt li .expertise img {
  float: left;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  margin: 0 5px 5px 0;
  overflow: hidden;
}
#partners #listingCt li .lnk {
  position: absolute;
  bottom: 16px;
  left: 20px;
  color: #1679a6;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 480px),
  only screen and (min-device-pixel-ratio: 2) and (min-width: 480px),
  only screen and (-webkit-max-device-pixel-ratio: 1.5) and (min-width: 800px),
  only screen and (max-device-pixel-ratio: 1.5) and (min-width: 800px) {
  #partners .header {
    background-image: url(../img/resources/bg-2x.jpg);
  }
}
@media only screen and (max-width: 1199px) {
  #partners #listingCt {
    width: 706px;
  }
}
@media only screen and (max-width: 991px) {
  #partners #filterCtToggle {
    display: block;
  }
  #partners #filterCt {
    display: none;
    float: none;
    width: auto;
    overflow: hidden;
    margin: 16px 16px 30px;
  }
  #partners #filterCt .filter-exp,
  #partners #filterCt .filter-type {
    float: left;
    width: 50%;
    margin-bottom: 0;
  }
  #partners #listingCt {
    float: none;
    width: auto;
  }
}
@media only screen and (max-width: 480px) {
  #partners #listingCt li {
    float: none;
    margin-bottom: 40px;
  }
  #partners #listingCt li a {
    width: auto;
    min-height: 0;
    padding-bottom: 150px;
  }
}
#partner .header {
  background: #0e3f65;
  padding: 0;
  height: 122px;
}
#partner #top-content {
  background-image: url(../img/partners/background.jpg);
  background-size: cover;
  padding-top: 50px;
}
#partner #top-content .breadcrumbs {
  margin-bottom: 40px;
}
#partner #top-content .left .typeImg {
  display: block;
  width: 150px;
  height: 180px;
  margin: 12px 0 32px;
}
#partner #top-content .left strong {
  display: block;
  font-size: 16px;
  line-height: 20px;
  padding: 12px 0 0 4px;
}
#partner #top-content .right {
  float: right;
  padding-left: 70px;
}
#partner #top-content h1 {
  float: left;
  position: relative;
  padding-left: 47px;
  margin: 0;
  color: #000;
  font-size: 40px;
  line-height: 56px;
  font-weight: 500;
}
#partner #top-content h1 img {
  position: absolute;
  width: 37px;
  height: 37px;
  top: 12px;
  left: 0;
  border-radius: 100%;
}
#partner #top-content .social {
  float: left;
  padding: 24px 0 10px 15px;
}
#partner #top-content .social a {
  float: left;
  font-size: 12px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.75);
  position: relative;
  margin-left: 12px;
  margin-right: 2px;
  text-decoration: none;
}
#partner #top-content .social a:before {
  margin-right: 5px;
}
#partner #top-content .social a.web:before {
  font-size: 15px;
  color: #f7902d;
}
#partner #top-content .social a.linkedin:before,
#partner #top-content .social a.twitter:before {
  font-size: 15px;
  color: #000;
}
#partner #top-content h2 {
  clear: both;
  font-size: 24px;
  line-height: 28px;
  color: #8e929b;
  font-weight: 300;
  margin: 0;
  padding: 10px 0 31px;
}
#partner #custom-content h3 {
  font-size: 14px;
  line-height: 24px;
  font-weight: 300;
  color: #8e929b;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin: 0;
  padding-bottom: 16px;
}
#partner #custom-content #desc-1,
#partner #custom-content #desc-2 {
  font-size: 16px;
  line-height: 24px;
  color: #000;
}
#partner #custom-content #desc-2 {
  margin-top: 12px;
}
#partner #expertise {
  margin-top: 55px;
}
#partner #expertise ul {
  list-style: none;
  padding: 0;
  margin: 0;
  overflow: hidden;
}
#partner #expertise li {
  float: left;
  margin: 0 18px 18px 0;
  overflow: hidden;
  border-radius: 50%;
}
#partner #expertise img {
  display: block;
  height: 50px;
  width: 50px;
}
#partner #bottom-content h2 {
  float: left;
  font-weight: 100;
  font-size: 48px;
  line-height: 50px;
  color: #2d3237;
  text-align: left;
  margin-top: 0;
  margin-bottom: 30px;
}
#partner #bottom-content #allTemplates {
  float: right;
  margin-top: 3px;
}
@media only screen and (max-width: 1199px) {
  #partner #top-content .left,
  #partner #top-content .right {
    float: none;
  }
  #partner #top-content .left {
    overflow: hidden;
    position: relative;
    padding-left: 115px;
    margin-top: 50px;
    padding-top: 0;
    min-height: 96px;
  }
  #partner #top-content .left .typeImg {
    position: absolute;
    top: 0;
    left: 15px;
    width: 80px;
    height: 96px;
    margin: 0;
  }
  #partner #top-content .right {
    padding-left: 15px;
  }
  #partner #top-content .social {
    clear: both;
    float: none;
    padding-left: 0;
    margin-left: -10px;
    padding-top: 30px;
  }
  #partner #bottom-content #allTemplates,
  #partner #bottom-content h2 {
    float: none;
  }
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
#platform-page h1,
#platform-page h2,
#platform-page h3,
#platform-page h4,
#platform-page h5 {
  font-weight: 700;
}
#platform-page > h1,
#platform-page > h2,
#platform-page > h3,
#platform-page > h4,
#platform-page > h5 {
  max-width: 1000px;
}
#platform-page h2 {
  font-size: 2.5rem;
  line-height: 2.875rem;
  font-weight: 800;
}
@media only screen and (min-width: 1024px) {
  #platform-page h2 {
    font-size: 3.375rem;
    line-height: 3.75rem;
  }
}
#platform-page ul {
  padding-inline-start: 0;
  margin-bottom: unset;
}
#platform-page li {
  list-style: none;
}
#platform-page p {
  font-size: 1rem;
  margin: 0;
}
#platform-page h1,
#platform-page h2,
#platform-page h3,
#platform-page h4,
#platform-page h5,
#platform-page h6 {
  margin: 0;
}
#platform-page > section {
  margin-bottom: 80px;
}
#platform-page .dbx-container h1,
#platform-page .dbx-container h2,
#platform-page .dbx-container h3,
#platform-page .dbx-container h4,
#platform-page .dbx-container h5 {
  font-weight: 700;
}
#platform-page .dbx-container > h1,
#platform-page .dbx-container > h2,
#platform-page .dbx-container > h3,
#platform-page .dbx-container > h4,
#platform-page .dbx-container > h5 {
  max-width: 1000px;
}
#platform-page .dbx-container > h2 {
  font-size: 2.5rem;
  line-height: 2.875rem;
  font-weight: 800;
}
#platform-page .dbx-container > h3 {
  font-size: 2rem;
  line-height: 2.5rem;
  font-weight: 800;
}
#platform-page .dbx-container > h4 {
  font-size: 1.5rem;
  line-height: 1.875rem;
  font-weight: 800;
}
#platform-page .dbx-container > h5 {
  font-size: 1.125rem;
  line-height: 1.5rem;
  font-weight: 800;
}
@media only screen and (min-width: 1024px) {
  #platform-page .dbx-container > h2 {
    font-size: 3.375rem;
    line-height: 3.75rem;
  }
  #platform-page .dbx-container > h3 {
    font-size: 3rem;
    line-height: 3.5rem;
  }
  #platform-page .dbx-container > h4 {
    font-size: 2rem;
    line-height: 2.5rem;
  }
  #platform-page .dbx-container > h5 {
    font-size: 1.5rem;
    line-height: 2.25rem;
  }
  #platform-page .dbx-container > h6 {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
#platform-page .platform-hero-header {
  background: url("/wp-content/themes/databox/inc/img/header/analytics-bottom.svg")
      no-repeat bottom,
    linear-gradient(61.73deg, #6847e3 -14.11%, #008fd4 66.63%);
  background-size: contain;
}
#platform-page .platform-hero-header .dbx-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  padding: 204px 0 130px;
  margin-bottom: 32px;
}
#platform-page .platform-hero-header .tag {
  color: #fff;
  text-transform: uppercase;
  border-radius: 6px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.1);
  padding: 6px 12px;
}
#platform-page .platform-hero-header__title {
  color: #fff;
  text-align: center;
}
#platform-page .platform-hero-header__text {
  color: #fff;
  font-size: 16px;
  line-height: 24px;
  max-width: 400px;
  text-align: center;
}
#platform-page .platform-hero-header .dbx-btn {
  margin-top: 20px;
  margin-bottom: 24px;
}
#platform-page .platform-hero-header .dbx-btn:nth-of-type(2) {
  background-color: rgba(255, 255, 255, 0.2);
}
#platform-page .platform-hero-header .dbx-btn:nth-of-type(2):hover {
  background-color: rgba(255, 255, 255, 0.3);
}
#platform-page .platform-hero-video {
  margin-block: -150px 32px !important;
  max-width: 1078px;
}
#platform-page .browse-integrations {
  margin-block: 144px;
}
#platform-page .browse-integrations .dbx-container {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
#platform-page .browse-integrations .dbx-container p {
  max-width: 500px;
  text-align: center;
}
#platform-page .browse-integrations__title {
  max-width: 300px;
  padding-bottom: 16px;
  word-spacing: 800px;
}
#platform-page .browse-integrations__text {
  max-width: 350px;
  padding-bottom: 40px;
}
#platform-page .browse-integrations__background-container {
  position: absolute;
  top: -50px;
  max-width: 880px;
  width: 375px;
  z-index: -1;
}
#platform-page .browse-integrations__background-container img {
  width: 100%;
}
#platform-page .browse-integrations__background-lg {
  display: none;
}
@media screen and (min-width: 600px) {
  #platform-page .browse-integrations__text,
  #platform-page .browse-integrations__title {
    max-width: unset;
  }
  #platform-page .browse-integrations__title {
    word-spacing: initial;
  }
  #platform-page .browse-integrations__background-container {
    top: -50px;
    width: 100%;
  }
  #platform-page .browse-integrations__background-sm {
    display: none;
  }
  #platform-page .browse-integrations__background-lg {
    display: inline-block;
  }
  #platform-page .browse-integrations p {
    max-width: 650px;
    text-align: center;
  }
}
#platform-page .dbx-solution-cards .title {
  text-align: center;
  margin-bottom: 32px;
}
#platform-page .tool-features {
  padding-top: 100px;
  margin-bottom: 156px;
  background-image: linear-gradient(
    -90deg,
    rgba(85, 169, 196, 0.1) 0,
    #ffffff00 100%
  );
  background-image: -o-linear-gradient(
    -90deg,
    rgba(85, 169, 196, 0.1) 0,
    #ffffff00 100%
  );
  background-image: -ms-linear-gradient(
    -90deg,
    rgba(85, 169, 196, 0.1) 0,
    #ffffff00 100%
  );
  background-image: -moz-linear-gradient(
    -90deg,
    rgba(85, 169, 196, 0.1) 0,
    #ffffff00 100%
  );
  background-image: -webkit-linear-gradient(
    -90deg,
    rgba(85, 169, 196, 0.1) 0,
    #ffffff00 100%
  );
}
#platform-page .tool-features .dbx-card {
  max-height: 340px;
}
#platform-page .tool-features h2 {
  text-align: center;
  margin: 0 auto 40px auto !important;
}
@media only screen and (min-width: 450px) {
  #platform-page .tool-features .dbx-card {
    max-height: 400px;
  }
}
@media only screen and (min-width: 600px) {
  #platform-page .tool-features .dbx-card {
    max-height: 470px;
  }
}
@media only screen and (min-width: 768px) {
  #platform-page .tool-features .dbx-card {
    max-height: 330px;
  }
}
@media only screen and (min-width: 1024px) {
  #platform-page .tool-features .dbx-card {
    max-height: 420px;
  }
}
@media only screen and (min-width: 1440px) {
  #platform-page .tool-features .dbx-card {
    max-height: 470px;
  }
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
#podcast {
  letter-spacing: 0;
}
#podcast .header {
  padding: 166px 0 0;
  background: #2c2046;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: #182e53;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
#podcast .header::before {
  z-index: -2;
  content: "";
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translateX(-50%);
  height: 1200px;
  width: 3500px;
  background: radial-gradient(
    closest-side,
    #e324dd 50%,
    #834ed1 65%,
    #834ed1 80%,
    rgba(255, 0, 255, 0) 95%
  );
  filter: blur(200px);
  pointer-events: none;
}
#podcast .header .needle-container {
  position: absolute;
  bottom: -10%;
  left: 50%;
  transform: translateX(-50%);
  pointer-events: none;
  z-index: 0;
  transition: none;
}
#podcast .header .needle {
  position: relative;
  width: 100px;
  height: 800px;
  transform-origin: 50% 100%;
  transform: rotate(45deg);
  transition: transform 80ms ease-out;
  backdrop-filter: brightness(2);
  opacity: 1;
  z-index: 1;
  clip-path: polygon(
    0.764% 90.465%,
    0.764% 90.465%,
    1.412% 91.999%,
    3.289% 93.455%,
    6.293% 94.812%,
    10.321% 96.052%,
    15.273% 97.154%,
    21.045% 98.1%,
    27.536% 98.869%,
    34.643% 99.443%,
    42.266% 99.802%,
    50.301% 99.925%,
    50.301% 99.925%,
    58.336% 99.802%,
    65.959% 99.443%,
    73.066% 98.869%,
    79.557% 98.1%,
    85.329% 97.154%,
    90.281% 96.052%,
    94.309% 94.812%,
    97.313% 93.455%,
    99.19% 91.999%,
    99.839% 90.465%,
    99.839% 90.465%,
    98.845% 87.429%,
    96.101% 81.383%,
    91.961% 72.957%,
    86.778% 62.783%,
    80.907% 51.494%,
    74.703% 39.721%,
    68.52% 28.097%,
    62.712% 17.252%,
    57.633% 7.818%,
    53.638% 0.429%,
    53.638% 0.429%,
    53.386% 0.278%,
    52.857% 0.161%,
    52.12% 0.077%,
    51.245% 0.027%,
    50.301% 0.01%,
    49.357% 0.027%,
    48.482% 0.077%,
    47.745% 0.161%,
    47.216% 0.278%,
    46.964% 0.429%,
    46.964% 0.429%,
    42.969% 7.818%,
    37.89% 17.252%,
    32.082% 28.097%,
    25.899% 39.721%,
    19.695% 51.494%,
    13.824% 62.783%,
    8.642% 72.957%,
    4.501% 81.383%,
    1.757% 87.429%,
    0.764% 90.465%
  );
}
#podcast .header img.img-responsive {
  max-width: 370px;
  display: block;
  margin: 0 auto 66px;
  width: 100%;
  border-radius: 18px;
  position: relative;
  z-index: 2;
  box-shadow: 0 8px 17px 0 #0000001a, 0 31px 31px 0 #00000017,
    0 69px 42px 0 #0000000d, 0 123px 49px 0 #00000003, 0 193px 54px 0 #00000000;
}
#podcast .header h1 {
  margin: 48px auto 24px;
  font-size: 48px;
  line-height: 56px;
  max-width: 964px;
  font-weight: 400;
  position: relative;
  z-index: 2;
}
#podcast .header h1 strong {
  font-weight: 700;
}
#podcast .header p {
  margin: auto;
  max-width: 860px;
  font-size: 18px;
  line-height: 28px;
  color: #3f3f56;
  font-weight: 400;
  position: relative;
  z-index: 2;
}
#podcast .header .badges {
  max-width: 770px;
  margin: 0 auto 70px;
}
#podcast .header .badges .col-badges {
  padding: 0 9px;
}
#podcast .header .badges .col-badges img {
  max-width: 100%;
}
@media screen and (max-width: 768px) {
  #podcast .header .badges .col-badges {
    margin-bottom: 10px;
  }
}
#podcast .header .bottom-logos {
  color: #fff;
  padding: 33px 20px;
  background: rgba(255, 255, 255, 0.1);
  width: 100vw;
  left: 50%;
  position: relative;
  transform: translateX(-50%);
  clear: both;
}
#podcast .header .bottom-logos p {
  color: #fff;
  font-weight: 700;
  font-size: 16px;
  opacity: 0.5;
  margin: 0 auto 18px;
  max-width: inherit;
}
#podcast .header .bottom-logos ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
#podcast .header .bottom-logos ul li {
  margin: 0 20px;
}
@media screen and (max-width: 836px) {
  #podcast .header .bottom-logos {
    padding-bottom: 13px;
  }
  #podcast .header .bottom-logos ul {
    display: block;
  }
  #podcast .header .bottom-logos ul li {
    margin: 0 0 20px;
  }
  #podcast .header .bottom-logos ul li img {
    margin: auto;
  }
}
@media screen and (max-width: 1024px) {
  #podcast .header .needle-container {
    display: none;
  }
}
@media screen and (max-height: 884px) {
  #podcast .header img.img-responsive {
    max-width: 300px;
  }
}
@supports (-webkit-appearance: none) {
  #podcast .header::before {
    filter: blur(90px);
  }
}
#podcast #about-podcast {
  padding: 86px 0 80px;
}
#podcast #about-podcast h3 {
  margin: 0 0 24px;
  font-weight: 700;
  font-size: 32px;
  line-height: 40px;
  color: #0d0f11;
}
#podcast #about-podcast p {
  max-width: 490px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #656578;
  margin: 0 0 40px;
}
#podcast #about-podcast .author {
  display: flex;
  align-items: center;
}
#podcast #about-podcast .author .author_image {
  border: 1px solid #6a3a9c;
  border-radius: 100%;
  padding: 4px;
}
#podcast #about-podcast .author .author_image img {
  display: block;
  border-radius: 100%;
}
#podcast #about-podcast .author .author-title {
  margin-left: 16px;
}
#podcast #about-podcast .author .author-title p {
  margin: 0;
  font-size: 19px;
  line-height: 24px;
  color: #656578;
}
#podcast #about-podcast .author .author-title p strong {
  font-weight: 700;
}
#podcast #about-podcast .author .author-title p:last-child {
  font-size: 16px;
}
#podcast #about-podcast .right-section-list {
  list-style: none;
  padding: 0;
  margin: 0;
  max-width: 380px;
}
#podcast #about-podcast .right-section-list li {
  padding: 14px;
  border-radius: 6px;
  background: #f5f5f7;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 20px;
  color: #23232f;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 16px;
}
#podcast #about-podcast .right-section-list .image-holder {
  height: 24px;
}
#podcast #about-podcast .right-section-list .image-holder img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (max-width: 992px) {
  #podcast #about-podcast .col-sm-12 {
    margin-bottom: 40px;
  }
  #podcast #about-podcast .right-section-list {
    max-width: inherit;
  }
  #podcast #about-podcast p {
    max-width: inherit;
  }
}
#podcast #posts-from-category .single-post .box > a .thumb {
  background-position: left bottom;
}
#podcast #move-the-needle-form {
  margin-bottom: 77px;
}
#podcast #move-the-needle-form .move-the-needle-form-box {
  padding: 83px 20px;
  position: relative;
  background: url("../img/podcast/white-newsletter-background-icons.png")
    no-repeat;
  background-size: 140%;
  background-position: center;
  border-radius: 8px;
  overflow: hidden;
  text-align: center;
}
#podcast #move-the-needle-form .move-the-needle-form-box img {
  margin-bottom: 16px;
}
#podcast #move-the-needle-form .move-the-needle-form-box .dbx-title-text__top {
  max-width: 715px;
}
#podcast #move-the-needle-form .move-the-needle-form-box .legal {
  display: block;
  text-align: center;
  font-size: 0.775rem;
  margin-bottom: 32px;
  color: rgba(142, 146, 155, 0.9);
}
#podcast #move-the-needle-form .move-the-needle-form-box .legal a {
  color: rgba(142, 146, 155, 0.9);
  font-weight: 400;
  text-decoration: underline;
  margin: 0;
  font-size: inherit;
}
#podcast #move-the-needle-form .move-the-needle-form-box::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: #f5f5f7;
}
#podcast
  #move-the-needle-form
  .move-the-needle-form-box
  .dbx-title-text__title {
  font-size: 2rem;
  line-height: 2.5rem;
  font-weight: 700;
  text-align: center;
  color: #3f3f56;
  margin: 0;
}
#podcast #move-the-needle-form .move-the-needle-form-box .bottom-text,
#podcast #move-the-needle-form .move-the-needle-form-box .dbx-title-text__text {
  font-size: 1.125rem;
  line-height: 1.5rem;
  text-align: center;
}
#podcast #move-the-needle-form .move-the-needle-form-box .bottom-text {
  margin-top: 24px;
}
#podcast #move-the-needle-form .move-the-needle-form-box .newsletter {
  margin: 0 auto 16px;
  max-width: 480px;
  border-radius: 8px;
  border: 1px solid #e8e9eb;
  background-color: #fff;
  padding: 4px;
  overflow: hidden;
  position: relative;
}
#podcast
  #move-the-needle-form
  .move-the-needle-form-box
  .newsletter
  .cookie-reset-container {
  display: none !important;
}
#podcast #move-the-needle-form .move-the-needle-form-box .newsletter ul {
  list-style: none;
  padding: 0;
  margin: 10px 0 0;
}
#podcast #move-the-needle-form .move-the-needle-form-box .newsletter ul li {
  text-align: left;
  padding-left: 12px;
}
#podcast
  #move-the-needle-form
  .move-the-needle-form-box
  .newsletter
  .hs_email
  > label {
  display: none;
}
#podcast #move-the-needle-form .move-the-needle-form-box .newsletter .hs-input {
  background: 0 0;
  border: none;
  height: 48px;
  line-height: 48px;
  font-size: 15px;
  color: #272b30;
}
#podcast
  #move-the-needle-form
  .move-the-needle-form-box
  .newsletter
  .hs_submit {
  position: absolute;
  right: 4px;
  top: 4px;
}
#podcast
  #move-the-needle-form
  .move-the-needle-form-box
  .newsletter
  .hs_submit
  .actions {
  padding: 0;
}
#podcast
  #move-the-needle-form
  .move-the-needle-form-box
  .newsletter
  .hs_submit
  .actions
  input {
  height: 48px;
  line-height: 48px;
  padding: 0 25px;
  font-size: 15px;
  font-weight: 500;
  text-transform: none;
  background-color: #7540ab;
  border-radius: 8px;
  color: #fff;
}
#podcast
  #move-the-needle-form
  .move-the-needle-form-box
  .newsletter
  .hs_submit
  .actions
  input:hover {
  background-color: #6a3a9c;
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.predictable-scale .hero-header__image-container {
  display: none;
}
.predictable-scale .hero-header__background-color-layer-1-container {
  z-index: -1;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  position: absolute;
  content: "";
  background-image: linear-gradient(90deg, #f46a68 0, #fcc430 100%);
}
.predictable-scale .hero-header__background-color-layer-2-container {
  background-color: #8650ce80;
}
.predictable-scale .hero-header__image {
  width: 80%;
  height: 80%;
}
.predictable-scale .hero-header__background-effect-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-image: url("https://cdnwebsite.databox.com/wp-content/uploads/2025/08/20081017/predictable-performance-background-shape.png");
  background-size: cover;
}
@media screen and (min-width: 1200px) {
  .predictable-scale .hero-header__text-container {
    flex-basis: 60%;
  }
  .predictable-scale .hero-header__image-container {
    flex-basis: 40%;
    display: block;
  }
}
.predictable-scale .spears__spears-container {
  margin-top: 32px;
  max-width: 1100px;
  padding: 32px;
  background-color: #f570641a;
  border-radius: 16px;
  margin-inline: auto;
}
.predictable-scale .spears__spear {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.predictable-scale .spears__spear-title {
  font-weight: 800;
  margin-top: 0;
}
.predictable-scale .spears__spear-title::first-letter {
  color: #f46868;
}
.predictable-scale .spears__spear-text {
  font-size: 14px;
}
.predictable-scale .cards,
.predictable-scale .normal-text-section,
.predictable-scale .pete-caputa-box,
.predictable-scale .spears {
  margin-block: 96px;
}
@media screen and (min-width: 768px) {
  .predictable-scale .cards,
  .predictable-scale .normal-text-section,
  .predictable-scale .pete-caputa-box,
  .predictable-scale .spears {
    margin-block: 128px;
  }
}
.predictable-scale .cards .dbx-container > .dbx-rich-content,
.predictable-scale .normal-text-section .dbx-container > .dbx-rich-content,
.predictable-scale .pete-caputa-box .dbx-container > .dbx-rich-content,
.predictable-scale .spears .dbx-container > .dbx-rich-content {
  margin-bottom: 48px;
}
.predictable-scale .cards .dbx-container > .dbx-rich-content p,
.predictable-scale .normal-text-section .dbx-container > .dbx-rich-content p,
.predictable-scale .pete-caputa-box .dbx-container > .dbx-rich-content p,
.predictable-scale .spears .dbx-container > .dbx-rich-content p {
  max-width: 700px;
}
.predictable-scale .pete-caputa-box strong {
  font-weight: 700;
}
.predictable-scale .pete-caputa-box__container {
  max-width: 1100px;
  margin-inline: auto;
  padding: 32px 16px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  border-radius: 16px;
  position: relative;
  overflow: hidden;
}
.predictable-scale .pete-caputa-box__container:before {
  z-index: -1;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(
    101.66deg,
    rgba(29, 154, 214, 0.1) 58.87%,
    rgba(29, 154, 214, 0.04) 102.02%
  );
  opacity: 0.5;
}
.predictable-scale .pete-caputa-box__container:after {
  z-index: -1;
  content: "";
  position: absolute;
  top: 45%;
  left: -90px;
  width: 300px;
  height: 300px;
  background-image: url("https://cdnwebsite.databox.com/wp-content/uploads/2025/08/20085618/white-hexagon.webp");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.predictable-scale .pete-caputa-box__intro-info {
  display: flex;
  gap: 16px;
  font-size: 16px;
  align-items: center;
}
.predictable-scale .pete-caputa-box__image {
  width: 80px;
  height: 80px;
}
.predictable-scale .pete-caputa-box__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 100%;
}
.predictable-scale .pete-caputa-box__content p {
  margin-bottom: 24px;
}
.predictable-scale .pete-caputa-box__content p:last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  .predictable-scale .pete-caputa-box__container {
    padding: 56px 64px;
  }
  .predictable-scale .pete-caputa-box__content {
    padding-left: 96px;
  }
}
.predictable-scale .colored-cards-section {
  margin-block: 96px;
}
@media screen and (min-width: 768px) {
  .predictable-scale .colored-cards-section {
    margin-block: 128px;
  }
}
.predictable-scale .colored-cards-section .dbx-container > .dbx-rich-content {
  margin-bottom: 32px;
}
.predictable-scale .colored-cards-section__card-container {
  display: grid;
  justify-content: center;
  gap: 24px;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  margin-inline: auto;
}
.predictable-scale .colored-cards-section .colored-card {
  display: flex;
  flex-direction: column;
  padding: 32px 24px;
  border-radius: 16px;
  height: 100%;
  position: relative;
}
.predictable-scale .colored-cards-section .colored-card .dbx-rich-content {
  margin-bottom: 48px;
}
.predictable-scale .colored-cards-section .colored-card .dbx-buttons {
  margin: 0;
}
.predictable-scale
  .colored-cards-section
  .colored-card
  .dbx-buttons__buttons-container {
  justify-content: start;
}
.predictable-scale .colored-cards-section .colored-card__icon {
  margin-bottom: 24px;
  text-align: left;
}
.predictable-scale .colored-cards-section .colored-card__icon .icon {
  font-size: 48px;
  line-height: 1;
}
.predictable-scale .colored-cards-section .colored-card__content {
  flex-grow: 1;
  margin-bottom: 24px;
  text-align: left;
}
.predictable-scale .colored-cards-section .colored-card__content * {
  text-align: left !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.predictable-scale .colored-cards-section .colored-card__content h3 {
  font-size: 1.5rem;
  line-height: 2rem;
  margin-bottom: 16px;
  font-weight: 700;
  text-align: left;
}
.predictable-scale .colored-cards-section .colored-card__content p {
  margin-bottom: 16px;
  text-align: left;
}
.predictable-scale .colored-cards-section .colored-card__content ul {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: left;
}
.predictable-scale .colored-cards-section .colored-card__content ul li {
  position: relative;
  padding-left: 20px;
  margin-bottom: 8px;
  text-align: left;
}
.predictable-scale .colored-cards-section .colored-card__content ul li:before {
  content: "•";
  position: absolute;
  left: 0;
  top: 0;
}
.predictable-scale .colored-cards-section .colored-card--purple {
  background-color: #f4eafc;
}
.predictable-scale
  .colored-cards-section
  .colored-card--purple
  .colored-card__content
  h3,
.predictable-scale
  .colored-cards-section
  .colored-card--purple
  .colored-card__icon
  .icon {
  color: #8e2de2;
}
.predictable-scale
  .colored-cards-section
  .colored-card--purple
  .colored-card__content
  ul
  li:before {
  color: #8e2de2;
}
.predictable-scale .colored-cards-section .colored-card--blue {
  background-color: #e6f4fb;
}
.predictable-scale
  .colored-cards-section
  .colored-card--blue
  .colored-card__content
  h3,
.predictable-scale
  .colored-cards-section
  .colored-card--blue
  .colored-card__icon
  .icon {
  color: #008fd4;
}
.predictable-scale
  .colored-cards-section
  .colored-card--blue
  .colored-card__content
  ul
  li:before {
  color: #008fd4;
}
.predictable-scale .colored-cards-section .colored-card--yellow {
  background-color: #fef5e9;
}
.predictable-scale
  .colored-cards-section
  .colored-card--yellow
  .colored-card__content
  h3,
.predictable-scale
  .colored-cards-section
  .colored-card--yellow
  .colored-card__icon
  .icon {
  color: #f7971e;
}
.predictable-scale
  .colored-cards-section
  .colored-card--yellow
  .colored-card__content
  ul
  li:before {
  color: #f7971e;
}
.predictable-scale .waitlist .dbx-container > .dbx-rich-content {
  margin-bottom: 32px;
}
.predictable-scale .cards .dbx-container > .dbx-rich-content {
  margin-bottom: 32px;
}
.predictable-scale .cards__cards-container {
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
}
.predictable-scale .cards__media-container {
  margin-bottom: 16px;
}
.predictable-scale .cards__tag {
  display: inline-flex;
  gap: 6px;
  justify-content: start;
  text-transform: none;
  background-color: #8650ce;
  color: #fff;
}
.predictable-scale .cards__tag .icon:before {
  color: #fff;
}
.predictable-scale .cards__card-text-container .dbx-rich-content {
  margin-bottom: 48px;
}
@media screen and (min-width: 612px) {
  .predictable-scale .cards__cards-container {
    padding-inline: 96px;
  }
}
@media screen and (min-width: 768px) {
  .predictable-scale .cards__cards-container {
    padding-inline: 120px;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  }
}
@media screen and (min-width: 1024px) {
  .predictable-scale .cards__cards-container {
    padding-inline: 80px;
  }
}
@media screen and (min-width: 1400px) {
  .predictable-scale .cards__cards-container {
    padding-inline: 200px;
  }
}
.predictable-scale-live-training-program .dbx-repeater-icon-list-section {
  margin-block: 48px;
}
@media screen and (min-width: 768px) {
  .predictable-scale-live-training-program .dbx-repeater-icon-list-section {
    margin-block: 48px;
  }
}
.predictable-scale-live-training-program
  .dbx-highlight-section
  .dbx-rich-content
  > * {
  margin-inline: auto;
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
#pricing-2023 small.info {
  width: 9px;
  height: 9px;
  position: relative;
  background-image: url(../img/pricing/question.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
  text-indent: -9999;
  overflow: hidden;
  cursor: pointer;
  margin-left: 5px;
}
#pricing-2023 small.info > span {
  display: none;
}
#pricing-page-2023 #pricing-2023-wrapper {
  background-color: #fff;
}
#pricing-page-2023 #interval-switch {
  margin-top: -140px;
  margin-bottom: 90px;
}
#pricing-page-2023 #plans-basics {
  margin-top: -52px !important;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
#pricing-page-2023 .dbx-hero-header__container {
  padding-top: 130px;
  padding-bottom: 210px;
  gap: 32px;
}
#pricing-page-2023 .dbx-hero-header__text-container {
  gap: 12px;
}
#pricing-page-2023 .dbx-hero-header__subtitle {
  font-size: 1.25rem;
  line-height: 1.5rem;
  max-width: 1000px;
}
#pricing-page-2023 .dbx-hero-header .dbx-image-carousel__item {
  filter: brightness(100);
  opacity: 0.6;
}
#pricing-page-2023 #special-plans {
  background-color: rgba(77, 113, 241, 0.1);
  font-size: 16px;
  overflow: hidden;
  padding-block: 48px;
}
#pricing-page-2023 #special-plans .dbx-container {
  position: relative;
}
#pricing-page-2023 #special-plans h3 {
  font-size: 22px;
  line-height: 24px;
  font-weight: 500;
}
#pricing-page-2023 #special-plans .ribbon {
  content: "";
  position: absolute;
  top: -48px;
  left: 0;
  width: 130px;
  height: 130px;
  overflow: hidden;
}
#pricing-page-2023 #special-plans .ribbon::after {
  content: "AGENCIES";
  position: absolute;
  top: 33%;
  left: 33%;
  transform: translate(-50%, -50%) rotate(-45deg);
  background-color: #ff7800;
  color: #fff;
  font-size: 0.875rem;
  font-weight: 400;
  padding: 5px 50px;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  #pricing-page-2023 #special-plans .ribbon {
    left: -16px;
  }
}
#pricing-page-2023 #special-plans .dbx-grid {
  align-items: center;
}
#pricing-page-2023 #special-plans .left {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
#pricing-page-2023 #special-plans .right {
  margin: 20px 0;
}
#pricing-page-2023 #special-plans strong {
  font-weight: 700;
}
#pricing-page-2023 #special-plans ul {
  list-style: none;
  padding-left: 0;
}
#pricing-page-2023 #special-plans ul li {
  display: table;
  margin-bottom: 10px;
}
#pricing-page-2023 #special-plans ul li span,
#pricing-page-2023 #special-plans ul li:before {
  display: table-cell;
}
#pricing-page-2023 #special-plans ul li:before {
  display: inline-block;
  font-family: Icons;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 1;
  position: relative;
  text-transform: none;
  top: -1px;
  vertical-align: middle;
  margin-right: 10px;
  content: "\2a";
  color: #4d71f1;
}
#pricing-page-2023 #special-plans .btn-container {
  display: flex;
  gap: 24px;
  align-items: flex-start;
}
#pricing-page-2023 #special-plans .btn-container .btn-wrapper {
  font-size: 16px;
  text-transform: none;
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: center;
  text-wrap: nowrap;
  min-width: 200px;
  flex-shrink: 0;
}
#pricing-page-2023 #special-plans .btn-container .btn-wrapper > a {
  width: 100%;
}
#pricing-page-2023 #special-plans .btn-container .btn-wrapper span {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #55585d;
}
#pricing-page-2023 #special-plans .btn-container .btn-subtext a {
  text-decoration: underline;
}
@media screen and (max-width: 768px) {
  #pricing-page-2023 #special-plans {
    padding-inline: 16px;
    padding-block: 64px;
  }
  #pricing-page-2023 #special-plans .ribbon {
    top: -64px;
  }
  #pricing-page-2023 #special-plans .left {
    order: 1;
  }
  #pricing-page-2023 #special-plans .btn-container {
    flex-direction: column;
  }
  #pricing-page-2023 #special-plans .btn-container .btn-wrapper {
    width: 100%;
    text-wrap: wrap;
  }
}
@media screen and (max-width: 1024px) {
  #pricing-page-2023 #special-plans .right img {
    height: auto;
    width: 100%;
  }
}
#pricing-page-2023 .dbx-reviews-and-awards {
  margin-block: 64px;
}
#pricing-page-2023 .dbx-reviews-and-awards__title {
  display: none;
}
#pricing-page-2023 .senja-embed-container {
  margin-block: 64px;
}
@media screen and (min-width: 768px) {
  #pricing-page-2023 .senja-embed-container {
    margin-block: 96px;
  }
}
#pricing-page-2023 #company-logos {
  text-align: center;
}
#pricing-page-2023 #company-logos .text {
  text-transform: uppercase;
  color: rgba(45, 50, 55, 0.5);
}
#pricing-page-2023 #company-logos .text .underline {
  text-decoration: underline;
  color: rgba(45, 50, 55, 0.5);
}
#pricing-page-2023 #addons {
  padding: 32px 0;
  background: #fff;
}
#pricing-page-2023 #addons h1 {
  font-size: 40px;
  text-align: center;
  color: #1c0303;
  font-weight: 400;
  font-weight: 500;
  line-height: 64px;
  margin: 0;
}
#pricing-page-2023 #addons .box {
  position: relative;
  height: 290px;
  padding: 10px 15px;
  border: 1px solid rgba(142, 146, 155, 0.25);
  border-radius: 8px;
}
#pricing-page-2023 #addons .box__header {
  display: flex;
  align-items: start;
  justify-content: space-between;
}
#pricing-page-2023 #addons .box__header .billed-annually-info {
  color: #8e929b;
  font-size: 0.6875rem;
  line-height: 1rem;
}
#pricing-page-2023 #addons .box__header .price {
  display: flex;
  align-items: end;
  flex-direction: column;
}
#pricing-page-2023 #addons .box__header .price .price__value {
  position: relative;
  font-weight: 500;
  color: #2d3237;
  float: right;
  font-size: 21px;
}
#pricing-page-2023 #addons .box__header .price .price__value:before {
  content: "$";
  position: absolute;
  left: -10px;
  top: 5px;
  color: #8e929b;
  font-size: 12px;
}
#pricing-page-2023 #addons .box__header .price .price__value:after {
  display: none;
  content: "/month";
  font-size: 16px;
  color: #8e929b;
}
#pricing-page-2023 #addons .box__header .price.monthly .price__value:after,
#pricing-page-2023 #addons .box__header .price.monthly .price__value:before {
  font-size: 12px;
  display: inline-block;
}
#pricing-page-2023 #addons .box__header .price.price--custom .price__value {
  margin-top: 11px;
  font-size: 12px;
  font-weight: 500;
  color: #8e929b;
}
#pricing-page-2023
  #addons
  .box__header
  .price.price--custom
  .price__value:before {
  display: none;
}
#pricing-page-2023
  #addons
  .box__header
  .price.price--custom
  .billed-annually-info {
  display: none;
}
#pricing-page-2023 #addons .box__header .icon {
  font-size: 32px;
  color: #3d53a7;
}
#pricing-page-2023 #addons .box__content h3 {
  font-size: 16px;
  line-height: 32px;
  color: #1c0303;
  margin: 10px 0 4px;
}
#pricing-page-2023 #addons .box__content p {
  font-size: 13px;
  line-height: 19px;
  color: rgba(13, 15, 17, 0.8);
  font-weight: 400;
  letter-spacing: 0;
}
#pricing-page-2023 #addons .box__content a {
  font-weight: 400;
  position: absolute;
  left: 16px;
  bottom: 16px;
  font-weight: 500;
}
#pricing-page-2023 #addons .box--focused {
  -moz-box-shadow: 3px 4px 20px rgba(142, 146, 155, 0.2);
  -webkit-box-shadow: 3px 4px 20px rgba(142, 146, 155, 0.2);
  box-shadow: 3px 4px 20px rgba(142, 146, 155, 0.2);
}
@media only screen and (max-width: 992px) {
  #pricing-page-2023 #addons .box {
    height: 380px;
  }
}
@media only screen and (max-width: 767px) {
  #pricing-page-2023 #addons {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  #pricing-page-2023 #addons .box {
    height: 320px;
  }
}
@media only screen and (max-width: 480px) {
  #pricing-page-2023 #addons .box {
    height: 320px;
  }
}
#pricing-page-2023 #pricing-customer-success-cards {
  background-color: #fff;
  margin-block: 64px;
}
#pricing-page-2023 #pricing-customer-success-cards .cards__container {
  position: relative;
}
#pricing-page-2023 #pricing-customer-success-cards .cards__container::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 95%;
  background: linear-gradient(-90deg, rgba(255, 255, 255, 0), #fff);
  z-index: 2;
}
#pricing-page-2023 #pricing-customer-success-cards .cards__container::after {
  content: "";
  position: absolute;
  top: 0;
  left: 95%;
  bottom: 0;
  right: 0;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0), #fff);
  z-index: 2;
}
#pricing-page-2023 #pricing-customer-success-cards .slider-wrapper {
  padding: 0 15px;
}
#pricing-page-2023 #pricing-customer-success-cards .slick-slide {
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  padding: 32px;
  background-color: #fff;
  border-radius: 12px;
  height: auto;
  margin: 20px 10px;
  opacity: 0.5;
}
#pricing-page-2023 #pricing-customer-success-cards .slick-slide > div {
  height: 100%;
}
#pricing-page-2023 #pricing-customer-success-cards .slick-current {
  opacity: 1;
}
#pricing-page-2023 #pricing-customer-success-cards .card {
  display: flex !important;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  gap: 8px;
}
#pricing-page-2023 #pricing-customer-success-cards .slick-track {
  display: flex;
  align-items: stretch;
  gap: 20px;
}
#pricing-page-2023 #pricing-customer-success-cards .cards__dots {
  height: 50px;
}
#pricing-page-2023 #pricing-customer-success-cards .slick-dots {
  position: static;
}
#pricing-page-2023 #pricing-customer-success-cards .author {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
#pricing-page-2023 #pricing-customer-success-cards .quote {
  font-size: 1rem;
  line-height: 1.5rem;
}
#pricing-page-2023 #pricing-customer-success-cards .bottom {
  display: flex;
  gap: 16px 32px;
  flex-wrap: wrap;
  justify-content: space-between;
  min-height: 48px;
}
#pricing-page-2023 #pricing-customer-success-cards .bottom strong {
  font-weight: 700;
}
#pricing-page-2023 #pricing-customer-success-cards .logo {
  height: 20px;
  align-self: end;
}
#pricing-page-2023 #pricing-customer-success-cards .logo img {
  height: 100%;
  width: auto;
}
@media screen and (min-width: 768px) {
  #pricing-page-2023 #pricing-customer-success-cards {
    margin-block: 96px;
  }
}
#pricing-page-2023 .dbx-faq {
  background-color: #fff;
}
#pricing-page-2023 .dbx-faq h2 {
  font-weight: 500;
}
#pricing-page-2023 .dbx-faq.dbx-container {
  max-width: 784px;
}
#pricing-2023 {
  position: relative;
  z-index: 1;
}
#pricing-2023 #interval-switch {
  display: flex;
  justify-content: center;
}
#pricing-2023 #interval-switch div {
  display: inline-flex;
  background-color: rgba(255, 255, 255, 0.6);
  border-radius: 100px;
  padding: 8px;
}
#pricing-2023 #interval-switch div a {
  font-size: 14px;
  line-height: 22px;
  text-decoration: none;
  color: rgba(13, 15, 17, 0.8);
  font-weight: 400;
  padding: 8px 24px;
  border-radius: 100px;
  font-weight: 700;
}
#pricing-2023 #interval-switch div a.selected {
  background-color: #fff;
}
#pricing-2023 #interval-switch div a.selected strong {
  color: rgba(13, 15, 17, 0.8);
}
#pricing-2023 #interval-switch div strong {
  font-weight: 700;
  color: #fff;
}
#pricing-2023 #plans-basics {
  margin-top: 52px;
  display: flex;
  justify-content: center;
}
#pricing-2023 #plans-basics .plans-basics__container {
  display: flex;
  justify-content: center;
  align-items: stretch;
  max-width: 960px;
  flex-wrap: wrap;
}
#pricing-2023 #plans-basics .plan-container:nth-child(2) {
  margin-top: -13px;
  margin-bottom: -13px;
}
#pricing-2023 #plans-basics .plan-container {
  position: relative;
  flex: 1 1 343px;
  min-width: 300px;
  max-width: 320px;
  border-radius: 16px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}
#pricing-2023 #plans-basics .plan-container .scroll {
  position: absolute;
  top: -45px;
  right: 10px;
  color: #fff;
  text-decoration: none;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
}
#pricing-2023 #plans-basics .plan-container .scroll .icon {
  font-size: 12px;
}
#pricing-2023 #plans-basics .plan-container .plan {
  border-radius: 16px;
  background-color: #fff;
}
@media screen and (max-width: 992px) {
  #pricing-2023 #plans-basics .plan-container {
    box-shadow: none;
  }
}
#pricing-2023 #plans-basics .plan {
  position: relative;
  margin: 0 auto;
  height: 100%;
  background: #fff;
  color: #000;
  padding: 16px 12px;
  font-size: 14px;
}
#pricing-2023 #plans-basics .plan__description,
#pricing-2023 #plans-basics .plan__name {
  text-align: center;
}
#pricing-2023 #plans-basics .plan__name {
  font-size: 22px;
  font-weight: 700;
  line-height: 30px;
  margin-bottom: 16px;
}
#pricing-2023 #plans-basics .plan__description {
  height: 70px;
  font-size: 14px;
  line-height: 20px;
  color: rgba(13, 15, 17, 0.8);
  font-weight: 400;
  letter-spacing: 0;
  padding: 0 16px 16px 16px;
}
#pricing-2023 #plans-basics .plan__note {
  font-weight: 700;
  font-size: 13px;
  line-height: 16px;
  color: rgba(13, 15, 17, 0.8);
  letter-spacing: 0.5px;
  margin-bottom: 16px;
  text-align: center;
  min-height: 32px;
}
#pricing-2023 #plans-basics .plan__popular {
  position: absolute;
  display: block;
  left: 0;
  right: 0;
  margin: auto;
  max-width: 102px;
  background: #393a3e;
  border-radius: 4px;
  top: -13px;
  font-size: 13px;
  line-height: 26px;
  letter-spacing: 0;
  color: #fff;
  font-weight: 700;
  text-align: center;
}
#pricing-2023 #plans-basics .plan__price {
  text-align: center;
  margin-bottom: 20px;
}
#pricing-2023 #plans-basics .plan .marked {
  font-weight: 700;
  display: inline;
}
#pricing-2023 #plans-basics .plan .marked.sign {
  font-weight: 700;
  margin: 0;
  padding: 0;
}
#pricing-2023 #plans-basics .plan .mobile-features .marked {
  margin-right: 10px;
}
#pricing-2023 #plans-basics .plan div.sign {
  margin: 0;
  padding: 0 !important;
  display: flex;
  align-items: center;
}
#pricing-2023 #plans-basics .plan div.sign span {
  font-weight: 700;
  margin: 0 3px;
}
#pricing-2023 #plans-basics .plan div.sign span.unlimited {
  margin: 0 5px 0 0;
}
#pricing-2023 #plans-basics .plan__price .price {
  font-size: 48px;
  line-height: 48px;
  margin-left: 15px;
  position: relative;
  font-weight: 600;
  color: #2d3237;
}
#pricing-2023 #plans-basics .plan__price .price:after {
  content: "/month";
  font-size: 16px;
  color: #8e929b;
}
#pricing-2023 #plans-basics .plan__price .price:before {
  left: -15px;
  top: 5px;
  font-size: 24px;
  content: "$";
  position: absolute;
  color: #8e929b;
}
#pricing-2023 #plans-basics .plan__cta {
  padding: 0 4px;
  margin-bottom: 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
#pricing-2023 #plans-basics .plan__cta .btn {
  display: block;
  border: 1px solid #72757c;
  color: #72757c;
  text-transform: none;
  border-radius: 4px;
  padding: 0;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  padding: 12px 50px;
}
#pricing-2023 #plans-basics .plan__cta span {
  text-wrap: nowrap;
  font-size: 0.75rem;
  line-height: 1rem;
  color: #72757c;
}
#pricing-2023 #plans-basics .plan__slider {
  margin: 0 -12px 20px;
  padding: 20px 5px 20px 5px;
  min-height: 110px;
}
#pricing-2023 #plans-basics .plan__slider .question {
  display: block;
  visibility: visible;
  opacity: 1;
  font-size: 14px;
  color: #393a3e;
  margin-bottom: 13px;
  text-align: center;
  font-weight: 400;
}
#pricing-2023 #plans-basics .plan__slider .question span.sources {
  font-weight: 700;
}
#pricing-2023 #plans-basics .plan__slider .question .info {
  margin-left: 0;
  width: 16px;
  height: 16px;
  top: 3px;
}
#pricing-2023 #plans-basics .plan__slider .question--not-visible {
  opacity: 0;
  visibility: hidden;
}
#pricing-2023 #plans-basics .plan__slider .question--visible {
  transition: all 0.4s ease-in-out 2.2s;
  -o-transition: all 0.4s ease-in-out 2.2s;
  -ms-transition: all 0.4s ease-in-out 2.2s;
  -moz-transition: all 0.4s ease-in-out 2.2s;
  -webkit-transition: all 0.4s ease-in-out 2.2s;
}
@media screen and (max-width: 1200px) {
  #pricing-2023 #plans-basics .plan__slider .question {
    padding: 0 10px;
  }
}
#pricing-2023 #plans-basics .plan__slider .plan__pricing {
  font-size: 11px;
  line-height: 14px;
  color: rgba(13, 15, 17, 0.8);
  text-align: center;
  margin: 16px 0 0;
  font-weight: 400;
}
#pricing-2023 #plans-basics .plan__features {
  font-size: 14px;
  line-height: 20px;
  color: rgba(13, 15, 17, 0.8);
  letter-spacing: 0;
  font-weight: 400;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
#pricing-2023 #plans-basics .plan__features ul {
  list-style: none;
  text-align: left;
  margin: 0;
  padding: 0 4px;
}
#pricing-2023 #plans-basics .plan__features ul:first-of-type {
  padding: 0 4px 0;
}
#pricing-2023 #plans-basics .plan__features ul li {
  padding: 0 0 12px 0;
  display: flex;
  align-items: center;
}
#pricing-2023 #plans-basics .plan__features ul li.extra {
  border-bottom: none;
  margin: 0;
  padding-left: 0;
  font-weight: 400;
}
#pricing-2023 #plans-basics .plan__features ul li .unlimited {
  font-size: 20px;
}
#pricing-2023 #plans-basics .plan__features ul li.extra-with-badge {
  font-weight: 400;
}
#pricing-2023 #plans-basics .plan__features ul li.extra-with-badge .badge {
  border-radius: 3px;
  font-weight: 700;
  font-size: 10px;
  line-height: 10px;
  padding: 2px 5px;
}
#pricing-2023
  #plans-basics
  .plan__features
  ul
  li.extra-with-badge
  .badge.green {
  background-color: #25a767;
}
#pricing-2023
  #plans-basics
  .plan__features
  ul
  li.extra-with-badge
  .badge.orange {
  background-color: #fa870c;
}
#pricing-2023 #plans-basics .plan__features ul div {
  display: table-cell;
}
#pricing-2023 #plans-basics .plan__features ul div:last-child {
  padding-left: 10px;
}
@media only screen and (max-width: 992px) {
  #pricing-2023 #plans-basics .plan__features .btn {
    display: block;
    width: 50%;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 480px) {
  #pricing-2023 #plans-basics .plan__features .btn {
    width: 100%;
  }
}
#pricing-2023 #plans-basics .plan__features .features-title {
  text-align: left;
  font-weight: 600;
  margin-bottom: 12px;
  font-size: 14px;
  color: #393a3e;
}
#pricing-2023 #plans-basics .plan__features small.info {
  display: none;
}
#pricing-2023 #plans-basics .plan__features ul li:hover small.info {
  display: inline-block;
}
#pricing-2023 #plans-basics .plan .ui-widget.ui-widget-content {
  border-radius: 0.571em;
  height: 0.571em;
}
#pricing-2023 #plans-basics .plan .ui-widget-content .ui-state-default {
  border-width: 0.285em;
  border-radius: 50%;
}
#pricing-2023 #plans-basics .plan .ui-slider-horizontal .ui-slider-handle {
  top: -0.6em;
  width: 18px;
  height: 18px;
}
#pricing-2023 #plans-basics .plan .ui-corner-all {
  border-radius: 0.385em;
}
#pricing-2023 #plans-basics .plan small.info {
  width: 12px;
  height: 12px;
  top: 2px;
}
#pricing-2023 #plans-basics .plan.plan-growth {
  border: 2px solid #2e4797;
  padding-top: 27px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  z-index: 1;
}
#pricing-2023 #plans-basics .plan a.collapsible.collapsible-mobile {
  display: none;
}
#pricing-2023 #plans-basics .plan .mobile-features {
  display: none;
}
#pricing-2023
  #plans-basics
  .plan-professional
  .ui-slider-horizontal
  .ui-slider-range {
  background: #4d71f1;
}
#pricing-2023 #plans-basics .plan-professional .ui-widget-content {
  background-color: rgba(77, 113, 241, 0.2) !important;
}
#pricing-2023
  #plans-basics
  .plan-professional
  .ui-widget-content
  .ui-state-default {
  border-color: #4d71f1;
}
#pricing-2023 #plans-basics .plan-professional .icon,
#pricing-2023 #plans-basics .plan-professional .marked,
#pricing-2023 #plans-basics .plan-professional .name,
#pricing-2023 #plans-basics .plan-professional .plan__name,
#pricing-2023 #plans-basics .plan-professional .question .sources,
#pricing-2023 #plans-basics .plan-professional .sign span {
  color: #4d71f1;
}
#pricing-2023 #plans-basics .plan-professional .plan__cta .btn {
  color: #4d71f1;
  border-color: #4d71f1;
}
#pricing-2023 #plans-basics .plan-professional .plan__cta .btn:hover {
  background: #4d71f1;
  color: #fff;
}
#pricing-2023 #plans-basics .plan-professional .plan__slider {
  background-color: rgba(77, 113, 241, 0.12);
}
#pricing-2023 #plans-basics .plan-professional .tooltip-2__arrow {
  border-top-color: #4d71f1;
}
#pricing-2023 #plans-basics .plan-professional .tooltip-2__inner {
  background-color: #4d71f1;
}
#pricing-2023
  #plans-basics
  .plan-professional
  a.collapsible.collapsible-mobile {
  color: #4d71f1;
}
#pricing-2023
  #plans-basics
  .plan-growth
  .ui-slider-horizontal
  .ui-slider-range {
  background: #2e4797;
}
#pricing-2023 #plans-basics .plan-growth .ui-widget-content {
  background-color: rgba(46, 71, 151, 0.2) !important;
}
#pricing-2023 #plans-basics .plan-growth .ui-widget-content .ui-state-default {
  border-color: #2e4797;
}
#pricing-2023 #plans-basics .plan-growth .icon,
#pricing-2023 #plans-basics .plan-growth .marked,
#pricing-2023 #plans-basics .plan-growth .name,
#pricing-2023 #plans-basics .plan-growth .plan__name,
#pricing-2023 #plans-basics .plan-growth .question .sources,
#pricing-2023 #plans-basics .plan-growth .sign span {
  color: #2e4797;
}
#pricing-2023 #plans-basics .plan-growth .plan__slider {
  background-color: rgba(46, 71, 151, 0.12);
}
#pricing-2023 #plans-basics .plan-growth .plan__cta .btn {
  background: #2e4797;
  color: #fff;
  border-color: #2e4797;
}
#pricing-2023 #plans-basics .plan-growth .plan__cta .btn:hover {
  background: 0 0;
  color: #2e4797;
}
#pricing-2023 #plans-basics .plan-growth .tooltip-2__arrow {
  border-top-color: #2e4797;
}
#pricing-2023 #plans-basics .plan-growth .tooltip-2__inner {
  background-color: #2e4797;
}
#pricing-2023 #plans-basics .plan-growth a.collapsible.collapsible-mobile {
  color: #2e4797;
}
#pricing-2023
  #plans-basics
  .plan-premium
  .ui-slider-horizontal
  .ui-slider-range {
  background: #7540ab;
}
#pricing-2023 #plans-basics .plan-premium .ui-widget-content {
  background-color: rgba(117, 64, 171, 0.2) !important;
}
#pricing-2023 #plans-basics .plan-premium .ui-widget-content .ui-state-default {
  border-color: #7540ab;
}
#pricing-2023 #plans-basics .plan-premium .icon,
#pricing-2023 #plans-basics .plan-premium .marked,
#pricing-2023 #plans-basics .plan-premium .name,
#pricing-2023 #plans-basics .plan-premium .plan__name,
#pricing-2023 #plans-basics .plan-premium .question .sources,
#pricing-2023 #plans-basics .plan-premium .sign span {
  color: #7540ab;
}
#pricing-2023 #plans-basics .plan-premium .plan__slider {
  background-color: rgba(117, 64, 171, 0.12);
}
#pricing-2023 #plans-basics .plan-premium .plan__cta .btn {
  color: #7540ab;
  border-color: #7540ab;
}
#pricing-2023 #plans-basics .plan-premium .plan__cta .btn:hover {
  background: #7540ab;
  color: #fff;
}
#pricing-2023 #plans-basics .plan-premium .tooltip-2__arrow {
  border-top-color: #7540ab;
}
#pricing-2023 #plans-basics .plan-premium .tooltip-2__inner {
  background-color: #7540ab;
}
#pricing-2023 #plans-basics .plan-premium a.collapsible.collapsible-mobile {
  color: #7540ab;
}
#pricing-2023 #plans-basics .plan .ui-widget.ui-widget-content {
  border-radius: 0.357em;
  height: 0.5em;
  border: transparent;
  background: #dcdfe1;
  text-align: center;
  margin: 0 11px;
}
#pricing-2023 #plans-basics .plan .ui-widget-content .ui-state-default {
  border-style: solid;
  border-width: 0.214em;
  border-radius: 50%;
  background: #fff;
}
#pricing-2023 #plans-basics .plan .ui-slider-horizontal .ui-slider-handle {
  top: -0.4em;
}
#pricing-2023 #plans-basics .plan .ui-slider .ui-slider-handle:focus {
  outline: 0;
}
@media screen and (max-width: 1200px) and (min-width: 992px) {
  #pricing-2023 #plans-basics .plan .plan__slider .plan__pricing {
    white-space: normal;
  }
  #pricing-2023 #plans-basics .plan .plan__cta .btn {
    font-size: 14px;
  }
}
@media screen and (max-width: 992px) {
  #pricing-2023 #plans-basics .plan a.collapsible.collapsible-mobile {
    display: inline-block;
    font-weight: 500;
    font-size: 15px;
    margin: 16px 0;
  }
  #pricing-2023 #plans-basics .plan a.collapsible.collapsible-mobile span.icon {
    font-size: 11px;
    margin-left: 2px;
  }
  #pricing-2023
    #plans-basics
    .plan
    a.collapsible.collapsible-mobile.active
    span {
    transform: rotate(180deg);
    display: inline-block;
  }
  #pricing-2023 #plans-basics .plan.plan-growth {
    box-shadow: none;
  }
  #pricing-2023 #plans-basics .plan.active .mobile-features {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  #pricing-2023 #plans-basics .plan.active .mobile-features ul:first-of-type {
    padding: 0 4px;
    min-height: inherit;
    border: none;
  }
}
#pricing-2023 #plans-basics .tooltip-2 {
  position: relative;
  z-index: 100;
  display: block;
  opacity: 0;
  visibility: hidden;
  padding: 5px;
  font-size: 12px;
  margin-top: 0;
  bottom: 3.4em;
  margin-left: -5.8em;
  width: 150px;
}
#pricing-2023 #plans-basics .tooltip-2--visible {
  opacity: 1;
  visibility: visible;
}
#pricing-2023 #plans-basics .tooltip-2--not-visible {
  transition: all 0.4s ease-in-out 2s;
  -o-transition: all 0.4s ease-in-out 2s;
  -ms-transition: all 0.4s ease-in-out 2s;
  -moz-transition: all 0.4s ease-in-out 2s;
  -webkit-transition: all 0.4s ease-in-out 2s;
}
#pricing-2023 #plans-basics .tooltip-2--bigger {
  bottom: 8.5em;
}
#pricing-2023 #plans-basics .tooltip-2--bigger .connections > div {
  margin-top: 5px;
  margin-bottom: 5px;
}
#pricing-2023 #plans-basics .tooltip-2__arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-top-width: 7px;
  border-top-style: solid;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  position: absolute;
  width: 0;
  height: 0;
}
#pricing-2023 #plans-basics .tooltip-2__inner {
  padding: 4px 8px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  border-radius: 14px;
}
@media only screen and (max-width: 1200px) {
  #pricing-2023 #plans-basics {
    padding: 0;
  }
}
@media only screen and (max-width: 992px) {
  #pricing-2023 #plans-basics {
    text-align: center;
    font-size: 0;
  }
  #pricing-2023 #plans-basics .plan-container:nth-child(2) {
    margin: 0;
  }
  #pricing-2023 #plans-basics .plans-basics__container {
    gap: 15px;
  }
  #pricing-2023 #plans-basics .plan-container {
    display: inline-block;
    vertical-align: top;
  }
  #pricing-2023 #plans-basics .plan-container:first-child .plan {
    border-radius: 16px;
  }
  #pricing-2023 #plans-basics .plan-container:last-child .plan {
    border-radius: 16px;
  }
  #pricing-2023 #plans-basics .plan-container .plan {
    border-radius: 16px;
    border: 1px solid rgba(142, 146, 155, 0.4);
    height: auto;
  }
  #pricing-2023 #plans-basics .plan-container .plan.plan-growth {
    margin: 0;
    padding-top: 16px;
  }
  #pricing-2023 #plans-basics .plan-container:last-child {
    margin-bottom: 0;
  }
  #pricing-2023 #plans-basics .plan-container .scroll {
    display: none;
  }
  #pricing-2023 #plans-basics .plan {
    height: 100%;
  }
  #pricing-2023 #plans-basics .plan__slider .question {
    text-align: center;
  }
  #pricing-2023 #plans-basics .plan__description {
    height: auto;
  }
}
@media only screen and (max-width: 992px) {
  #pricing-2023 #plans-basics {
    padding: 0 0 60px;
  }
}
@media only screen and (max-width: 768px) {
  #pricing-2023 #plans-basics {
    margin-top: 52px;
    padding: 0 20px 60px;
  }
  #pricing-2023 #plans-basics .plan-container {
    margin: 0 0 25px;
  }
}
@media only screen and (max-width: 480px) {
  #pricing-2023 #plans-basics {
    margin-top: 52px;
  }
  #pricing-2023 #plans-basics .plan__slider {
    height: 100%;
    min-height: 40px;
  }
  #pricing-2023 #plans-basics .plan__description {
    height: auto;
    margin-bottom: 10px;
  }
}
#pricing-2023 #plans-all-features {
  margin-top: 45px;
  padding: 0 0 32px;
  font-size: 18px;
  color: #8e929b;
}
#pricing-2023 #plans-all-features h1 {
  font-size: 36px;
  font-weight: 500;
  color: #000;
  text-align: center;
  margin-bottom: 60px;
}
#pricing-2023 #plans-all-features .container {
  display: none;
  margin-top: 72px;
  padding: 0 15px;
}
#pricing-2023 #plans-all-features .collapsible {
  text-align: center;
  font-weight: 500;
  color: #4d71f1;
  font-size: 16px;
  cursor: pointer;
  position: relative;
  margin: auto;
  max-width: 1160px;
}
#pricing-2023 #plans-all-features .collapsible .collapsable-holder {
  display: inline-block;
  background: #fff;
  padding: 0 20px;
  position: relative;
}
#pricing-2023 #plans-all-features .collapsible::before {
  content: "";
  width: 100%;
  height: 1px;
  display: block;
  background: #4d71f1;
  position: absolute;
  top: 50%;
  left: 0;
}
#pricing-2023 #plans-all-features .collapsible .icon {
  font-size: 8px;
  vertical-align: middle;
}
#pricing-2023 #plans-all-features .collapsible .icon:before {
  transition: transform 0.4s ease-in-out;
  -o-transition: transform 0.4s ease-in-out;
  -ms-transition: transform 0.4s ease-in-out;
  -moz-transition: transform 0.4s ease-in-out;
  -webkit-transition: transform 0.4s ease-in-out;
}
#pricing-2023 #plans-all-features .collapsible--opened .icon:before {
  transform: rotate(270deg);
  -o-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
  transition: transform 0.4s ease-in-out;
  -o-transition: transform 0.4s ease-in-out;
  -ms-transition: transform 0.4s ease-in-out;
  -moz-transition: transform 0.4s ease-in-out;
  -webkit-transition: transform 0.4s ease-in-out;
}
#pricing-2023 #plans-all-features .item {
  padding: 15px 0;
}
#pricing-2023 #plans-all-features .feature,
#pricing-2023 #plans-all-features .plan {
  text-align: center;
}
#pricing-2023 #plans-all-features .plan__feature:nth-child(2n) {
  background: 0 0;
}
#pricing-2023 #plans-all-features .plan__feature:nth-child(odd) {
  background: rgba(114, 117, 124, 0.06);
}
#pricing-2023 #plans-all-features .section__feature:nth-child(odd) {
  background: 0 0;
}
#pricing-2023 #plans-all-features .section__feature:nth-child(2n) {
  background: rgba(114, 117, 124, 0.06);
}
#pricing-2023 #plans-all-features .plan__feature {
  font-weight: 500;
  color: rgba(13, 15, 17, 0.8);
  font-size: 13px;
  line-height: 16px;
  display: flex;
  height: 56px;
  letter-spacing: 0;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
#pricing-2023 #plans-all-features .plan__feature .icon {
  font-size: 20px;
  line-height: 20px;
}
#pricing-2023 #plans-all-features .plan__feature .icon::before {
  font-size: 18px;
}
#pricing-2023 #plans-all-features .plan__feature .desktop {
  display: block;
}
#pricing-2023 #plans-all-features .section__name {
  font-weight: 700;
  text-transform: uppercase;
  vertical-align: middle;
  font-size: 14px;
  line-height: 16px;
  color: #55585d;
  padding: 76px 0 24px;
  display: flex;
  align-items: center;
  color: #272b30;
}
#pricing-2023 #plans-all-features .section__name small {
  align-self: center;
}
#pricing-2023 #plans-all-features .section__name small.info {
  flex-shrink: 0;
  display: block;
  width: 16px;
  height: 16px;
}
#pricing-2023 #plans-all-features .separator {
  height: 116px;
}
#pricing-2023 #plans-all-features .section__name:first-of-type {
  vertical-align: top;
  padding-top: 0;
}
#pricing-2023 #plans-all-features .section__feature {
  font-weight: 400;
  padding-left: 12px;
  padding-right: 12px;
  color: rgba(13, 15, 17, 0.8);
  font-size: 14px;
  line-height: 17px;
  display: flex;
  height: 56px;
  align-items: center;
}
#pricing-2023 #plans-all-features .section__feature .feature__label {
  max-width: 238px;
}
#pricing-2023 #plans-all-features .section__feature.disclaimer {
  font-size: 12px;
  color: #55585d;
}
#pricing-2023 #plans-all-features .section__feature small.info {
  display: none;
}
#pricing-2023 #plans-all-features .section__feature:hover small.info {
  display: inline-block;
}
#pricing-2023 #plans-all-features .section__feature .stamp {
  font-size: 10px;
  line-height: 16px;
  font-weight: 700;
  text-transform: uppercase;
  border-radius: 3px;
  padding: 0 6px;
  color: #fff;
  margin-left: 6px;
}
#pricing-2023 #plans-all-features .section__feature .stamp.blue {
  background: #2e4797;
}
#pricing-2023 #plans-all-features .section__feature .stamp.green {
  background: #02b875;
}
#pricing-2023 #plans-all-features .section__feature .stamp.orange {
  background: #fa870c;
}
#pricing-2023 #plans-all-features .plan {
  float: left;
  border-left: 1px solid #d0d0d0;
}
#pricing-2023 #plans-all-features .plan__description {
  font-size: 20px;
  font-weight: 500;
}
#pricing-2023 #plans-all-features .plan-professional .plan__description .name {
  color: #4d71f1;
}
#pricing-2023
  #plans-all-features
  .plan-professional
  .plan__description
  .cta
  .btn {
  color: #4d71f1;
  border-color: #4d71f1;
}
#pricing-2023
  #plans-all-features
  .plan-professional
  .plan__description
  .cta
  .btn:hover {
  color: #fff;
  background: #4d71f1;
}
#pricing-2023 #plans-all-features .plan-professional .plan__feature .icon {
  color: #4d71f1;
}
#pricing-2023 #plans-all-features .plan-growth .plan__description .name {
  color: #2e4797;
}
#pricing-2023 #plans-all-features .plan-growth .plan__description .cta .btn {
  color: #fff;
  background: #2e4797;
  border-color: #2e4797;
}
#pricing-2023
  #plans-all-features
  .plan-growth
  .plan__description
  .cta
  .btn:hover {
  background: 0 0;
  color: #2e4797;
}
#pricing-2023 #plans-all-features .plan-growth .plan__feature .icon {
  color: #2e4797;
}
#pricing-2023 #plans-all-features .plan-premium {
  border-right: 1px solid #d0d0d0;
}
#pricing-2023 #plans-all-features .plan-premium .plan__description .name {
  color: #7540ab;
}
#pricing-2023 #plans-all-features .plan-premium .plan__description .cta .btn {
  color: #7540ab;
  border-color: #7540ab;
}
#pricing-2023
  #plans-all-features
  .plan-premium
  .plan__description
  .cta
  .btn:hover {
  color: #fff;
  background: #7540ab;
}
#pricing-2023 #plans-all-features .plan-premium .plan__feature .icon {
  color: #7540ab;
}
@media screen and (max-width: 1200px) and (min-width: 992px) {
  #pricing-2023 #plans-all-features .plan .plan__description .cta .btn {
    font-size: 12px;
  }
}
#pricing-2023 #plans-all-features .empty {
  min-height: 125px;
}
#pricing-2023 #plans-all-features .empty.pricing-label {
  background: rgba(114, 117, 124, 0.06);
  min-height: 56px;
  padding: 0 10px;
  display: flex;
  align-items: center;
  font-size: 14px;
  line-height: 16px;
  color: #72757c;
  font-weight: 400;
}
#pricing-2023 #plans-all-features .plan__description {
  padding: 0 5px;
  letter-spacing: 0;
}
#pricing-2023 #plans-all-features .plan__description .name {
  font-size: 18px;
  line-height: 24px;
  margin: 0 0 6px;
  font-weight: 700;
  letter-spacing: 0.4px;
}
#pricing-2023 #plans-all-features .plan__description .description {
  font-size: 11px;
  line-height: 16px;
  font-weight: 400;
  color: rgba(13, 15, 17, 0.8);
  min-height: 95px;
}
#pricing-2023 #plans-all-features .plan__description .price {
  font-size: 28px;
  display: block;
  background: rgba(114, 117, 124, 0.06);
  margin: 0 -5px;
  padding: 8px 0;
  position: relative;
  font-weight: 700;
  color: #2d3237;
}
#pricing-2023 #plans-all-features .plan__description .price:before {
  content: "$";
  position: absolute;
  color: #8e929b;
  font-size: 12px;
  left: inherit;
  margin-left: -10px;
  margin-top: 5px;
  top: inherit;
}
#pricing-2023 #plans-all-features .plan__description .price:after {
  content: "/month";
  font-size: 12px;
  color: #8e929b;
}
#pricing-2023 #plans-all-features .plan__description .cta {
  background: 0 0;
  padding: 24px 5px 50px;
}
#pricing-2023 #plans-all-features .plan__description .cta .btn {
  text-transform: none;
  padding: 0;
  display: block;
  font-size: 14px;
  line-height: 40px;
  border-radius: 5px;
  border: 1px solid #72757c;
  color: #72757c;
  font-weight: 500;
}
#pricing-2023 #plans-all-features .pricing-header-content,
#pricing-2023 #plans-all-features .pricing-options {
  display: flex !important;
}
#pricing-2023 #plans-all-features .pricing-header-content .section,
#pricing-2023 #plans-all-features .pricing-options .section {
  flex: 1 1 40%;
}
#pricing-2023 #plans-all-features .pricing-header-content .plan,
#pricing-2023 #plans-all-features .pricing-options .plan {
  flex: 1 1 20%;
}
#pricing-2023 #plans-all-features .pricing-header .plan {
  min-height: inherit;
}
#pricing-2023 #plans-all-features .pricing-header .pricing-header-content {
  display: block;
}
#pricing-2023
  #plans-all-features
  .pricing-header
  .pricing-header-content.container {
  margin-top: 0;
}
#pricing-2023 #plans-all-features .pricing-header--fixed {
  position: fixed;
  top: 76px;
  background-color: #fff;
  left: 0;
  width: 100%;
  padding-top: 16px;
  z-index: 999;
}
#pricing-2023
  #plans-all-features
  .pricing-header--fixed
  .pricing-header-content {
  margin: auto;
  display: block;
}
#pricing-2023
  #plans-all-features
  .pricing-header--fixed
  .pricing-header-content.container {
  display: block;
}
#pricing-2023
  #plans-all-features
  .pricing-header--fixed
  .pricing-header-content
  .plan {
  border: none;
  min-height: inherit;
}
#pricing-2023 #plans-all-features .pricing-header--fixed .section {
  opacity: 0;
}
#pricing-2023 #plans-all-features .pricing-header--fixed .section .empty-space {
  display: none;
}
#pricing-2023
  #plans-all-features
  .pricing-header--fixed
  .plan__description
  .name {
  margin: 0 0 3px;
}
#pricing-2023
  #plans-all-features
  .pricing-header--fixed
  .plan__description
  .description {
  display: none;
}
#pricing-2023
  #plans-all-features
  .pricing-header--fixed
  .plan__description
  .price {
  background: 0 0;
  padding: 0 0 4px;
}
#pricing-2023
  #plans-all-features
  .pricing-header--fixed
  .plan__description
  .cta {
  padding-bottom: 21px;
  padding-top: 0;
}
#pricing-2023 #plans-all-features .pricing-options.fixed {
  padding-top: 300px;
}
#pricing-2023 #plans-all-features .pricing-options .section {
  margin-top: -40px;
}
#pricing-2023 #plans-all-features small.info {
  width: 16px;
  height: 16px;
}
@media only screen and (max-width: 1200px) {
  #pricing-2023 #plans-all-features .section__name {
    min-height: 116px;
    padding-top: 60px;
    display: flex;
    align-items: flex-end;
  }
  #pricing-2023 #plans-all-features .section__name:first-of-type {
    min-height: initial;
  }
}
@media only screen and (max-width: 992px) {
  #pricing-2023 #plans-all-features .section {
    display: none;
  }
  #pricing-2023 #plans-all-features .item {
    padding: 15px 10px;
  }
  #pricing-2023 #plans-all-features .plan {
    margin: 0 15px 30px;
    border: 1px solid rgba(142, 146, 155, 0.25);
  }
  #pricing-2023 #plans-all-features .plan__feature .mobile {
    display: table;
  }
  #pricing-2023 #plans-all-features .plan__feature .mobile .feature,
  #pricing-2023 #plans-all-features .plan__feature .mobile .short-value {
    display: table-cell;
    vertical-align: middle;
  }
  #pricing-2023 #plans-all-features .plan__feature .mobile .short-value {
    min-width: 120px;
  }
  #pricing-2023 #plans-all-features .plan__feature .mobile .feature {
    text-align: left;
  }
  #pricing-2023 #plans-all-features .plan__feature .desktop {
    display: none;
  }
}
@media screen and (max-width: 1200px) and (min-width: 992px) {
  #pricing-2023 #plans-all-features .plan {
    min-height: 840px;
  }
}
@media only screen and (max-width: 769px) {
  #pricing-2023 #plans-all-features .plan {
    float: none;
    margin: 0 auto 30px;
  }
  #pricing-2023 #plans-all-features .plan:last-child {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 992px) {
  #pricing-2023 #plans-all-features {
    display: none;
  }
}
#pricing-2023.agency .tooltip-2--bigger {
  bottom: 9.8em !important;
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
#product-and-engineering .btn-lg {
  font-size: 16px;
}
#product-and-engineering #teams {
  padding-top: 45px;
  padding-bottom: 110px;
}
#product-and-engineering #teams h2 {
  font-size: 36px;
  line-height: 42px;
  color: #2d3237;
  text-align: left;
  margin-bottom: 30px;
  letter-spacing: 0;
  font-weight: 500;
}
#product-and-engineering #teams p {
  font-size: 18px;
  line-height: 28px;
  color: #8e929b;
  text-align: left;
  margin-top: 20px;
  letter-spacing: 0;
  font-weight: 400;
}
@media only screen and (max-width: 992px) {
  #product-and-engineering #teams .img-container {
    margin-top: 50px;
  }
}
#product-and-engineering #multi-product-cta {
  padding-top: 120px;
  margin-bottom: 155px;
  background: linear-gradient(90deg, #efe8fc 0, #e4f4ee 100%);
}
#product-and-engineering #multi-product-cta .container::after {
  clear: none;
}
#product-and-engineering #multi-product-cta .row:last-child {
  margin-bottom: -155px;
}
#product-and-engineering #tech-stack {
  padding-top: 90px;
  padding-bottom: 100px;
  background-color: #fff;
}
#product-and-engineering #joining-databox {
  margin-top: 76px;
  padding-bottom: 106px;
  background: #efe8fc;
  background: linear-gradient(90deg, #efe8fc 0, #e4f4ee 100%);
  letter-spacing: 0;
}
#product-and-engineering #joining-databox .inspiring-workplace {
  display: block;
  margin: -80px auto 48px;
}
#product-and-engineering #joining-databox .container {
  padding: 0 106px;
}
#product-and-engineering #joining-databox strong {
  font-size: 24px;
  line-height: 28px;
  color: #252525;
}
#product-and-engineering #joining-databox h2 {
  font-weight: 500;
  letter-spacing: 0;
}
#product-and-engineering #joining-databox p {
  font-size: 18px;
  line-height: 28px;
  color: #8e929b;
  margin-top: 20px;
  margin-bottom: 50px;
  letter-spacing: 0;
  font-weight: 400;
}
#product-and-engineering #joining-databox p a {
  font-weight: 400;
  text-decoration: underline;
}
#product-and-engineering #joining-databox .col:nth-child(2n) {
  padding-left: 45px;
}
#product-and-engineering #joining-databox .col:nth-child(odd) {
  padding-right: 45px;
}
#product-and-engineering #joining-databox .extra {
  text-align: center;
}
#product-and-engineering #joining-databox #talent-resource {
  width: 100%;
  margin: 12px auto 0;
}
#product-and-engineering #joining-databox #talent-resource p {
  margin: 0;
}
#product-and-engineering #joining-databox #talent-resource strong {
  font-size: 20px;
  line-height: 26px;
}
#product-and-engineering #joining-databox #talent-resource a {
  font-weight: 500;
}
@media only screen and (max-width: 992px) {
  #product-and-engineering #joining-databox .inspiring-workplace {
    width: 75px;
    margin-top: -60px;
  }
  #product-and-engineering #joining-databox .container {
    padding: 0 15px;
  }
  #product-and-engineering #joining-databox .col:nth-child(2n) {
    padding-left: 15px;
  }
  #product-and-engineering #joining-databox .col:nth-child(odd) {
    padding-right: 15px;
  }
}
#product-and-engineering #life-at-databox {
  background: linear-gradient(90deg, #efe8fc 0, #e4f4ee 100%);
}
@media only screen and (max-width: 992px) {
  #product-and-engineering #life-at-databox .vimeo-wrapper {
    margin-top: 50px;
  }
}
#product-and-engineering #collaboration {
  background: linear-gradient(
    89.93deg,
    rgba(122, 68, 230, 0.1) 0.08%,
    rgba(29, 154, 214, 0.1) 99.96%
  );
  padding: 96px 0 0;
}
#product-and-engineering #collaboration .container {
  padding: 0 73px;
}
#product-and-engineering #collaboration .container::after {
  clear: none;
}
#product-and-engineering #collaboration h2 {
  margin: 0 0 32px;
  font-weight: 500;
  font-size: 36px;
  line-height: 42px;
  letter-spacing: 0;
}
#product-and-engineering #collaboration p {
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 0;
  color: #000;
}
#product-and-engineering #collaboration .collaborators {
  margin-top: 52px;
  margin-bottom: -104px;
}
#product-and-engineering #collaboration .collaborators img {
  max-width: 100%;
}
@media only screen and (max-width: 992px) {
  #product-and-engineering #collaboration .container {
    padding: 0 15px;
  }
  #product-and-engineering #collaboration .collaborators .col {
    margin-bottom: 20px;
  }
}
#product-and-engineering #jobs {
  clear: both;
  padding-top: 80px;
}
#product-and-engineering #jobs .inspiring-workplace {
  display: none;
}
#product-and-engineering #jobs .container {
  padding-top: 140px;
  background-image: url(../img/product/bg-cta-purple-gradient.png);
}
#product-and-engineering #jobs .container p {
  font-size: 18px;
  line-height: 28px;
  text-align: center;
  color: #48555f;
  margin-bottom: 60px;
}
#product-and-engineering #jobs h2 {
  color: #2d3237;
  margin-bottom: 20px;
}
#product-and-engineering #jobs .job__position a {
  color: #7a44e6;
}
#product-and-engineering #jobs .job__department {
  color: #292929;
}
@media only screen and (max-width: 666px) {
  #product-and-engineering #jobs .container {
    padding-top: 40px;
    background: #bbe1f3;
    background: linear-gradient(180deg, #dbcbf1 0, #bbe1f3 100%);
  }
}
#product-and-engineering #reviews-best-product {
  padding-bottom: 140px;
  border-top: 3px solid rgba(217, 228, 233, 0.35);
}
#product-and-engineering #reviews-best-product h2 {
  font-size: 40px;
  font-weight: 500;
  color: #2d3237;
  text-align: center;
  margin-bottom: 25px;
}
#product-and-engineering #reviews-best-product p {
  color: #8e929b;
}
#product-and-engineering #product-faq {
  padding-top: 100px;
  padding-bottom: 130px;
  background-color: rgba(166, 176, 186, 0.12);
}
#product-and-engineering #product-faq h2 {
  font-size: 40px;
}
#product-and-engineering #product-faq .collapsible {
  border-top: 1px solid rgba(72, 85, 95, 0.1);
  padding: 15px 20px 8px;
}
#product-and-engineering #product-faq .collapsible:last-of-type {
  border-bottom: 1px solid rgba(72, 85, 95, 0.1);
  padding-bottom: 15px;
}
#product-and-engineering #product-faq .collapsible__header > .icon {
  color: #7a44e6;
}
#product-and-engineering #product-faq .collapsible__content p {
  font-size: 16px;
  line-height: 24px;
  color: #8e929b;
}
.tabs-switcher__header {
  display: flex;
  list-style-type: none;
  border-bottom: 1px solid rgba(142, 146, 155, 0.25);
  margin: 0;
  padding: 0;
}
.tabs-switcher__header li {
  flex: 1;
  font-weight: 400;
  margin-bottom: -3px;
  font-size: 16px;
  line-height: 22px;
  color: rgba(45, 50, 55, 0.5);
  padding: 15px 20px;
  min-width: 150px;
  cursor: pointer;
}
.tabs-switcher__header li.selected {
  color: #2d3237;
  border-bottom: 3px solid #48555f;
}
.tabs-switcher__image {
  padding-top: 50px;
}
@media only screen and (max-width: 992px) {
  .tabs-switcher__header {
    overflow-x: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
    padding-bottom: 3px;
  }
  .tabs-switcher__header::-webkit-scrollbar {
    display: none;
  }
}
#future-generation-playmakers {
  padding: 90px 0 190px;
  clear: both;
}
#future-generation-playmakers .container {
  padding-left: 130px;
  padding-right: 130px;
}
@media only screen and (max-width: 992px) {
  #future-generation-playmakers .container {
    padding-left: 30px;
    padding-right: 30px;
  }
}
#future-generation-playmakers .above-h2 {
  color: #fc9a3c;
  font-weight: 500;
  line-height: 32px;
  letter-spacing: 0;
}
#future-generation-playmakers h2 {
  margin: 0 0 75px;
  font-weight: 500;
  line-height: 50px;
  letter-spacing: 0;
}
#future-generation-playmakers p {
  font-size: 18px;
  line-height: 28px;
  color: #8e929b;
  margin-bottom: 25px;
  letter-spacing: 0;
  font-weight: 400;
}
#future-generation-playmakers p strong {
  color: #2d3237;
}
#future-generation-playmakers a {
  text-decoration: underline;
  font-weight: 500;
  color: #0072bc;
}
#future-generation-playmakers strong {
  color: #2d3237;
}
#future-generation-playmakers .image {
  text-align: right;
}
#future-generation-playmakers .img-container {
  position: relative;
}
#future-generation-playmakers .img-container .sign {
  position: absolute;
  top: -40px;
  left: -45px;
  width: 135px;
}
@media only screen and (max-width: 992px) {
  #future-generation-playmakers .text {
    padding-right: 0;
  }
  #future-generation-playmakers .image {
    width: 100%;
  }
  #future-generation-playmakers .image .slick-slide {
    margin-top: 0 !important;
  }
  #future-generation-playmakers .img-container {
    padding-top: 0;
    max-width: 100%;
  }
  #future-generation-playmakers .img-container .sign {
    top: 30px;
    left: -15px;
  }
}
@media only screen and (max-width: 480px) {
  #future-generation-playmakers .img-container .sign {
    display: none;
  }
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
#product-updates .header {
  background: 0 0;
  padding: 60px 0 12px;
}
#product-updates .header .logo-menu {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 35px;
  border-bottom: 1px solid rgba(142, 146, 155, 0.2);
  gap: 12px;
}
#product-updates .header .logo-menu .logo {
  display: flex;
  align-items: center;
  gap: 10px;
}
#product-updates .header .logo-menu .logo > h1 {
  font-size: 24px;
  color: #2d3237;
  font-weight: 700;
  margin: 0;
  text-align: left;
}
#product-updates .header .logo-menu .menu {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 32px;
}
#product-updates .header .logo-menu .menu > .dbx-btn {
  padding-right: 0;
}
#product-updates #entries {
  padding-top: 0;
}
#product-updates .entry {
  position: relative;
  padding-top: 100px;
}
#product-updates .entry .line {
  position: absolute;
  height: 1px;
  top: 1px;
  left: 50px;
  right: 100px;
  background-color: rgba(142, 146, 155, 0.2);
}
#product-updates .entry:first-child .line {
  display: none;
}
#product-updates .entry .col-time {
  font-size: 16px;
  line-height: 32px;
  color: #8e929b;
  text-align: right;
}
#product-updates .entry .time {
  padding-right: 30px;
}
#product-updates .entry .col-text {
  padding-bottom: 40px;
}
#product-updates .entry .tag-wrapper {
  position: relative;
}
#product-updates .entry .tag {
  position: absolute;
  top: -20px;
  left: 0;
  font-size: 9px;
  line-height: 16px;
  border-radius: 3px;
  padding: 0 8px;
  background-color: green;
  color: #fff;
  text-transform: uppercase;
  font-weight: 400;
}
#product-updates .entry .tag.tag-new {
  background-color: #2bb673;
}
#product-updates .entry .tag.tag-improvement {
  background-color: #ffac36;
}
#product-updates .entry .tag.tag-bugfix {
  background-color: #f25b4d;
}
#product-updates .entry .tag.tag-data-integrations {
  background-color: #8560a8;
}
#product-updates .entry .title {
  font-size: 22px;
  line-height: 32px;
  font-weight: 700;
  margin: 0 0 10px;
}
#product-updates .entry .title a {
  color: #2d3237;
}
#product-updates .entry img {
  margin: 25px 0;
  max-width: 100%;
}
#product-updates .entry .text {
  font-size: 16px;
  margin: 10px 0;
  line-height: 30px;
}
#product-updates .entry .text .ql-align-center {
  text-align: center;
}
#product-updates .entry .text .ql-align-right {
  text-align: right;
}
#product-updates .entry .text strong {
  font-weight: 700;
}
#product-updates .entry .dbx-btn {
  margin-top: 16px;
  padding: 12px 24px;
}
@media only screen and (max-width: 991px) {
  #product-updates .header .logo-menu {
    flex-direction: column;
    padding-bottom: 0;
    gap: 52px;
  }
  #product-updates .header .logo-menu .logo > img {
    width: 50px;
    height: auto;
  }
  #product-updates .header .logo-menu .logo > h1 {
    font-size: 18px;
    color: #2d3237;
    font-weight: 500;
    margin: 0;
  }
  #product-updates .header .logo-menu .menu {
    width: 100%;
    border-top: 1px solid rgba(142, 146, 155, 0.2);
    gap: 16px;
  }
  #product-updates .entry {
    padding-top: 40px;
  }
  #product-updates .entry .line {
    left: 15px;
    right: 15px;
  }
  #product-updates .entry .col-time {
    text-align: left;
    padding-bottom: 25px;
  }
}
.footer-product-updates {
  padding-block: 80px;
  position: relative;
  overflow: hidden;
}
.footer-product-updates .dbx-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
}
.footer-product-updates .footer-product-updates__description {
  font-size: 16px;
  line-height: 32px;
  color: #fff;
  text-align: center;
  margin: 0;
  font-weight: 700;
}
.footer-product-updates:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #161023;
  z-index: -2;
}
.footer-product-updates:before {
  content: "";
  position: absolute;
  top: -200px;
  left: 50%;
  transform: translateX(-50%);
  width: 4780px;
  height: 1988px;
  background-image: url(../img/footer/footer-background.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center top;
  z-index: -1;
  pointer-events: none;
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
html {
  font-size: 16px !important;
}
.dbx-page ul {
  padding-inline-start: 0;
  margin-bottom: unset;
}
.dbx-page li {
  list-style: none;
}
.dbx-page .dbx-container {
  display: flex;
  flex-direction: column;
}
.dbx-page .dbx-container strong {
  font-weight: 700;
}
.dbx-page .dbx-container > h1,
.dbx-page .dbx-container > h2 {
  margin-bottom: 16px;
}
.dbx-page .dbx-container > h3,
.dbx-page .dbx-container > h4 {
  margin-bottom: 24px;
}
.dbx-page .dbx-container > p {
  max-width: 750px;
  margin-bottom: 56px;
}
.dbx-page > section {
  max-width: 100vw;
  margin-bottom: 80px;
}
.dbx-page > section > h2 {
  margin-inline: auto;
}
.product-page2 .header {
  min-height: 750px;
  background-size: cover;
  position: relative;
  text-align: left;
}
.product-page2 .header h1 {
  font-size: 44px;
  line-height: 1.2;
  font-weight: 500;
}
.product-page2 .header .img-ct {
  position: absolute;
}
.product-page2 .header .img-ct img {
  display: block;
  max-height: 100%;
}
.product-page2 .header .text-ct {
  position: relative;
  float: right;
  width: 50%;
  min-height: 570px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.product-page2 .header__img-wrapper {
  position: relative;
}
.product-page2 .header__img-wrapper .img-ct {
  top: 0;
}
.product-page2 .header--center {
  padding-bottom: 100px;
}
.product-page2 .header--center h1,
.product-page2 .header--center h2 {
  text-align: center;
  margin-bottom: 40px;
}
.product-page2 .header--center .embed,
.product-page2 .header--center h2 {
  max-width: 980px;
  margin-right: auto;
  margin-left: auto;
}
.product-page2 .header--center .signupBox {
  margin: 0 auto 70px;
  text-align: center;
}
.product-page2 h2 {
  font-weight: 200;
  font-size: 22px;
  line-height: 1.4;
  margin: 24px 0 20px;
}
.product-page2 .numbered {
  position: relative;
}
.product-page2 .numbered:before {
  position: absolute;
  width: 23px;
  height: 23px;
  font-size: 16px;
  line-height: 22px;
  border-radius: 100%;
  text-align: center;
  padding-left: 1px;
}
.product-page2 .numbered.numbered-1:before {
  content: "1";
}
.product-page2 .numbered.numbered-2:before {
  content: "2";
}
.product-page2 .numbered.numbered-3:before {
  content: "3";
}
.product-page2 h3.numbered:before {
  border: 1px solid;
  top: 11px;
  left: -30px;
}
.product-page2 h3 .underlined {
  text-decoration: underline;
  text-decoration-skip-ink: none;
}
.product-page2 h3 .underlined--color-acd373 {
  text-decoration-color: #acd373;
  -webkit-text-decoration-color: #acd373;
}
.product-page2 h3 .underlined--color-ffdb16 {
  text-decoration-color: #ffdb16;
  -webkit-text-decoration-color: #ffdb16;
}
.product-page2 h3 .underlined--color-12c1ff {
  text-decoration-color: #12c1ff;
  -webkit-text-decoration-color: #12c1ff;
}
.product-page2 h3 .underlined--color-ffbc0c {
  text-decoration-color: #ffbc0c;
  -webkit-text-decoration-color: #ffbc0c;
}
.product-page2 h3 .underlined--color-59cfcd {
  text-decoration-color: #59cfcd;
  -webkit-text-decoration-color: #59cfcd;
}
.product-page2 h3 .underlined--color-da68a4 {
  text-decoration-color: #da68a4;
  -webkit-text-decoration-color: #da68a4;
}
.product-page2 h3 .underlined--color-1197d9 {
  text-decoration-color: #1197d9;
  -webkit-text-decoration-color: #1197d9;
}
.product-page2 h3 .underlined--color-db66a5 {
  text-decoration-color: #db66a5;
  -webkit-text-decoration-color: #db66a5;
}
.product-page2 h3 .underlined--color-ffd52b {
  text-decoration-color: #ffd52b;
  -webkit-text-decoration-color: #ffd52b;
}
.product-page2 h3 .underlined--color-2bb5ff {
  text-decoration-color: #2bb5ff;
  -webkit-text-decoration-color: #2bb5ff;
}
.product-page2 h3 .underlined--color-52a3d8 {
  text-decoration-color: #52a3d8;
  -webkit-text-decoration-color: #52a3d8;
}
.product-page2 h3 .underlined--color-64c4c6 {
  text-decoration-color: #64c4c6;
  -webkit-text-decoration-color: #64c4c6;
}
.product-page2 h3 .underlined--color-d3739d {
  text-decoration-color: #d3739d;
  -webkit-text-decoration-color: #d3739d;
}
.product-page2 h3 .underlined--color-f76868 {
  text-decoration-color: #f76868;
  -webkit-text-decoration-color: #f76868;
}
.product-page2 h3 .underlined--color-59a6d0 {
  text-decoration-color: #59a6d0;
  -webkit-text-decoration-color: #59a6d0;
}
.product-page2 h3 .underlined--color-ff2b72 {
  text-decoration-color: #ff2b72;
  -webkit-text-decoration-color: #ff2b72;
}
.product-page2 h3 .underlined--color-9ac82f {
  text-decoration-color: #9ac82f;
  -webkit-text-decoration-color: #9ac82f;
}
.product-page2 h3 .underlined--color-1d99c2 {
  text-decoration-color: #1d99c2;
  -webkit-text-decoration-color: #1d99c2;
}
.product-page2 h3 .underlined--color-e04d85 {
  text-decoration-color: #e04d85;
  -webkit-text-decoration-color: #e04d85;
}
.product-page2 h3 .underlined--color-86e04d {
  text-decoration-color: #86e04d;
  -webkit-text-decoration-color: #86e04d;
}
.product-page2 h3 .underlined--color-1097d9 {
  text-decoration-color: #1097d9;
  -webkit-text-decoration-color: #1097d9;
}
.product-page2 h3 .underlined--color-8e929b {
  text-decoration-color: #8e929b;
  -webkit-text-decoration-color: #8e929b;
}
.product-page2 h3 .underlined--color-0bc5ff {
  text-decoration-color: #0bc5ff;
  -webkit-text-decoration-color: #0bc5ff;
}
.product-page2 h3 .underlined--color-ffbc0b {
  text-decoration-color: #ffbc0b;
  -webkit-text-decoration-color: #ffbc0b;
}
.product-page2 h3 .underlined--color-a7dd4c {
  text-decoration-color: #a7dd4c;
  -webkit-text-decoration-color: #a7dd4c;
}
.product-page2 h3 .underlined--color-9274b6 {
  text-decoration-color: #9274b6;
  -webkit-text-decoration-color: #9274b6;
}
.product-page2 h3 .underlined--color-f8c032 {
  text-decoration-color: #f8c032;
  -webkit-text-decoration-color: #f8c032;
}
.product-page2 h3 .underlined--color-de6783 {
  text-decoration-color: #de6783;
  -webkit-text-decoration-color: #de6783;
}
.product-page2 h3 .underlined--color-46d7f8 {
  text-decoration-color: #46d7f8;
  -webkit-text-decoration-color: #46d7f8;
}
.product-page2 h3 .underlined--color-f87b46 {
  text-decoration-color: #f87b46;
  -webkit-text-decoration-color: #f87b46;
}
.product-page2 h3 .underlined--color-0f97d9 {
  text-decoration-color: #0f97d9;
  -webkit-text-decoration-color: #0f97d9;
}
.product-page2 h3 .underlined--color-1eb863 {
  text-decoration-color: #1eb863;
  -webkit-text-decoration-color: #1eb863;
}
.product-page2 h3 .underlined--color-b464a7 {
  text-decoration-color: #b464a7;
  -webkit-text-decoration-color: #b464a7;
}
.product-page2 h3 .underlined--color-d1005d {
  text-decoration-color: #d1005d;
  -webkit-text-decoration-color: #d1005d;
}
.product-page2 h3 .underlined--color-ffac21 {
  text-decoration-color: #ffac21;
  -webkit-text-decoration-color: #ffac21;
}
.product-page2 h3 .underlined--color-ffac36 {
  text-decoration-color: #ffac36;
  -webkit-text-decoration-color: #ffac36;
}
.product-page2 h3 .underlined--color-ff222a {
  text-decoration-color: #ff222a;
  -webkit-text-decoration-color: #ff222a;
}
.product-page2 h3 .underlined--color-a39bae {
  text-decoration-color: #a39bae;
  -webkit-text-decoration-color: #a39bae;
}
.product-page2 h3 .underlined--color-c44951 {
  text-decoration-color: #c44951;
  -webkit-text-decoration-color: #c44951;
}
.product-page2 h3 .underlined--color-ac98ab {
  text-decoration-color: #ac98ab;
  -webkit-text-decoration-color: #ac98ab;
}
.product-page2 h3 .underlined--color-41637a {
  text-decoration-color: #41637a;
  -webkit-text-decoration-color: #41637a;
}
.product-page2 h3 .underlined--color-91c449 {
  text-decoration-color: #91c449;
  -webkit-text-decoration-color: #91c449;
}
.product-page2 p.numbered:before {
  font-weight: 500;
  color: #fff;
  top: 0;
  left: -14px;
  line-height: 23px;
}
.product-page2 #product-cta {
  text-align: center;
  padding: 0;
}
.product-page2 #product-cta .container {
  background-image: url(../img/product/bg-cta.png);
  background-size: 100% 100%;
}
.product-page2 #product-cta h2 {
  font-size: 36px;
  font-weight: 500;
  margin-top: 95px;
}
.product-page2 #product-cta p {
  font-size: 18px;
  color: #8e929b;
}
.product-page2 #product-cta .btn {
  margin: 32px 0 70px;
}
.product-page2 #product-review .wrap {
  position: relative;
  padding: 30px 190px 0 0;
  min-height: 220px;
}
.product-page2 #product-review .item {
  position: relative;
  padding-left: 138px;
}
.product-page2 #product-review .item img {
  position: absolute;
  top: 19px;
  left: 2px;
  border-radius: 100%;
}
.product-page2 #product-review .item p {
  font-size: 20px;
  line-height: 30px;
  font-style: italic;
  margin-bottom: 20px;
}
.product-page2 #product-review .item a {
  text-decoration: underline;
}
.product-page2 #product-review .services {
  position: absolute;
  top: 50%;
  margin-top: -80px;
  right: 0;
  width: 120px;
  text-align: center;
}
.product-page2 #product-review .services h2 {
  display: none;
}
.product-page2 #product-review .services a {
  display: block;
  margin-bottom: 32px;
}
.product-page2 #product-review .services img {
  width: 97px;
  height: 25px;
}
.product-page2 #product-review .services .g2crowd img {
  width: 116px;
  height: 30px;
}
.product-page2 #product-review .stars small {
  font-size: 11px;
  color: #8e929b;
  display: block;
  margin-bottom: 6px;
}
.product-page2 #product-review .stars img {
  width: 94px;
  height: 14px;
}
.product-page2 #product-review .case-studies {
  margin-top: 50px;
  margin-bottom: 50px;
  text-align: center;
}
.product-page2#product-overview .header-wrap {
  padding: 40px 0 80px;
  background-image: url(../img/product/bg-overview.jpg);
  background-size: cover;
}
.product-page2#product-overview .header {
  background: 0 0;
}
.product-page2#product-overview .header .img-ct {
  bottom: 100px;
  right: calc(50vw + 70px);
}
.product-page2#product-overview #product-cta {
  padding-bottom: 50px;
}
.product-page2 #product-overview-1 {
  position: relative;
  padding: 0;
  top: -120px;
  margin-bottom: -30px;
}
.product-page2 #product-overview-1 h3 {
  font-size: 40px;
  line-height: 50px;
  font-weight: 300;
  text-align: center;
  margin: 75px 0 0;
}
.product-page2 #product-overview-2,
.product-page2 #product-overview-3 {
  padding-bottom: 0;
}
.product-page2 #product-alerts-insights-4 h3,
.product-page2 #product-insights-2 h3,
.product-page2 #product-overview-2 h3,
.product-page2 #product-overview-3 h3,
.product-page2 #product-overview-4 h3 {
  font-size: 36px;
  line-height: 45px;
  text-align: center;
  margin-top: 12px;
}
.product-page2 #product-alerts-insights-4 p.under-h3,
.product-page2 #product-insights-2 p.under-h3,
.product-page2 #product-overview-2 p.under-h3,
.product-page2 #product-overview-3 p.under-h3,
.product-page2 #product-overview-4 p.under-h3 {
  font-size: 18px;
  line-height: 28px;
  text-align: center;
  color: #8e929b;
  margin-top: 20px;
}
.product-page2 #product-overview-2 .layout-emphasized-blocks,
.product-page2 #product-overview-3 .layout-emphasized-blocks,
.product-page2 #product-overview-4 .layout-emphasized-blocks {
  text-align: left;
  padding: 42px 53px 0;
}
.product-page2 #product-overview-2 .layout-emphasized-blocks .block,
.product-page2 #product-overview-3 .layout-emphasized-blocks .block,
.product-page2 #product-overview-4 .layout-emphasized-blocks .block {
  padding-left: 0;
  padding-right: 0;
}
.product-page2 #product-overview-2 .layout-emphasized-blocks .box,
.product-page2 #product-overview-3 .layout-emphasized-blocks .box,
.product-page2 #product-overview-4 .layout-emphasized-blocks .box {
  width: 342px;
  min-height: 410px;
  padding: 10px 25px 0 40px;
  border: none;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  text-align: left;
  font-size: 16px;
  line-height: 24px;
}
.product-page2 #product-overview-2 .layout-emphasized-blocks img,
.product-page2 #product-overview-3 .layout-emphasized-blocks img,
.product-page2 #product-overview-4 .layout-emphasized-blocks img {
  display: block;
}
.product-page2 #product-overview-2 .layout-emphasized-blocks small,
.product-page2 #product-overview-2 .layout-emphasized-blocks span,
.product-page2 #product-overview-3 .layout-emphasized-blocks small,
.product-page2 #product-overview-3 .layout-emphasized-blocks span,
.product-page2 #product-overview-4 .layout-emphasized-blocks small,
.product-page2 #product-overview-4 .layout-emphasized-blocks span {
  padding-left: 2px;
}
.product-page2 #product-overview-2 .layout-emphasized-blocks span,
.product-page2 #product-overview-3 .layout-emphasized-blocks span,
.product-page2 #product-overview-4 .layout-emphasized-blocks span {
  display: block;
  color: #2d3237;
  margin-top: 10px;
}
.product-page2 #product-overview-2 .layout-emphasized-blocks small,
.product-page2 #product-overview-3 .layout-emphasized-blocks small,
.product-page2 #product-overview-4 .layout-emphasized-blocks small {
  display: block;
  color: #1679a6;
  font-size: inherit;
  padding-top: 10px;
}
.product-page2#product-databoards .header {
  background-image: url(../img/product/databoards/bg.jpg);
}
.product-page2#product-databoards .header__img-wrapper .img-ct {
  left: -550px;
}
.product-page2#product-databoards #product-wizard-ui-steps {
  background: rgba(0, 114, 188, 0.08);
}
.product-page2#product-databoards
  #product-wizard-ui-steps
  .slick-active
  .step__number
  .number {
  background-color: #0072bc;
}
.product-page2#product-databoards
  #product-wizard-ui-steps
  .step-wrapper
  .description {
  color: #0072bc;
}
.product-page2#product-databoards #product-wizard-ui-steps .slick-dots li {
  width: 25%;
}
.product-page2#product-databoards
  #product-wizard-ui-steps
  .slick-dots
  .slick-active
  .step__number,
.product-page2#product-databoards
  #product-wizard-ui-steps
  .slick-dots
  .slick-active
  .step__title {
  color: #0072bc;
}
.product-page2 #product-databoards-8 h3,
.product-page2 #product-databoards-9 h3,
.product-page2 #product-metric-tracking-software-11 h3,
.product-page2 #slack-3 h3 {
  font-size: 36px;
  line-height: 44px;
  text-align: center;
  margin-bottom: 20px;
}
.product-page2 #product-databoards-8 p.under-h3,
.product-page2 #product-databoards-9 p.under-h3,
.product-page2 #product-metric-tracking-software-11 p.under-h3,
.product-page2 #slack-3 p.under-h3 {
  font-size: 18px;
  line-height: 28px;
  color: #8e929b;
  text-align: center;
}
.product-page2 #product-databoards-8 h3,
.product-page2 #product-databoards-8 p.under-h3,
.product-page2 #product-databoards-9 h3,
.product-page2 #product-databoards-9 p.under-h3,
.product-page2 #product-metric-tracking-software-11 h3,
.product-page2 #product-metric-tracking-software-11 p.under-h3,
.product-page2 #slack-3 h3,
.product-page2 #slack-3 p.under-h3 {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.product-page2 #product-databoards-8 h3,
.product-page2 #product-databoards-9 h3,
.product-page2 #product-metric-tracking-software-11 h3,
.product-page2 #slack-3 h3 {
  width: 600px;
}
.product-page2 #product-databoards-8 p.under-h3,
.product-page2 #product-databoards-9 p.under-h3,
.product-page2 #product-metric-tracking-software-11 p.under-h3,
.product-page2 #slack-3 p.under-h3 {
  width: 840px;
}
.product-page2 #product-databoards-8 .layout-triple,
.product-page2 #product-databoards-9 .layout-triple,
.product-page2 #product-metric-tracking-software-11 .layout-triple,
.product-page2 #slack-3 .layout-triple {
  text-align: center;
  padding-top: 50px;
}
.product-page2 #product-databoards-8 .layout-triple img,
.product-page2 #product-databoards-9 .layout-triple img,
.product-page2 #product-metric-tracking-software-11 .layout-triple img,
.product-page2 #slack-3 .layout-triple img {
  max-width: 100%;
}
.product-page2 #product-databoards-8 .layout-triple p,
.product-page2 #product-databoards-9 .layout-triple p,
.product-page2 #product-metric-tracking-software-11 .layout-triple p,
.product-page2 #slack-3 .layout-triple p {
  text-align: left;
  line-height: 24px;
  margin-top: 30px;
}
.product-page2 #product-databoards-9 h3 {
  width: auto;
}
.product-page2#product-scorecards .header {
  background-image: url(../img/product/scorecards/bg.jpg);
}
.product-page2#product-scorecards .header__img-wrapper .img-ct {
  left: -350px;
}
.product-page2#product-scorecards #product-wizard-ui-steps {
  background: rgba(253, 198, 137, 0.15);
}
.product-page2#product-scorecards
  #product-wizard-ui-steps
  .slick-active
  .step__number
  .number {
  background-color: #f7941d;
}
.product-page2#product-scorecards
  #product-wizard-ui-steps
  .step-wrapper
  .description {
  color: #f7941d;
}
.product-page2#product-scorecards #product-wizard-ui-steps .slick-dots li {
  width: 20%;
}
.product-page2#product-scorecards
  #product-wizard-ui-steps
  .slick-dots
  .slick-active
  .step__number,
.product-page2#product-scorecards
  #product-wizard-ui-steps
  .slick-dots
  .slick-active
  .step__title {
  color: #f7941d;
}
.product-page2#product-goals .header {
  background-image: url(../img/product/goals/bg.jpg);
}
.product-page2#product-goals .header__img-wrapper .img-ct {
  left: -364px;
}
.product-page2#product-goals #product-wizard-ui-steps {
  background: rgba(163, 155, 174, 0.15);
}
.product-page2#product-goals
  #product-wizard-ui-steps
  .slick-active
  .step__number
  .number {
  background-color: #f7941d;
}
.product-page2#product-goals
  #product-wizard-ui-steps
  .step-wrapper
  .description {
  color: #f7941d;
}
.product-page2#product-goals #product-wizard-ui-steps .slick-dots li {
  width: 20%;
}
.product-page2#product-goals
  #product-wizard-ui-steps
  .slick-dots
  .slick-active
  .step__number,
.product-page2#product-goals
  #product-wizard-ui-steps
  .slick-dots
  .slick-active
  .step__title {
  color: #f7941d;
}
.product-page2 #product-goals-7 {
  background-color: rgba(163, 155, 174, 0.1);
}
.product-page2 #product-goals-7 p {
  font-size: 16px;
  margin-top: 20px;
}
.product-page2 #product-goals-7 .icon {
  font-size: 40px;
}
.product-page2 #product-goals-7 .icon-growth-2 {
  color: #a864a8;
}
.product-page2 #product-goals-7 .icon-dashboard-tv {
  color: #ff7800;
}
.product-page2 #product-goals-7 .icon-history {
  color: #44657b;
}
.product-page2 #product-goals-7 .icon-profile {
  color: #0072bc;
}
.product-page2 #product-goals-8 {
  padding: 110px 0;
}
.product-page2 #product-goals-8 h1 {
  font-size: 36px;
  line-height: 36px;
  font-weight: 500;
  color: #2d3237;
  text-align: center;
  margin-bottom: 20px;
}
.product-page2 #product-goals-8 p {
  font-size: 18px;
  line-height: 36px;
  color: #8e929b;
  text-align: center;
  margin-bottom: 60px;
}
.product-page2 #product-goals-8 a {
  text-decoration: underline;
}
.product-page2 #product-goals-8 .left {
  padding-right: 5px;
}
.product-page2 #product-goals-8 .left .img-responsive {
  float: right;
}
.product-page2 #product-goals-8 .right {
  padding-left: 5px;
}
.product-page2#product-calcs .header {
  background-image: url(../img/product/calcs/bg.jpg);
}
.product-page2#product-calcs .header__img-wrapper .img-ct {
  left: -681px;
}
.product-page2#product-alerts .header {
  background-image: url(../img/product/alerts/bg.jpg);
}
.product-page2#product-alerts .header__img-wrapper .img-ct {
  left: -378px;
}
.product-page2#product-alerts #product-wizard-ui-steps {
  background: rgba(207, 238, 162, 0.2);
}
.product-page2#product-alerts
  #product-wizard-ui-steps
  .slick-active
  .step__number
  .number {
  background-color: #00746b;
}
.product-page2#product-alerts
  #product-wizard-ui-steps
  .step-wrapper
  .description {
  color: #00746b;
}
.product-page2#product-alerts #product-wizard-ui-steps .slick-dots li {
  width: 20%;
}
.product-page2#product-alerts
  #product-wizard-ui-steps
  .slick-dots
  .slick-active
  .step__number,
.product-page2#product-alerts
  #product-wizard-ui-steps
  .slick-dots
  .slick-active
  .step__title {
  color: #00746b;
}
.product-page2 #product-alerts-5 {
  padding: 110px 0;
  font-size: 16px;
}
.product-page2 #product-alerts-5 h1 {
  font-size: 36px;
  font-weight: 500;
  color: #2d3237;
  text-align: center;
  margin-bottom: 80px;
}
.product-page2 #product-alerts-5 strong {
  display: block;
  margin: 10px 0;
}
.product-page2 #product-alerts-5 .icon {
  font-size: 40px;
}
.product-page2 #product-alerts-5 .icon-target {
  color: #6fb62b;
}
.product-page2 #product-alerts-5 .icon-analyze-3 {
  color: #a39bae;
}
.product-page2 #product-alerts-5 .icon-growth-3 {
  color: #f7941d;
}
.product-page2#product-designer .header {
  background-image: url(../img/product/designer/bg.jpg);
}
.product-page2#product-client-performance .header {
  background-image: url(../img/product/bg-client-performance.jpg);
}
.product-page2#product-client-performance .header .img-ct {
  bottom: 175px;
  right: calc(50vw + 30px);
}
.product-page2#product-client-performance #product-cta {
  padding-bottom: 40px;
}
.product-page2 #product-client-performance-1 h3 em:before {
  border-color: #c6d1d6;
}
.product-page2 #product-client-performance-2 h3 em:before {
  border-color: #f7ad3c;
}
.product-page2 #product-client-performance-3 h3 em:before {
  border-color: #ffdd20;
}
.product-page2 #product-client-performance-4 h3 em:before {
  border-color: #1197d9;
}
.product-page2 #product-client-performance-5 h3 em:before {
  border-color: #5dc19d;
}
.product-page2 #product-client-performance-6 h3 em:before {
  border-color: #8ad3d4;
}
.product-page2 #product-client-performance-7 h3 em:before {
  border-color: #8ad3d4;
}
.product-page2 #product-client-performance-8 {
  padding: 0;
}
.product-page2 #product-client-performance-8 .box.box1 .logo {
  width: 170px;
}
.product-page2 #product-client-performance-8 .box.box2 .logo {
  width: 170px;
}
.product-page2 #product-client-performance-8 .box.box3 .logo {
  width: 170px;
}
.product-page2 #product-client-performance-8 .box.box4 .logo {
  width: 170px;
}
.product-page2#product-insights .header {
  background-image: url(../img/product/bg-insights.jpg);
}
.product-page2#product-insights .header .img-ct {
  bottom: 75px;
  right: calc(50vw + 90px);
}
.product-page2#product-insights #product-cta {
  padding-bottom: 40px;
}
.product-page2 #product-insights-1 h3 em:before {
  border-color: #75c5ea;
}
.product-page2 #product-insights-2 {
  background-color: #e8eff0;
}
.product-page2 #product-insights-2 h3 {
  margin-top: 30px;
}
.product-page2 #product-insights-2 p.under-h3 {
  margin-top: 0;
  margin-bottom: 45px;
}
.product-page2 #product-insights-2 .col {
  min-height: 290px;
}
.product-page2 #product-insights-2 .icon-alert-on {
  color: #ff4600;
}
.product-page2 #product-insights-2 .icon-target {
  color: #6fb62b;
}
.product-page2 #product-insights-2 .icon-graph {
  color: #8e929b;
}
.product-page2 #product-insights-2 .icon-scorecard {
  color: #ffa300;
}
.product-page2 #product-insights-2 .icon-dialogue {
  color: #259bc1;
}
.product-page2 #product-insights-2 .icon-cloud-db {
  color: #8560a8;
}
.product-page2 #product-insights-3 h3 em:before {
  border-color: #2bb673;
}
.product-page2#product-devices .header {
  background-image: url(../img/product/devices/bg.jpg);
}
.product-page2#product-devices .header__img-wrapper .img-ct {
  left: -396px;
}
.product-page2#product-devices #product-cta {
  margin-bottom: 135px;
}
.product-page2#product-devices #product-cta p {
  padding-right: 10px;
  padding-left: 10px;
}
.product-page2 #product-devices-5 {
  border-bottom: 1px solid #f5f5ee;
}
.product-page2#product-annotations .header {
  background-image: url(../img/product/bg-annotations.jpg);
}
.product-page2#product-annotations .header .img-ct {
  bottom: -20px;
  right: calc(50vw + 60px);
}
.product-page2#product-annotations #product-cta {
  background: rgba(46, 193, 214, 0.15);
}
.product-page2#product-annotations #product-cta .container {
  background: 0 0;
}
.product-page2 #product-annotations-1 h3 em:before {
  border-color: #81d6f5;
}
.product-page2 #product-annotations-2 h3 em:before {
  border-color: #a39bae;
}
.product-page2 #product-annotations-3 h3 em:before {
  border-color: #fbb534;
}
.product-page2 #product-annotations-4 h3 em:before {
  border-color: #0679c3;
}
.product-page2 #product-annotations-5 h3 em:before {
  border-color: #fcc460;
}
.product-page2 #product-annotations-6,
.product-page2 #product-annotations-7 {
  background: rgba(46, 193, 214, 0.15);
}
.product-page2 #product-annotations-6 {
  padding: 100px 0 0;
}
.product-page2 #product-annotations-6 p {
  text-align: center;
  margin: 90px 0 0;
}
.product-page2 #product-annotations-7 {
  padding: 0;
}
.product-page2 #product-annotations-7 .testimonials-carousel {
  margin-bottom: 0;
}
.product-page2 #product-annotations-7 .box.box1 .logo {
  width: 246px;
}
.product-page2#product-any-data .header {
  background-image: url(../img/product/bg-any-data.jpg);
}
.product-page2#product-any-data .header .img-ct {
  bottom: 75px;
  right: calc(50vw + 90px);
}
.product-page2 #product-any-data-1 h3 em:before {
  border-color: #38c1d3;
}
.product-page2 #product-any-data-2 h3 em:before {
  border-color: #fcc460;
}
.product-page2 #product-any-data-3 h3 em:before {
  border-color: #28ad5f;
}
.product-page2 #product-any-data-4 h3 em:before {
  border-color: #fede38;
}
.product-page2 #product-any-data-5 h3 em:before {
  border-color: #ff4929;
}
.product-page2 #product-any-data-6 h3 em:before {
  border-color: #ff4700;
}
.product-page2#product-alerts-insights .header {
  background-image: url(../img/product/bg-alerts-insights.jpg);
}
.product-page2#product-alerts-insights .header .img-ct {
  bottom: 100px;
  right: calc(50vw + 70px);
}
.product-page2#product-alerts-insights #product-cta {
  padding-top: 80px;
}
.product-page2 #product-alerts-insights-1 {
  padding-bottom: 0;
}
.product-page2 #product-alerts-insights-1 h3 em:before {
  border-color: #f76868;
}
.product-page2 #product-alerts-insights-2,
.product-page2 #product-alerts-insights-3 {
  padding-top: 40px;
}
.product-page2 #product-alerts-insights-2 h3,
.product-page2 #product-alerts-insights-3 h3 {
  font-size: 28px;
  font-weight: 300;
  text-align: center;
  margin-bottom: 40px;
}
.product-page2 #product-alerts-insights-2 {
  padding-bottom: 30px;
}
.product-page2 #product-alerts-insights-2 .col {
  min-height: 200px;
}
.product-page2 #product-alerts-insights-2 .icon-mobile-notification {
  color: #605ca8;
}
.product-page2 #product-alerts-insights-2 .icon-mailbox {
  color: #259bc1;
}
.product-page2 #product-alerts-insights-2 .icon-dialogue {
  color: #8e929b;
}
.product-page2 #product-alerts-insights-2 .icon-slack {
  color: #ff3c00;
}
.product-page2 #product-alerts-insights-3 .read-more,
.product-page2 #product-alerts-insights-4 .read-more {
  text-align: center;
}
.product-page2 #product-alerts-insights-3 .read-more a,
.product-page2 #product-alerts-insights-4 .read-more a {
  font-size: 16px;
  display: inline-block;
  text-decoration: underline;
}
.product-page2 #product-alerts-insights-3 .col {
  min-height: 200px;
}
.product-page2 #product-alerts-insights-3 .icon-target {
  color: #6fb62b;
}
.product-page2 #product-alerts-insights-3 .icon-chart-growth {
  color: #ed145b;
}
.product-page2 #product-alerts-insights-3 .icon-graph {
  color: #8e929b;
}
.product-page2 #product-alerts-insights-3 .read-more {
  padding: 72px 0 83px;
}
.product-page2 #product-alerts-insights-4 {
  background-color: rgba(232, 239, 240, 0.5);
}
.product-page2 #product-alerts-insights-4 h3 {
  margin-top: 25px;
}
.product-page2 #product-alerts-insights-4 p.under-h3 {
  margin-top: 0;
  margin-bottom: 40px;
}
.product-page2 #product-alerts-insights-4 h3 em:before {
  border-color: #259bc1;
}
.product-page2 #product-alerts-insights-4 .col {
  min-height: 295px;
}
.product-page2 #product-alerts-insights-4 .icon-alert-on {
  color: #ff4600;
}
.product-page2 #product-alerts-insights-4 .icon-target {
  color: #6fb62b;
}
.product-page2 #product-alerts-insights-4 .icon-graph {
  color: #8e929b;
}
.product-page2 #product-alerts-insights-4 .icon-scorecard {
  color: #ffa300;
}
.product-page2 #product-alerts-insights-4 .icon-dialogue {
  color: #259bc1;
}
.product-page2 #product-alerts-insights-4 .icon-cloud-db {
  color: #8560a8;
}
.product-page2 #product-alerts-insights-4 .read-more {
  padding: 85px 0 15px;
}
.product-page2#product-qb .header {
  background-image: url(../img/product/bg-qb.jpg);
}
.product-page2#product-qb .header .img-ct {
  bottom: 40px;
  right: calc(50vw + 30px);
}
.product-page2#product-qb #product-cta {
  padding-bottom: 40px;
}
.product-page2 #product-qb-1 {
  background-color: rgba(142, 146, 155, 0.1);
}
.product-page2 #product-qb-1 strong {
  display: block;
  font-size: 12px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 300;
  padding: 16px 0 40px;
}
.product-page2 #product-qb-1 ul {
  text-align: center;
  list-style: none;
  padding: 0;
  margin: 0;
}
.product-page2 #product-qb-1 li {
  display: inline-block;
  margin-bottom: 12px;
}
.product-page2 #product-qb-1 img {
  display: block;
  height: 69px;
}
.product-page2 #product-qb-2 h3 em:before {
  border-color: #f69875;
}
.product-page2 #product-qb-3 h3 em:before {
  border-color: #8e929b;
}
.product-page2 #product-qb-4 h3 em:before {
  border-color: #5acab3;
}
.product-page2 #product-qb-5 h3 em:before {
  border-color: #68adda;
}
.product-page2 #product-qb-6 h3 em:before {
  border-color: #c9d9e2;
}
.product-page2 #product-qb-7 h3 em:before {
  border-color: #ff4929;
}
.product-page2#product-wl .header {
  background-image: url(../img/product/bg-white-labeling.jpg);
}
.product-page2#product-wl .header .img-ct {
  top: 50%;
  transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  right: calc(50vw + 100px);
}
.product-page2#product-wl .signupBox span {
  display: block;
  padding-top: 45px;
  font-size: 16px;
}
.product-page2#product-wl #product-cta {
  color: #fff;
  padding-bottom: 100px;
}
.product-page2#product-wl #product-cta .container {
  background-image: url(../img/product/bg-cta-purple.png);
}
.product-page2#product-wl #product-cta h2 {
  line-height: 36px;
  margin-bottom: 50px;
}
.product-page2#product-wl #product-cta a,
.product-page2#product-wl #product-cta p {
  color: #fff;
}
.product-page2#product-wl #product-cta p,
.product-page2#product-wl #product-cta span {
  font-size: 18px;
}
.product-page2#product-wl #product-cta p {
  line-height: 28px;
  margin-bottom: 35px;
}
.product-page2#product-wl #product-cta a.underline {
  text-decoration: underline;
}
@media only screen and (max-width: 666px) {
  .product-page2#product-wl .header .img-ct {
    top: 0;
    transform: none;
    -o-transform: none;
    -ms-transform: none;
    -moz-transform: none;
    -webkit-transform: none;
    margin-bottom: 50px;
  }
  .product-page2#product-wl #product-cta .container {
    background: #8959ba;
  }
  .product-page2#product-wl #product-cta .container .btn {
    font-size: 16px;
  }
}
.product-page2 #product-wl-1 h3 em:before {
  border-color: #f87b46;
}
.product-page2 #product-wl-2 h3 em:before {
  border-color: #21b767;
}
.product-page2 #product-wl-3 h3 em:before {
  border-color: #badb62;
}
.product-page2 #product-wl-4 h3 em:before {
  border-color: #0f97d9;
}
.product-page2 #product-wl-5 h3 em:before {
  border-color: #23b768;
}
.product-page2 #product-wl-6 h3 em:before {
  border-color: #7540ab;
}
.product-page2#product-tv-dashboards .header {
  background-image: url(../img/product/tv-dashboards/bg.jpg);
}
.product-page2#product-tv-dashboards .header__img-wrapper .img-ct {
  left: -369px;
}
.product-page2#product-tv-dashboards #product-wizard-ui-steps {
  background: rgba(222, 241, 246, 0.4);
}
.product-page2#product-tv-dashboards
  #product-wizard-ui-steps
  .slick-active
  .step__number
  .number {
  background-color: #0072bc;
}
.product-page2#product-tv-dashboards
  #product-wizard-ui-steps
  .step-wrapper
  .description {
  color: #0072bc;
}
.product-page2#product-tv-dashboards #product-wizard-ui-steps .slick-dots li {
  width: 25%;
}
.product-page2#product-tv-dashboards
  #product-wizard-ui-steps
  .slick-dots
  .slick-active
  .step__number,
.product-page2#product-tv-dashboards
  #product-wizard-ui-steps
  .slick-dots
  .slick-active
  .step__title {
  color: #0072bc;
}
.product-page2#product-tv-dashboards #product-cta p {
  max-width: 850px;
}
.product-page2#product-metric-tracking-software .header {
  background-image: url(../img/product/metric-tracking-software/bg.jpg);
}
.product-page2#product-metric-tracking-software .header__img-wrapper .img-ct {
  left: -378px;
}
.product-page2#product-metric-tracking-software #product-wizard-ui-steps {
  background: rgba(134, 81, 87, 0.08);
}
.product-page2#product-metric-tracking-software
  #product-wizard-ui-steps
  .slick-active
  .step__number
  .number {
  background-color: #9e005d;
}
.product-page2#product-metric-tracking-software
  #product-wizard-ui-steps
  .step-wrapper
  .description {
  color: #9e005d;
}
.product-page2#product-metric-tracking-software
  #product-wizard-ui-steps
  .slick-dots
  li {
  width: 20%;
}
.product-page2#product-metric-tracking-software
  #product-wizard-ui-steps
  .slick-dots
  .slick-active
  .step__number,
.product-page2#product-metric-tracking-software
  #product-wizard-ui-steps
  .slick-dots
  .slick-active
  .step__title {
  color: #9e005d;
}
.product-page2 #product-metric-tracking-software-10 {
  padding: 110px 0;
}
.product-page2 #product-metric-tracking-software-10 h3 {
  font-size: 36px;
  font-weight: 500;
  text-align: center;
}
.product-page2 #product-metric-tracking-software-10 p {
  font-size: 18px;
  color: #8e929b;
  margin-top: 10px;
  margin-bottom: 70px;
  text-align: center;
}
.product-page2 #product-metric-tracking-software-10 .row {
  display: flex;
  margin-bottom: 30px;
}
.product-page2 #product-metric-tracking-software-10 .metric-label {
  font-size: 20px;
  line-height: 24px;
  color: #8e929b;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.product-page2 #product-metric-tracking-software-10 .mobile {
  display: none;
}
.product-page2 #product-metric-tracking-software-10 .desktop {
  display: block;
}
.product-page2 #product-metric-tracking-software-10 .vcenter {
  position: relative;
}
.product-page2
  #product-metric-tracking-software-10
  .vcenter.text-right
  .metric-label {
  right: 15px;
}
.product-page2 #product-metric-tracking-software-11 .icon-wrapper {
  text-align: left;
  font-size: 60px;
}
.product-page2 #product-metric-tracking-software-11 .icon-data-import {
  color: #48555f;
}
.product-page2 #product-metric-tracking-software-11 .icon-like-bubble {
  color: #2bb673;
}
.product-page2 #product-metric-tracking-software-11 .icon-custom-integration {
  color: #605ca8;
}
.product-page2 #product-metric-tracking-software-11 .layout-triple p {
  margin-top: 5px;
}
.product-page2#product-mobile .header {
  background-image: url(../img/product/mobile/bg.jpg);
}
.product-page2#product-mobile #product-wizard-ui-steps {
  background: rgba(101, 61, 34, 0.08);
}
.product-page2#product-mobile
  #product-wizard-ui-steps
  .slick-active
  .step__number
  .number {
  background-color: #25a767;
}
.product-page2#product-mobile
  #product-wizard-ui-steps
  .step-wrapper
  .description {
  color: #25a767;
}
.product-page2#product-mobile #product-wizard-ui-steps .slick-dots li {
  width: 20%;
}
.product-page2#product-mobile
  #product-wizard-ui-steps
  .slick-dots
  .slick-active
  .step__number,
.product-page2#product-mobile
  #product-wizard-ui-steps
  .slick-dots
  .slick-active
  .step__title {
  color: #25a767;
}
.product-page2#product-mobile .features {
  padding-bottom: 16px;
  font-size: 15px;
}
.product-page2#product-mobile .features p {
  padding-left: 65px;
  margin: 10px 0 47px;
  min-height: 40px;
  font-size: inherit;
}
.product-page2#product-mobile .features p strong {
  display: block;
}
.product-page2#product-mobile .features .icon {
  float: left;
  opacity: 0.5;
  font-size: 36px;
  line-height: 1;
  margin-left: -65px;
  margin-top: -5px;
  -webkit-font-smoothing: antialiased;
}
.product-page2#product-mobile .switcher {
  margin-top: 64px;
}
.product-page2#product-mobile .switcher p {
  font-size: 17px;
  line-height: 26px;
}
.product-page2#product-mobile .feature-video-switcher .videos {
  position: relative;
}
.product-page2#product-mobile .feature-video-switcher .videos .outline {
  display: block;
  width: 100%;
}
.product-page2#product-mobile .feature-video-switcher .videos .inner {
  position: absolute;
}
.product-page2#product-mobile
  .feature-video-switcher
  .videos
  .inner
  .placeholder,
.product-page2#product-mobile .feature-video-switcher .videos .inner video {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.product-page2#product-mobile .feature-video-switcher .videos .inner video {
  z-index: 1;
  display: none;
}
.product-page2#product-mobile
  .feature-video-switcher
  .videos
  .inner
  video:first-of-type {
  display: block;
}
.product-page2#product-mobile .feature-video-switcher .features {
  position: relative;
}
.product-page2#product-mobile .feature-video-switcher .features > p {
  cursor: pointer;
}
.product-page2#product-mobile .feature-video-switcher .video-arrow {
  position: absolute;
  border-bottom: 1px solid #2bb673;
  z-index: 2;
  transition: top 0.4s;
  -o-transition: top 0.4s;
  -ms-transition: top 0.4s;
  -moz-transition: top 0.4s;
  -webkit-transition: top 0.4s;
}
.product-page2#product-mobile .feature-video-switcher .video-arrow:after {
  content: "";
  position: absolute;
  right: 0;
  top: -2px;
  width: 5px;
  height: 5px;
  background-color: #2bb673;
  border-radius: 100%;
}
.product-page2 #product-mobile-9 {
  padding: 110px 0 100px;
  overflow: visible;
}
.product-page2 #product-mobile-9 h2 {
  font-size: 30px;
  font-weight: 400;
  margin: 85px 0 20px;
}
.product-page2 #product-mobile-9 .left p {
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 32px;
}
.product-page2 #product-mobile-9 .videos {
  position: absolute;
  width: 310px;
  top: 0;
  left: 60px;
}
.product-page2 #product-mobile-9 .videos .inner {
  top: 11px;
  left: 32px;
  width: 243px;
  height: 522px;
  z-index: -1;
}
.product-page2 #product-mobile-9 .features {
  padding: 75px 0 0 20px;
}
.product-page2 #product-mobile-9 .features p {
  padding-left: 47px;
}
.product-page2 #product-mobile-9 .features .icon {
  font-size: 35px;
  margin-left: -45px;
  margin-top: 0;
}
.product-page2 #product-mobile-9 .video-arrow {
  top: 75px;
  width: 100px;
  left: -100px;
  margin-top: 30px;
}
.product-page2 #product-mobile-10 {
  padding: 110px 0;
  border-bottom: 1px solid #f5f5ee;
}
.product-page2 #product-mobile-10 .videos {
  width: 230px;
  margin: 20px auto 0;
}
.product-page2 #product-mobile-10 .videos .inner {
  top: -56px;
  left: 21px;
  width: 296px;
  height: 610px;
  z-index: -1;
  transform: matrix3d(
    1.026402,
    0.175,
    0,
    0.000652,
    0,
    0.982759,
    0,
    0,
    0,
    0,
    1,
    0,
    22,
    16,
    0,
    1
  );
  -o-transform: matrix3d(
    1.026402,
    0.175,
    0,
    0.000652,
    0,
    0.982759,
    0,
    0,
    0,
    0,
    1,
    0,
    22,
    16,
    0,
    1
  );
  -ms-transform: matrix3d(
    1.026402,
    0.175,
    0,
    0.000652,
    0,
    0.982759,
    0,
    0,
    0,
    0,
    1,
    0,
    22,
    16,
    0,
    1
  );
  -moz-transform: matrix3d(
    1.026402,
    0.175,
    0,
    0.000652,
    0,
    0.982759,
    0,
    0,
    0,
    0,
    1,
    0,
    22,
    16,
    0,
    1
  );
  -webkit-transform: matrix3d(
    1.026402,
    0.175,
    0,
    0.000652,
    0,
    0.982759,
    0,
    0,
    0,
    0,
    1,
    0,
    22,
    16,
    0,
    1
  );
  -o-transform-origin: -195px 86px;
  -ms-transform-origin: -195px 86px;
  -moz-transform-origin: -195px 86px;
  -webkit-transform-origin: -195px 86px;
  transform-origin: -195px 86px;
}
.product-page2 #product-mobile-10 h2 {
  font-size: 50px;
  line-height: 56px;
  font-weight: 100;
  margin-bottom: 50px;
}
.product-page2 #product-mobile-10 p {
  font-size: 18px;
  line-height: 28px;
  color: #8e929b;
  margin-bottom: 40px;
}
.product-page2 #product-mobile-10 p:last-child {
  margin-bottom: 0;
}
.product-page2 #product-dashboard-examples .example img {
  max-height: 278px;
}
.product-page2 #product-mobile-11 {
  background-image: linear-gradient(to bottom right, #98c359, #74ad52);
  background-image: -o-linear-gradient(to bottom right, #98c359, #74ad52);
  background-image: -ms-linear-gradient(to bottom right, #98c359, #74ad52);
  background-image: -moz-linear-gradient(to bottom right, #98c359, #74ad52);
  background-image: -webkit-linear-gradient(to bottom right, #98c359, #74ad52);
  color: #fff;
}
.product-page2 #product-mobile-11 .btn {
  text-align: center;
}
.product-page2#slack .header {
  background-image: url(../img/slack/bg.jpg);
}
.product-page2#slack a.btn-slack {
  display: inline-block;
  width: 140px;
  height: 40px;
  background-image: url("../img/slack/slack-button.png");
  background-repeat: no-repeat;
  background-size: 100% auto;
  text-indent: -999px;
  overflow: hidden;
}
.product-page2 #slack-3 {
  border-bottom: 1px solid #f5f5ee;
}
.product-page2 #slack-3 .layout-triple p {
  position: relative;
  padding: 0 15px;
}
.product-page2 #slack-3 .layout-triple p .icon {
  position: absolute;
  color: #ffac36;
  font-size: 20px;
  left: -12px;
  top: -2px;
}
.product-page2#product-looped-databoards .header {
  background-image: url(../img/product/looped-databoards/bg.jpg);
}
.product-page2 #product-looped-databoards-6 {
  padding: 110px 0;
  margin-bottom: 110px;
  background: rgba(102, 197, 218, 0.1);
}
.product-page2 #product-looped-databoards-6 h1 {
  font-size: 36px;
  font-weight: 500;
  color: #2d3237;
  text-align: center;
  margin-bottom: 80px;
}
.product-page2 #product-looped-databoards-6 .example {
  margin: 0 auto;
  width: 100%;
  height: auto;
  padding: 15px;
  max-width: 950px;
}
@media only screen and (max-width: 1199px) {
  .product-page2 .header .text-ct {
    width: 55%;
  }
  .product-page2 #product-overview-2 .layout-emphasized-blocks,
  .product-page2 #product-overview-3 .layout-emphasized-blocks,
  .product-page2 #product-overview-4 .layout-emphasized-blocks {
    padding-left: 126px;
    padding-right: 126px;
  }
  .product-page2#product-goals .header .img-ct {
    height: 500px;
  }
  .product-page2 #product-mobile-9 .videos {
    left: 15px;
  }
  .product-page2 #product-mobile-9 .features {
    padding-top: 40px;
  }
  .product-page2 #product-mobile-9 .video-arrow {
    top: 40px;
  }
}
@media only screen and (max-width: 991px) {
  .product-page2 .content {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .product-page2 #product-review .wrap {
    padding-right: 0;
  }
  .product-page2 #product-review .item {
    padding-left: 100px;
  }
  .product-page2 #product-review .services {
    position: static;
    width: auto;
    padding-top: 50px;
    margin: 0;
  }
  .product-page2 #product-review .services a {
    display: inline-block;
  }
  .product-page2 #product-overview-2 .layout-emphasized-blocks,
  .product-page2 #product-overview-3 .layout-emphasized-blocks,
  .product-page2 #product-overview-4 .layout-emphasized-blocks {
    padding-left: 10px;
    padding-right: 10px;
  }
  .product-page2 #product-databoards-3 .container {
    padding-top: 0;
  }
  .product-page2 #product-databoards-4,
  .product-page2 #product-databoards-5 {
    padding-top: 0;
  }
  .product-page2 #product-databoards-8 .col,
  .product-page2 #product-databoards-9 .col,
  .product-page2 #product-metric-tracking-software-11 .col,
  .product-page2 #slack-3 .col {
    margin-bottom: 50px;
  }
  .product-page2 #product-databoards-8 .col:last-child,
  .product-page2 #product-databoards-9 .col:last-child,
  .product-page2 #product-metric-tracking-software-11 .col:last-child,
  .product-page2 #slack-3 .col:last-child {
    margin-bottom: 0;
  }
  .product-page2#product-goals .header .img-ct {
    right: calc(50vw - 60px);
  }
  .product-page2 #product-alerts-insights-2 .col,
  .product-page2 #product-alerts-insights-3 .col,
  .product-page2 #product-alerts-insights-4 .col,
  .product-page2 #product-insights-2 .col {
    min-height: 0;
  }
  .product-page2#product-insights .header .img-ct {
    right: calc(55vw + 10px);
  }
  .product-page2 #product-alerts-insights-2 h3,
  .product-page2 #product-alerts-insights-3 h3 {
    margin-bottom: 0;
  }
  .product-page2 #product-alerts-insights-3 .read-more,
  .product-page2 #product-alerts-insights-4 .read-more {
    padding: 20px 0;
  }
  .product-page2 #product-mobile-9 {
    padding-top: 0;
  }
  .product-page2 #product-mobile-9 .left {
    text-align: center;
    padding-bottom: 60px;
  }
  .product-page2 #product-mobile-10 .left {
    height: auto;
    padding-top: 50px;
    padding-bottom: 30px;
  }
  .product-page2 #product-mobile-10 .video-arrow {
    width: 98px;
    left: -110px;
  }
  .product-page2 #product-goals-8 .left {
    margin-bottom: 20px;
    padding-right: 15px;
  }
  .product-page2 #product-goals-8 .left .img-responsive {
    float: none;
  }
  .product-page2 #product-goals-8 .right {
    padding-left: 15px;
  }
  .product-page2 #product-goals-8 .img-responsive {
    margin: 0 auto;
  }
}
@media only screen and (max-width: 767px) {
  .product-page2 .header {
    min-height: 0;
  }
  .product-page2 .header h1 {
    font-size: 34px;
  }
  .product-page2 .header .img-ct {
    max-height: 90%;
    overflow: hidden;
  }
  .product-page2 .header .text-ct {
    min-height: 0;
  }
  .product-page2 h3.numbered:before {
    display: inline-block;
    position: relative;
    top: -3px;
    left: 0;
  }
  .product-page2 p.numbered:before {
    left: -9px;
  }
  .product-page2#product-client-performance .header .img-ct,
  .product-page2#product-overview .header .img-ct {
    position: static;
  }
  .product-page2#product-client-performance .header .img-ct img,
  .product-page2#product-overview .header .img-ct img {
    width: auto;
    max-width: 100%;
    margin: 0 auto;
  }
  .product-page2#product-client-performance .header .text-ct,
  .product-page2#product-overview .header .text-ct {
    width: auto;
    float: none;
    min-height: 0;
    text-align: center;
  }
  .product-page2#product-client-performance .signupBox,
  .product-page2#product-overview .signupBox {
    margin-left: auto;
    margin-right: auto;
  }
  .product-page2#product-client-performance .header .img-ct {
    padding-bottom: 30px;
  }
  .product-page2#product-overview .header-wrap {
    padding: 0;
  }
  .product-page2#product-overview .header .img-ct {
    height: 300px;
  }
  .product-page2 #product-overview-1 {
    top: 0;
    padding: 60px 0;
    margin-bottom: 0;
  }
  .product-page2 #product-overview-1 h3 {
    font-size: 30px;
    line-height: 40px;
    margin-top: 45px;
  }
  .product-page2#product-scorecards .header .img-ct img {
    height: 480px;
    width: auto;
  }
  .product-page2 #product-metric-tracking-software-10 .row {
    display: table;
  }
  .product-page2 #product-metric-tracking-software-10 .text-xs-left {
    text-align: left;
  }
  .product-page2 #product-metric-tracking-software-10 .mobile {
    display: block;
  }
  .product-page2 #product-metric-tracking-software-10 .desktop {
    display: none;
  }
  .product-page2 #product-metric-tracking-software-10 .metric-label {
    position: relative;
    top: 0;
    right: 0 !important;
    transform: none;
  }
  .product-page2 #product-mobile-9 {
    padding-bottom: 40px;
  }
  .product-page2 #product-mobile-9 .videos {
    position: relative;
    margin: 0 auto;
    left: auto;
  }
  .product-page2 #product-mobile-9 .features .video-arrow {
    display: none;
  }
  .product-page2 #product-mobile-10 h2 {
    font-size: 33px;
    line-height: 36px;
    font-weight: 300;
    text-align: left;
  }
  .product-page2 #product-mobile-10 .videos {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 740px) {
  .product-page2 #product-overview-2 .layout-emphasized-blocks .block,
  .product-page2 #product-overview-3 .layout-emphasized-blocks .block,
  .product-page2 #product-overview-4 .layout-emphasized-blocks .block {
    width: 100%;
  }
  .product-page2 #product-overview-2 .layout-emphasized-blocks .box,
  .product-page2 #product-overview-3 .layout-emphasized-blocks .box,
  .product-page2 #product-overview-4 .layout-emphasized-blocks .box {
    width: auto;
    min-height: 0;
    padding: 0 20px 30px;
  }
}
@media only screen and (max-width: 666px) {
  .product-page2 .header .img-ct {
    position: static;
  }
  .product-page2 .header .img-ct img {
    width: 230px;
    height: auto;
    margin: 0 auto;
  }
  .product-page2 .header .text-ct {
    display: block;
    width: auto;
    float: none;
    text-align: center;
  }
  .product-page2 .header .text-ct h1 {
    margin-top: 0;
  }
  .product-page2 .signupBox {
    margin-left: auto;
    margin-right: auto;
  }
  .product-page2 #product-cta {
    padding-bottom: 0 !important;
  }
  .product-page2 #product-cta .container {
    background: rgba(46, 193, 214, 0.15);
  }
  .product-page2 #product-review .item {
    padding-left: 0;
  }
  .product-page2 #product-review .item img {
    position: static;
    display: block;
    margin: 0 auto 15px;
  }
  .product-page2#product-overview #product-cta {
    padding-bottom: 0;
  }
  .product-page2#product-scorecards .header .img-ct {
    height: 300px;
  }
  .product-page2#product-goals .header .img-ct {
    height: auto;
  }
  .product-page2#product-alerts .header .img-ct,
  .product-page2#product-alerts-insights .header .img-ct,
  .product-page2#product-any-data .header .img-ct,
  .product-page2#product-devices .header .img-ct,
  .product-page2#product-goals .header .img-ct {
    margin-bottom: 30px;
  }
  .product-page2 #product-mobile-10 {
    padding-top: 60px;
  }
  .product-page2 #product-mobile-10 h2 {
    text-align: center;
  }
  .product-page2 #product-mobile-10 .left {
    display: none;
  }
  .product-page2 #product-mobile-10 .right {
    width: 100%;
  }
  .product-page2 #product-mobile-10 .right .features p {
    opacity: 1 !important;
  }
  .product-page2 #product-mobile-10 .right .video-arrow {
    display: none;
  }
}
@media only screen and (max-width: 480px) {
  .product-page2 #product-databoards-8 h3,
  .product-page2 #product-databoards-9 h3,
  .product-page2 #product-metric-tracking-software-11 h3,
  .product-page2 #slack-3 h3 {
    font-size: 30px;
    line-height: 36px;
  }
  .product-page2 .container.narrow {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (max-width: 400px) {
  .product-page2 .signupBox input {
    padding-right: 15px;
  }
  .product-page2 .signupBox .btn {
    position: static;
    margin-top: 15px;
  }
}
@media only screen and (min-width: 768px) {
  .dbx-page.product-page > section > .dbx-container > p {
    text-align: center;
  }
}
.dbx-page.product-page .dbx-customer-success {
  max-width: 520px;
}
.dbx-page.product-page .feature-highlight {
  margin-inline: 8px;
}
.dbx-page.product-page .dbx-faq.dbx-container {
  max-width: 784px;
}
@media screen and (min-width: 768px) {
  .dbx-page.product-page .feature-highlight {
    margin-inline: 32px;
  }
}
.dbx-page.product-page#metrics-and-kpis .dbx-hero-header__image {
  min-width: 800px;
}
.dbx-page.product-page#metrics-and-kpis .tool-features .dbx-grid {
  align-self: center;
}
.dbx-page.product-page#dashboards .case-study-quote {
  margin: 0;
  padding-block: 100px;
  background-color: rgba(78, 144, 204, 0.05);
}
.dbx-page.product-page#dashboards .explore__title {
  margin-bottom: 32px;
}
.dbx-page.product-page#dashboards .explore__list {
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}
.dbx-page.product-page#dashboards .explore .dbx-anchor-list-card {
  justify-content: center;
}
.dbx-page.product-page#dashboards .tool-features .dbx-grid {
  align-self: center;
}
.dbx-page.product-page#forecasts .tool-features .dbx-grid {
  align-self: center;
}
.dbx-page.product-page#goals .dbx-hero-header__image-container {
  position: relative;
}
@media screen and (min-width: 1200px) {
  .dbx-page.product-page#goals .dbx-hero-header__image-container::after {
    pointer-events: none;
    position: absolute;
    content: "";
    background-image: url("../img/product-pages-2024/goals/hero-banner/hero-banner-icons.png");
    inset: -120px;
    background-size: 100%;
    background-repeat: no-repeat;
  }
  @supports (
    background-image:
      url("../img/product-pages-2024/goals/hero-banner/hero-banner-icons.webp")
  ) {
    .dbx-page.product-page#goals .dbx-hero-header__image-container::after {
      background-image: url("../img/product-pages-2024/goals/hero-banner/hero-banner-icons.webp");
    }
  }
}
.dbx-page.product-page#goals .tool-features .dbx-grid {
  align-self: center;
}
.dbx-page.product-page#performance-management .tool-features .dbx-grid {
  align-self: center;
}
.dbx-page.product-page#performance-management .dbx-customer-success h2 {
  margin-bottom: 64px !important;
}
.dbx-page.product-page#reports .tool-features .dbx-grid {
  align-self: center;
}
.dbx-page.product-page#reports .explore .dbx-container {
  align-items: stretch;
}
@media screen and (min-width: 1024px) {
  .dbx-page.product-page#reports .explore__list {
    display: flex;
    justify-content: center;
    align-self: stretch;
  }
  .dbx-page.product-page#reports .explore__list > div:first-of-type {
    flex: 30%;
  }
  .dbx-page.product-page#reports .explore__list > div:nth-of-type(2) {
    flex: 30%;
  }
  .dbx-page.product-page#reports .explore__list > div:nth-of-type(3) {
    flex: 40%;
  }
}
@media screen and (min-width: 1200px) {
  .dbx-page.product-page#reports .explore__list > div:nth-of-type(3) {
    flex: 40%;
  }
  .dbx-page.product-page#reports
    .explore__list
    > div:nth-of-type(3)
    .dbx-anchor-list-card__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 1440px) {
  .dbx-page.product-page#reports .explore .dbx-container {
    max-width: 1224px;
  }
}
.dbx-page.product-page#reports .templates-popup-holder {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
  background: rgba(28, 29, 31, 0.8);
  display: none;
}
.dbx-page.product-page#reports .templates-popup-holder .templates-popup {
  background: #fff;
  border-radius: 6px;
  padding: 40px 10px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  width: 90%;
  max-width: 90%;
  margin: auto;
  display: block;
  max-width: 1200px;
  max-height: 90vh;
  overflow: auto;
}
.dbx-page.product-page#reports
  .templates-popup-holder
  .templates-popup
  .container {
  width: 100%;
}
.dbx-page.product-page#reports
  .templates-popup-holder
  .templates-popup
  .container
  .popup-col-right {
  text-align: left;
}
.dbx-page.product-page#reports
  .templates-popup-holder
  .templates-popup
  .container
  .popup-col-right
  .btn {
  margin: 0 !important;
}
.dbx-page.product-page#reports
  .templates-popup-holder
  .templates-popup
  .icon-close {
  position: absolute;
  top: 25px;
  right: 25px;
  font-size: 18px;
  cursor: pointer;
  z-index: 99;
}
.dbx-page.product-page#reports .templates-popup-holder .templates-popup .row {
  display: block;
}
.dbx-page.product-page#reports
  .templates-popup-holder
  .templates-popup
  .row
  .popup-col-left
  img {
  max-width: 100%;
  display: block;
  border-radius: 6px;
  width: 100%;
}
.dbx-page.product-page#reports .templates-popup-holder .templates-popup .steps {
  margin-top: 13px;
  overflow: hidden;
  width: 100%;
}
.dbx-page.product-page#reports
  .templates-popup-holder
  .templates-popup
  .steps
  .slick-dots {
  display: flex;
  justify-content: flex-start;
  position: relative;
  bottom: 0;
}
.dbx-page.product-page#reports
  .templates-popup-holder
  .templates-popup
  .steps
  .slick-dots
  li {
  padding: 0;
  margin: 0;
  flex-shrink: 0;
  width: 29%;
}
.dbx-page.product-page#reports
  .templates-popup-holder
  .templates-popup
  .steps
  .slick-dots
  li.slick-active
  .thumbImg {
  border: 3px solid #d05858;
}
.dbx-page.product-page#reports
  .templates-popup-holder
  .templates-popup
  .steps
  button {
  border-radius: 0;
  width: calc(100% - 16px);
  height: 98px;
  margin-right: 16px;
  background: 0 0;
}
.dbx-page.product-page#reports
  .templates-popup-holder
  .templates-popup
  .steps
  .thumbImg {
  width: 100%;
  height: 98px;
  background-size: cover !important;
  border-radius: 6px;
  display: block;
  border: 3px solid #fff;
}
.dbx-page.product-page#reports
  .templates-popup-holder
  .templates-popup
  .popup-col-right
  .avatars {
  display: flex;
  align-items: center;
  gap: 4px;
  width: 30px;
  height: 30px;
  margin-bottom: 12px;
  margin-top: 100px;
}
.dbx-page.product-page#reports
  .templates-popup-holder
  .templates-popup
  .popup-col-right
  .avatars
  img {
  max-width: 100%;
  border-radius: 100%;
}
.dbx-page.product-page#reports
  .templates-popup-holder
  .templates-popup
  .popup-col-right
  h3 {
  font-weight: 500;
  font-size: 28px;
  line-height: 40px;
  color: #393a3e;
  margin: 0 0 8px;
  max-width: 388px;
}
.dbx-page.product-page#reports
  .templates-popup-holder
  .templates-popup
  .popup-col-right
  p {
  color: #8e929b;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  margin: 0 0 40px;
}
.dbx-page.product-page#reports
  .templates-popup-holder
  .templates-popup
  .popup-col-right
  .btn {
  text-transform: none;
}
@media screen and (max-width: 991px) {
  .dbx-page.product-page#reports .templates-popup-holder .templates-popup {
    padding-top: 55px;
  }
  .dbx-page.product-page#reports
    .templates-popup-holder
    .templates-popup
    .icon-close {
    top: 15px;
  }
}
.dbx-page.product-page#benchmarks .dbx-hero-header__image-container {
  position: relative;
}
@media screen and (min-width: 1200px) {
  .dbx-page.product-page#benchmarks .dbx-hero-header__image-container::after {
    pointer-events: none;
    position: absolute;
    content: "";
    background-image: url("../img/product-pages-2024/benchmarks/hero-banner/hero-banner-icons.png");
    inset: -120px;
    background-size: 100%;
    background-repeat: no-repeat;
  }
  @supports (
    background-image:
      url("../img/product-pages-2024/benchmarks/hero-banner/hero-banner-icons.webp")
  ) {
    .dbx-page.product-page#benchmarks .dbx-hero-header__image-container::after {
      background-image: url("../img/product-pages-2024/benchmarks/hero-banner/hero-banner-icons.webp");
    }
  }
}
@media screen and (min-width: 1024px) {
  .dbx-page.product-page#benchmarks
    .explore__list
    > div:nth-of-type(3)
    .dbx-anchor-list-card__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 1280px) {
  .dbx-page.product-page#benchmarks .explore .dbx-container {
    max-width: 1224px;
  }
}
.dbx-page.product-page#benchmarks .tool-features .dbx-grid {
  align-self: center;
}
.dbx-page.product-page#benchmarks .tool-features .dbx-card {
  max-height: 370px;
  min-width: 0;
}
@media only screen and (min-width: 768px) {
  .dbx-page.product-page#benchmarks .tool-features .dbx-card {
    max-height: 450px;
  }
}
@media only screen and (min-width: 1024px) {
  .dbx-page.product-page#benchmarks .tool-features .dbx-card {
    max-height: 370px;
  }
}
@media only screen and (min-width: 1440px) {
  .dbx-page.product-page#benchmarks .tool-features .dbx-card {
    max-height: 450px;
  }
}
#product-faq {
  padding: 70px 0 100px;
}
#product-faq h2 {
  font-size: 36px;
  font-weight: 500;
  color: #2d3237;
  text-align: center;
  margin-bottom: 80px;
}
#product-faq a {
  text-decoration: underline;
}
#product-faq .collapsible-group .collapsible:last-child {
  margin-bottom: 0;
}
#product-faq .collapsible {
  margin-bottom: 7px;
}
#product-faq .collapsible__header {
  color: #252525;
  font-size: 18px;
  font-weight: 400;
}
#product-faq .collapsible__header > .icon {
  color: #4d71f1;
}
#product-faq .collapsible__content {
  padding-top: 10px;
  font-size: 16px;
}
#product-faq .collapsible__content p {
  margin-bottom: 0;
}
#product-dashboard-examples {
  padding-top: 110px;
}
#product-dashboard-examples h1 {
  font-size: 36px;
  font-weight: 500;
  color: #2d3237;
  text-align: center;
  margin-bottom: 40px;
}
#product-dashboard-examples h3 {
  font-size: 16px;
  color: #2d3237;
  margin-bottom: 20px;
}
#product-dashboard-examples .description {
  font-size: 18px;
  color: #8e929b;
  margin-top: 30px;
  margin-bottom: 60px;
}
#product-dashboard-examples p {
  font-size: 16px;
  color: #2d3237;
}
#product-dashboard-examples a:not(.btn) {
  text-decoration: underline;
}
#product-dashboard-examples .example {
  margin-bottom: 50px;
}
#product-dashboard-examples .actions {
  margin-top: 50px;
  text-align: center;
  padding: 0 15px;
}
@media only screen and (max-width: 480px) {
  #product-dashboard-examples .actions .btn {
    width: 100%;
    white-space: normal;
  }
}
#product-wizard-ui-steps {
  padding: 110px 0;
  background: rgba(37, 167, 103, 0.08);
}
#product-wizard-ui-steps h2 {
  font-size: 36px;
  font-weight: 500;
  color: #2d3237;
  text-align: center;
}
#product-wizard-ui-steps p {
  font-size: 18px;
  line-height: 28px;
  color: #8e929b;
  margin-top: 40px;
}
#product-wizard-ui-steps p a {
  text-decoration: underline;
}
#product-wizard-ui-steps .images {
  margin: 0 auto;
  height: 440px;
  max-width: 780px;
  width: 100%;
  -moz-box-shadow: 6px 8px 90px 10px rgba(142, 146, 155, 0.25);
  -webkit-box-shadow: 6px 8px 90px 10px rgba(142, 146, 155, 0.25);
  box-shadow: 6px 8px 90px 10px rgba(142, 146, 155, 0.25);
}
#product-wizard-ui-steps .images--no-shadow {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
#product-wizard-ui-steps .step-wrapper .description {
  display: none;
  text-align: center;
  font-weight: 400;
  margin-top: 20px;
  color: #25a767;
}
#product-wizard-ui-steps .slick-slide {
  outline: 0;
}
#product-wizard-ui-steps .slick-dots {
  position: relative;
  bottom: unset;
  margin-top: 60px;
  margin-bottom: 50px;
}
#product-wizard-ui-steps .slick-dots li {
  vertical-align: top;
  margin: 0;
  padding: 0;
  width: 20%;
}
#product-wizard-ui-steps .slick-dots li .step {
  color: #8e929b;
}
#product-wizard-ui-steps .slick-dots li .step__number {
  position: relative;
  font-size: 25px;
}
#product-wizard-ui-steps .slick-dots li .step__title {
  margin-top: 15px;
  padding-right: 10px;
  padding-left: 10px;
}
#product-wizard-ui-steps .slick-dots li:not(:last-child) .step__number::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(12px);
  width: calc(100% - 25px);
  height: 1px;
  background: #8e929b;
}
#product-wizard-ui-steps .slick-dots .slick-active .step__number {
  color: #25a767;
}
#product-wizard-ui-steps .slick-dots .slick-active .step__title {
  color: #25a767;
  font-weight: 500;
}
#product-wizard-ui-steps .slick-dots .step__number .number {
  width: 25px;
  height: 25px;
  background-color: #8e929b;
  border-radius: 100%;
  line-height: 25px;
  font-size: 16px;
  color: #fff;
  font-weight: 500;
  display: block;
  margin: auto;
}
#product-wizard-ui-steps .slick-dots .slick-active .step__number .number {
  background-color: #25a767;
}
@media only screen and (max-width: 767px) {
  #product-wizard-ui-steps .images {
    height: auto;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  #product-wizard-ui-steps .step-wrapper .description {
    display: block;
  }
  #product-wizard-ui-steps .step-wrapper img {
    padding: 0 15px;
  }
  #product-wizard-ui-steps .slick-dots {
    margin-bottom: 20px;
  }
  #product-wizard-ui-steps .slick-dots .step__title {
    display: none;
  }
}
#product-cta {
  text-align: center;
  padding: 0;
  padding-bottom: 80px;
}
#product-cta .container {
  background-image: url(../img/product/bg-cta.png);
  background-size: 100% 100%;
}
#product-cta h2 {
  font-size: 36px;
  font-weight: 500;
  margin-top: 95px;
}
#product-cta p {
  font-size: 18px;
  color: #8e929b;
  max-width: 800px;
  margin: auto;
}
#product-cta .btn {
  margin: 32px 0 70px;
}
#product-cta .btn.btn-xero {
  background: #fff;
  color: #000;
  width: 230px;
  margin-left: 20px;
}
#product-cta .btn.btn-xero:hover {
  color: #6f7279;
}
@media (max-width: 991.98px) {
  .container.narrow {
    padding-right: 50px;
    padding-left: 50px;
  }
}
@media (max-width: 767.98px) {
  .breadcrumbs {
    padding-left: 15px;
    text-align: center;
  }
}
@media (max-width: 370px) {
  .col-share {
    width: 100%;
    text-align: center;
  }
  .col-share img {
    display: block;
    margin: auto;
  }
  .metrics-boxes {
    flex-direction: column;
  }
}
.metric-box {
  width: 90px;
  height: 95px;
  background: #fff;
  border: 1px solid #d5dbdc;
  border-radius: 5px;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  align-items: flex-end;
}
.blocks {
  display: flex;
  justify-content: space-between;
}
.metrics-boxes {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  padding-top: 8px;
}
.metrics-boxes .box {
  width: 123px;
  height: 123px;
  overflow: hidden;
  position: relative;
  border: 1px solid #d5dbdc;
  border-radius: 5px;
  background: #fff;
  margin-right: 8px;
  margin-bottom: 10px;
}
.metrics-boxes .box:hover {
  border-color: #02b875;
  background-color: #f2f5f8;
}
.metrics-boxes .box__block-img {
  position: absolute;
  top: 6px;
  left: 9px;
  width: 40px;
  height: 40px;
  background-size: 40px auto;
  background-image: url("../img/methodology/datablocks.png");
  background-position: 0 0;
  background-repeat: no-repeat;
}
.metrics-boxes .box__block-img.block-0 {
  background-position: center 0;
}
.metrics-boxes .box__block-img.block-1 {
  background-position: center -40px;
}
.metrics-boxes .box__block-img.block-2 {
  background-position: center -80px;
}
.metrics-boxes .box__block-img.block-3 {
  background-position: center -120px;
}
.metrics-boxes .box__block-img.block-4 {
  background-position: center -160px;
}
.metrics-boxes .box__block-img.block-5 {
  background-position: center -200px;
}
.metrics-boxes .box__block-img.block-6 {
  background-position: center -280px;
}
.metrics-boxes .box__block-img.block-7 {
  background-position: center -240px;
}
.metrics-boxes .box__block-img.block-8 {
  background-position: center -320px;
}
.metrics-boxes .box__block-img.block-9 {
  background-position: center -360px;
}
.metrics-boxes .box__block-img.block-10 {
  background-position: center -400px;
}
.metrics-boxes .box__block-img.block-12 {
  background-position: center -440px;
}
.metrics-boxes .box__block-img.block-13 {
  background-position: center -480px;
}
.metrics-boxes .box__block-img.block-14 {
  background-position: center -520px;
}
.metrics-boxes .box__block-img.block-15 {
  background-position: center -560px;
}
.metrics-boxes .box__block-img.block-16 {
  background-position: center -600px;
}
.metrics-boxes .box__block-img.block-17 {
  background-position: center -640px;
}
.metrics-boxes .box__block-img.block-18 {
  background-position: center -680px;
}
.metrics-boxes .box__block-img.block-19 {
  background-position: center -720px;
}
.metrics-boxes .box__block-img.block-20 {
  background-position: center -760px;
}
.metrics-boxes .box__block-img.block-21 {
  background-position: center -800px;
}
.metrics-boxes .box__block-img.block-22 {
  background-position: center -840px;
}
.metrics-boxes .box__block-img.block-23 {
  background-position: center -880px;
}
.metrics-boxes .box__block-img.block-24 {
  background-position: center -920px;
}
.metrics-boxes .box__icon {
  width: 14px;
  height: 14px;
  position: absolute;
  top: 8px;
  right: 8px;
}
.metrics-boxes .box__icon.icon {
  font-size: 14px;
  line-height: 14px;
  text-align: center;
}
.metrics-boxes .box__icon.icon.icon-calc {
  color: #4d71f1;
}
.metrics-boxes .box__icon.img {
  border-radius: 100%;
}
.metrics-boxes .box__title {
  color: #000;
  font-weight: 400;
  font-family: Roboto, Geist, Arial, Helvetica, sans-serif;
  position: absolute;
  bottom: 9px;
  left: 11px;
  right: 12px;
  display: block;
  display: -webkit-box;
  max-height: 51px;
  font-size: 15px;
  line-height: 17px;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
#report-templates {
  letter-spacing: 0;
}
#report-templates .header {
  padding: 267px 0 120px;
  position: relative;
  background: #fff url(../img/dashboard-software/bg_dashboard.png) no-repeat top
    center;
  background-size: 100% 120px;
  text-align: left;
}
#report-templates .header .breadcrumbs {
  padding: 0;
  margin: 0 0 80px;
}
#report-templates .header .breadcrumbs .item {
  font-size: 11px;
  line-height: 13px;
}
#report-templates .header .breadcrumbs .item a {
  color: #8e929b;
}
#report-templates .header .breadcrumbs .item:first-child {
  padding-left: 0;
}
#report-templates .header .breadcrumbs .slash:last-child {
  display: none;
}
#report-templates .header .container {
  position: relative;
  z-index: 2;
}
#report-templates .header img.img-responsive {
  display: block;
  margin: auto;
  width: auto;
}
#report-templates .header h1 {
  font-weight: 800;
  font-size: 56px;
  line-height: 65px;
  margin: 0 auto 24px;
  display: block;
  color: #1c1d1f;
  letter-spacing: 0.5%;
}
#report-templates .header p {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  margin: 0 0 40px;
  color: #8e929b;
}
#report-templates .header p strong {
  font-weight: 700;
  text-decoration: underline;
  text-decoration-skip-ink: none;
  text-decoration-color: #48b9e5;
  -webkit-text-decoration-color: #48b9e5;
}
#report-templates .header .btn {
  text-transform: none;
  font-size: 18px;
  font-weight: 500;
}
#report-templates .header .mobile-buttons {
  display: none;
}
#report-templates .header .hero-note {
  padding-top: 24px;
}
#report-templates .header .hero-note p {
  margin: 0;
  font-size: 14px;
  line-height: 22px;
}
#report-templates .header .hero-note p a {
  font-weight: 600;
  text-decoration: underline;
}
@media screen and (max-width: 836px) {
  #report-templates .header {
    padding: 120px 0 60px;
    background-size: 100% 72px;
  }
}
#report-templates .report-templates-categories {
  background: rgba(77, 113, 241, 0.1);
  padding: 120px 0;
}
#report-templates
  .report-templates-categories
  .report-template-categories-content {
  margin-bottom: 67px;
  text-align: center;
}
#report-templates
  .report-templates-categories
  .report-template-categories-content
  h2,
#report-templates
  .report-templates-categories
  .report-template-categories-content
  h3 {
  margin: 0 auto 17px;
  text-align: center;
  max-width: 792px;
  font-size: 36px;
  line-height: 44px;
  font-weight: 700;
  letter-spacing: 0.5px;
}
#report-templates
  .report-templates-categories
  .report-template-categories-content
  p {
  color: #8e929b;
  font-size: 18px;
  line-height: 24px;
  max-width: 600px;
  margin: 0 auto 0;
  font-weight: 400;
}
#report-templates .report-templates-categories .row {
  display: none;
}
#report-templates .report-templates-categories .row.row-box-0,
#report-templates .report-templates-categories .row.row-box-1 {
  display: block !important;
}
#report-templates .report-templates-categories .template-col {
  padding-bottom: 80px;
  position: relative;
  cursor: pointer;
}
#report-templates .report-templates-categories .template-col::before {
  content: "";
  z-index: 2;
  position: absolute;
  width: 85%;
  top: -12px;
  left: 0;
  right: 0;
  margin: auto;
  display: block;
  min-height: 25%;
  background: #fff;
  opacity: 0.7;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}
#report-templates .report-templates-categories .template-col::after {
  content: "";
  z-index: 1;
  position: absolute;
  width: 80%;
  top: -24px;
  left: 0;
  right: 0;
  margin: auto;
  display: block;
  min-height: 25%;
  background: #fff;
  opacity: 0.5;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}
#report-templates .report-templates-categories .template-col .template-image {
  border: 7px solid #fff;
  border-radius: 10px;
  position: relative;
  z-index: 3;
  margin-bottom: 17px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}
#report-templates
  .report-templates-categories
  .template-col
  .template-image
  img {
  max-width: 100%;
  border-radius: 4px;
  width: 100%;
}
#report-templates .report-templates-categories .template-col .template-title h2,
#report-templates .report-templates-categories .template-col .template-title h3,
#report-templates
  .report-templates-categories
  .template-col
  .template-title
  h4 {
  color: #1766c0;
  font-weight: 500;
  font-size: 19px;
  line-height: 32px;
  margin: 0 0 8px;
}
#report-templates .report-templates-categories .template-col .template-title p {
  color: #8e929b;
  font-size: 18px;
  line-height: 24px;
  margin: 0;
  font-weight: 400;
}
#report-templates
  .report-templates-categories
  .template-col
  .template-title
  .avatar {
  width: 25px;
  height: 25px;
  margin-top: 8px;
}
#report-templates
  .report-templates-categories
  .template-col
  .template-title
  .avatar
  img {
  border-radius: 100%;
  width: 100%;
}
#report-templates
  .report-templates-categories
  .template-col.template-col-landing {
  cursor: default;
}
#report-templates
  .report-templates-categories
  .template-col.template-col-landing
  .template-title {
  padding-top: 10px;
}
#report-templates
  .report-templates-categories
  .template-col.template-col-landing
  .template-title
  h2,
#report-templates
  .report-templates-categories
  .template-col.template-col-landing
  .template-title
  h3,
#report-templates
  .report-templates-categories
  .template-col.template-col-landing
  .template-title
  h4 {
  font-size: 28px;
  line-height: 40px;
  color: #1c1d1f;
  margin: 0 0 16px;
}
#report-templates
  .report-templates-categories
  .template-col.template-col-landing
  .template-title
  p {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  margin: 0 0 16px;
}
#report-templates
  .report-templates-categories
  .template-col.template-col-landing
  .template-title
  a {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  text-decoration: underline;
  color: #4d71f1;
}
#report-templates
  .report-templates-categories
  .template-col.template-col-landing
  .template-title
  a:hover {
  text-decoration: none;
}
#report-templates .report-templates-categories .load-more-holder {
  text-align: center;
}
#report-templates .report-templates-categories .load-more-holder .load-more {
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
  border: none;
  background: 0 0;
  color: #4d71f1;
}
#report-templates
  .report-templates-categories
  .load-more-holder
  .load-more
  .icon {
  margin-left: 4px;
  display: inline-block;
  transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  font-size: 12px;
}
#report-templates
  .report-templates-categories
  .load-more-holder
  .load-more.active
  .icon {
  transform: rotate(270deg);
  -o-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
}
#report-templates
  .report-templates-categories.report-templates-categories-landing {
  padding-bottom: 40px;
}
@media screen and (max-width: 768px) {
  #report-templates .report-templates-categories {
    padding: 60px 0 60px;
  }
}
#report-templates .templates-popup-holder {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
  background: rgba(28, 29, 31, 0.8);
  display: none;
}
#report-templates .templates-popup-holder .templates-popup {
  background: #fff;
  border-radius: 6px;
  padding: 40px 10px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  width: 90%;
  max-width: 90%;
  margin: auto;
  display: block;
  max-width: 1200px;
  max-height: 90vh;
  overflow: auto;
}
#report-templates .templates-popup-holder .templates-popup .container {
  width: 100%;
}
#report-templates
  .templates-popup-holder
  .templates-popup
  .container
  .popup-col-right {
  text-align: left;
}
#report-templates
  .templates-popup-holder
  .templates-popup
  .container
  .popup-col-right
  .btn {
  margin: 0 !important;
}
#report-templates .templates-popup-holder .templates-popup .icon-close {
  position: absolute;
  top: 25px;
  right: 25px;
  font-size: 18px;
  cursor: pointer;
  z-index: 99;
}
#report-templates .templates-popup-holder .templates-popup .row {
  display: block;
}
#report-templates
  .templates-popup-holder
  .templates-popup
  .row
  .popup-col-left
  img {
  max-width: 100%;
  display: block;
  border-radius: 6px;
  width: 100%;
}
#report-templates .templates-popup-holder .templates-popup .steps {
  margin-top: 13px;
  overflow: hidden;
  width: 100%;
}
#report-templates .templates-popup-holder .templates-popup .steps .slick-dots {
  display: flex;
  justify-content: flex-start;
  position: relative;
  bottom: 0;
}
#report-templates
  .templates-popup-holder
  .templates-popup
  .steps
  .slick-dots
  li {
  padding: 0;
  margin: 0;
  flex-shrink: 0;
  width: 29%;
}
#report-templates
  .templates-popup-holder
  .templates-popup
  .steps
  .slick-dots
  li.slick-active
  .thumbImg {
  border: 3px solid #d05858;
}
#report-templates .templates-popup-holder .templates-popup .steps button {
  border-radius: 0;
  width: calc(100% - 16px);
  height: 98px;
  margin-right: 16px;
  background: 0 0;
}
#report-templates .templates-popup-holder .templates-popup .steps .thumbImg {
  width: 100%;
  height: 98px;
  background-size: cover !important;
  border-radius: 6px;
  display: block;
  border: 3px solid #fff;
}
#report-templates
  .templates-popup-holder
  .templates-popup
  .popup-col-right
  .avatarInner {
  width: 30px;
  height: 30px;
  margin-bottom: 12px;
  margin-top: 100px;
}
#report-templates
  .templates-popup-holder
  .templates-popup
  .popup-col-right
  .avatarInner
  img {
  max-width: 100%;
  border-radius: 100%;
}
#report-templates .templates-popup-holder .templates-popup .popup-col-right h3 {
  font-weight: 500;
  font-size: 28px;
  line-height: 40px;
  color: #393a3e;
  margin: 0 0 8px;
  max-width: 388px;
}
#report-templates .templates-popup-holder .templates-popup .popup-col-right p {
  color: #8e929b;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  margin: 0 0 40px;
}
#report-templates
  .templates-popup-holder
  .templates-popup
  .popup-col-right
  .btn {
  text-transform: none;
}
@media screen and (max-width: 991px) {
  #report-templates .templates-popup-holder .templates-popup {
    padding-top: 55px;
  }
  #report-templates .templates-popup-holder .templates-popup .icon-close {
    top: 15px;
  }
}
#report-templates #categories {
  padding: 120px 0 0;
  text-align: center;
}
#report-templates #categories .row {
  margin: 0;
}
#report-templates #categories h2 {
  font-weight: 500;
  font-size: 40px;
  line-height: 48px;
  margin: 0 auto 24px;
  color: #2d3237;
}
#report-templates #categories h2 strong {
  font-weight: 700;
  text-decoration: underline;
  text-decoration-skip-ink: none;
  text-decoration-color: #4d71f1;
  -webkit-text-decoration-color: #4d71f1;
}
#report-templates #categories p {
  font-size: 18px;
  line-height: 24px;
  color: #8e929b;
  margin: 0 auto 10px;
}
#report-templates #categories .btn {
  margin-top: 86px;
}
#report-templates #categories .template-item {
  cursor: pointer;
}
#report-templates #categories .template-item__window .image::after,
#report-templates #categories .template-item__window .image::before {
  display: none;
}
#report-templates #main-value-proposition {
  padding: 120px 0;
  text-align: center;
}
#report-templates #main-value-proposition .row {
  margin: 0;
}
#report-templates #main-value-proposition h2,
#report-templates #main-value-proposition h3 {
  color: #000;
  font-size: 40px;
  line-height: 48px;
  margin: 0 auto 24px;
  max-width: 790px;
  display: block;
  font-weight: 500;
}
#report-templates #main-value-proposition h2 strong,
#report-templates #main-value-proposition h3 strong {
  font-weight: 700;
  text-decoration: underline;
  text-decoration-skip-ink: none;
  text-decoration-color: #4d71f1;
  -webkit-text-decoration-color: #4d71f1;
}
#report-templates #main-value-proposition p {
  font-weight: 400;
  max-width: 860px;
  display: block;
  font-size: 18px;
  line-height: 24px;
  color: #8e929b;
  margin: 0 auto 56px;
}
#report-templates #main-value-proposition .main-value-ctas {
  margin-bottom: 64px;
}
#report-templates #main-value-proposition .main-value-ctas .btn {
  text-transform: none;
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px;
  min-width: 170px;
}
#report-templates #main-value-proposition .video-box {
  max-width: 946px;
  margin: auto;
  float: none;
}
#report-templates #main-value-proposition .video-box .videoholder {
  background: url(../img/dashboard-software/wizard_step.png) left top no-repeat;
  background-size: cover;
  padding: 32px 2px 2px;
  border-radius: 5px 5px 0 0;
}
#report-templates #main-value-proposition .video-box video {
  max-width: 100%;
  display: block;
}
#report-templates #main-value-proposition .main-value-repeater {
  float: none;
  clear: both;
  padding-top: 75px;
  max-width: 946px;
  margin: auto;
}
#report-templates #main-value-proposition .main-value-repeater .col {
  text-align: left;
}
#report-templates #main-value-proposition .main-value-repeater .col .image-box {
  margin: 0 0 28px;
  min-height: 40px;
}
#report-templates #main-value-proposition .main-value-repeater .col h3 {
  color: #000;
  font-size: 24px;
  line-height: 28px;
  margin: 0 0 16px;
  letter-spacing: 0;
}
#report-templates #main-value-proposition .main-value-repeater .col p {
  font-size: 18px;
  line-height: 27px;
  color: #8e929b;
  margin: 0;
  letter-spacing: 0;
}
#report-templates #main-value-proposition .main-value-repeater .col p strong {
  font-weight: 700;
}
#report-templates .product-datas-multiple {
  background: #f2f4f6;
  border: none;
  padding: 0;
}
#report-templates .product-datas-multiple .container {
  border-top: 1px solid #e8e9eb;
  padding: 100px 80px;
}
#report-templates .product-datas-multiple .container h3 {
  font-weight: 500;
  font-size: 40px;
  line-height: 48px;
  margin: 0 0 15px;
  letter-spacing: 0.5px;
}
#report-templates .product-datas-multiple .container p {
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: #8e929b;
  margin: 0;
}
@media screen and (max-width: 480px) {
  #report-templates .product-datas-multiple .container {
    padding: 100px 15px;
  }
}
#report-templates .product-datas-multiple#product-any-data-1 .container {
  border-top: none;
}
#report-templates #dashboard-gray {
  background: 0 0;
}
#report-templates #dashboard-gray #datasource-templates {
  padding: 120px 0 116px;
}
#report-templates #dashboard-gray #datasource-templates h2,
#report-templates #dashboard-gray #datasource-templates h3 {
  font-size: 40px;
  line-height: 48px;
  font-weight: 500;
  color: #2d3237;
  letter-spacing: 0.5px;
  margin: 0 0 64px;
}
#report-templates
  #dashboard-gray
  #datasource-templates
  .layout-emphasized-blocks {
  padding: 0;
}
#report-templates
  #dashboard-gray
  #datasource-templates
  .layout-emphasized-blocks
  .block
  img {
  border-radius: 0;
}
#report-templates #product-faq {
  padding: 0;
}
#report-templates #product-faq .container {
  padding-top: 120px;
  padding-bottom: 120px;
  border-top: 1px solid #e8e9eb;
}
#report-templates #product-faq .container .collapsible__header > .icon {
  font-size: 13px;
}
#report-templates #product-faq .container .collapsible__header p {
  font-size: 18px;
  line-height: 32px;
  margin: 0;
  color: #252525;
}
#report-templates #product-faq .container .collapsible__content p {
  font-size: 18px;
  line-height: 32px;
  font-weight: 400;
  color: #252525;
}
#report-templates #product-faq h2 {
  font-size: 40px;
  line-height: 48px;
  margin: 0 0 70px;
  font-weight: 500;
  letter-spacing: 0.5px;
  color: #2d3237;
}
#report-templates .product-datas-single {
  border: none;
  padding-top: 120px;
  padding-bottom: 120px;
}
#report-templates .product-datas-single .container.narrow {
  padding-left: 25px;
  padding-right: 25px;
}
#report-templates .product-datas-single h2,
#report-templates .product-datas-single h3 {
  font-size: 28px;
  line-height: 40px;
  font-weight: 500;
  margin: 0 0 17px;
  max-width: 445px;
}
#report-templates .product-datas-single ul {
  list-style: none;
  padding: 0;
}
#report-templates .product-datas-single ul li {
  font-size: 18px;
  line-height: 21px;
  color: #8e929b;
  letter-spacing: 0.5px;
  font-weight: 400;
  margin: 15px 0 0;
  padding-left: 28px;
  position: relative;
}
#report-templates .product-datas-single ul li strong {
  font-weight: 700;
}
#report-templates .product-datas-single ul li:before {
  content: "\e002";
  display: inline-block;
  font-family: Icons;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  text-transform: none;
  top: 6px;
  vertical-align: middle;
  font-size: 12px;
  position: absolute;
  left: 0;
  color: #2ab674;
}
#report-templates .product-datas-single p {
  font-size: 18px;
  line-height: 21px;
  color: #8e929b;
  letter-spacing: 0.5px;
  font-weight: 400;
  margin: 0 0 48px;
}
#report-templates .product-datas-single p strong {
  font-weight: 700;
}
#report-templates .product-datas-single .btn {
  text-transform: none;
  font-weight: 500;
  background-color: #2bb673;
  color: #fff;
  max-width: fit-content;
  padding-top: 0;
  padding-bottom: 0;
  line-height: 48px;
  font-size: 16px;
  letter-spacing: 0.8px;
}
#report-templates .product-datas-single .btn:hover {
  background-color: #20925a;
}
@media screen and (max-width: 768px) {
  #report-templates .product-datas-single {
    padding: 60px 0 60px;
  }
}
#report-templates #ready-to-start {
  text-align: center;
  padding-bottom: 0;
  padding-top: 0;
}
#report-templates #ready-to-start .container {
  padding: 68px 0 68px;
}
#report-templates #ready-to-start .container h2 {
  margin: 0 auto 40px;
  max-width: 800px;
  font-size: 36px;
  line-height: 44px;
  font-weight: 500;
  color: #2d3237;
}
#report-templates #ready-to-start .container p {
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
  color: #8e929b;
  margin: 0 auto 40px;
  max-width: 820px;
}
#report-templates #ready-to-start .container .btn.btn-green {
  text-transform: none;
  font-weight: 500;
  background-color: #2bb673;
  padding-top: 0;
  padding-bottom: 0;
  line-height: 48px;
  font-size: 16px;
  letter-spacing: 0.8px;
}
#report-templates #ready-to-start .container .btn.btn-green:hover {
  background-color: #20925a;
}
@media screen and (max-width: 992px) {
  #report-templates #ready-to-start .container {
    background-size: 100% 100% !important;
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media screen and (max-width: 768px) {
  #report-templates #ready-to-start .container {
    background-size: 100% 100% !important;
    margin: 0 15px;
    padding-left: 30px;
    padding-right: 30px;
  }
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
#reporting-software-cluster {
  letter-spacing: 0;
}
#reporting-software-cluster .btn {
  line-height: 1.4444;
}
#reporting-software-cluster .btn.btn-green {
  background: #2bb673;
}
#reporting-software-cluster .btn.btn-green:hover {
  background: #20925a;
}
#reporting-software-cluster .header {
  background: url("../img/dashboard-software/bg_dashboard.png") no-repeat top
    center;
  background-size: 100% 120px;
  color: #000;
  text-align: left;
  padding: 213px 0 75px;
}
#reporting-software-cluster .header .col-lg-12.breadcrumbs {
  padding-left: 0;
  margin-bottom: 15px;
}
#reporting-software-cluster .header .col-lg-12.breadcrumbs .item:first-child {
  padding-left: 0;
}
#reporting-software-cluster .header .col-lg-12.breadcrumbs .slash {
  padding: 0;
}
#reporting-software-cluster .header .col-lg-12.breadcrumbs .slash:last-child {
  display: none;
}
#reporting-software-cluster .header h1 {
  color: #000;
  font-weight: 700;
  font-size: 55px;
  line-height: 70px;
  max-width: 520px;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 26px;
}
#reporting-software-cluster .header p {
  font-size: 18px;
  line-height: 28px;
  color: #8e929b;
  max-width: 535px;
  margin-top: 25px;
  font-weight: 400;
}
#reporting-software-cluster .header .btn {
  font-size: 18px;
  text-transform: none;
  margin-top: 35px;
  line-height: 1.3333333;
}
#reporting-software-cluster .header .hero-note {
  margin-top: 35px;
  margin-bottom: 35px;
}
#reporting-software-cluster .header .hero-note p {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
}
#reporting-software-cluster .header .hero-note a {
  text-decoration: underline;
}
#reporting-software-cluster .header .hero-note.button-inline-text {
  margin: 65px 0 0;
}
#reporting-software-cluster .header .hero-note.button-inline-text a {
  text-decoration: none;
  display: inline-block;
  vertical-align: middle;
}
#reporting-software-cluster .header .hero-note.button-inline-text a.btn {
  margin: 0;
}
#reporting-software-cluster .header .hero-note.button-inline-text p {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 24px;
  font-size: 16px;
  line-height: 19px;
  color: #2d3237;
  font-weight: 400;
}
#reporting-software-cluster .header .hero-note.button-inline-text p a {
  color: #4284c2;
  text-decoration: underline;
}
#reporting-software-cluster .header .image {
  position: relative;
  background: url(../img/dashboard-software/wizard_step.png) no-repeat left top;
  background-size: cover;
  padding: 19px 1px 1px;
  box-shadow: 1px 2px 12.75px 2.25px rgba(166, 176, 186, 0.5);
}
#reporting-software-cluster .header .image a:after {
  content: "Live preview";
  font-family: inherit;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100px;
  height: 100px;
  transform: translate(-50%, -50%);
  border-radius: 100%;
  background: rgba(23, 102, 192, 0.85);
  color: #fff;
  font-size: 15px;
  line-height: 100px;
  text-align: center;
  opacity: 1;
  z-index: 3;
}
#reporting-software-cluster .header .image img {
  width: 100%;
}
#reporting-software-cluster .header .badges {
  padding-top: 74px;
  text-align: center;
}
#reporting-software-cluster .header .badges .badge-images {
  min-height: 75px;
  display: block;
}
#reporting-software-cluster .header .badges .badge-images img {
  display: block;
  clear: both;
  margin: auto;
}
#reporting-software-cluster .header .badges .badge-images img.stars {
  margin-top: 10px;
}
#reporting-software-cluster .header .badges .badge-text {
  font-size: 12px;
  line-height: 15px;
  color: #8e929b;
}
#reporting-software-cluster .header .badges .badge-text p {
  font-size: 12px;
  line-height: 15px;
  margin: 0;
  color: #292929;
}
#reporting-software-cluster .header .badges .badge-text a {
  text-decoration: underline;
}
#reporting-software-cluster .header .testimonial {
  background: #f4f5f7;
  border-radius: 8px;
  padding: 23px;
  margin: 10px 4% 0;
}
#reporting-software-cluster .header .testimonial .testimonial-image {
  display: inline-block;
  vertical-align: top;
  width: 66px;
  margin-right: 19px;
}
#reporting-software-cluster .header .testimonial .testimonial-image img {
  max-width: 100%;
  border-radius: 100%;
}
#reporting-software-cluster .header .testimonial .testimonial-text {
  display: inline-block;
  vertical-align: top;
  width: 80%;
}
#reporting-software-cluster .header .testimonial .testimonial-text p {
  margin: 0 0 5px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}
#reporting-software-cluster .header .mobile-buttons {
  display: none;
}
#reporting-software-cluster .header .bottom-note p {
  font-size: 13px;
  line-height: 18px;
  font-weight: 400;
  color: #8e929b;
  letter-spacing: 2px;
  padding: 20px 45px 0;
  text-align: center;
  text-transform: uppercase;
  margin: 0;
}
#reporting-software-cluster .header .bottom-note p strong {
  color: #2d3237;
}
#reporting-software-cluster #product-wizard-ui-steps {
  background: 0 0;
  padding: 112px 0;
}
#reporting-software-cluster #product-wizard-ui-steps .step__number .number {
  width: 32px;
  height: 32px;
  line-height: 32px;
  font-size: 21px;
}
#reporting-software-cluster #product-wizard-ui-steps h2 {
  margin: 0;
}
#reporting-software-cluster #product-wizard-ui-steps .slick-dots {
  display: flex;
  justify-content: center;
  margin-top: 40px;
}
#reporting-software-cluster
  #product-wizard-ui-steps
  .slick-dots
  li
  .step__title {
  font-weight: 400;
}
#reporting-software-cluster #product-wizard-ui-steps .images {
  max-width: 770px;
  height: auto;
}
#reporting-software-cluster #product-wizard-ui-steps .images img,
#reporting-software-cluster #product-wizard-ui-steps .images video {
  width: 100%;
  height: 100%;
}
#reporting-software-cluster
  #product-wizard-ui-steps
  .images
  .slick-slide
  > div {
  display: flex;
}
#reporting-software-cluster
  #product-wizard-ui-steps
  .step-wrapper
  .description {
  display: none;
}
#reporting-software-cluster #product-wizard-ui-steps .step-wrapper.videobox {
  background: url(../img/dashboard-software/wizard_step.png) left top no-repeat;
  background-size: cover;
  padding: 25px 1px 1px;
}
#reporting-software-cluster #product-wizard-ui-steps .descriptions-steps p {
  text-align: center;
  max-width: 929px;
  margin: 40px auto 0;
  display: block;
  font-weight: 400;
}
#reporting-software-cluster .social-proof {
  border-bottom: 1px solid #e8e9eb;
  padding-bottom: 95px;
}
#reporting-software-cluster .social-proof h3 {
  font-size: 16px;
  line-height: 27px;
  color: #8e929b;
  text-align: center;
  margin: 15px 0 40px;
  font-weight: 400;
}
#reporting-software-cluster .social-proof .proof-images {
  text-align: center;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
#reporting-software-cluster .social-proof .proof-images .proof-image {
  max-width: 200px;
}
#reporting-software-cluster .social-proof .proof-images .proof-image img {
  max-width: 100%;
}
#reporting-software-cluster .container.narrow {
  padding-left: 90px;
  padding-right: 90px;
}
#reporting-software-cluster .layout-dbl.content h2,
#reporting-software-cluster .layout-dbl.content h3 {
  margin: 0 0 24px;
  color: #000;
  font-weight: 500;
  font-size: 36px;
  line-height: 44px;
}
#reporting-software-cluster .layout-dbl.content h2 strong,
#reporting-software-cluster .layout-dbl.content h3 strong {
  position: relative;
}
#reporting-software-cluster .layout-dbl.content p {
  margin: 0 0 16px;
  font-weight: 400;
  color: #8e929b;
}
#reporting-software-cluster #product-any-data-1 h2 strong,
#reporting-software-cluster #product-any-data-1 h3 strong {
  text-decoration-color: #49c2a0;
  -webkit-text-decoration-color: #49c2a0;
}
#reporting-software-cluster #product-any-data-2 h2 strong,
#reporting-software-cluster #product-any-data-2 h3 strong {
  text-decoration-color: #f4857a;
  -webkit-text-decoration-color: #f4857a;
}
#reporting-software-cluster #product-any-data-3 h2 strong,
#reporting-software-cluster #product-any-data-3 h3 strong {
  text-decoration-color: #48b9e5;
  -webkit-text-decoration-color: #48b9e5;
}
#reporting-software-cluster #product-any-data-4 h2 strong,
#reporting-software-cluster #product-any-data-4 h3 strong {
  text-decoration-color: #f57c4e;
  -webkit-text-decoration-color: #f57c4e;
}
#reporting-software-cluster #product-any-data-5 h2 strong,
#reporting-software-cluster #product-any-data-5 h3 strong {
  text-decoration-color: #1785c7;
  -webkit-text-decoration-color: #1785c7;
}
#reporting-software-cluster #product-any-data-6 h2 strong,
#reporting-software-cluster #product-any-data-6 h3 strong {
  text-decoration-color: #02b875;
  -webkit-text-decoration-color: #02b875;
}
#reporting-software-cluster #what-else h2 {
  font-size: 36px;
  line-height: 46px;
  text-align: center;
  margin-bottom: 24px;
  margin-top: 30px;
  font-weight: 500;
}
#reporting-software-cluster #what-else .container > p {
  font-size: 18px;
  line-height: 28px;
  color: #8e929b;
  text-align: center;
  font-weight: 400;
  max-width: 650px;
  width: 100%;
  margin: 0 auto 100px;
}
#reporting-software-cluster #what-else .image-box {
  min-height: 160px;
  display: flex;
  align-items: end;
}
#reporting-software-cluster #what-else .row {
  margin-bottom: 45px;
}
#reporting-software-cluster #what-else h3 {
  margin-bottom: 16px;
  margin-top: 32px;
  color: #000;
}
#reporting-software-cluster #what-else h3 a {
  color: #000;
}
#reporting-software-cluster #what-else h3 a:hover {
  color: #4d71f1;
  text-decoration: none;
}
#reporting-software-cluster #what-else p {
  font-weight: 400;
  color: #8e929b;
  font-size: 18px;
  line-height: 28px;
}
#reporting-software-cluster .content.border {
  padding: 112px 0;
  border-top: 1px solid rgba(142, 146, 155, 0.2);
}
#reporting-software-cluster .content.border:first-child {
  border-top: none;
}
#reporting-software-cluster #product-faq {
  background: #f2f4f6;
  padding: 112px 0;
}
#reporting-software-cluster #product-faq .container {
  padding: 0 80px;
}
#reporting-software-cluster #product-faq h2 {
  margin: 0 0 42px;
  font-weight: 500;
}
#reporting-software-cluster #product-faq .collapsible__header .title {
  color: #000;
}
#reporting-software-cluster #product-faq .collapsible__header .title h3 {
  font-size: 18px;
  line-height: 27px;
  margin: 0;
  font-weight: 400;
}
#reporting-software-cluster #product-faq p {
  font-size: 18px;
  line-height: 27px;
  color: #8e929b;
  font-weight: 400;
}
#reporting-software-cluster #product-faq .container .collapsible {
  margin-bottom: 10px;
}
#reporting-software-cluster #datasource-templates {
  background: #f2f4f6;
  padding-top: 120px;
  padding-bottom: 120px;
}
#reporting-software-cluster #datasource-templates h3 {
  margin: 0;
  font-size: 36px;
  line-height: 42px;
  color: #000;
  font-weight: 500;
}
#reporting-software-cluster #datasource-templates p {
  font-size: 24px;
  line-height: 42px;
  margin: 0 0 40px;
  font-weight: 400;
  color: #000;
}
#reporting-software-cluster #datasource-templates .layout-emphasized-blocks {
  padding: 0;
}
#reporting-software-cluster
  #datasource-templates
  .layout-emphasized-blocks
  .block {
  vertical-align: top;
}
#reporting-software-cluster
  #datasource-templates
  .layout-emphasized-blocks
  .block
  .box {
  width: 255px;
  border: 1px solid #d3dee2;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#reporting-software-cluster
  #datasource-templates
  .layout-emphasized-blocks
  .block
  .box
  .img-ct {
  position: relative;
  top: 0;
}
#reporting-software-cluster
  #datasource-templates
  .layout-emphasized-blocks
  .block
  .box
  .img-ct
  img {
  border-radius: 0;
}
#reporting-software-cluster
  #datasource-templates
  .layout-emphasized-blocks
  .block
  .box
  span {
  font-weight: 500;
  padding: 25px 20px 0;
}
#reporting-software-cluster #product-any-data-build {
  background: #f2faf8;
  padding: 112px 0 100px;
}
#reporting-software-cluster #product-any-data-build .container {
  padding-left: 0;
  padding-right: 0;
}
#reporting-software-cluster #product-any-data-build .container .right .box {
  padding-left: 90px;
  max-width: 540px;
}
#reporting-software-cluster #product-any-data-build .container .right .box h2 {
  font-size: 36px;
  line-height: 48px;
  margin: 0 0 40px;
  font-weight: 500;
}
#reporting-software-cluster #product-any-data-build .container .left img {
  display: block;
  width: 100%;
  border-radius: 4px 4px 0 0;
  margin: auto;
}
#reporting-software-cluster
  #product-any-data-build
  .container
  .left
  .description {
  margin-bottom: 40px;
  background: #fff;
  box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.25);
  padding: 32px 24px 42px;
  border-radius: 0 0 8px 8px;
}
#reporting-software-cluster
  #product-any-data-build
  .container
  .left
  .description
  p {
  color: #47494e;
  font-weight: 400;
  font-size: 18px;
  line-height: 27px;
  margin: 0;
}
#reporting-software-cluster
  #product-any-data-build
  .container
  .left
  .description
  p:last-of-type {
  color: #8e929b;
  margin-top: 16px;
}
#reporting-software-cluster #data-sources {
  background: #f2f4f6;
  padding: 112px 0 45px;
}
#reporting-software-cluster #data-sources h2,
#reporting-software-cluster #data-sources h3 {
  font-size: 36px;
  line-height: 46px;
  margin: 0 auto 24px;
  color: #000;
  max-width: 520px;
  text-align: center;
}
#reporting-software-cluster #data-sources p {
  margin: 0 auto 64px;
  max-width: 650px;
  display: block;
  text-align: center;
  font-size: 18px;
  line-height: 27px;
  color: #8e929b;
  font-weight: 400;
}
#reporting-software-cluster #data-sources .data-source-holder {
  text-align: center;
  width: 90%;
  margin: auto;
}
#reporting-software-cluster #data-sources .data-source-holder .col {
  display: inline-block;
  vertical-align: top;
  white-space: nowrap;
  width: 100%;
  max-width: 190px;
  margin: 0 0 77px;
}
#reporting-software-cluster #data-sources .data-source-holder .col .image-box {
  margin-bottom: 12px;
}
#reporting-software-cluster
  #data-sources
  .data-source-holder
  .col
  .image-box
  img {
  border-radius: 100%;
}
#reporting-software-cluster #data-sources .data-source-holder .col p {
  color: #8e929b;
  margin: 0;
  font-weight: 600;
}
#reporting-software-cluster #data-sources .data-source-holder .col a {
  color: #8e929b;
  font-weight: 600;
}
#reporting-software-cluster #data-sources .data-source-holder .col a:hover {
  color: #4d71f1;
  text-decoration: none;
}
#reporting-software-cluster #product-any-data-build-full {
  padding: 98px 0 98px;
}
#reporting-software-cluster #product-any-data-build-full .container.narrow {
  padding: 0;
}
#reporting-software-cluster #product-any-data-build-full .container.narrow h2,
#reporting-software-cluster #product-any-data-build-full .container.narrow h3 {
  font-size: 36px;
  line-height: 44px;
  color: #000;
  margin: 0 0 16px;
  font-weight: 500;
}
#reporting-software-cluster
  #product-any-data-build-full
  .container.narrow
  h2
  strong,
#reporting-software-cluster
  #product-any-data-build-full
  .container.narrow
  h3
  strong {
  position: relative;
}
#reporting-software-cluster
  #product-any-data-build-full
  .container.narrow
  h2
  strong:after,
#reporting-software-cluster
  #product-any-data-build-full
  .container.narrow
  h3
  strong:after {
  content: "";
  position: absolute;
  bottom: 3px;
  left: 0;
  width: 100%;
  border-bottom: 3px solid #6976c9;
}
#reporting-software-cluster #product-any-data-build-full .container.narrow p {
  font-weight: 400;
  color: #8e929b;
  font-size: 18px;
  line-height: 27px;
  margin-bottom: 24px;
  display: block;
  max-width: 410px;
}
#reporting-software-cluster #product-any-data-build-full .container.narrow img {
  max-width: 100%;
  float: none;
}
#reporting-software-cluster #testimonials {
  text-align: center;
  padding: 60px 0 112px;
}
#reporting-software-cluster #testimonials h2 {
  font-size: 36px;
  line-height: 46px;
  color: #000;
  margin: 0 0 24px;
  font-weight: 500;
}
#reporting-software-cluster #testimonials p {
  color: #8e929b;
  font-size: 18px;
  line-height: 27px;
  margin: 0 auto 39px;
  font-weight: 400;
  max-width: 665px;
  display: block;
}
#reporting-software-cluster #testimonials .testimonial-rating-box {
  display: block;
  max-width: 290px;
  margin: auto;
  white-space: nowrap;
}
#reporting-software-cluster
  #testimonials
  .testimonial-rating-box
  img.refference {
  display: inline-block;
  vertical-align: middle;
  max-height: 38px;
  margin: 0 8px;
  width: auto;
}
#reporting-software-cluster #testimonials .testimonial-rating-box span {
  margin: 24px 0 20px;
  display: block;
}
#reporting-software-cluster #testimonials .testimonials-holder {
  padding-top: 37px;
}
#reporting-software-cluster
  #testimonials
  .testimonials-holder
  .testimonial-image {
  margin-bottom: 20px;
}
#reporting-software-cluster
  #testimonials
  .testimonials-holder
  .testimonial-image
  img {
  border-radius: 100%;
}
#reporting-software-cluster
  #testimonials
  .testimonials-holder
  .testimonial-text
  p {
  margin: 0;
  font-size: 21px;
  font-weight: 400;
  color: #8e929b;
  line-height: 30px;
}
#reporting-software-cluster
  #testimonials
  .testimonials-holder
  .testimonial-position {
  padding-top: 24px;
  color: #8e929b;
  font-size: 18px;
  line-height: 30px;
  font-weight: 400;
}
#reporting-software-cluster
  #testimonials
  .testimonials-holder
  .testimonial-position
  .name {
  color: #000;
}
#reporting-software-cluster
  #testimonials
  .testimonials-holder
  .testimonial-position
  a {
  text-decoration: underline;
  color: #4d71f1;
}
#reporting-software-cluster #main-value-proposition {
  padding: 112px 0;
  text-align: center;
}
#reporting-software-cluster #main-value-proposition h2 {
  color: #000;
  font-size: 36px;
  line-height: 42px;
  margin: 0 auto 24px;
  max-width: 588px;
  display: block;
  font-weight: 500;
}
#reporting-software-cluster #main-value-proposition p {
  font-weight: 400;
  max-width: 752px;
  display: block;
  font-size: 18px;
  line-height: 27px;
  color: #8e929b;
  margin: 0 auto 56px;
}
#reporting-software-cluster #main-value-proposition .main-value-ctas {
  margin-bottom: 64px;
  padding-top: 30px;
}
#reporting-software-cluster #main-value-proposition .main-value-ctas .btn {
  text-transform: none;
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px;
  min-width: 170px;
}
@media screen and (max-width: 640px) {
  #reporting-software-cluster #main-value-proposition .main-value-ctas .btn {
    margin-bottom: 20px;
    min-width: 260px;
  }
}
#reporting-software-cluster #main-value-proposition .video-box {
  max-width: 946px;
  margin: auto;
  float: none;
}
#reporting-software-cluster #main-value-proposition .video-box .videoholder {
  background: url(../img/dashboard-software/wizard_step.png) left top no-repeat;
  background-size: cover;
  padding: 32px 2px 2px;
  border-radius: 5px 5px 0 0;
}
#reporting-software-cluster #main-value-proposition .video-box video {
  max-width: 100%;
  display: block;
}
#reporting-software-cluster #main-value-proposition .main-value-repeater {
  float: none;
  clear: both;
  padding-top: 75px;
  max-width: 946px;
  margin: auto;
}
#reporting-software-cluster #main-value-proposition .main-value-repeater .col {
  text-align: left;
}
#reporting-software-cluster
  #main-value-proposition
  .main-value-repeater
  .col
  .image-box {
  margin: 0 0 30px;
}
#reporting-software-cluster
  #main-value-proposition
  .main-value-repeater
  .col
  h3 {
  color: #000;
  font-size: 24px;
  line-height: 28px;
  margin: 0 0 16px;
}
#reporting-software-cluster
  #main-value-proposition
  .main-value-repeater
  .col
  p {
  font-size: 18px;
  line-height: 27px;
  color: #8e929b;
  margin: 0;
}
#reporting-software-cluster
  #main-value-proposition
  .main-value-repeater
  .col
  p
  strong {
  font-weight: 700;
}
@media screen and (max-width: 1199px) {
  #reporting-software-cluster .header .testimonial .testimonial-text {
    width: 75%;
  }
  #reporting-software-cluster .header .hero-note.button-inline-text p {
    margin: 20px 0 0;
  }
}
@media screen and (max-width: 991px) {
  #reporting-software-cluster .header {
    padding-bottom: 0;
  }
  #reporting-software-cluster .header .row {
    display: flex;
    flex-direction: column;
  }
  #reporting-software-cluster .header .row .first {
    order: 2;
  }
  #reporting-software-cluster .header .row .last {
    margin-bottom: 40px;
  }
  #reporting-software-cluster .header .testimonial {
    margin: 10px 30px 50px;
  }
  #reporting-software-cluster .header .testimonial .testimonial-text {
    width: 75%;
  }
  #reporting-software-cluster .header .hero-note.button-inline-text p {
    margin: 0 0 0 24px;
  }
  #reporting-software-cluster .header .col-lg-12.breadcrumbs {
    text-align: left;
    padding-left: 15px;
  }
  #reporting-software-cluster .header .col-lg-12.breadcrumbs .item:first-child {
    padding-left: 0;
  }
  #reporting-software-cluster .social-proof {
    padding-bottom: 70px;
  }
  #reporting-software-cluster .social-proof .proof-images {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  #reporting-software-cluster .social-proof .proof-images .proof-image {
    margin: 0 10px;
    max-width: inherit;
  }
  #reporting-software-cluster .social-proof .proof-images .proof-image img {
    max-width: 90%;
    margin: auto;
    display: block;
  }
  #reporting-software-cluster #main-value-proposition .video-box .videoholder {
    padding: 24px 1px 1px;
  }
  #reporting-software-cluster #datasource-templates,
  #reporting-software-cluster #main-value-proposition,
  #reporting-software-cluster #product-any-data-build,
  #reporting-software-cluster #product-any-data-build-full,
  #reporting-software-cluster #product-faq,
  #reporting-software-cluster #testimonials,
  #reporting-software-cluster .content.border {
    padding: 72px 0;
  }
  #reporting-software-cluster #data-sources {
    padding: 72px 0 5px;
  }
  #reporting-software-cluster
    #main-value-proposition
    .main-value-repeater
    .col {
    margin-bottom: 30px;
  }
  #reporting-software-cluster #product-any-data-build .container .right .box {
    max-width: inherit;
    padding: 0;
  }
  #reporting-software-cluster #product-any-data-build-full .container p {
    max-width: inherit;
  }
  #reporting-software-cluster .content.layout-dbl .img img {
    max-height: 240px;
    max-width: 80%;
    width: auto;
    margin: 0 auto 40px;
  }
  #reporting-software-cluster .container.narrow {
    padding: 0 15px;
  }
  #reporting-software-cluster #what-else .col {
    margin-bottom: 40px;
  }
  #reporting-software-cluster #what-else .image-box {
    min-height: auto;
  }
  #reporting-software-cluster #testimonials {
    width: 90%;
    margin: auto;
    padding-top: 0;
  }
  #reporting-software-cluster
    #testimonials
    .testimonials-holder
    .col-testimonial {
    margin-bottom: 40px;
  }
  #reporting-software-cluster
    #testimonials
    .testimonials-holder
    .testimonial-text
    p {
    margin: 0 auto 0;
  }
  #reporting-software-cluster #product-faq .container {
    padding: 0 15px;
  }
  #reporting-software-cluster #product-faq .container .collapsible {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 836px) {
  #reporting-software-cluster .header {
    padding: 120px 0 60px;
    background-size: 100% 72px;
  }
}
@media screen and (max-width: 768px) {
  #reporting-software-cluster .header .testimonial {
    max-width: 91.7%;
    margin: 10px auto 40px;
  }
  #reporting-software-cluster .header .testimonial .testimonial-text {
    width: 70%;
  }
  #reporting-software-cluster #product-any-data-build .container.narrow {
    padding: 0 15px;
  }
  #reporting-software-cluster #product-any-data-build-full .row {
    display: flex;
    flex-direction: column;
  }
  #reporting-software-cluster #product-any-data-build-full .row .right {
    order: 1;
  }
  #reporting-software-cluster #product-any-data-build-full .container.narrow {
    padding: 0 15px;
  }
  #reporting-software-cluster #product-any-data-build-full .img {
    margin: 0 -4%;
  }
  #reporting-software-cluster
    #product-any-data-build-full
    .container.narrow
    img {
    max-height: 280px;
    max-width: 100%;
    width: auto;
  }
}
@media screen and (max-width: 523px) {
  #reporting-software-cluster .header .hero-note.button-inline-text p {
    margin: 24px 0 0;
    clear: both;
    display: block;
  }
  #reporting-software-cluster .header .testimonial .testimonial-text {
    width: 65%;
  }
  #reporting-software-cluster #main-value-proposition .video-box .videoholder {
    padding: 16px 1px 1px;
  }
  #reporting-software-cluster #main-value-proposition p {
    max-width: 90%;
    margin: 0 auto 56px;
  }
  #reporting-software-cluster #main-value-proposition .main-value-ctas .btn {
    min-width: 150px;
  }
  #reporting-software-cluster .social-proof {
    padding-bottom: 42px;
  }
  #reporting-software-cluster .social-proof .proof-images {
    display: block;
  }
  #reporting-software-cluster .social-proof .proof-images .proof-image {
    margin: 0 10px 28px;
    max-width: 100px;
    display: inline-block;
  }
  #reporting-software-cluster .social-proof .proof-images .proof-image img {
    max-width: 100%;
    margin: auto;
    display: block;
  }
  #reporting-software-cluster #product-wizard-ui-steps {
    max-width: 95%;
    margin: auto;
  }
  #reporting-software-cluster
    #product-wizard-ui-steps
    .images
    .step-wrapper.videobox {
    padding-top: 15px;
  }
}
#reporting-software-cluster .report-templates-categories {
  background: rgba(77, 113, 241, 0.1);
  padding: 120px 0;
}
#reporting-software-cluster
  .report-templates-categories
  .report-template-categories-content {
  margin-bottom: 67px;
  text-align: center;
}
#reporting-software-cluster
  .report-templates-categories
  .report-template-categories-content
  h2,
#reporting-software-cluster
  .report-templates-categories
  .report-template-categories-content
  h3 {
  margin: 0 auto 17px;
  text-align: center;
  max-width: 792px;
  font-size: 36px;
  line-height: 44px;
  font-weight: 700;
  letter-spacing: 0.5px;
}
#reporting-software-cluster
  .report-templates-categories
  .report-template-categories-content
  p {
  color: #8e929b;
  font-size: 18px;
  line-height: 24px;
  max-width: 600px;
  margin: 0 auto 0;
  font-weight: 400;
}
#reporting-software-cluster .report-templates-categories .row {
  display: none;
}
#reporting-software-cluster .report-templates-categories .row.row-box-0,
#reporting-software-cluster .report-templates-categories .row.row-box-1 {
  display: block !important;
}
#reporting-software-cluster .report-templates-categories .template-col {
  padding-bottom: 80px;
  position: relative;
  cursor: pointer;
}
#reporting-software-cluster .report-templates-categories .template-col::before {
  content: "";
  z-index: 2;
  position: absolute;
  width: 85%;
  top: -12px;
  left: 0;
  right: 0;
  margin: auto;
  display: block;
  min-height: 25%;
  background: #fff;
  opacity: 0.7;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}
#reporting-software-cluster .report-templates-categories .template-col::after {
  content: "";
  z-index: 1;
  position: absolute;
  width: 80%;
  top: -24px;
  left: 0;
  right: 0;
  margin: auto;
  display: block;
  min-height: 25%;
  background: #fff;
  opacity: 0.5;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}
#reporting-software-cluster
  .report-templates-categories
  .template-col
  .template-image {
  border: 7px solid #fff;
  border-radius: 10px;
  position: relative;
  z-index: 3;
  margin-bottom: 17px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}
#reporting-software-cluster
  .report-templates-categories
  .template-col
  .template-image
  img {
  max-width: 100%;
  border-radius: 4px;
  width: 100%;
}
#reporting-software-cluster
  .report-templates-categories
  .template-col
  .template-title
  h2,
#reporting-software-cluster
  .report-templates-categories
  .template-col
  .template-title
  h3,
#reporting-software-cluster
  .report-templates-categories
  .template-col
  .template-title
  h4 {
  color: #1766c0;
  font-weight: 500;
  font-size: 19px;
  line-height: 32px;
  margin: 0 0 8px;
}
#reporting-software-cluster
  .report-templates-categories
  .template-col
  .template-title
  p {
  color: #8e929b;
  font-size: 18px;
  line-height: 24px;
  margin: 0;
  font-weight: 400;
}
#reporting-software-cluster
  .report-templates-categories
  .template-col
  .template-title
  .avatar {
  width: 25px;
  height: 25px;
  margin-top: 8px;
}
#reporting-software-cluster
  .report-templates-categories
  .template-col
  .template-title
  .avatar
  img {
  border-radius: 100%;
  width: 100%;
}
#reporting-software-cluster
  .report-templates-categories
  .template-col.template-col-landing {
  cursor: default;
}
#reporting-software-cluster
  .report-templates-categories
  .template-col.template-col-landing
  .template-title {
  padding-top: 10px;
}
#reporting-software-cluster
  .report-templates-categories
  .template-col.template-col-landing
  .template-title
  h2,
#reporting-software-cluster
  .report-templates-categories
  .template-col.template-col-landing
  .template-title
  h3,
#reporting-software-cluster
  .report-templates-categories
  .template-col.template-col-landing
  .template-title
  h4 {
  font-size: 28px;
  line-height: 40px;
  color: #1c1d1f;
  margin: 0 0 16px;
}
#reporting-software-cluster
  .report-templates-categories
  .template-col.template-col-landing
  .template-title
  p {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  margin: 0 0 16px;
}
#reporting-software-cluster
  .report-templates-categories
  .template-col.template-col-landing
  .template-title
  a {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  text-decoration: underline;
  color: #4d71f1;
}
#reporting-software-cluster
  .report-templates-categories
  .template-col.template-col-landing
  .template-title
  a:hover {
  text-decoration: none;
}
#reporting-software-cluster .report-templates-categories .load-more-holder {
  text-align: center;
  display: none;
}
#reporting-software-cluster
  .report-templates-categories
  .load-more-holder
  .load-more {
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
  border: none;
  background: 0 0;
  color: #4d71f1;
}
#reporting-software-cluster
  .report-templates-categories
  .load-more-holder
  .load-more
  .icon {
  margin-left: 4px;
  display: inline-block;
  transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  font-size: 12px;
}
#reporting-software-cluster
  .report-templates-categories
  .load-more-holder
  .load-more.active
  .icon {
  transform: rotate(270deg);
  -o-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
}
#reporting-software-cluster
  .report-templates-categories.report-templates-categories-landing {
  padding-bottom: 40px;
}
@media screen and (max-width: 768px) {
  #reporting-software-cluster .report-templates-categories {
    padding: 60px 0 60px;
  }
}
#reporting-software-cluster .templates-popup-holder {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
  background: rgba(28, 29, 31, 0.8);
  display: none;
}
#reporting-software-cluster .templates-popup-holder .templates-popup {
  background: #fff;
  border-radius: 6px;
  padding: 40px 10px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  width: 90%;
  max-width: 90%;
  margin: auto;
  display: block;
  max-width: 1200px;
  max-height: 90vh;
  overflow: auto;
}
#reporting-software-cluster
  .templates-popup-holder
  .templates-popup
  .container {
  width: 100%;
}
#reporting-software-cluster
  .templates-popup-holder
  .templates-popup
  .container
  .popup-col-right {
  text-align: left;
}
#reporting-software-cluster
  .templates-popup-holder
  .templates-popup
  .container
  .popup-col-right
  .btn {
  margin: 0 !important;
}
#reporting-software-cluster
  .templates-popup-holder
  .templates-popup
  .icon-close {
  position: absolute;
  top: 25px;
  right: 25px;
  font-size: 18px;
  cursor: pointer;
  z-index: 99;
}
#reporting-software-cluster .templates-popup-holder .templates-popup .row {
  display: block;
}
#reporting-software-cluster
  .templates-popup-holder
  .templates-popup
  .row
  .popup-col-left
  img {
  max-width: 100%;
  display: block;
  border-radius: 6px;
  width: 100%;
}
#reporting-software-cluster .templates-popup-holder .templates-popup .steps {
  margin-top: 13px;
  overflow: hidden;
  width: 100%;
}
#reporting-software-cluster
  .templates-popup-holder
  .templates-popup
  .steps
  .slick-dots {
  display: flex;
  justify-content: flex-start;
  position: relative;
  bottom: 0;
}
#reporting-software-cluster
  .templates-popup-holder
  .templates-popup
  .steps
  .slick-dots
  li {
  padding: 0;
  margin: 0;
  flex-shrink: 0;
  width: 29%;
}
#reporting-software-cluster
  .templates-popup-holder
  .templates-popup
  .steps
  .slick-dots
  li.slick-active
  .thumbImg {
  border: 3px solid #d05858;
}
#reporting-software-cluster
  .templates-popup-holder
  .templates-popup
  .steps
  button {
  border-radius: 0;
  width: calc(100% - 16px);
  height: 98px;
  margin-right: 16px;
  background: 0 0;
}
#reporting-software-cluster
  .templates-popup-holder
  .templates-popup
  .steps
  .thumbImg {
  width: 100%;
  height: 98px;
  background-size: cover !important;
  border-radius: 6px;
  display: block;
  border: 3px solid #fff;
}
#reporting-software-cluster
  .templates-popup-holder
  .templates-popup
  .popup-col-right
  .avatarInner {
  width: 30px;
  height: 30px;
  margin-bottom: 12px;
  margin-top: 100px;
}
#reporting-software-cluster
  .templates-popup-holder
  .templates-popup
  .popup-col-right
  .avatarInner
  img {
  max-width: 100%;
  border-radius: 100%;
}
#reporting-software-cluster
  .templates-popup-holder
  .templates-popup
  .popup-col-right
  h3 {
  font-weight: 500;
  font-size: 28px;
  line-height: 40px;
  color: #393a3e;
  margin: 0 0 8px;
  max-width: 388px;
}
#reporting-software-cluster
  .templates-popup-holder
  .templates-popup
  .popup-col-right
  p {
  color: #8e929b;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  margin: 0 0 40px;
}
#reporting-software-cluster
  .templates-popup-holder
  .templates-popup
  .popup-col-right
  .btn {
  text-transform: none;
}
@media screen and (max-width: 991px) {
  #reporting-software-cluster .templates-popup-holder .templates-popup {
    padding-top: 55px;
  }
  #reporting-software-cluster
    .templates-popup-holder
    .templates-popup
    .icon-close {
    top: 15px;
  }
}
#reporting-software-cluster #categories {
  padding: 120px 0 0;
  text-align: center;
}
#reporting-software-cluster #categories .row {
  margin: 0;
}
#reporting-software-cluster #categories h2 {
  font-weight: 500;
  font-size: 40px;
  line-height: 48px;
  margin: 0 auto 24px;
  color: #2d3237;
}
#reporting-software-cluster #categories h2 strong {
  font-weight: 700;
  text-decoration: underline;
  text-decoration-skip-ink: none;
  text-decoration-color: #4d71f1;
  -webkit-text-decoration-color: #4d71f1;
}
#reporting-software-cluster #categories p {
  font-size: 18px;
  line-height: 24px;
  color: #8e929b;
  margin: 0 auto 10px;
}
#reporting-software-cluster #categories .btn {
  margin-top: 86px;
}
#reporting-software-cluster #categories .template-item {
  cursor: pointer;
}
#reporting-software-cluster #categories .template-item__window .image::after,
#reporting-software-cluster #categories .template-item__window .image::before {
  display: none;
}
#reporting-software-cluster .product-datas-multiple {
  background: #f2f4f6;
  border: none;
  padding: 0;
}
#reporting-software-cluster .product-datas-multiple .container {
  border-top: 1px solid #e8e9eb;
  padding: 100px 80px;
}
#reporting-software-cluster .product-datas-multiple .container h3 {
  font-weight: 500;
  font-size: 40px;
  line-height: 48px;
  margin: 0 0 15px;
  letter-spacing: 0.5px;
}
#reporting-software-cluster .product-datas-multiple .container p {
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: #8e929b;
  margin: 0;
}
@media screen and (max-width: 480px) {
  #reporting-software-cluster .product-datas-multiple .container {
    padding: 100px 15px;
  }
}
#reporting-software-cluster
  .product-datas-multiple#product-any-data-1
  .container {
  border-top: none;
}
#reporting-software-cluster #dashboard-gray {
  background: 0 0;
}
#reporting-software-cluster #dashboard-gray #datasource-templates {
  padding: 120px 0 116px;
}
#reporting-software-cluster #dashboard-gray #datasource-templates h2,
#reporting-software-cluster #dashboard-gray #datasource-templates h3 {
  font-size: 40px;
  line-height: 48px;
  font-weight: 500;
  color: #2d3237;
  letter-spacing: 0.5px;
  margin: 0 0 64px;
}
#reporting-software-cluster
  #dashboard-gray
  #datasource-templates
  .layout-emphasized-blocks {
  padding: 0;
}
#reporting-software-cluster
  #dashboard-gray
  #datasource-templates
  .layout-emphasized-blocks
  .block
  img {
  border-radius: 0;
}
#reporting-software-cluster .product-datas-single {
  border: none;
  padding-top: 120px;
  padding-bottom: 120px;
}
#reporting-software-cluster .product-datas-single .container.narrow {
  padding-left: 25px;
  padding-right: 25px;
}
#reporting-software-cluster .product-datas-single h2,
#reporting-software-cluster .product-datas-single h3 {
  font-size: 28px;
  line-height: 40px;
  font-weight: 500;
  margin: 0 0 17px;
  max-width: 445px;
}
#reporting-software-cluster .product-datas-single ul {
  list-style: none;
  padding: 0;
}
#reporting-software-cluster .product-datas-single ul li {
  font-size: 18px;
  line-height: 21px;
  color: #8e929b;
  letter-spacing: 0.5px;
  font-weight: 400;
  margin: 15px 0 0;
  padding-left: 28px;
  position: relative;
}
#reporting-software-cluster .product-datas-single ul li strong {
  font-weight: 700;
}
#reporting-software-cluster .product-datas-single ul li:before {
  content: "\e002";
  display: inline-block;
  font-family: Icons;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  text-transform: none;
  top: 6px;
  vertical-align: middle;
  font-size: 12px;
  position: absolute;
  left: 0;
  color: #2ab674;
}
#reporting-software-cluster .product-datas-single p {
  font-size: 18px;
  line-height: 21px;
  color: #8e929b;
  letter-spacing: 0.5px;
  font-weight: 400;
  margin: 0 0 48px;
}
#reporting-software-cluster .product-datas-single p strong {
  font-weight: 700;
}
#reporting-software-cluster .product-datas-single .btn {
  text-transform: none;
  font-weight: 500;
  background-color: #2bb673;
  color: #fff;
  max-width: fit-content;
  padding-top: 0;
  padding-bottom: 0;
  line-height: 48px;
  font-size: 16px;
  letter-spacing: 0.8px;
}
#reporting-software-cluster .product-datas-single .btn:hover {
  background-color: #20925a;
}
@media screen and (max-width: 768px) {
  #reporting-software-cluster .product-datas-single {
    padding: 60px 0 60px;
  }
}
#reporting-software-cluster #ready-to-start {
  text-align: center;
  padding-bottom: 0;
  padding-top: 0;
}
#reporting-software-cluster #ready-to-start .container {
  padding: 68px 0 68px;
}
#reporting-software-cluster #ready-to-start .container h2 {
  margin: 0 auto 40px;
  max-width: 800px;
  font-size: 36px;
  line-height: 44px;
  font-weight: 500;
  color: #2d3237;
}
#reporting-software-cluster #ready-to-start .container p {
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
  color: #8e929b;
  margin: 0 auto 40px;
  max-width: 820px;
}
#reporting-software-cluster #ready-to-start .container .btn.btn-green {
  text-transform: none;
  font-weight: 500;
  background-color: #2bb673;
  padding-top: 0;
  padding-bottom: 0;
  line-height: 48px;
  font-size: 16px;
  letter-spacing: 0.8px;
}
#reporting-software-cluster #ready-to-start .container .btn.btn-green:hover {
  background-color: #20925a;
}
@media screen and (max-width: 992px) {
  #reporting-software-cluster #ready-to-start .container {
    background-size: 100% 100% !important;
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media screen and (max-width: 768px) {
  #reporting-software-cluster #ready-to-start .container {
    background-size: 100% 100% !important;
    margin: 0 15px;
    padding-left: 30px;
    padding-right: 30px;
  }
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
#help-articles .header,
#spotlights .header,
#videos .header,
.using-databox-single .header {
  background-image: url("../img/resources/bg.jpg");
  background-position: center center;
  background-size: cover;
}
#help-articles .header h2,
#spotlights .header h2,
#videos .header h2,
.using-databox-single .header h2 {
  font-size: 22px;
  font-weight: 300;
  margin: 10px 0 25px;
}
#help-articles .content,
#spotlights .content,
#videos .content,
.using-databox-single .content {
  padding-bottom: 0;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 480px),
  only screen and (min-device-pixel-ratio: 2) and (min-width: 480px),
  only screen and (-webkit-max-device-pixel-ratio: 1.5) and (min-width: 800px),
  only screen and (max-device-pixel-ratio: 1.5) and (min-width: 800px) {
  #help-articles .header,
  #spotlights .header,
  #videos .header,
  .using-databox-single .header {
    background-image: url(../img/resources/bg-2x.jpg);
  }
}
#content-search input:focus,
#sidebar-search input:focus {
  border-color: #4d71f1;
  outline: 0;
}
#content-search input:focus + .icon,
#sidebar-search input:focus + .icon {
  color: #4d71f1;
}
#content-search .dotloader,
#sidebar-search .dotloader {
  display: none;
  position: absolute;
  margin: 0;
}
#content-search .dotloader,
#content-search .dotloader:after,
#content-search .dotloader:before,
#sidebar-search .dotloader,
#sidebar-search .dotloader:after,
#sidebar-search .dotloader:before {
  width: 10px;
  height: 10px;
}
#content-search > .icon,
#sidebar-search > .icon {
  position: absolute;
}
#content-search .results,
#sidebar-search .results {
  display: none;
  border: 1px solid #4d71f1;
  border-radius: 0 0 3px 3px;
  position: absolute;
  top: 49px;
  width: 100%;
  max-height: 215px;
  overflow-y: auto;
  background-color: #fff;
  z-index: 2;
  text-align: left;
}
#content-search .results span.noresults,
#sidebar-search .results span.noresults {
  color: #8e929b;
  padding: 10px;
  display: block;
}
#content-search .results ul,
#sidebar-search .results ul {
  list-style: none;
  margin: 0 !important;
  padding: 0 !important;
}
#content-search .results ul li,
#sidebar-search .results ul li {
  line-height: 18px;
  border-top: 1px solid rgba(142, 146, 155, 0.3);
}
#content-search .results ul li:first-child,
#sidebar-search .results ul li:first-child {
  border-top: none;
}
#content-search .results ul li > a,
#sidebar-search .results ul li > a {
  display: block;
  padding: 11px 10px 2px 55px;
  text-decoration: none;
  position: relative;
}
#content-search .results ul li span.icon,
#sidebar-search .results ul li span.icon {
  position: absolute;
  top: 18px;
  left: 15px;
  color: #8e929b;
  font-size: 25px;
}
#content-search .results ul li strong,
#sidebar-search .results ul li strong {
  color: #4d71f1;
  font-size: 14px;
  display: block;
}
#content-search .results ul li p,
#sidebar-search .results ul li p {
  font-size: 12px;
  color: #8e929b;
  height: 18px;
  font-weight: 400;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}
#content-search .results ul li mark,
#sidebar-search .results ul li mark {
  background-color: #fff7b0;
  color: inherit;
  padding: 0;
}
#content-search .results ul li.active,
#content-search .results ul li:hover,
#sidebar-search .results ul li.active,
#sidebar-search .results ul li:hover {
  background-color: #4d71f1;
}
#content-search .results ul li.active span.icon,
#content-search .results ul li:hover span.icon,
#sidebar-search .results ul li.active span.icon,
#sidebar-search .results ul li:hover span.icon {
  color: rgba(0, 0, 0, 0.7);
}
#content-search .results ul li.active strong,
#content-search .results ul li:hover strong,
#sidebar-search .results ul li.active strong,
#sidebar-search .results ul li:hover strong {
  color: rgba(0, 0, 0, 0.7);
}
#content-search .results ul li.active p,
#content-search .results ul li:hover p,
#sidebar-search .results ul li.active p,
#sidebar-search .results ul li:hover p {
  color: #fff;
}
#content-search .results ul li.active mark,
#content-search .results ul li:hover mark,
#sidebar-search .results ul li.active mark,
#sidebar-search .results ul li:hover mark {
  background-color: #77d7e4;
}
#resources-basics {
  padding-top: 95px;
}
#basics-box {
  background-image: linear-gradient(to right bottom, #f5f2ef, #fff);
  background-image: -o-linear-gradient(to right bottom, #f5f2ef, #fff);
  background-image: -ms-linear-gradient(to right bottom, #f5f2ef, #fff);
  background-image: -moz-linear-gradient(to right bottom, #f5f2ef, #fff);
  background-image: -webkit-linear-gradient(to right bottom, #f5f2ef, #fff);
  margin-bottom: 30px;
}
#basics-box .left {
  text-align: center;
}
#basics-box .left img {
  width: 87%;
  position: relative;
  top: -25px;
}
#basics-box .left h3 {
  font-size: 32px;
  margin: 40px 0 20px;
}
#basics-box .left p {
  color: #8e929b;
  margin: 0 90px 35px;
}
#basics-box .left a.btn {
  text-transform: none;
}
#basics-box .right {
  padding: 45px 15px 45px 0;
}
#basics-box .right .ct {
  padding: 0 45px 18px 45px;
  border-left: 1px solid rgba(142, 146, 155, 0.3);
  min-height: 510px;
}
#basics-box .right h2 {
  font-weight: 200;
  font-size: 48px;
  margin: 0;
  padding: 60px 0 33px;
}
#basics-box .right ul.links {
  list-style: none;
  padding: 0;
  margin-bottom: 42px;
}
#basics-box .right li {
  font-size: 18px;
  line-height: 22px;
  margin: 14px 0;
}
#basics-box .right li.new {
  position: relative;
  padding-left: 33px;
}
#basics-box .right li.new:before {
  content: "new";
  background-color: #02b875;
  color: #fff;
  border-radius: 2px;
  height: 12px;
  font-size: 10px;
  line-height: 12px;
  padding: 0 3px;
  position: absolute;
  top: 6px;
  left: 0;
}
#basics-box .right a.more {
  font-size: 14px;
  color: #8e929b;
}
#resources-header {
  height: 330px;
}
#resources-header #content-search {
  position: relative;
  width: 540px;
  margin: 18px auto 0;
}
#resources-header #content-search input {
  border: 1px solid rgba(255, 255, 255, 0.5);
  background-color: rgba(45, 50, 55, 0.12);
  border-radius: 5px;
  width: 100%;
  font-size: 18px;
  line-height: 52px;
  height: 52px;
  color: #fff;
  padding: 5px 0 8px 50px;
}
#resources-header #content-search .dotloader {
  right: 45px;
  top: 0;
  font-size: 15px;
}
#resources-header #content-search > .icon {
  font-size: 22px;
  top: 10px;
  left: 16px;
  color: rgba(255, 255, 255, 0.5);
}
#resources-header #content-search.active-focus input,
#resources-header #content-search.active-results input {
  background-color: #fff;
  border-color: #4d71f1;
  color: #2d3237;
}
#resources-header #content-search.active-focus > .icon,
#resources-header #content-search.active-results > .icon {
  color: #4d71f1;
}
#resources-cta h2 {
  font-size: 24px;
  margin-top: 14px;
  text-align: center;
}
#resources-cta p {
  margin: 32px auto 92px;
  width: 350px;
  padding-left: 100px;
  position: relative;
  font-size: 16px;
  line-height: 26px;
  color: rgba(142, 146, 155, 0.9);
}
#resources-cta p .icon {
  font-size: 50px;
  position: absolute;
  top: 0;
  left: 32px;
  color: rgba(142, 146, 155, 0.5);
}
#resources-cta p a {
  text-decoration: underline;
}
#help-categories .ct {
  max-width: 740px;
  margin: 0 auto;
}
#help-categories .box {
  padding-left: 15px;
  padding-right: 15px;
  width: 33.32%;
  margin-bottom: 30px;
  text-align: center;
}
#help-categories .box a {
  position: relative;
  display: block;
  width: 100%;
  border-radius: 5px;
  border: 1px solid rgba(142, 146, 155, 0.5);
  text-decoration: none;
}
#help-categories .box a:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
#help-categories .box a:hover {
  border-color: #8e929b;
}
#help-categories .box a:hover .icon {
  opacity: 1;
}
#help-categories .box .icon {
  position: absolute;
  top: 22px;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 46px;
  opacity: 0.7;
  color: rgba(45, 50, 55, 0.6);
}
#help-categories .box p {
  position: absolute;
  top: 113px;
  width: 100%;
  padding: 0 10px;
}
#help-categories .box .desc,
#help-categories .box small,
#help-categories .box strong {
  display: block;
  color: #2d3237;
}
#help-categories .box .desc,
#help-categories .box small {
  font-size: 13px;
  line-height: 17px;
}
#help-categories .box strong {
  font-size: 20px;
  line-height: 24px;
}
#help-categories .box .desc {
  opacity: 0.5;
  padding-top: 4px;
}
#help-categories .box small {
  margin-top: 7px;
  color: #4d71f1;
}
#help-articles .cat {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding-top: 20px;
  padding-bottom: 75px;
  min-height: 200px;
}
#help-articles .cat > a {
  display: block;
  padding-top: 50px;
}
#help-articles .cat h3 {
  font-size: 20px;
  line-height: 42px;
  position: relative;
  margin: 0;
  padding-left: 80px;
  margin-top: 9px;
  padding-bottom: 40px;
}
#help-articles .cat h3:before {
  font-size: 48px;
  color: rgba(45, 50, 55, 0.6);
  position: absolute;
  top: -6px;
  left: 18px;
}
#help-articles .cat ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#help-articles .cat li {
  padding-bottom: 40px;
}
#help-articles .cat li a {
  float: left;
  font-size: 18px;
  margin-bottom: 8px;
  font-weight: 500;
}
#help-articles #help-faq-list h2,
#help-articles #help-videos-list h2 {
  font-size: 48px;
  margin: 70px 0 58px;
  text-align: center;
  font-weight: 100;
}
#help-articles #help-faq-list {
  padding: 0 0 55px;
}
#help-articles #help-faq-list .links {
  padding-left: 17px;
  max-width: 970px;
  margin: 0 auto;
}
#help-articles #help-faq-list .link {
  padding-bottom: 10px;
}
#help-articles #help-faq-list .link a {
  float: none;
  font-size: 18px;
  font-weight: 500;
}
#help-articles #help-faq-list .link.new:after {
  content: "new";
  background-color: #02b875;
  color: #fff;
  border-radius: 2px;
  height: 12px;
  font-size: 10px;
  line-height: 12px;
  padding: 0 3px;
  position: relative;
  top: -2px;
}
#help-articles #help-videos-list {
  padding-top: 0;
}
#help-articles #help-videos-list .section {
  max-width: 970px;
  margin: 0 auto;
  position: relative;
}
#help-articles #help-videos-list .allVideos {
  position: absolute;
  top: -98px;
  right: 11px;
  font-size: 14px;
  color: #8e929b;
}
#help-articles #help-videos-list .allVideos .icon {
  font-size: 24px;
  position: relative;
  top: 2px;
  margin: 0 0 0 3px;
}
#spotlights .resources-list {
  padding-bottom: 50px;
}
#spotlights .resources-list .box {
  border-radius: 4px;
  height: 210px;
  margin-bottom: 30px;
  overflow: hidden;
  position: relative;
  padding: 0 5px;
}
#spotlights .resources-list .box .image {
  display: inline-block;
  margin: 0 auto;
  padding: 0;
  height: 145px;
  border: 1px solid #f3f4f5;
  border-radius: 5px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
#spotlights .resources-list .box .image .hover-overlay {
  display: none;
  width: 100%;
  height: 100%;
  border-radius: 5px;
  background: linear-gradient(rgba(44, 168, 204, 0.4), rgba(19, 199, 219, 0.4));
  font-size: 20px;
  text-align: center;
  color: #fff;
  line-height: 145px;
}
#spotlights .resources-list .box .image:hover .hover-overlay {
  display: block;
}
#spotlights .resources-list .box a {
  color: #4d71f1;
  bottom: 0;
  text-decoration: none;
}
#spotlights .resources-list .box a h3,
#spotlights .resources-list .box a span {
  line-height: 30px;
  padding-left: 15px;
}
#spotlights .resources-list .box a p,
#spotlights .resources-list .box a span {
  color: #8e929b;
}
#spotlights .resources-list .box a span {
  text-transform: uppercase;
  display: block;
  font-size: 11px;
  font-weight: 400;
}
#spotlights .resources-list .box a h3 {
  margin-top: 10px;
}
#spotlights .resources-list .box a p {
  padding: 10px 0 25px 0;
}
#spotlights .resources-list .box a:hover {
  color: #4d71f1;
}
#blogpost.using-databox-single .header {
  height: 123px !important;
  min-height: 100px !important;
  padding: 0 !important;
}
#blogpost.using-databox-single .content {
  padding: 60px 0;
}
#blogpost.using-databox-single .content h1 {
  margin-bottom: 30px;
}
#blogpost.using-databox-single .content .container {
  max-width: auto;
}
#blogpost.using-databox-single .content .last-updated {
  display: block;
  font-size: 12px;
  font-weight: 100;
  margin: 37px 0 42px 0;
}
#blogpost.using-databox-single .content .gray-bg {
  padding-left: 30px;
  padding-right: 30px;
}
#blogpost.using-databox-single .ct-left {
  float: left;
  width: 268px;
  margin-right: 67px;
}
#blogpost.using-databox-single .ct-left > .icon {
  display: block;
  font-size: 50px;
  color: #8e929b;
  margin: 48px 0 6px 14px;
}
#blogpost.using-databox-single .ct-left ul li:before {
  display: none;
}
#blogpost.using-databox-single .ct-right {
  float: right;
  padding-top: 10px;
  width: 835px;
}
#blogpost.using-databox-single #sidebar-search {
  position: relative;
}
#blogpost.using-databox-single #sidebar-search input {
  width: 100%;
  font-size: 16px;
  border-width: 0 0 1px 0;
  height: 36px;
  line-height: 36px;
  padding: 0 40px 0 12px;
}
#blogpost.using-databox-single #sidebar-search .dotloader {
  top: -19px;
  right: 77px;
}
#blogpost.using-databox-single #sidebar-search > .icon {
  font-size: 17px;
  top: 4px;
  right: 15px;
  color: #8e929b;
}
#blogpost.using-databox-single #sidebar-search .results {
  top: 35px;
}
#blogpost.using-databox-single #sidebar-search .results ul {
  font-family: inherit;
}
#blogpost.using-databox-single #sidebar-search .results ul li {
  margin: 0;
}
#blogpost.using-databox-single #sidebar-search .results ul li > a {
  padding: 8px 6px 0 33px;
  background: 0 0;
}
#blogpost.using-databox-single #sidebar-search .results ul li span.icon {
  font-size: 16px;
  top: 11px;
  left: 10px;
}
#blogpost.using-databox-single #sidebar-search .results ul li p {
  margin: 0;
  font-family: inherit;
}
#blogpost.using-databox-single #select-categories + .selectize-control.single {
  height: 42px;
}
#blogpost.using-databox-single
  #select-categories
  + .selectize-control.single
  .selectize-input {
  height: 42px;
  line-height: 25px;
}
#blogpost.using-databox-single
  #select-categories
  + .selectize-control.single
  .selectize-input
  .item {
  font-size: 20px;
  font-weight: 700;
  color: #24282c;
}
#blogpost.using-databox-single #sidebar-posts {
  list-style: none;
  padding: 0;
  font-family: inherit;
  margin-top: 32px;
}
#blogpost.using-databox-single #sidebar-posts li {
  margin: 0;
  font-size: 16px;
  line-height: 18px;
  font-weight: 500;
  margin: 10px 0 22px;
  padding-left: 12px;
}
#blogpost.using-databox-single #sidebar-posts li.selected a {
  color: #8e929b;
  position: relative;
  cursor: default;
}
#blogpost.using-databox-single #sidebar-posts li.selected a:before {
  font-family: Icons;
  content: "\35";
  position: absolute;
  top: 2px;
  left: -16px;
  font-size: 10px;
}
#blogpost.using-databox-single #sidebar-posts a {
  color: #4d71f1;
}
.content .helpful-block-content {
  border: none;
  border-top: 1px solid rgba(142, 146, 155, 0.5);
  background: 0 0;
  margin: 0;
  padding: 30px 0;
}
.content .helpful-block-content ul {
  font-family: inherit !important;
}
.content .helpful-block-content ul li {
  margin: 0 !important;
  display: block;
  font-weight: 500;
}
.content .helpful-block-content ul li:before {
  display: none;
}
.content .helpful-block-content ul li a {
  display: inline-block;
  text-decoration: none !important;
  width: 196px;
  height: 60px;
  text-align: left;
  font-size: 16px;
  line-height: 58px;
  color: #8e929b !important;
  border: 1px solid rgba(142, 146, 155, 0.3);
  -moz-box-shadow: 0 0 6px 0 rgba(37, 37, 37, 0.3);
  -webkit-box-shadow: 0 0 6px 0 rgba(37, 37, 37, 0.3);
  box-shadow: 0 0 6px 0 rgba(37, 37, 37, 0.3);
  background: 0 0 !important;
  position: relative;
  padding: 0 0 0 70px;
  letter-spacing: 0;
}
.content .helpful-block-content ul li a:before {
  font-family: Icons;
  content: "\5f";
  font-size: 24px;
  line-height: 24px;
  position: absolute;
  left: 35px;
  top: 19px;
}
.content .helpful-block-content ul li a:first-child {
  color: #2bb673 !important;
}
.content .helpful-block-content ul li a:first-child:before {
  content: "\60";
  top: 15px;
}
.content .helpful-block-content ul li a:first-child:hover {
  color: #2bb673 !important;
}
.content .helpful-block-content ul li a:hover {
  border-color: rgba(142, 146, 155, 0.6);
  -moz-box-shadow: 0 0 6px 0 rgba(37, 37, 37, 0.5);
  -webkit-box-shadow: 0 0 6px 0 rgba(37, 37, 37, 0.5);
  box-shadow: 0 0 6px 0 rgba(37, 37, 37, 0.5);
  color: inherit !important;
}
.content .helpful-block-content ul span.wthp_title {
  display: block;
  font-size: 12px;
  text-transform: uppercase;
  color: #8e929b;
  padding: 10px 0 15px;
  letter-spacing: 0.7;
}
.content .helpful-block-content .wth_loader {
  width: 465px;
  margin: 20px auto;
  max-width: 100%;
}
.content .helpful-block-content .wth_success {
  font-family: inherit !important;
}
#help-videos-list .section,
#videos .section {
  text-align: center;
}
#help-videos-list .section ul,
#videos .section ul {
  overflow: hidden;
  list-style: none;
  padding: 0;
}
#help-videos-list .section li,
#videos .section li {
  width: 300px;
  float: left;
  margin: 0 11px 20px;
  height: 300px;
}
#help-videos-list .section li a,
#videos .section li a {
  display: block;
}
#help-videos-list .section li .info .cat,
#help-videos-list .section li .info .time,
#videos .section li .info .cat,
#videos .section li .info .time {
  display: inline-block;
  padding: 0 5px;
}
#help-videos-list .section li .info .time:before,
#videos .section li .info .time:before {
  margin-right: 3px;
  opacity: 0.8;
}
#help-videos-list .section .img,
#videos .section .img {
  height: 169px;
  overflow: hidden;
  border-radius: 5px;
  border: 1px solid rgba(142, 146, 155, 0.5);
}
#help-videos-list .section .img img,
#videos .section .img img {
  display: block;
  width: 100%;
}
#help-videos-list .section .img a,
#videos .section .img a {
  position: relative;
  height: 100%;
}
#help-videos-list .section .img a:hover:before,
#videos .section .img a:hover:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: linear-gradient(
    to bottom right,
    rgba(149, 211, 229, 0.5),
    rgba(137, 227, 237, 0.5)
  );
  background-image: -o-linear-gradient(
    to bottom right,
    rgba(149, 211, 229, 0.5),
    rgba(137, 227, 237, 0.5)
  );
  background-image: -ms-linear-gradient(
    to bottom right,
    rgba(149, 211, 229, 0.5),
    rgba(137, 227, 237, 0.5)
  );
  background-image: -moz-linear-gradient(
    to bottom right,
    rgba(149, 211, 229, 0.5),
    rgba(137, 227, 237, 0.5)
  );
  background-image: -webkit-linear-gradient(
    to bottom right,
    rgba(149, 211, 229, 0.5),
    rgba(137, 227, 237, 0.5)
  );
}
#help-videos-list .section .img a:hover:after,
#videos .section .img a:hover:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.75;
  background-image: url(../img/resources/play.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 38px 52px;
}
#help-videos-list .section h4,
#videos .section h4 {
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
  text-align: center;
  margin: 23px 0 0;
}
#help-videos-list .section a:hover,
#videos .section a:hover {
  color: #4d71f1;
  text-decoration: none;
}
.ekko-lightbox .modal-dialog {
  margin: 40px auto;
}
.ekko-lightbox .modal-dialog .modal-content {
  text-shadow: none;
  background: 0 0;
}
.ekko-lightbox .modal-dialog .modal-content .modal-header {
  border: none;
  min-height: 0;
  height: 0;
  padding: 0;
}
.ekko-lightbox .modal-dialog .modal-content .modal-header .close {
  visibility: hidden;
  margin: 0;
  position: absolute;
  top: -20px;
  right: -20px;
  width: 16px;
  height: 16px;
  font-size: 16px;
  font-family: Icons;
  text-shadow: none;
  color: rgba(142, 146, 155, 0.5);
  opacity: 1;
  font-weight: 100;
}
.ekko-lightbox .modal-dialog .modal-content .modal-header .close:before {
  content: "\52";
  visibility: visible;
}
.ekko-lightbox .modal-dialog .modal-content .modal-body {
  padding: 0;
}
.ekko-lightbox
  .modal-dialog
  .modal-content
  .modal-body
  .ekko-lightbox-container {
  border-radius: 5px;
  z-index: 1;
  overflow: hidden;
}
.ekko-lightbox .modal-dialog .modal-content .modal-footer {
  display: none;
}
.ekko-lightbox + .modal-backdrop.in {
  opacity: 0.8;
}
#integration .row {
  padding-left: 100px;
  padding-right: 100px;
}
#integration .header {
  height: 550px;
  position: relative;
}
#integration .header .net {
  background-image: url(../img/product/background.svg);
  background-size: cover;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0.12;
}
#integration .header.header-blue {
  background-image: linear-gradient(top, #002768, #3978b3);
  background-image: -o-linear-gradient(top, #002768, #3978b3);
  background-image: -ms-linear-gradient(top, #002768, #3978b3);
  background-image: -moz-linear-gradient(top, #002768, #3978b3);
  background-image: -webkit-linear-gradient(top, #002768, #3978b3);
}
#integration .header.header-violet {
  background-image: linear-gradient(top, #070d32, #514366);
  background-image: -o-linear-gradient(top, #070d32, #514366);
  background-image: -ms-linear-gradient(top, #070d32, #514366);
  background-image: -moz-linear-gradient(top, #070d32, #514366);
  background-image: -webkit-linear-gradient(top, #070d32, #514366);
}
#integration .header.header-mixpanelblue {
  background-image: linear-gradient(top, #105687, #749aba);
  background-image: -o-linear-gradient(top, #105687, #749aba);
  background-image: -ms-linear-gradient(top, #105687, #749aba);
  background-image: -moz-linear-gradient(top, #105687, #749aba);
  background-image: -webkit-linear-gradient(top, #105687, #749aba);
}
#integration .header.header-lightblue {
  background-image: linear-gradient(top, #024f8a, #61c0db);
  background-image: -o-linear-gradient(top, #024f8a, #61c0db);
  background-image: -ms-linear-gradient(top, #024f8a, #61c0db);
  background-image: -moz-linear-gradient(top, #024f8a, #61c0db);
  background-image: -webkit-linear-gradient(top, #024f8a, #61c0db);
}
#integration .header.header-orange {
  background-image: linear-gradient(top, #e94619, #ec9314);
  background-image: -o-linear-gradient(top, #e94619, #ec9314);
  background-image: -ms-linear-gradient(top, #e94619, #ec9314);
  background-image: -moz-linear-gradient(top, #e94619, #ec9314);
  background-image: -webkit-linear-gradient(top, #e94619, #ec9314);
}
#integration .header.header-mixpanel {
  background-image: linear-gradient(top, #115687, #739aba);
  background-image: -o-linear-gradient(top, #115687, #739aba);
  background-image: -ms-linear-gradient(top, #115687, #739aba);
  background-image: -moz-linear-gradient(top, #115687, #739aba);
  background-image: -webkit-linear-gradient(top, #115687, #739aba);
}
#integration .header.header-databoxblue {
  background-image: linear-gradient(top, #02508a, #5fc0db);
  background-image: -o-linear-gradient(top, #02508a, #5fc0db);
  background-image: -ms-linear-gradient(top, #02508a, #5fc0db);
  background-image: -moz-linear-gradient(top, #02508a, #5fc0db);
  background-image: -webkit-linear-gradient(top, #02508a, #5fc0db);
}
#integration .header.header-ad5ens {
  background-image: linear-gradient(top, #022b6b, #617fb7);
  background-image: -o-linear-gradient(top, #022b6b, #617fb7);
  background-image: -ms-linear-gradient(top, #022b6b, #617fb7);
  background-image: -moz-linear-gradient(top, #022b6b, #617fb7);
  background-image: -webkit-linear-gradient(top, #022b6b, #617fb7);
}
#integration .header.header-hubspot {
  background-image: linear-gradient(top, #012834, #48747b);
  background-image: -o-linear-gradient(top, #012834, #48747b);
  background-image: -ms-linear-gradient(top, #012834, #48747b);
  background-image: -moz-linear-gradient(top, #012834, #48747b);
  background-image: -webkit-linear-gradient(top, #012834, #48747b);
}
#integration .header.header-localytics {
  background-image: linear-gradient(top, #071315, #5e595b);
  background-image: -o-linear-gradient(top, #071315, #5e595b);
  background-image: -ms-linear-gradient(top, #071315, #5e595b);
  background-image: -moz-linear-gradient(top, #071315, #5e595b);
  background-image: -webkit-linear-gradient(top, #071315, #5e595b);
}
#integration .header.header-googleplay {
  background-image: linear-gradient(top, #013a62, #1f8095);
  background-image: -o-linear-gradient(top, #013a62, #1f8095);
  background-image: -ms-linear-gradient(top, #013a62, #1f8095);
  background-image: -moz-linear-gradient(top, #013a62, #1f8095);
  background-image: -webkit-linear-gradient(top, #013a62, #1f8095);
}
#integration .header.header-github {
  background-image: linear-gradient(top, #56646e, #8e929b);
  background-image: -o-linear-gradient(top, #56646e, #8e929b);
  background-image: -ms-linear-gradient(top, #56646e, #8e929b);
  background-image: -moz-linear-gradient(top, #56646e, #8e929b);
  background-image: -webkit-linear-gradient(top, #56646e, #8e929b);
}
#integration .header.header-mailchimp {
  background-image: linear-gradient(top, #a22f22, #e4583e);
  background-image: -o-linear-gradient(top, #a22f22, #e4583e);
  background-image: -ms-linear-gradient(top, #a22f22, #e4583e);
  background-image: -moz-linear-gradient(top, #a22f22, #e4583e);
  background-image: -webkit-linear-gradient(top, #a22f22, #e4583e);
}
#integration .header.header-zapier {
  background-image: linear-gradient(top, #da3013, #f6491d);
  background-image: -o-linear-gradient(top, #da3013, #f6491d);
  background-image: -ms-linear-gradient(top, #da3013, #f6491d);
  background-image: -moz-linear-gradient(top, #da3013, #f6491d);
  background-image: -webkit-linear-gradient(top, #da3013, #f6491d);
}
#integration .header.header-twitter {
  background-image: linear-gradient(top, #004d9b, #35bcf0);
  background-image: -o-linear-gradient(top, #004d9b, #35bcf0);
  background-image: -ms-linear-gradient(top, #004d9b, #35bcf0);
  background-image: -moz-linear-gradient(top, #004d9b, #35bcf0);
  background-image: -webkit-linear-gradient(top, #004d9b, #35bcf0);
}
#integration .header.header-facebook {
  background-image: linear-gradient(top, #0e4589, #6d86bb);
  background-image: -o-linear-gradient(top, #0e4589, #6d86bb);
  background-image: -ms-linear-gradient(top, #0e4589, #6d86bb);
  background-image: -moz-linear-gradient(top, #0e4589, #6d86bb);
  background-image: -webkit-linear-gradient(top, #0e4589, #6d86bb);
}
#integration .header.header-instagram {
  background-image: linear-gradient(top, #bd319c, #f38891);
  background-image: -o-linear-gradient(top, #bd319c, #f38891);
  background-image: -ms-linear-gradient(top, #bd319c, #f38891);
  background-image: -moz-linear-gradient(top, #bd319c, #f38891);
  background-image: -webkit-linear-gradient(top, #bd319c, #f38891);
}
#integration .header.header-drift {
  background-image: linear-gradient(top, #023f9c, #318bef);
  background-image: -o-linear-gradient(top, #023f9c, #318bef);
  background-image: -ms-linear-gradient(top, #023f9c, #318bef);
  background-image: -moz-linear-gradient(top, #023f9c, #318bef);
  background-image: -webkit-linear-gradient(top, #023f9c, #318bef);
}
#integration .header.header-intercom {
  background-image: linear-gradient(top, #034692, #4b9cdf);
  background-image: -o-linear-gradient(top, #034692, #4b9cdf);
  background-image: -ms-linear-gradient(top, #034692, #4b9cdf);
  background-image: -moz-linear-gradient(top, #034692, #4b9cdf);
  background-image: -webkit-linear-gradient(top, #034692, #4b9cdf);
}
#integration .header.header-wistia {
  background-image: linear-gradient(top, #1254b1, #557cdb);
  background-image: -o-linear-gradient(top, #1254b1, #557cdb);
  background-image: -ms-linear-gradient(top, #1254b1, #557cdb);
  background-image: -moz-linear-gradient(top, #1254b1, #557cdb);
  background-image: -webkit-linear-gradient(top, #1254b1, #557cdb);
}
#integration .header.header-chartbeat {
  background-image: linear-gradient(top, #09293c, #2d3d4b);
  background-image: -o-linear-gradient(top, #09293c, #2d3d4b);
  background-image: -ms-linear-gradient(top, #09293c, #2d3d4b);
  background-image: -moz-linear-gradient(top, #09293c, #2d3d4b);
  background-image: -webkit-linear-gradient(top, #09293c, #2d3d4b);
}
#integration .header.header-zendesk {
  background-image: linear-gradient(top, #488700, #78a200);
  background-image: -o-linear-gradient(top, #488700, #78a200);
  background-image: -ms-linear-gradient(top, #488700, #78a200);
  background-image: -moz-linear-gradient(top, #488700, #78a200);
  background-image: -webkit-linear-gradient(top, #488700, #78a200);
}
#integration .header.header-quickbooks {
  background-image: linear-gradient(top, #1a8741, #2ba248);
  background-image: -o-linear-gradient(top, #1a8741, #2ba248);
  background-image: -ms-linear-gradient(top, #1a8741, #2ba248);
  background-image: -moz-linear-gradient(top, #1a8741, #2ba248);
  background-image: -webkit-linear-gradient(top, #1a8741, #2ba248);
}
#integration .header.header-shopify {
  background-image: linear-gradient(top, #1d2e35, #30373b);
  background-image: -o-linear-gradient(top, #1d2e35, #30373b);
  background-image: -ms-linear-gradient(top, #1d2e35, #30373b);
  background-image: -moz-linear-gradient(top, #1d2e35, #30373b);
  background-image: -webkit-linear-gradient(top, #1d2e35, #30373b);
}
#integration .header.header-mediatoolkit {
  background-image: linear-gradient(top, #0f7370, #76cdbe);
  background-image: -o-linear-gradient(top, #0f7370, #76cdbe);
  background-image: -ms-linear-gradient(top, #0f7370, #76cdbe);
  background-image: -moz-linear-gradient(top, #0f7370, #76cdbe);
  background-image: -webkit-linear-gradient(top, #0f7370, #76cdbe);
}
#integration .header.header-helpscout {
  background-image: linear-gradient(top, #085b92, #2795d9);
  background-image: -o-linear-gradient(top, #085b92, #2795d9);
  background-image: -ms-linear-gradient(top, #085b92, #2795d9);
  background-image: -moz-linear-gradient(top, #085b92, #2795d9);
  background-image: -webkit-linear-gradient(top, #085b92, #2795d9);
}
#integration .header.header-pipedrive {
  background-image: linear-gradient(top, #071e22, #5a6767);
  background-image: -o-linear-gradient(top, #071e22, #5a6767);
  background-image: -ms-linear-gradient(top, #071e22, #5a6767);
  background-image: -moz-linear-gradient(top, #071e22, #5a6767);
  background-image: -webkit-linear-gradient(top, #071e22, #5a6767);
}
#integration .header.header-xero {
  background-image: linear-gradient(top, #0d85ba, #4cc5e6);
  background-image: -o-linear-gradient(top, #0d85ba, #4cc5e6);
  background-image: -ms-linear-gradient(top, #0d85ba, #4cc5e6);
  background-image: -moz-linear-gradient(top, #0d85ba, #4cc5e6);
  background-image: -webkit-linear-gradient(top, #0d85ba, #4cc5e6);
}
#integration .header.header-youtube {
  background-image: linear-gradient(top, #c8202d, #a20715);
  background-image: -o-linear-gradient(top, #c8202d, #a20715);
  background-image: -ms-linear-gradient(top, #c8202d, #a20715);
  background-image: -moz-linear-gradient(top, #c8202d, #a20715);
  background-image: -webkit-linear-gradient(top, #c8202d, #a20715);
}
#integration .header.header-gsc {
  background-image: linear-gradient(top, #636464, #272926);
  background-image: -o-linear-gradient(top, #636464, #272926);
  background-image: -ms-linear-gradient(top, #636464, #272926);
  background-image: -moz-linear-gradient(top, #636464, #272926);
  background-image: -webkit-linear-gradient(top, #636464, #272926);
}
#integration .header.header-voiq {
  background-image: linear-gradient(top, #69c5c4, #394d4c);
  background-image: -o-linear-gradient(top, #69c5c4, #394d4c);
  background-image: -ms-linear-gradient(top, #69c5c4, #394d4c);
  background-image: -moz-linear-gradient(top, #69c5c4, #394d4c);
  background-image: -webkit-linear-gradient(top, #69c5c4, #394d4c);
}
#integration .header.header-teamwork {
  background-image: linear-gradient(top, #606775, #525a69);
  background-image: -o-linear-gradient(top, #606775, #525a69);
  background-image: -ms-linear-gradient(top, #606775, #525a69);
  background-image: -moz-linear-gradient(top, #606775, #525a69);
  background-image: -webkit-linear-gradient(top, #606775, #525a69);
}
#integration .header.header-bing {
  background-image: linear-gradient(top, #008373, #006e61);
  background-image: -o-linear-gradient(top, #008373, #006e61);
  background-image: -ms-linear-gradient(top, #008373, #006e61);
  background-image: -moz-linear-gradient(top, #008373, #006e61);
  background-image: -webkit-linear-gradient(top, #008373, #006e61);
}
#integration .header.header-elastic {
  background-image: linear-gradient(top, #216d75, #10576f);
  background-image: -o-linear-gradient(top, #216d75, #10576f);
  background-image: -ms-linear-gradient(top, #216d75, #10576f);
  background-image: -moz-linear-gradient(top, #216d75, #10576f);
  background-image: -webkit-linear-gradient(top, #216d75, #10576f);
}
#integration .header h1 {
  margin-top: 85px;
  position: relative;
}
#integration .header h1 img {
  height: 246px;
}
#integration h2 {
  font-weight: 100;
}
#integration p {
  line-height: 24px;
}
#integration-main h2 {
  font-size: 55px;
  line-height: 65px;
  text-align: left;
  margin: 0 0 75px;
}
#integration-main p {
  margin: 0 0 24px;
}
#integration-main .col2 {
  margin-top: 4px;
  font-size: 16px;
}
#integration-main .col2 .btn {
  background-color: #fff;
  padding-left: 20px;
  padding-right: 20px;
  margin-top: 5px;
  font-size: 12px;
  line-height: 22px;
}
#integration-main .col2 .btn:after {
  content: "\2192";
  font-family: monospace;
  font-weight: 100;
  opacity: 0.8;
  position: relative;
  top: -1px;
  right: -5px;
}
#integration-main .col2 p {
  margin-right: 40px;
}
#integration-main .col2 .sm {
  display: block;
  font-size: 14px;
}
#integration-main .col2 .sm em {
  width: 115px;
  float: left;
  font-style: normal;
}
#integration-main .conn {
  text-align: center;
  margin-top: 64px;
}
#integration-main .conn .btn {
  max-width: 100%;
  margin: 0 10px 20px;
}
#integration-main .btn.templates {
  text-transform: none;
}
#integration-buttons {
  text-align: center;
  background: #f2f4f6;
}
#integration-buttons h1 {
  color: #000;
  margin-bottom: 15px;
  font-size: 40px;
  font-weight: 500;
}
#integration-buttons small {
  font-size: 18px;
  color: #8e929b;
}
#integration-buttons .conn {
  margin-top: 40px;
}
#integration-buttons .conn a {
  min-width: 300px;
}
#integration-buttons .conn a.templates {
  text-transform: none;
  margin-left: 35px;
}
#integration-kpis h2,
#integration-templates h2 {
  font-size: 25px;
  font-weight: 500;
}
#integration-kpis .kpis {
  margin-top: 25px;
  margin-bottom: 25px;
}
#integration-templates.content {
  padding-top: 0;
}
#integration-templates .row {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding-top: 80px;
}
#integration-templates .row > div {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}
#integration-templates .templates__header {
  align-items: baseline;
  margin-bottom: 45px;
}
#integration-templates .templates__header .more {
  font-weight: 400;
}
#integration-templates .template-box {
  margin: 0;
}
#integration-templates .templates__template {
  max-width: 300px;
}
#integration-mobile h2,
#integration-wall h2 {
  line-height: 48px;
}
#integration-mobile ul,
#integration-wall ul {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: left;
}
#integration-mobile ul .icon,
#integration-wall ul .icon {
  font-size: 16px;
  line-height: 22px;
  padding-left: 55px;
  position: relative;
  margin-bottom: 26px;
  margin-right: 40px;
}
#integration-mobile ul .icon:before,
#integration-wall ul .icon:before {
  font-size: 38px;
  position: absolute;
  top: 6px;
  left: -2px;
  opacity: 0.5;
}
#integration-mobile img,
#integration-wall img {
  max-width: 100%;
}
#integration-mobile {
  padding: 0;
  margin-bottom: 20px;
}
#integration-mobile .row {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding: 80px 0;
}
#integration-mobile h2 {
  font-size: 40px;
  margin: 28px 0 50px;
}
#integration-wall .content {
  padding-top: 20px;
}
#integration-wall h2 {
  margin: 20px 0 40px;
  font-size: 40px;
}
#integration-wall .img {
  width: 525px;
}
#integration-wall .row {
  display: flex;
}
#integration-wall .row > div {
  width: 50%;
}
#integration-wall .row > div.left {
  padding-right: 40px;
}
#integration-wall .row > div.right {
  padding-left: 11px;
}
#integration-related .ct {
  text-align: center;
  padding-top: 80px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
#integration-related.content {
  padding-top: 0;
}
#integration-related h2 {
  font-size: 22px;
  font-weight: 500;
  margin: 20px 0 40px;
}
#integration-related ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#integration-related ul li {
  display: inline-block;
  float: none;
  padding-right: 8px;
  padding-left: 8px;
  width: 200px;
  margin-bottom: 20px;
}
#integration-related ul li img {
  border-radius: 5px;
  border: 1px solid rgba(142, 146, 155, 0.3);
  overflow: hidden;
}
#integration-related .btn {
  display: inline-block;
  margin-top: 30px;
  font-size: 14px;
  line-height: 22px;
}
#product-cta h2 {
  font-weight: 500;
}
#webinar .header {
  background-image: linear-gradient(
    270deg,
    rgba(29, 154, 214, 0.2) 0,
    rgba(29, 154, 214, 0) 97.4%
  );
  background-image: -o-linear-gradient(
    270deg,
    rgba(29, 154, 214, 0.2) 0,
    rgba(29, 154, 214, 0) 97.4%
  );
  background-image: -ms-linear-gradient(
    270deg,
    rgba(29, 154, 214, 0.2) 0,
    rgba(29, 154, 214, 0) 97.4%
  );
  background-image: -moz-linear-gradient(
    270deg,
    rgba(29, 154, 214, 0.2) 0,
    rgba(29, 154, 214, 0) 97.4%
  );
  background-image: -webkit-linear-gradient(
    270deg,
    rgba(29, 154, 214, 0.2) 0,
    rgba(29, 154, 214, 0) 97.4%
  );
  padding: 152px 0 0;
  position: relative;
}
#webinar .header .container {
  position: relative;
  z-index: 2;
}
#webinar .header .img {
  text-align: center;
  padding: 32px 0 50px;
}
#webinar .header .img img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}
#webinar .header h2 {
  font-size: 26px;
  line-height: 30px;
  color: #8e929b;
  font-weight: 300;
  margin: 0;
}
#webinar .header h1 {
  font-size: 56px;
  line-height: 65px;
  color: #2d3237;
  font-weight: 800;
  margin: 0 auto 24px;
  padding: 0;
  width: 800px;
  max-width: 100%;
}
#webinar .header p {
  color: #72757c;
  font-size: 18px;
  line-height: 26px;
  margin: 0 auto 32px;
  max-width: 860px;
  width: 100%;
}
#webinar .header .bottom-shape {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 100px;
  width: 100%;
  background: #fff;
  display: block;
  transform: rotate(180deg);
  direction: ltr;
  z-index: 1;
}
#webinar .header .bottom-shape svg {
  height: 400px;
  width: 100%;
  transform: rotateY(180deg);
}
#webinar .header .bottom-shape svg path {
  fill: #fff;
}
#webinar .form {
  width: 475px;
  max-width: 100%;
  margin: 0 auto;
  position: relative;
  min-height: 70px;
}
#webinar .form .hs_email {
  margin-bottom: 0;
}
#webinar .form .hs_email > label {
  display: none;
}
#webinar .form .input {
  padding-right: 185px;
}
#webinar .form .input .hs-input {
  box-shadow: none;
  height: 46px;
}
#webinar .form .input ::-webkit-input-placeholder {
  font-style: italic;
}
#webinar .form .input :-moz-placeholder {
  font-style: italic;
}
#webinar .form .input ::-moz-placeholder {
  font-style: italic;
}
#webinar .form .input :-ms-input-placeholder {
  font-style: italic;
}
#webinar .form .hs_submit {
  position: absolute;
  top: 0;
  right: 0;
}
#webinar .form .hs_submit .actions {
  padding: 0;
  margin: 0;
}
#webinar .form .hs_submit .hs-button {
  font-size: 16px;
  font-weight: 500;
  background-color: #2bb673;
  padding: 0;
  line-height: 46px;
  width: 194px;
}
#webinar #webinar-1 {
  border-bottom: 1px solid rgba(45, 50, 55, 0.1);
}
#webinar #webinar-1 .host small,
#webinar #webinar-1 small.next {
  display: block;
  text-align: center;
  font-size: 14px;
  line-height: 30px;
  text-transform: uppercase;
  color: #8e929b;
  font-weight: 300;
  letter-spacing: 2.4px;
}
#webinar #webinar-1 small.next {
  margin-top: -12px;
}
#webinar #webinar-1 .title {
  text-align: center;
  width: 800px;
  max-width: 100%;
  margin: 0 auto;
  font-size: 36px;
  font-weight: 500;
  padding: 6px 0;
}
#webinar #webinar-1 .when {
  background-color: #ebf6f9;
  border-radius: 5px;
  width: 600px;
  margin: 18px auto 50px;
  max-width: 100%;
  font-size: 16px;
  line-height: 24px;
  padding: 8px 10px 8px 20px;
  letter-spacing: 0.2px;
}
#webinar #webinar-1 .when .duration,
#webinar #webinar-1 .when .time {
  display: inline-block;
  position: relative;
  padding: 5px 0 5px 43px;
}
#webinar #webinar-1 .when .duration:before,
#webinar #webinar-1 .when .time:before {
  position: absolute;
  top: 5px;
  left: 8px;
  font-size: 24px;
  color: #a3aaae;
}
#webinar #webinar-1 .when .time {
  margin-right: 15px;
}
#webinar #webinar-1 .host {
  text-align: center;
  margin-bottom: 62px;
}
#webinar #webinar-1 .host .ct {
  display: inline-block;
  position: relative;
  padding: 12px 5px 0 84px;
  font-size: 16px;
  line-height: 24px;
  text-align: left;
  margin-top: 12px;
  min-height: 64px;
}
#webinar #webinar-1 .host img {
  width: 64px;
  height: 64px;
  border-radius: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#webinar #webinar-1 .host strong {
  display: block;
}
#webinar #webinar-1 .host span {
  display: block;
  font-weight: 300;
}
#webinar #webinar-2 h3 {
  font-size: 40px;
  line-height: 48px;
  font-weight: 300;
  text-align: center;
  margin: 0 0 60px;
}
#webinar #webinar-2 .col {
  padding: 0 64px;
}
#webinar #webinar-2 .icon {
  display: block;
  font-size: 48px;
  line-height: 50px;
  margin-left: -5px;
}
#webinar #webinar-2 .icon.icon-stopwatch-2 {
  color: #f7ad3c;
}
#webinar #webinar-2 .icon.icon-target {
  color: #6fb62b;
}
#webinar #webinar-2 .icon.icon-partner {
  color: #a39bae;
}
#webinar #webinar-2 p {
  font-size: 16px;
  line-height: 24px;
}
#webinar #webinar-2 p strong {
  display: block;
  padding: 13px 0;
}
#webinar #webinar-3 {
  background-color: rgba(142, 146, 155, 0.08);
  padding-bottom: 60px;
}
#webinar #webinar-3 h3 {
  text-align: center;
  font-size: 28px;
  line-height: 36px;
  font-weight: 300;
  width: 600px;
  max-width: 100%;
  margin: 0 auto;
}
#webinar #webinar-3 .form {
  margin-top: 30px;
}
@media only screen and (min-width: 1200px) {
  #videos .section {
    margin-left: -28px;
    margin-right: -28px;
  }
  #videos .section li {
    width: 342px;
    margin-left: 28px;
    margin-right: 28px;
    height: 325px;
  }
  #videos .section .img {
    height: 193px;
  }
}
@media only screen and (max-width: 1200px) {
  #spotlights .resources-list .box {
    height: 335px;
    text-align: center;
  }
  #spotlights .resources-list .box .image {
    height: 200px;
    width: 100%;
    display: block;
  }
  #spotlights .resources-list .box .hover-overlay {
    line-height: 200px;
  }
  #help-videos-list .section li {
    width: 290px;
    height: 250px;
  }
  #integration .row {
    padding-left: 0;
    padding-right: 0;
  }
  #blogpost.using-databox-single .ct-left {
    margin-right: 30px;
  }
  #blogpost.using-databox-single .ct-right {
    width: 672px;
  }
  #webinar #webinar-2 .col {
    padding-right: 15px;
    padding-left: 15px;
  }
  #integration-wall .img {
    width: 475px;
  }
}
@media only screen and (max-width: 991px) {
  #blogpost.using-databox-single .content .last-updated {
    padding-left: 10px;
  }
  #blogpost.using-databox-single .content img {
    width: 100%;
  }
  #videos .section ul {
    padding-left: 52px;
    padding-right: 52px;
  }
  #spotlights .resources-list .box {
    height: 375px;
  }
  #integration-mobile h2 {
    margin-top: 0;
    margin-bottom: 40px;
  }
  #integration-mobile img {
    margin-top: 30px;
  }
  #integration-mobile ul li {
    margin-right: 0;
  }
  #integration-wall ul li .icon {
    margin-right: 0;
  }
  #integration-wall ul li .icon:before {
    top: -3px;
  }
  #integration-wall ul li:first-child .icon {
    margin-left: 0;
  }
  #integration-wall .row {
    flex-direction: column;
    align-items: center;
  }
  #integration-wall .row .img {
    margin-top: 40px;
    width: 100%;
  }
  #integration-wall .row > div {
    width: auto;
  }
  #integration-wall .row > div.left {
    padding-left: 15px;
    padding-right: 15px;
  }
  #integration-wall .row > div.right {
    padding-left: 0;
  }
  #blogpost.using-databox-single .ct-left,
  #blogpost.using-databox-single .ct-right {
    width: 100%;
    float: none;
  }
  #blogpost.using-databox-single .ct-right {
    border-bottom: 1px solid rgba(142, 146, 155, 0.5);
  }
  #blogpost.using-databox-single .ct-left {
    padding-top: 60px;
    width: 400px;
    margin: 0 auto;
  }
  #basics-box .left p {
    margin-right: 20px;
    margin-left: 20px;
  }
  #webinar #webinar-2 p {
    margin-bottom: 40px;
  }
  #integration-templates .row > div {
    flex-direction: column;
    align-items: center;
  }
  #integration-templates .row .template-box {
    text-align: center;
  }
  #integration-templates .row .template-box:nth-child(n + 2) {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 767px) {
  #resources-header {
    height: 260px;
  }
  #resources-header #content-search {
    width: 400px;
  }
  #help-articles .cat {
    padding-top: 0;
  }
  #help-articles .cat ul {
    padding: 15px 20px 0;
  }
  #help-articles #help-videos-list .allVideos {
    position: relative;
    top: -34px;
    right: 0;
  }
  #help-categories .box .icon {
    top: 15px;
  }
  #help-categories .box p {
    top: 94px;
  }
  #blogpost.using-databox-single .container {
    padding: 0;
  }
  #help-videos-list .section ul,
  #videos .section ul {
    padding-left: 0;
    padding-right: 0;
  }
  #help-videos-list .section li,
  #videos .section li {
    float: none;
    display: inline-block;
    vertical-align: top;
  }
  #spotlights .resources-list .box {
    height: auto;
    padding-bottom: 20px;
  }
  #integration .header {
    height: 400px;
  }
  #integration .header h1 {
    margin-top: 70px;
  }
  #integration .header h1 img {
    height: 180px;
  }
  #integration .row {
    padding-left: 20px;
    padding-right: 20px;
  }
  #integration-main .col1 p {
    margin-right: 0;
  }
  #integration-main .col2 {
    border-radius: 0;
    padding-left: 15px;
    padding-right: 15px;
  }
  #integration-main .conn {
    margin-top: 40px;
  }
  #integration-main .conn .btn {
    margin-left: 0;
    margin-right: 0;
  }
  #integration-mobile img {
    margin-top: 0;
    margin-bottom: 40px;
  }
  #integration-mobile h2 {
    text-align: center;
  }
  #integration-mobile ul li {
    margin-left: 15px;
  }
  #integration-mobile ul li:before {
    top: 0;
  }
  #resources-basics {
    padding-top: 10px;
  }
  #basics-box {
    height: auto;
  }
  #basics-box .left img {
    display: none;
  }
  #basics-box .right {
    text-align: center;
  }
  #basics-box .right .ct {
    border: none;
  }
  #webinar #webinar-2 {
    text-align: center;
  }
  #integration-buttons .conn {
    display: flex;
    flex-direction: column;
    margin-left: 20px;
    margin-right: 20px;
  }
  #integration-buttons .conn a.templates {
    margin-left: 0;
    margin-top: 10px;
  }
  #integration-kpis .aditional,
  #integration-kpis h2 {
    text-align: center;
  }
  #integration-kpis .metrics-boxes {
    flex-direction: row;
    justify-content: center;
  }
}
@media only screen and (max-width: 649px) {
  #help-categories .ct > .row {
    margin: 0;
  }
  #help-categories .box {
    padding-right: 5px;
    padding-left: 5px;
    margin-bottom: 10px;
  }
  #help-categories .box .icon {
    font-size: 38px;
  }
  #help-categories .box p {
    top: 84px;
  }
  #help-categories .box .desc {
    display: none;
  }
  #help-videos-list .section li,
  #videos .section li {
    height: auto;
    margin-bottom: 60px;
  }
  #integration-buttons .conn {
    margin-left: 0;
    margin-right: 0;
  }
  #integration-buttons .conn a {
    min-width: 270px;
  }
  #integration-buttons .conn .templates {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
  }
  #product-cta .container {
    background: rgba(46, 193, 214, 0.15);
  }
}
@media only screen and (max-width: 549px) {
  #help-categories .ct {
    padding: 0;
  }
  #help-categories .ct .box {
    width: 32%;
  }
  #help-categories .ct .box p {
    top: 77px;
  }
  #help-categories .ct .box strong {
    font-size: 17px;
    line-height: 20px;
  }
  #help-categories .ct .box small {
    display: none;
  }
}
@media only screen and (max-width: 480px) {
  #resources-header #content-search {
    width: 100%;
  }
  #help-categories .ct .box strong {
    font-size: 12px;
    line-height: 14px;
  }
  #integration .header {
    height: 350px;
  }
  #integration .header h1 {
    margin-top: 50px;
  }
  #integration .header h1 img {
    height: 140px;
  }
  #integration-main h2 {
    font-size: 45px;
    line-height: 50px;
    margin-bottom: 30px;
  }
  #integration-main .conn .btn {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    font-size: 14px;
  }
  #integration-mobile ul li {
    margin-left: 0;
  }
  #integration-related ul li {
    float: left;
    width: 50%;
  }
  #integration-related ul li img {
    max-width: 100%;
  }
  #blogpost.using-databox-single .ct-left {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
  }
  #blogpost.using-databox-single .content .helpful-block-content {
    text-align: center;
  }
  #blogpost.using-databox-single .content .helpful-block-content ul li a {
    display: block;
    margin: 0 auto;
  }
  #blogpost.using-databox-single
    .content
    .helpful-block-content
    ul
    li
    a:first-child {
    margin-top: 15px;
  }
  #webinar .header {
    padding-top: 80px;
  }
  #webinar .header h2 {
    font-size: 22px;
    line-height: 24px;
  }
  #webinar .header h1 {
    font-size: 24px;
    line-height: 28px;
  }
  #webinar .form {
    text-align: center;
    min-height: 100px;
  }
  #webinar .form label {
    text-align: center;
  }
  #webinar .form .input {
    padding-right: 0;
  }
  #webinar .form .input .hs-input {
    text-align: center;
    width: 300px;
    max-width: 100%;
    margin: 0 auto;
  }
  #webinar .form .hs_submit {
    position: static;
    margin-top: 5px;
  }
  #webinar .form .hs_submit .hs-button {
    display: block;
    margin: 0 auto;
  }
  #webinar #webinar-1 .title {
    padding: 15px 0;
    font-size: 24px;
    line-height: 28px;
  }
  #webinar #webinar-2 h3 {
    font-size: 26px;
    line-height: 26px;
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 380px) {
  #help-categories .ct .box .icon {
    font-size: 28px;
    top: 10px;
  }
  #help-categories .ct .box p {
    top: 56px;
  }
  #help-categories .ct .box strong {
    font-size: 12px;
    line-height: 14px;
  }
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
#business-analytics-for-everyone {
  background-color: #e6eff4;
  padding: 70px 0;
  overflow: hidden;
}
#business-analytics-for-everyone > .container > div:last-of-type {
  display: flex;
}
#business-analytics-for-everyone #business-analytics-for-everyone-header {
  text-align: center;
  margin-bottom: 50px;
}
#business-analytics-for-everyone #business-analytics-for-everyone-header h6 {
  color: #4d71f1;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  margin: 0;
}
#business-analytics-for-everyone #business-analytics-for-everyone-header h2 {
  color: #1c1d1f;
  font-size: 42px;
  font-weight: 800;
  line-height: 62px;
  letter-spacing: 0.5px;
  margin: 0;
}
#business-analytics-for-everyone #business-analytics-for-everyone-content {
  margin: auto 0;
}
#business-analytics-for-everyone
  #business-analytics-for-everyone-content
  > p:first-of-type {
  margin-bottom: 24px;
  color: #55585d;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0.3px;
}
#business-analytics-for-everyone
  #business-analytics-for-everyone-content
  > div:first-of-type {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 40px;
}
#business-analytics-for-everyone
  #business-analytics-for-everyone-content
  > div:first-of-type
  .card {
  display: flex;
  align-items: center;
  padding: 12px;
  gap: 8px;
  border-radius: 6px;
  border: 1px solid #fff;
  background: #fff;
  box-shadow: 4px 4px 22px 0 rgba(117, 128, 136, 0.1);
}
@media screen and (max-width: 768px) {
  #business-analytics-for-everyone
    #business-analytics-for-everyone-content
    > div:first-of-type
    .card {
    flex: 1 0 100%;
  }
}
#business-analytics-for-everyone
  #business-analytics-for-everyone-content
  > div:first-of-type
  .card
  label {
  color: #55585d;
  font-size: 13px;
  font-weight: 500;
  margin: 0;
}
#business-analytics-for-everyone
  #business-analytics-for-everyone-content
  > div:first-of-type
  .card
  .icon {
  font-size: 15px;
}
#business-analytics-for-everyone
  #business-analytics-for-everyone-content
  > div:first-of-type
  .card
  .icon-box-123 {
  color: #2e4797;
}
#business-analytics-for-everyone
  #business-analytics-for-everyone-content
  > div:first-of-type
  .card
  .icon-datawall {
  color: #405ed1;
}
#business-analytics-for-everyone
  #business-analytics-for-everyone-content
  > div:first-of-type
  .card
  .icon-present {
  color: #f47920;
}
#business-analytics-for-everyone
  #business-analytics-for-everyone-content
  > div:first-of-type
  .card
  .icon-goal-3 {
  color: #25a767;
}
#business-analytics-for-everyone
  #business-analytics-for-everyone-content
  > div:first-of-type
  .card
  .icon-benchmarks {
  color: #7540ab;
}
#business-analytics-for-everyone
  #business-analytics-for-everyone-content
  > div:first-of-type
  .card
  .icon-mag-glass {
  color: #f4bb42;
}
#business-analytics-for-everyone #business-analytics-for-everyone-form {
  padding: 32px;
  background-color: #d1e6ed;
  border: 1px solid #4976df86;
  border-radius: 12px;
}
#business-analytics-for-everyone
  #business-analytics-for-everyone-form
  .signupBox {
  text-align: center;
  margin: unset;
  width: unset;
}
#business-analytics-for-everyone
  #business-analytics-for-everyone-form
  .signupBox
  input {
  border: none;
}
#business-analytics-for-everyone #business-analytics-for-everyone-form small {
  color: rgba(142, 146, 155, 0.8);
  text-align: left;
  font-weight: 500;
}
#business-analytics-for-everyone #business-analytics-for-everyone-form > div {
  padding: 8px 16px;
  display: flex;
  gap: 16px;
}
#business-analytics-for-everyone
  #business-analytics-for-everyone-form
  > div
  > div {
  display: flex;
  gap: 0 4px;
  font-size: 10px;
}
#business-analytics-for-everyone
  #business-analytics-for-everyone-form
  > div
  > div
  .icon-check {
  color: #25a767;
}
#business-analytics-for-everyone
  #business-analytics-for-everyone-form
  > div
  > div
  span:last-of-type {
  color: rgba(142, 146, 155, 0.8);
  font-weight: 400;
  text-transform: uppercase;
}
#business-analytics-for-everyone #business-analytics-for-everyone-image {
  margin-left: 90px;
}
#business-analytics-for-everyone #business-analytics-for-everyone-image > img {
  width: 100%;
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
#reviews .head,
#simple-review {
  text-align: center;
}
#reviews .head img,
#simple-review img {
  display: block;
}
#reviews .head .reviewservices a,
#simple-review .reviewservices a {
  display: inline-block;
}
#reviews .head .reviewservices a.capterra,
#simple-review .reviewservices a.capterra {
  margin-left: 20px;
}
#reviews .head .reviewservices img,
#simple-review .reviewservices img {
  height: 43px;
}
#reviews .head .stars img,
#simple-review .stars img {
  margin: 0 auto;
  width: 194px;
}
#reviews .head .stars small,
#simple-review .stars small {
  display: block;
  font-size: 16px;
  line-height: 30px;
  color: #8e929b;
  font-weight: 500;
  padding: 16px 0 12px;
}
#simple-review p {
  font-size: 18px;
  line-height: 28px;
  color: #8e929b;
  font-weight: 300;
  margin: 20px 0 20px;
}
#reviews .header {
  background-image: none;
  background: #3e444c;
  height: 123px !important;
  min-height: 100px !important;
  padding: 0 !important;
}
#reviews h2 {
  font-size: 55px;
  line-height: 60px;
  font-weight: 200;
  text-align: center;
  margin: 15px 0 38px;
}
#reviews .head {
  padding-bottom: 0;
}
#reviews .reviews {
  padding: 66px 0 0;
}
#reviews .reviews .item {
  text-align: center;
  padding: 0 45px 74px;
}
#reviews .reviews .item img {
  display: block;
  width: 82px;
  height: 82px;
  margin: 0 auto;
}
#reviews .reviews .item p {
  font-size: 22px;
  line-height: 32px;
  margin: 20px 0;
}
#reviews .reviews .item span {
  display: block;
  font-size: 14px;
  line-height: 20px;
}
#reviews .reviews .item span a {
  text-decoration: underline;
}
#reviews .reviews .item span a:hover {
  text-decoration: none;
}
#reviews .logos {
  padding: 46px 0 60px;
}
#reviews .logos.company {
  padding-bottom: 70px;
}
#reviews .logos.company .right.company {
  padding-top: 50px;
}
@media only screen and (max-width: 1200px) {
  #reviews .reviews .item {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media only screen and (max-width: 580px) {
  #reviews .logos {
    padding: 35px 0 20px;
  }
  #reviews .logos img {
    max-width: 100%;
  }
}
@media only screen and (max-width: 480px) {
  #reviews .reviews .item {
    padding-bottom: 50px;
  }
  #reviews .reviews .item p {
    font-size: 18px;
    line-height: 24px;
  }
}
#cta-now {
  text-align: center;
  color: #2d3237;
}
#cta-now h2 {
  font-size: 24px;
  line-height: 40px;
  font-weight: 300;
  margin: 30px 0 0;
  color: #2d3237;
}
#cta-now h3 {
  font-size: 36px;
  line-height: 48px;
  font-weight: 500;
  color: #2d3237;
  margin: 0;
}
#cta-now h3 em {
  line-height: 35px;
  border-bottom: 4px solid #1679a6;
  font-style: normal;
  display: inline-block;
}
#cta-now small {
  display: block;
  font-size: 18px;
  line-height: 28px;
  font-weight: 300;
  color: #8e929b;
  margin: 16px 0;
}
#cta-now #cta-buttons {
  margin: 56px 0 40px;
}
#cta-now #cta-buttons a.btn {
  width: 220px;
}
@media only screen and (max-width: 580px) {
  #cta-now #cta-buttons a.btn {
    margin: 0 auto;
  }
  #cta-now #cta-buttons span {
    display: block;
    margin: 20px 0;
  }
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.selectize-control,
.selectize-control.single {
  height: 34px;
}
.selectize-control .selectize-input,
.selectize-control.single .selectize-input {
  height: 34px;
  overflow-y: auto;
}
.selectize-control .selectize-input:after,
.selectize-control.single .selectize-input:after {
  background: url(../img/other/arrow-down.svg) no-repeat center;
  background-size: 15px;
  height: 100%;
  opacity: 0.5;
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
  border: none;
  margin-top: 0;
}
.selectize-control .selectize-input.dropdown-active:after,
.selectize-control.single .selectize-input.dropdown-active:after {
  transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  margin-top: 0;
}
.input-group-lg .selectize-control {
  height: 46px;
}
.input-group-lg .selectize-input {
  background-size: 20px;
  height: 46px;
  line-height: 1.33333;
  padding: 10px 16px;
}
.input-group-lg .selectize-input input {
  font-size: 18px;
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.service-page .header {
  min-height: 900px;
  background-size: cover;
  position: relative;
  text-align: center;
}
.service-page .header h1 {
  font-size: 60px;
  line-height: 65px;
  font-weight: 500;
}
.service-page .header h2 {
  font-weight: 300;
  font-size: 22px;
  line-height: 30px;
  margin: 50px 0;
}
.service-page .header .img-responsive {
  margin: 0 auto;
}
.service-page #services-bab-1 h3,
.service-page #services-bab-1 p.under-h3,
.service-page #services-bab-3 h3,
.service-page #services-bab-3 p.under-h3 {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.service-page #services-bab-1 h3,
.service-page #services-bab-3 h3 {
  width: 600px;
  font-size: 36px;
  line-height: 44px;
  text-align: center;
  margin-bottom: 20px;
}
.service-page #services-bab-1 p.under-h3,
.service-page #services-bab-3 p.under-h3 {
  width: 840px;
  font-size: 18px;
  line-height: 28px;
  color: #8e929b;
  text-align: center;
}
.service-page #services-bab-1 .layout-triple,
.service-page #services-bab-3 .layout-triple {
  text-align: center;
  padding-top: 50px;
}
.service-page #services-bab-1 .layout-triple img,
.service-page #services-bab-3 .layout-triple img {
  max-width: 100%;
}
.service-page #services-bab-1 .layout-triple p,
.service-page #services-bab-3 .layout-triple p {
  text-align: left;
  line-height: 24px;
  margin-top: 30px;
}
@media only screen and (max-width: 991px) {
  .service-page .content {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .service-page #services-bab-1 .col,
  .service-page #services-bab-3 .col {
    margin-bottom: 50px;
  }
  .service-page #services-bab-1 .col:last-child,
  .service-page #services-bab-3 .col:last-child {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 767px) {
  .service-page .header {
    min-height: 0;
  }
  .service-page .header h1 {
    font-size: 34px;
    line-height: 41px;
  }
}
@media only screen and (max-width: 480px) {
  .service-page #services-bab-1 h3,
  .service-page #services-bab-3 h3 {
    font-size: 30px;
    line-height: 36px;
  }
  .service-page .container.narrow {
    padding-left: 15px;
    padding-right: 15px;
  }
}
#services h1 {
  font-size: 44px;
  line-height: 52px;
  font-weight: 500;
}
#services h2 {
  font-size: 36px;
  line-height: 40px;
  font-weight: 500;
  margin-bottom: 20px;
}
#services h3 {
  font-size: 20px;
  line-height: 24px;
  font-weight: 500;
  margin-top: 0;
  margin-bottom: 20px;
}
#services p {
  font-size: 22px;
  line-height: 30px;
  font-weight: 300;
  color: #8e929b;
  padding: 10px 0;
  margin: 0;
}
#services p.text {
  color: #2d3237;
}
#services p.small {
  font-size: 18px;
  line-height: 28px;
}
#services li > p {
  line-height: normal;
  padding: 0;
}
#services span.text {
  color: #2d3237;
  font-weight: 500;
}
#services small.info {
  width: 15px;
  height: 15px !important;
  position: relative;
  background-image: url(../img/pricing/info.png);
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
  text-indent: -9999;
  overflow: hidden;
  cursor: pointer;
}
#services small.info > span {
  display: none;
}
#services .dbx-hero-header__text-container h1,
#services .dbx-hero-header__text-container p {
  color: #fff;
}
#services .disclaimer {
  font-style: italic;
}
#services .collapsible__header {
  color: #4d71f1;
}
#services .collapsible__content ul li {
  font-size: 16px;
  line-height: 24px;
  color: #8e929b;
}
#services .collapsible__content ul li:last-child {
  margin-bottom: 0;
}
#services .collapsible-group .collapsible__header {
  font-weight: 400;
}
#services .free {
  background-color: #ffac36;
  color: #fff;
  border-radius: 4px;
  height: 24px;
  line-height: 24px;
  padding: 0 5px;
  vertical-align: middle;
  font-size: 12px;
  margin-left: 10px;
  font-weight: 500;
}
#services .free:after {
  content: "FREE";
}
#services .new {
  background-color: #25a767;
  color: #fff;
  border-radius: 4px;
  height: 24px;
  line-height: 24px;
  padding: 0 5px;
  vertical-align: middle;
  font-size: 12px;
  margin-left: 10px;
  font-weight: 500;
}
#services .new:after {
  content: "NEW";
}
#services .v-center {
  padding-top: 25%;
  padding-bottom: 25%;
}
#services .h-center {
  margin-left: auto !important;
  margin-right: auto !important;
}
#services .btn-ct {
  display: inline-block;
  font-size: 16px;
  line-height: 34px;
  font-weight: 500;
  letter-spacing: 1px;
  padding-left: 30px;
  padding-right: 30px;
  white-space: normal;
}
#services .header {
  background-image: url("../img/services/bg.jpg");
  background-position: center center;
  background-size: cover;
  overflow: hidden;
}
#services .header .img-ct {
  position: absolute;
  transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
@media only screen and (max-width: 767px) {
  #services .header .img-ct {
    position: relative;
    transform: none;
    -o-transform: none;
    -ms-transform: none;
    -moz-transform: none;
    -webkit-transform: none;
  }
  #services .header .img-ct img {
    width: 290px;
    height: auto;
  }
}
#services .header p {
  color: rgba(255, 255, 255, 0.75);
}
#services .header a {
  font-weight: 500;
  text-decoration: underline;
  color: inherit;
}
#services .header .embed {
  max-width: 550px;
  margin: 0 auto;
}
#services .service {
  position: relative;
  height: 100%;
  padding: 45px 40px;
  border: 1px solid rgba(142, 146, 155, 0.25);
  border-radius: 4px;
}
#services .service__header {
  width: 100%;
  margin-bottom: 30px;
}
#services .service__header .icon {
  line-height: 50px;
  font-size: 50px;
}
#services .service__header .free,
#services .service__header .price {
  float: right;
}
#services .service__header .price {
  font-size: 24px;
  font-weight: 500;
}
#services .service__header .price:before {
  content: "$";
  font-size: 16px;
}
#services .service__header .free {
  margin-top: 10px;
}
#services .service__content {
  padding-bottom: 80px;
}
#services .service__content p {
  font-size: 16px;
  line-height: 24px;
}
#services .service__content .actions {
  position: absolute;
  bottom: 50px;
}
#services .service__content .actions .btn + .btn {
  margin-left: 5px;
}
#services .service--no-stretch {
  height: 650px;
}
#services .service--focused {
  -moz-box-shadow: 5px 7px 26.19px 0.81px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 5px 7px 26.19px 0.81px rgba(0, 0, 0, 0.2);
  box-shadow: 5px 7px 26.19px 0.81px rgba(0, 0, 0, 0.2);
}
#services .packages {
  list-style: none;
  margin: 0;
  padding: 0;
  background-color: #fff;
  border: 1px solid rgba(142, 146, 155, 0.25);
  border-radius: 4px;
}
#services .packages .package {
  border-bottom: 1px solid rgba(142, 146, 155, 0.25);
}
#services .packages .package:last-child {
  border-bottom: none;
}
#services .package {
  position: relative;
  text-align: left;
}
#services .package__logo {
  position: absolute;
  top: 50px;
  left: 45px;
  width: 50px;
  height: 50px;
}
#services .package__logo .icon {
  line-height: 50px;
  font-size: 50px;
}
#services .package__content {
  padding: 60px 45px 45px 120px;
}
#services .package__content p {
  font-size: 16px;
  line-height: 24px;
}
#services .package__content .actions {
  margin-top: 20px;
}
#services .package__content .actions .btn + .btn {
  margin-left: 5px;
}
#services .package__content .actions .or {
  margin: 0 5px;
  color: #8e929b;
}
#services
  .package__content
  .collapsible-group
  .collapsible:last-child
  .collapsible__content {
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  #services .package__logo {
    top: 35px;
  }
  #services .package__content {
    padding-top: 120px;
    padding-left: 45px;
  }
  #services .package__content .collapsible .actions .or,
  #services .package__content .collapsible .actions a {
    width: 100%;
  }
  #services .package__content .collapsible .actions .or {
    display: block;
    text-align: center;
    margin: 10px 0;
  }
}
@media only screen and (max-width: 480px) {
  #services .package__content {
    padding-left: 25px;
    padding-right: 25px;
  }
  #services .package__content .actions .btn {
    width: 100%;
  }
  #services .package__content .actions .btn + .btn {
    margin-top: 20px;
    margin-left: 0;
  }
}
#services .btn {
  font-size: 16px;
  text-transform: none;
  white-space: normal;
}
#services .icon.gray {
  color: #8e929b;
}
#services .icon.red {
  color: #f76868;
}
#services .icon.blue {
  color: #4d71f1;
}
#services .icon.blue-dark {
  color: #1679a6;
}
#services .icon.orange {
  color: #ffac36;
}
#services .icon.green {
  color: #25a767;
}
#services .icon.purple {
  color: #6d69af;
}
#services .section-1 {
  padding: 70px 0 100px;
}
#services .section-1 .info {
  height: 100%;
}
@media only screen and (max-width: 1200px) {
  #services .section-1 .service .actions {
    left: 50%;
    transform: translateX(-50%);
  }
  #services .section-1 .service .btn {
    width: 250px;
  }
  #services .section-1 .service .btn + .btn {
    margin-left: 0;
    margin-top: 20px;
  }
  #services .section-1 .service--no-stretch {
    height: 750px;
  }
}
@media only screen and (max-width: 991px) {
  #services .section-1 .service .actions {
    left: 40px;
    transform: none;
  }
  #services .section-1 .service .btn {
    width: auto;
  }
  #services .section-1 .service .btn + .btn {
    margin-top: 0;
    margin-left: 5px;
  }
  #services .section-1 .service--no-stretch {
    height: 100%;
  }
}
@media only screen and (max-width: 480px) {
  #services .section-1 .service__content {
    padding-bottom: 0;
  }
  #services .section-1 .service .actions {
    position: relative;
    left: 0;
    bottom: 0;
  }
  #services .section-1 .service .actions .btn {
    width: 100%;
    margin-top: 20px;
  }
  #services .section-1 .service .actions .btn + .btn {
    margin-left: 0;
  }
}
#services .section-2 {
  padding: 80px 0;
  background-color: #f3f4f5;
}
#services .section-2 .testimonials-carousel {
  margin: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: inherit;
}
#services .section-2 .testimonials-carousel .box .text p {
  color: #2d3237;
}
@media only screen and (max-width: 991px) {
  #services .section-2 .testimonials-carousel .box {
    padding: 0;
  }
}
#services .section-3 {
  padding: 0 0 100px 0;
  text-align: center;
}
#services .section-4 {
  padding: 100px 0;
  text-align: center;
}
#services-bab #services-bab-1 .layout-triple {
  text-align: left;
}
#services-bab #services-bab-1 .icon {
  font-size: 50px;
}
#services-bab #services-bab-1 .icon-circle-check {
  color: #02b875;
}
#services-bab #services-bab-1 .icon-reporting {
  color: #f7941d;
}
#services-bab #services-bab-1 .icon-present-reporting {
  color: #6b67ae;
}
#services-bab #services-bab-1 strong {
  text-align: left;
}
#services-bab .product-review-2 {
  border-top: 1px solid rgba(142, 146, 155, 0.1);
}
#services-bab .product-review-2#review-22 {
  background-color: rgba(102, 197, 218, 0.1);
}
#services-bab #services-bab-3 {
  background-color: #f8f9f4;
  padding-top: 70px;
  padding-bottom: 70px;
}
#services-bab #services-bab-3 .layout-triple {
  padding-top: 0;
  text-align: left;
}
#services-bab #services-bab-3 .layout-triple strong {
  line-height: 24px;
  font-size: 16px;
}
#services-bab #services-bab-3 .layout-triple p {
  line-height: 24px;
  margin-top: 0;
}
#services-bab #services-bab-3 .img-wrapper {
  height: 245px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
#services-bab #product-dashboard-examples {
  padding-top: 100px;
  padding-bottom: 100px;
}
#services-bab #product-dashboard-examples .description {
  text-align: center;
}
#services-bab #product-dashboard-examples .chat-cta-button {
  margin-top: 20px;
}
#service-ga .header {
  background-image: url(../img/services/ga/bg.jpg);
}
#service-ga .icon-laptop {
  color: #2b9bd4;
}
#service-ga .icon-crowd {
  color: #7540ab;
}
#service-ga .icon-funnel {
  color: #fcac00;
}
#service-ga .icon-individual-user {
  color: #02b875;
}
#service-ga .icon-segments {
  color: #758088;
}
#service-ga .icon-shopping-cart {
  color: #db89cf;
}
#service-hscrm .header {
  background-image: url(../img/services/hscrm/bg.jpg);
}
#service-hscrm .icon-productivity {
  color: #02b875;
}
#service-hscrm .icon-funnel {
  color: #fcac00;
}
#service-hscrm .icon-pipeline {
  color: #db89cf;
}
#service-hscrm .icon-analyze-2 {
  color: #2b9bd4;
}
#service-hsmarketing .header {
  background-image: url(../img/services/hsmarketing/bg.jpg);
}
#service-hsmarketing #service-areas h3 {
  margin-bottom: 60px;
}
#service-hsmarketing .icon-laptop {
  color: #2b9bd4;
}
#service-hsmarketing .icon-crowd {
  color: #7540ab;
}
#service-hsmarketing .icon-funnel {
  color: #fcac00;
}
#service-hsmarketing .icon-email-marketing {
  color: #db89cf;
}
#service-hsmarketing .icon-blog {
  color: #758088;
}
#service-hsmarketing .icon-analyze-3 {
  color: #6fb62b;
}
#service-hsmarketing .icon-rocket {
  color: #ff4600;
}
#service-hsmarketing .icon-deal-growth {
  color: #53b57b;
}
#service-hsmarketing .icon-contact-archive {
  color: #ff7800;
}
@media only screen and (max-width: 480px) {
  #service-hsmarketing .chat-cta-buttons .btn {
    max-width: 90%;
    font-size: 15px;
  }
}
#service-ga-audit .header {
  background-image: url(../img/services/ga-audit/bg.jpg);
}
#service-ga-audit .icon-analyze {
  color: #ff4600;
}
#service-ga-audit .icon-bot-traffic {
  color: #fcac00;
}
#service-ga-audit .icon-email-marketing {
  color: #7540ab;
}
#service-ga-audit .icon-analyze-3 {
  color: #6fb62b;
}
#service-fb-ads .header {
  background-image: url(../img/services/fb-ads/bg.jpg);
}
#service-fb-ads .icon-present-reporting {
  color: #fcac00;
}
#service-fb-ads .icon-loudspeaker {
  color: #2b9bd4;
}
#service-fb-ads .icon-ad {
  color: #02b875;
}
#services-social-media .header {
  background-image: url(../img/services/social-media/bg.jpg);
}
#services-social-media .icon-fb {
  color: #4867aa;
}
#services-social-media .icon-ig {
  color: #ab2f8d;
}
#services-social-media .icon-li {
  color: #0270ad;
}
#services-social-media .icon-tw {
  color: #2ba5da;
}
#services-social-media .icon-yt {
  color: #fe0000;
}
#services-social-media .icon-social-media {
  color: #758088;
}
#service-pipedrivecrm .header {
  background: #1f3131;
}
#service-pipedrivecrm .icon-analyze-3 {
  color: #6fb62b;
}
#service-pipedrivecrm .icon-crowd {
  color: #7540ab;
}
#service-pipedrivecrm .icon-deal-growth {
  color: #53b57b;
}
#service-pipedrivecrm .icon-funnel {
  color: #fcac00;
}
#service-pipedrivecrm .icon-contact-archive {
  color: #758088;
}
.collapsible__header {
  display: table;
  cursor: pointer;
}
.collapsible__header .icon,
.collapsible__header .title {
  display: table-cell;
}
.collapsible__header .icon:before {
  margin-right: 10px;
}
.collapsible__content {
  display: none;
  padding-left: 25px;
  margin-bottom: 30px;
}
.collapsible__content ul {
  list-style-type: disc;
  padding: 0 0 0 17px;
  margin: 0;
}
.collapsible__content ul li:last-child {
  margin-bottom: 0;
}
.product-review-2 {
  text-align: center;
  padding-top: 100px;
  padding-bottom: 100px;
}
.product-review-2 img {
  margin-bottom: 25px;
}
.product-review-2 .item {
  color: #2d3237;
  font-style: italic;
  line-height: 30px;
  margin-bottom: 50px;
}
.product-review-2 .item p {
  font-size: 20px;
}
#service-wizard {
  background-color: rgba(102, 197, 218, 0.1);
  padding-top: 100px;
  padding-bottom: 100px;
}
#service-wizard h3 {
  font-size: 36px;
  font-weight: 500;
  text-align: center;
  margin-bottom: 30px;
}
#service-wizard .under-h3 {
  text-align: center;
  font-size: 18px;
  color: #8e929b;
  margin-bottom: 60px;
}
#service-wizard .step {
  position: relative;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 80px;
}
#service-wizard .step__img {
  position: absolute;
  font-size: 45px;
  top: -10px;
}
#service-wizard .step__content {
  position: relative;
  padding-left: 100px;
}
#service-wizard .step__content .num {
  font-size: 25px;
  position: absolute;
  left: 65px;
}
#service-wizard .step__content .num:after {
  content: "";
  height: 100%;
  width: 1px;
  color: #000;
}
#service-wizard .step__content strong {
  font-size: 16px;
}
#service-wizard .step__content .num,
#service-wizard .step__content strong {
  vertical-align: middle;
}
#service-wizard .step:last-child {
  margin-bottom: 0;
}
#service-wizard .step:not(:last-child):after {
  content: "";
  position: absolute;
  top: 25px;
  left: 92px;
  height: calc(100% + 60px);
  background: rgba(45, 50, 55, 0.5);
  width: 1px;
}
#service-wizard .step-1 .icon,
#service-wizard .step-1 strong {
  color: #7540ab;
}
#service-wizard .step-2 .icon,
#service-wizard .step-2 strong {
  color: #0072bc;
}
#service-wizard .step-3 .icon,
#service-wizard .step-3 strong {
  color: #f7941d;
}
#service-wizard .step-4 .icon,
#service-wizard .step-4 strong {
  color: #53b57b;
}
#service-areas {
  padding-top: 110px;
  padding-bottom: 90px;
  background-color: #f8f9f4;
}
#service-areas h3 {
  font-size: 36px;
  line-height: 42px;
  color: #2d3237;
  text-align: center;
  font-weight: 500;
}
#service-areas p.under-h3 {
  font-size: 18px;
  line-height: 28px;
  color: #8e929b;
  text-align: center;
  margin-top: 40px;
  margin-bottom: 80px;
}
#service-areas .area__icon .icon {
  font-size: 36px;
}
#service-areas .area__description {
  margin-top: 10px;
}
#service-areas .area__description p,
#service-areas .area__description strong {
  font-size: 16px;
  line-height: 24px;
  color: #2d3237;
}
#service-areas .area__description strong {
  font-weight: 500;
}
#service-areas .area__description p {
  margin-top: 10px;
}
#service-areas .area__description .scroll {
  font-weight: 400;
  color: #2b9bd4;
  text-decoration: underline;
}
#service-areas .row {
  margin-bottom: 80px;
}
#service-areas .chat-cta-button {
  padding-top: 20px;
}
@media only screen and (max-width: 992px) {
  #service-areas .area:not(:last-child) {
    margin-bottom: 40px;
  }
  #service-areas .row {
    margin-bottom: 40px;
  }
}
#service-area-details .service-area-detail {
  padding-top: 150px;
  padding-bottom: 100px;
}
#service-area-details .service-area-detail__left {
  margin-top: -70px;
}
#service-area-details .service-area-detail__left h3 {
  font-size: 36px;
  line-height: 36px;
  color: #2d3237;
  margin-bottom: 20px;
  margin-top: -50p;
}
#service-area-details .service-area-detail__left p {
  font-size: 18px;
  line-height: 28px;
  color: #8e929b;
  margin-bottom: 30px;
}
#service-area-details .service-area-detail__left .icon {
  font-size: 36px;
}
#service-area-details .service-area-detail__left .chat-cta-button {
  text-align: left;
}
#service-area-details .service-area-detail__right {
  font-size: 16px;
  line-height: 24px;
}
#service-area-details .service-area-detail__right ul {
  margin-top: 20px;
  padding-left: 17px;
  color: #2d3237;
}
#service-area-details .service-area-detail__right ul li:not(:last-child) {
  margin-bottom: 20px;
}
#service-area-details .service-area-detail:not(:last-child) {
  border-bottom: 1px solid rgba(142, 146, 155, 0.1);
}
@media only screen and (max-width: 992px) {
  #service-area-details .service-area-detail .area:not(:last-child) {
    margin-bottom: 40px;
  }
  #service-area-details .service-area-detail__right {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 480px) {
  #service-area-details .service-area-detail {
    padding-top: 110px;
  }
}
#service-examples {
  padding-top: 70px;
  padding-bottom: 125px;
  border-top: 1px solid rgba(142, 146, 155, 0.1);
}
#service-examples h3 {
  font-size: 36px;
  line-height: 42px;
  color: #2d3237;
  text-align: center;
  font-weight: 500;
  margin-bottom: 50px;
}
@media only screen and (max-width: 992px) {
  #service-examples .row > div:not(:last-child) {
    margin-bottom: 30px;
  }
}
.chat-cta-buttons {
  text-align: center;
  color: rgba(255, 255, 255, 0.75);
}
.chat-cta-buttons .btn-green {
  margin-right: 20px;
}
.chat-cta-buttons p {
  margin-top: 30px;
  font-size: 18px;
  padding-right: 20px;
  padding-left: 20px;
}
.chat-cta-buttons p a {
  color: rgba(255, 255, 255, 0.75);
  text-decoration: underline;
}
@media only screen and (max-width: 480px) {
  .chat-cta-buttons .btn-green {
    margin-right: 0;
    margin-bottom: 20px;
  }
  .chat-cta-buttons .btn {
    display: block;
    max-width: 100%;
    white-space: normal;
    margin-right: 15px;
    margin-left: 15px;
  }
}
.chat-cta-button {
  text-align: center;
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
#main-container.signup-agency.step-1-active #main-container-left {
  background-color: #edf7fc;
  width: calc(50% + 50px);
}
#main-container.signup-agency.step-1-active
  #main-container-left
  .main-container-content {
  width: 600px;
  padding: 20px 25px;
}
#main-container.signup-agency.step-1-active #main-container-right {
  width: calc(50% - 50px);
}
#main-container.signup-agency.step-1-active
  #main-container-right
  .main-container-content {
  width: 530px;
  padding: 20px 25px;
}
#main-container.signup-agency.step-1-active
  #main-container-right
  .main-container-content
  .step1 {
  padding-top: 0;
}
#main-container.signup-agency.step-1-active
  #main-container-right
  .main-container-top {
  display: flex;
  align-items: center;
  text-align: center;
  flex-direction: column;
  margin-bottom: 20px;
}
#main-container.signup-agency.step-1-active
  #main-container-right
  .main-container-top__logo-and-sign-in {
  gap: 20px;
  align-self: stretch;
  justify-content: space-between;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding-bottom: 16px;
}
#main-container.signup-agency.step-1-active
  #main-container-right
  .main-container-top__title {
  font-size: 24px;
}
#main-container.signup-agency.step-1-active
  #main-container-right
  .main-container-top
  ul {
  padding: 0;
  display: flex;
  column-gap: 20px;
  row-gap: 8px;
  justify-content: center;
  list-style: none;
  flex-wrap: wrap;
}
#main-container.signup-agency.step-1-active
  #main-container-right
  .main-container-top
  li {
  text-wrap: nowrap;
  display: flex;
  gap: 8px;
  align-items: center;
}
#main-container.signup-agency.step-1-active
  #main-container-right
  .main-container-top
  .icon:before {
  color: #25a767;
}
#main-container.signup-agency.step-1-active #main-container-right .sign-in {
  font-size: 12px;
}
#main-container.signup-agency.step-1-active
  #main-container-right
  .step1
  .logo-mobile,
#main-container.signup-agency.step-1-active
  #main-container-right
  .step1
  .sign-in {
  display: none;
}
#main-container.signup-agency.step-1-active
  #main-container-right
  .right-side
  h1,
#main-container.signup-agency.step-1-active
  #main-container-right
  .right-side
  ul {
  display: none;
}
#main-container.signup-agency.step-1-active #main-container-right .subtitle {
  display: none;
}
@media screen and (min-width: 600px) {
  #main-container.signup-agency.step-1-active
    #main-container-right
    .main-container-content
    .main-container-top__logo-and-sign-in {
    flex-direction: row;
  }
}
@media screen and (min-width: 768px) {
  #main-container.signup-agency.step-1-active
    #main-container-right
    .main-container-content {
    width: calc(416px + 80px);
  }
  #main-container.signup-agency.step-1-active
    #main-container-right
    .main-container-top {
    text-align: left;
    align-items: start;
  }
  #main-container.signup-agency.step-1-active
    #main-container-right
    .main-container-top
    ul {
    justify-content: start;
  }
  #main-container.signup-agency.step-1-active #main-container-right .sign-in {
    position: absolute;
    top: 10px;
    right: 25px;
  }
  #main-container.signup-agency.step-1-active
    #main-container-right
    .logo-mobile {
    display: none;
  }
}
@media screen and (min-width: 1024px) {
  #main-container.signup-agency.step-1-active
    #main-container-left
    .main-container-content {
    padding: 20px 60px 20px 20px;
  }
  #main-container.signup-agency.step-1-active #main-container-right .sign-in {
    right: unset;
    left: 270px;
  }
}
.signup.signup-agency .dbx-repeater-icon-list {
  margin-block: 48px 62px;
}
.signup.signup-agency .dbx-repeater-icon-list li {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.signup.signup-agency .dbx-repeater-icon-list strong {
  font-weight: 700;
}
.signup.signup-agency .dbx-ratings {
  margin-block: 62px;
  flex-direction: column;
  align-items: start;
  justify-content: center;
  align-items: center;
}
.signup.signup-agency .dbx-ratings__divider:nth-of-type(2) {
  display: none;
}
@media screen and (min-width: 850px) {
  .signup.signup-agency .dbx-ratings {
    flex-direction: row;
  }
  .signup.signup-agency .dbx-ratings__divider:nth-of-type(2) {
    display: inline;
  }
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.dbx-signup-form .btn {
  text-transform: none;
  padding-right: 35px;
  width: 100%;
}
.dbx-signup-form .btn .icon {
  font-size: 12px;
  position: relative;
  bottom: 2px;
  left: 8px;
}
.dbx-signup-form__loader {
  display: none;
}
.dbx-signup-form__loader.dbx-signup-form--loader-active {
  display: block;
}
.dbx-signup-form__form .line {
  text-align: left;
  margin: 20px 0;
  height: 37px;
  position: relative;
}
.dbx-signup-form__form .line span {
  font-family: Arial, "Trebuchet MS", sans-serif;
  letter-spacing: 0;
  font-weight: 400;
  font-size: 13px;
  color: rgba(142, 146, 155, 0.7);
  background-color: #fff;
  display: inline-block;
  padding: 0 4px;
  position: relative;
  z-index: 1;
  top: 5px;
}
.dbx-signup-form__form .line:before {
  content: "";
  position: absolute;
  top: 16px;
  left: 0;
  width: 100%;
  border-bottom: 1px dashed rgba(142, 146, 155, 0.5);
}
.dbx-signup-form__form form .selectize-control .selectize-dropdown,
.dbx-signup-form__form form .selectize-control .selectize-input,
.dbx-signup-form__form form .selectize-control .selectize-input input {
  line-height: 28px;
  color: #555;
}
.dbx-signup-form__form form .selectize-control .selectize-input {
  border-radius: 6px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s,
    -webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.dbx-signup-form__form form .selectize-control .selectize-input:after {
  opacity: 0.3;
}
.dbx-signup-form__form form fieldset {
  position: relative;
  margin-bottom: 20px;
}
.dbx-signup-form__form form fieldset.has-error {
  position: relative;
}
.dbx-signup-form__form form fieldset.has-error .form-control {
  border-color: rgba(247, 104, 104, 0.5);
  box-shadow: none;
}
.dbx-signup-form__form form fieldset.has-error:after {
  content: "";
  position: absolute;
  top: 40px;
  right: 12px;
  width: 15px;
  height: 15px;
  background-image: url(../img/error.png);
  background-size: 100% auto;
}
.dbx-signup-form__form form fieldset.error-text-shown {
  margin-bottom: 10px;
}
.dbx-signup-form__form form fieldset.error-text-shown span.err {
  display: block;
}
.dbx-signup-form__form form fieldset > .icon {
  position: absolute;
  top: 12px;
  left: 10px;
  opacity: 0.5;
  z-index: 2;
}
.dbx-signup-form__form form fieldset .note {
  position: relative;
  top: 8px;
  left: unset;
  padding: 6px;
  color: #000;
  background-color: rgba(244, 187, 66, 0.1);
  border-radius: 4px;
  opacity: 1;
  font-size: 12px;
}
.dbx-signup-form__form form fieldset .note::before {
  margin-right: 8px;
  color: #f4bb42;
}
.dbx-signup-form__form form fieldset .note.hidden {
  display: none;
}
.dbx-signup-form__form form fieldset > .star {
  position: absolute;
  top: 10px;
  right: 10px;
}
.dbx-signup-form__form form fieldset .selectize-control .selectize-input,
.dbx-signup-form__form form fieldset > input {
  padding: 10px;
}
.dbx-signup-form__form form fieldset .selectize-control,
.dbx-signup-form__form form fieldset .selectize-control .selectize-input,
.dbx-signup-form__form form fieldset > input {
  height: 45px;
}
.dbx-signup-form__form form fieldset .selectize-control,
.dbx-signup-form__form form fieldset .selectize-input input,
.dbx-signup-form__form form fieldset > input {
  font-size: 14px;
  font-weight: 500;
  border-width: 2px;
}
.dbx-signup-form__form form fieldset input::-webkit-input-placeholder {
  font-weight: 400;
  opacity: 0.7;
  font-style: italic;
}
.dbx-signup-form__form form fieldset input::-moz-placeholder {
  font-weight: 400;
  opacity: 0.7;
  font-style: italic;
}
.dbx-signup-form__form form fieldset input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #fff inset;
}
.dbx-signup-form__form form fieldset .selectize-input.focus,
.dbx-signup-form__form form fieldset > input:focus {
  border-color: #4d71f1;
  -webkit-box-shadow: 0 0 2px 0 #32acce;
  -moz-box-shadow: 0 0 2px 0 #32acce;
  box-shadow: 0 0 2px 0 #32acce;
  background-color: rgba(77, 113, 241, 0.08);
}
.dbx-signup-form__form form fieldset span.err {
  display: none;
  font-size: 13px;
  color: #f76868;
  padding: 3px 0 0 3px;
}
.dbx-signup-form__form .btn {
  margin-top: 20px;
}
.dbx-signup-form__form .agreement {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.5);
  margin-top: 20px;
}
.dbx-signup-form__form .agreement a {
  color: inherit;
  text-decoration: underline;
}
.dbx-signup-form__loader {
  background-color: #fff;
  position: fixed;
  inset: 0;
  z-index: 1;
}
.dbx-signup-form__loader .loader {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.dbx-signup-form__loader .ct {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.dbx-signup-form-section {
  display: flex;
  justify-content: center;
  padding: 48px;
}
.dbx-signup-form-section .dbx-container {
  max-width: 500px;
}
.row-additional-info {
  position: absolute;
  left: -9999px;
  top: -9999px;
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.grecaptcha-badge {
  visibility: hidden;
}
body.page-template-page-signup {
  min-height: 100%;
}
body.page-template-page-signup .grecaptcha-badge {
  visibility: visible;
  bottom: 100px !important;
}
@media only screen and (max-width: 768px) {
  body.page-template-page-signup .grecaptcha-badge {
    transform: scale(0.3);
    right: -146px !important;
  }
}
#main-container {
  min-height: 100vh;
  display: flex;
  background: #fff;
}
#main-container #main-container-left,
#main-container #main-container-right {
  display: flex;
  min-height: 100vh;
  position: relative;
  box-sizing: border-box;
}
#main-container #main-container-left {
  flex: 1;
  flex-shrink: 0;
  justify-content: flex-end;
  align-items: center;
  padding: 16px 0 16px 16px;
}
#main-container #main-container-left .main-container-content {
  background: url(https://cdn1.databox.com/website/images/gradient-bg.svg)
    no-repeat center center/cover;
  border-radius: 16px;
  min-height: calc(100vh - 32px);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 112px 72px 96px 72px;
  box-sizing: border-box;
  width: 100%;
}
#main-container #main-container-left .main-container-content .step {
  max-width: 545px;
  width: 100%;
  z-index: 1;
}
#main-container #main-container-right {
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  padding: 16px 16px 16px 0;
}
#main-container #main-container-right .main-container-content {
  min-height: calc(100vh - 32px);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 32px 72px 32px 192px;
  box-sizing: border-box;
  width: 100%;
}
#main-container
  #main-container-right
  .main-container-content
  .step
  .right-side {
  width: 100%;
  max-width: 390px;
}
#main-container .main-container-content {
  text-align: left;
  display: block;
  width: 100%;
}
#main-container .step {
  display: none;
}
#main-container.step-1-active .step1,
#main-container.step-2-active .step2 {
  display: block;
}
#main-container.step-1-active #main-container-left .main-container-content {
  width: 100%;
  position: relative;
}
#main-container.step-1-active #main-container-right .main-container-content {
  width: 100%;
}
#main-container.step-2-active #main-container-left {
  display: none;
}
#main-container.step-2-active #main-container-right {
  width: 100%;
  justify-content: center;
}
#main-container.step-2-active #main-container-right .main-container-content {
  width: auto;
  min-height: 0;
}
#main-container.step-2-active .step2 {
  padding: 0;
}
#main-container.step-2-active .step2 .loader {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  left: 0;
}
#main-container.step-2-active .step2 .loader .ct {
  padding-bottom: 60px;
}
#main-container.step-2-active .step2 .loader .bar-loader {
  margin: 0 auto;
}
#main-container.step-2-active .step2 .loader p {
  font-size: 20px;
  line-height: 16px;
  color: #8e929b;
  margin-top: 22px;
  font-weight: 400;
  letter-spacing: 0;
  margin-bottom: 0;
}
#main-container-left .step {
  text-align: center;
}
#main-container-left .step1 {
  height: auto;
  margin-top: 0;
}
#main-container-left .step1 .logo-wrapper {
  text-align: center;
  margin-bottom: 40px;
}
#main-container-left .step1 .img-wrapper {
  text-align: center;
  margin-bottom: 32px;
}
#main-container-left .step1 .img-wrapper img {
  max-width: 100%;
  height: auto;
  display: inline-block;
}
#main-container-left .step1 .signup-heading {
  display: block;
  font-size: 30px;
  font-weight: 900;
  line-height: 36px;
  text-align: center;
  margin-bottom: 32px;
}
#main-container-left .step1 .dbx-ratings {
  margin-block: 32px;
}
#main-container-left .step1 .badges-text {
  text-align: center;
  font-size: 14px;
  line-height: 20px;
  color: #9f9fa0;
  margin: 0;
}
#main-container-left .step1 .badges-text strong {
  font-weight: 700;
}
.signup .dbx-repeater-icon-list {
  margin-block: 48px 62px;
}
.signup .dbx-repeater-icon-list strong {
  font-weight: 700;
}
.signup .dbx-ratings {
  margin-block: 62px;
  flex-direction: column;
  align-items: start;
  justify-content: center;
  align-items: center;
}
.signup .dbx-ratings__divider:nth-of-type(2) {
  display: none;
}
@media screen and (min-width: 1200px) {
  .signup .dbx-ratings {
    flex-direction: row;
  }
  .signup .dbx-ratings__divider:nth-of-type(2) {
    display: inline;
  }
}
.main-side .btn {
  text-transform: none;
  width: 100%;
  padding: 12px;
  background-color: #4d71f1;
  border-color: #4d71f1;
}
.main-side .btn .icon {
  margin-left: 8px;
}
.main-side .btn:hover {
  background-color: #1e4bed;
  border-color: #1e4bed;
}
.main-side .step {
  padding: 0;
}
.main-side .step1 {
  height: auto;
  padding: 0;
}
.main-side .step1 .logo-mobile {
  display: none;
}
.main-side .step1 .sign-in {
  position: static;
  margin-top: 64px;
  font-size: 14px;
  color: #9f9fa0;
  text-align: left;
}
.main-side .step1 .sign-in a {
  color: #4d71f1;
  text-decoration: none;
  font-size: 14px;
  margin-left: 4px;
}
.main-side .step1 .sign-in a:hover {
  text-decoration: underline;
}
.main-side .step1 h1,
.main-side .step1 h5 {
  font-size: 24px;
  line-height: 30px;
  margin-top: 0;
  margin-bottom: 32px;
}
.main-side .step1 .line {
  text-align: center;
  margin: 20px 0;
  position: relative;
  display: flex !important;
  align-items: center;
  width: 100%;
  height: auto;
}
.main-side .step1 .line span {
  font-family: inherit;
  letter-spacing: 0;
  font-weight: 500;
  font-size: 13px;
  color: #e0e0e2;
  background-color: #fff;
  padding: 0 12px;
  position: relative;
  z-index: 1;
  flex-shrink: 0;
  order: 2;
  display: inline-block;
  top: 0;
}
.main-side .step1 .line:before {
  content: "";
  flex: 1;
  min-width: 0;
  border-bottom: 1px dashed #e0e0e2;
  order: 1;
  position: static;
  width: auto;
  top: auto;
  left: auto;
}
.main-side .step1 .line:after {
  content: "";
  flex: 1;
  min-width: 0;
  border-bottom: 1px dashed #e0e0e2;
  order: 3;
}
.main-side .step1 form .selectize-control .selectize-dropdown,
.main-side .step1 form .selectize-control .selectize-input,
.main-side .step1 form .selectize-control .selectize-input input {
  line-height: 28px;
  color: #555;
}
.main-side .step1 form .selectize-control .selectize-input {
  border-radius: 6px;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: border-color ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s;
}
.main-side .step1 form .selectize-control .selectize-input:after {
  opacity: 0.3;
}
.main-side .step1 form fieldset {
  position: relative;
  margin-bottom: 16px;
}
.main-side .step1 form fieldset label {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 6px;
  display: block;
}
.main-side .step1 form fieldset.has-error {
  position: relative;
}
.main-side .step1 form fieldset.has-error .form-control {
  border-color: rgba(247, 104, 104, 0.5);
  box-shadow: none;
}
.main-side .step1 form fieldset.has-error:after {
  display: none;
}
.main-side .step1 form fieldset.error-text-shown {
  margin-bottom: 10px;
}
.main-side .step1 form fieldset.error-text-shown span.err {
  display: block;
}
.main-side .step1 form fieldset > .icon {
  position: absolute;
  top: 12px;
  left: 10px;
  opacity: 0.5;
  z-index: 2;
}
.main-side .step1 form fieldset .note {
  position: relative;
  top: 8px;
  left: unset;
  padding: 6px;
  color: #000;
  background-color: rgba(244, 187, 66, 0.1);
  border-radius: 4px;
  opacity: 1;
  font-size: 12px;
}
.main-side .step1 form fieldset .note::before {
  margin-right: 8px;
  color: #f4bb42;
}
.main-side .step1 form fieldset .note.hidden {
  display: none;
}
.main-side .step1 form fieldset > .star {
  position: absolute;
  top: 10px;
  right: 10px;
}
.main-side .step1 form fieldset .selectize-control .selectize-input,
.main-side .step1 form fieldset > input {
  padding: 14px 12px;
}
.main-side .step1 form fieldset .selectize-control,
.main-side .step1 form fieldset .selectize-control .selectize-input,
.main-side .step1 form fieldset > input {
  height: auto;
}
.main-side .step1 form fieldset .selectize-control,
.main-side .step1 form fieldset .selectize-input input,
.main-side .step1 form fieldset > input {
  font-size: 14px;
  font-weight: 400;
  border: 1px solid #e0e0e2;
  border-radius: 6px;
}
.main-side .step1 form fieldset input::-webkit-input-placeholder {
  font-weight: 400;
  opacity: 0.7;
  font-style: normal;
}
.main-side .step1 form fieldset input::-moz-placeholder {
  font-weight: 400;
  opacity: 0.7;
  font-style: normal;
}
.main-side .step1 form fieldset input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #fff inset;
}
.main-side .step1 form fieldset .selectize-input.focus,
.main-side .step1 form fieldset > input:focus {
  border-color: #4d71f1;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background-color: #fff;
}
.main-side .step1 form fieldset span.err {
  display: none;
  font-size: 13px;
  color: #f76868;
  padding: 3px 0 0 3px;
}
.main-side .step1 form fieldset .input-password-container {
  position: relative;
}
.main-side .step1 form fieldset .input-password-container input {
  height: auto;
  padding: 14px 12px;
}
.main-side .step1 form fieldset .input-password-container span.icon {
  position: absolute;
  top: 50%;
  right: 14px;
  transform: translateY(-50%);
  cursor: pointer;
  color: #9f9fa0;
  font-size: 20px;
}
.main-side .step1 .password-requirements {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0 0 32px 0;
  padding: 0;
  row-gap: 8px;
}
.main-side .step1 .password-requirements li {
  width: 50%;
  font-size: 12px;
  line-height: 16px;
  color: #9f9fa0;
  box-sizing: border-box;
}
.main-side .step1 .password-requirements li .icon {
  color: #9f9fa0;
}
.main-side .step1 .password-requirements li .icon::before {
  margin-right: 8px;
}
.main-side .step1 .password-requirements li.success span {
  color: #2ab674;
}
.main-side .step1 .password-requirements li.error span {
  color: #ed2857;
}
.main-side .step1 .btn {
  margin-top: 8px;
}
.main-side .step1 .agreement {
  font-size: 11px;
  color: #9f9fa0;
  margin-top: 16px;
  text-align: left;
}
.main-side .step1 .agreement a {
  color: inherit;
  text-decoration: underline;
}
@media only screen and (max-width: 1440px) {
  #main-container #main-container-right .main-container-content {
    padding: 32px 72px;
  }
}
@media only screen and (max-width: 1024px) {
  #main-container #main-container-left {
    display: none;
  }
  #main-container #main-container-right {
    width: 100%;
    padding: 16px;
  }
  #main-container #main-container-right .main-container-content {
    min-height: calc(100vh - 32px);
    padding: 32px 16px;
    justify-content: center;
  }
  #main-container
    #main-container-right
    .main-container-content
    .step
    .right-side {
    margin: 0 auto;
  }
  .main-side .step1 h1,
  .main-side .step1 h5 {
    text-align: center;
  }
  .main-side .step1 .logo-mobile {
    display: block;
    margin: 0 auto 24px;
  }
  .main-side .step1 .sign-in {
    text-align: center;
  }
  .main-side .step1 .agreement {
    text-align: center;
  }
}
@media only screen and (max-width: 768px) {
  #main-container {
    flex-direction: column;
  }
  #main-container #main-container-left,
  #main-container #main-container-right {
    min-height: auto;
  }
  #main-container #main-container-left {
    display: none;
  }
  #main-container #main-container-right {
    width: 100%;
    padding: 0;
    justify-content: center;
  }
  #main-container #main-container-right .main-container-content {
    min-height: auto;
    padding: 40px 20px;
    justify-content: center;
  }
  #main-container.step-2-active .step2 .loader {
    left: 0;
  }
  .main-side .step1 {
    height: auto;
  }
  .main-side .step1 .logo-mobile {
    display: block;
    margin: 0 auto 24px;
  }
  .main-side .step1 h1,
  .main-side .step1 h5 {
    text-align: center;
  }
  .main-side .step1 .sign-in {
    text-align: center;
  }
  .main-side .agreement {
    text-align: center;
  }
}
@media only screen and (max-width: 576px) {
  #main-container #main-container-right .main-container-content {
    padding: 24px 16px;
  }
}
#modal-signup .subtitle {
  text-align: center;
}
#modal-signup .modal-dialog {
  margin-top: 13px;
}
#modal-signup button.close {
  position: absolute;
  width: 38px;
  height: 38px;
  background: #181818;
  border-radius: 100%;
  font-size: 16px;
  line-height: 38px;
  padding-left: 1px;
  top: -14px;
  right: -15px;
  opacity: 1;
  color: rgba(142, 146, 155, 0.75);
  z-index: 1;
  text-align: center;
  text-shadow: none;
  outline: 0 !important;
}
#modal-signup .google-oauth2 {
  display: flex;
  justify-content: center;
  padding-top: 10px;
}
#modal-signup .step-2-active .main-side {
  display: flex;
  justify-content: center;
  align-items: center;
}
#modal-signup #main-container {
  width: 100%;
  margin-left: 0;
  min-height: 760px;
}
#modal-signup #main-container .main-side {
  width: 100%;
}
#modal-signup #main-container .step {
  padding: 0;
}
#modal-signup #main-container .step1 {
  min-width: auto;
  display: flex;
  flex-direction: column;
}
#modal-signup #main-container .step1 h1,
#modal-signup #main-container .step1 h5 {
  text-align: center;
  padding-top: 30px;
}
#modal-signup #main-container .step1 .logo-mobile {
  display: inline-block;
  margin: 0 auto;
}
#modal-signup #main-container .step1 .sign-in {
  line-height: 34px;
  text-align: center;
  margin-top: 32px;
}
#modal-signup #main-container .step2 .loader {
  padding-top: 40px;
  text-align: center;
  left: 0;
}
@media only screen and (max-width: 992px) {
  #modal-signup #main-container .step1 {
    height: auto;
  }
}
@media only screen and (max-width: 576px) {
  #modal-signup #main-container .step1 .logo-mobile {
    display: block;
    margin: 0 auto;
  }
  #modal-signup #main-container .step1 .sign-in {
    width: 100%;
    text-align: center;
  }
  #modal-signup #main-container .step1 .btn {
    padding-left: 20px;
  }
}
.background-gradient {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 16px;
}
.background-gradient .rect {
  position: absolute;
}
.background-gradient .rect--purple {
  width: 88.005%;
  height: 51.791%;
  top: 10.52%;
  left: -38.295%;
  border-radius: 16px;
  opacity: 0.2;
  background-color: #685af7;
  transform: skewX(20deg) rotateZ(163deg);
  filter: blur(150px);
}
.background-gradient .rect--orange {
  width: 113.006%;
  height: 66.59%;
  top: -31.445%;
  left: 58.237%;
  border-radius: 16px;
  opacity: 0.2;
  background-color: #ed9600;
  transform: skewX(20deg) rotateZ(163deg);
  filter: blur(149px);
}
.background-gradient .rect--pink {
  width: 130.491%;
  height: 84.277%;
  top: -3.237%;
  left: 22.254%;
  border-radius: 16px;
  opacity: 0.2;
  background-color: #f22a85;
  transform: skewX(20deg) rotateZ(170deg);
  filter: blur(160px);
}
.background-gradient .rect--blue {
  width: 112.861%;
  height: 66.59%;
  top: 27.746%;
  left: -91.04%;
  border-radius: 16px;
  opacity: 0.2;
  background-color: #33b3cc;
  transform: skewX(20deg) rotateZ(163deg);
  filter: blur(149px);
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
#dbx-single-analytics-software {
  letter-spacing: 0;
  background-color: #fff;
}
#dbx-single-analytics-software ul {
  padding-inline-start: 0;
}
#dbx-single-analytics-software .dbx-trusted-by-businesses {
  margin: 64px auto;
  padding: 0 16px;
  max-width: 1440px;
}
#dbx-single-analytics-software .dbx-solution-actions {
  background-color: #fff;
  margin-block: 60px;
}
#dbx-single-analytics-software .dbx-solution-actions .title-actions {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#dbx-single-analytics-software .dbx-solution-actions .title-actions .actions {
  display: flex;
  flex-direction: column;
  padding: 40px;
  background: linear-gradient(106deg, #8f53c41a -4%, #d46c821a 89.91%);
  border-radius: 24px;
}
#dbx-single-analytics-software .dbx-solution-cards {
  background-color: #fff;
}
#dbx-single-analytics-software .dbx-solution-cards .title-cards {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#dbx-single-analytics-software .dbx-solution-cards .title-cards .cards {
  width: 100%;
}
.dbx-solution-partner {
  background: linear-gradient(180deg, #55a9c41a 0, #ffffff00 100%);
  padding-top: 150px;
  margin-bottom: 180px;
}
.dbx-solution-partner .polygons-background {
  background: url("/wp-content/themes/databox/inc/img/two-hexagon-polygons.svg")
    no-repeat top;
  background-size: 1800px;
  height: 430px;
  position: absolute;
  width: 100%;
  margin-top: -150px;
}
@media only screen and (max-width: 1300px) {
  .dbx-solution-partner .polygons-background {
    background-size: 110%;
  }
}
@media only screen and (max-width: 768px) {
  .dbx-solution-partner .polygons-background {
    background-size: 800px;
  }
}
.dbx-solution-partner .dbx-container {
  z-index: 1;
  position: relative;
}
.dbx-solution-partner .title-subtitle-cards {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.dbx-solution-partner .title-subtitle-cards .cards {
  width: 90%;
}
.dbx-solution-partner .title-subtitle-cards .cards .card {
  display: flex;
  gap: 16px;
  background-color: #fff;
  padding: 24px;
  border-radius: 12px;
  box-shadow: 0 0 15px 1px #d2d3d7;
}
.dbx-solution-partner .title-subtitle-cards .cards .card .icon {
  width: 32px;
}
.dbx-solution-partner .title-subtitle-cards .cards .card .icon .icon {
  font-size: 28px;
  color: #7540ab;
}
.dbx-solution-partner .title-subtitle-cards .cards .card .icon .icon::before {
  background: linear-gradient(45deg, #8850cb, #da6e7a);
  background: -o-linear-gradient(45deg, #8850cb, #da6e7a);
  background: -ms-linear-gradient(45deg, #8850cb, #da6e7a);
  background: -moz-linear-gradient(45deg, #8850cb, #da6e7a);
  background: -webkit-linear-gradient(45deg, #8850cb, #da6e7a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.dbx-solution-partner .title-subtitle-cards .cards .card .card-content {
  display: flex;
  flex-direction: column;
  font-size: 16px;
  line-height: 24px;
  color: #1b2024;
  font-weight: 300;
  gap: 36px;
}
.dbx-solution-partner
  .title-subtitle-cards
  .cards
  .card
  .card-content
  .title-text {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.dbx-solution-partner
  .title-subtitle-cards
  .cards
  .card
  .card-content
  .title-text__title {
  font-size: 24px;
  font-weight: 600;
  line-height: 24px;
}
.dbx-solution-partner
  .title-subtitle-cards
  .cards
  .card
  .card-content
  .dbx-arrow-btn {
  padding: 0;
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.okrs-page .hero-header__container {
  padding-top: 132px;
}
.okrs-page .hero-header .dbx-btn {
  font-weight: 500;
  padding: 12px 27px;
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
#resource .header {
  padding: 250px 0 0;
}
#resource .header h1 {
  font-size: 55px;
}
#resource .header h1 span {
  display: block;
  font-size: 30px;
  text-transform: uppercase;
}
#resource .header .excerpt {
  background: rgba(0, 0, 0, 0.5);
  margin-top: 140px;
  padding: 80px 0;
  text-align: left;
}
#resource .header .excerpt .spotlight {
  float: right;
  margin-top: 10px;
}
#resource .header .excerpt p {
  font-size: 18px;
  line-height: 1.8;
}
#resource .header .excerpt .share {
  margin-top: 30px;
}
#resource .header .excerpt .share a {
  margin: 20px 20px 0 0;
}
#resource .main .divider {
  height: 1px;
  margin: 50px 0;
}
#resource .main .divider:after {
  background: rgba(255, 255, 255, 0.3);
  content: "";
  display: block;
  height: inherit;
  margin: 0 auto;
  width: 50px;
}
#resource .main p {
  color: #fff;
  font-size: 30px;
  line-height: 45px;
  margin-bottom: 30px;
}
#resource .main p.darker {
  color: #88c7d9;
  font-weight: 400;
}
#resource .main p.darker strong {
  color: #fff;
  font-size: 48px;
}
#resource .main p.darker small {
  color: rgba(255, 255, 255, 0.5);
  display: inline-block;
  font-size: 15px;
  line-height: 20px;
  text-transform: uppercase;
}
#resource .main p.data-title {
  color: rgba(255, 255, 255, 0.5);
  font-size: 20px;
  margin-bottom: 15px;
  text-align: left;
  text-transform: uppercase;
}
#resource .main p.source {
  color: #94b3c5;
  font-size: 12px;
  margin-bottom: 5px;
}
#resource .main p.source a {
  color: #94b3c5;
  text-decoration: underline;
}
#resource .main a.source {
  color: inherit;
  text-decoration: underline;
}
#resource .main .tweet {
  margin-top: -18px;
  text-align: center;
}
#resource .main .tweet a {
  color: rgba(255, 255, 255, 0.5);
  font-size: 30px;
}
#resource .main .tweet a:hover {
  color: #fff;
}
#resource .main .table-data table {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  margin: 10px 0 30px;
  width: 95%;
}
#resource .main .table-data table td {
  border-color: rgba(255, 255, 255, 0.2);
  color: #fff;
  font-size: 30px;
  vertical-align: middle;
}
#resource .main .table-data table td:last-child {
  text-align: right;
}
#resource .main .table-data table td strong {
  font-size: 48px;
}
#resource .main .table-data table th {
  border: none;
  color: rgba(255, 255, 255, 0.5);
  font-size: 20px;
  font-weight: 300;
  text-transform: uppercase;
  vertical-align: bottom;
}
#resource .main .table-data table th:last-child {
  text-align: right;
}
#resource .main .ct-chart {
  margin-bottom: 70px !important;
}
#resource .main .ct-chart-bar {
  padding-top: 30px;
  height: 110% !important;
}
#resource .footer {
  background: #00507f;
  text-align: center;
}
#resource .footer p {
  color: #fff;
  font-size: 18px;
}
#resource .footer p small {
  font-size: 14px;
  opacity: 0.5;
}
#resource .footer .subscribe {
  margin: 40px auto;
  width: 40%;
}
#resource .footer .subscribe .confirm {
  display: none;
  line-height: 46px;
  margin: 0;
}
#resource .subscribe-cta {
  background: rgba(255, 255, 255, 0.95);
  bottom: 0;
  display: none;
  padding: 30px 0;
  position: fixed;
  width: 100%;
  z-index: 1000;
}
#resource .subscribe-cta p {
  margin: 0;
}
#resource .subscribe-cta .subscribe {
  margin: 3px 0;
}
#resource .subscribe-cta .subscribe .confirm {
  display: none;
  line-height: 34px;
}
#resource .subscribe-cta .close-cta span {
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  margin: 10px 0;
  opacity: 0.5;
}
#resource.spotlight-1 {
  background: #36779d;
}
#resource.spotlight-2 {
  background: #a09285;
}
#resource.spotlight-2 .main p {
  color: #362f2d;
}
#resource.spotlight-2 .main p.source {
  color: #534741;
}
#resource.spotlight-2 .main p.source a {
  color: #534741;
}
#resource.spotlight-2 .main .table-data table td {
  width: 50%;
}
#resource.spotlight-3 {
  background: #d36a73;
}
#resource.spotlight-3 .main p {
  color: #fff;
}
#resource.spotlight-3 .main p.darker {
  color: #6b2b31;
}
#resource.spotlight-3 .main p.data-title {
  color: rgba(255, 255, 255, 0.5);
}
#resource.spotlight-3 .main p.source {
  color: #6b2b31;
}
#resource.spotlight-3 .main p.source a {
  color: #6b2b31;
}
#resource.spotlight-3 .target-line {
  border-bottom: 2px dashed rgba(0, 0, 0, 0.5);
  color: rgba(0, 0, 0, 0.5);
  left: 24px;
  position: absolute;
  right: 30px;
  margin-top: 16px;
  text-align: left;
}
#resource.spotlight-4 {
  background: #56486b;
}
#resource.spotlight-4 .main p {
  color: #fff;
  line-height: 40px;
}
#resource.spotlight-4 .main p.darker {
  color: #cec4db;
}
#resource.spotlight-4 .main p.data-title {
  color: rgba(255, 255, 255, 0.5);
}
#resource.spotlight-4 .main p.source {
  color: #28242d;
}
#resource.spotlight-4 .main p.source a {
  color: #28242d;
}
#resource.spotlight-4 .main .divider {
  padding: 35px 0;
}
#resource.spotlight-4 .main .list-inline {
  color: #cec4db;
  font-size: 20px;
}
#resource.spotlight-4 .main .list-inline span {
  font-size: 50px;
  vertical-align: middle;
}
#resource.spotlight-4 .main .list-inline .world {
  color: #a39bae;
}
#resource.spotlight-4 .main .table-data {
  text-align: left;
}
#resource.spotlight-4 .main .table-data th {
  color: #aba4b5;
  font-size: 20px;
  padding: 0 25px 25px;
}
#resource.spotlight-4 .main .table-data td {
  color: #cec4db;
  font-size: 28px;
  padding: 25px;
}
#resource.spotlight-4 .target-line {
  border-bottom: 2px dashed rgba(0, 0, 0, 0.5);
  color: rgba(0, 0, 0, 0.5);
  left: 24px;
  position: absolute;
  right: 30px;
  margin-top: 16px;
  text-align: left;
}
#resource.spotlight-5,
#resource.spotlight-6 {
  background: #666067;
}
#resource.spotlight-5 .main p,
#resource.spotlight-6 .main p {
  color: #000;
}
#resource.spotlight-5 .main p.darker,
#resource.spotlight-6 .main p.darker {
  color: #000;
  padding-bottom: 20px;
}
#resource.spotlight-5 .main p.data-title,
#resource.spotlight-6 .main p.data-title {
  color: #918d92;
  padding-left: 15px;
}
#resource.spotlight-5 .main p.source,
#resource.spotlight-6 .main p.source {
  color: #524d52;
}
#resource.spotlight-5 .main p.source a,
#resource.spotlight-6 .main p.source a {
  color: #524d52;
}
#resource.spotlight-5 .main .usa-housing-map,
#resource.spotlight-6 .main .usa-housing-map {
  width: 100%;
}
#resource.spotlight-5 .main .table-data,
#resource.spotlight-6 .main .table-data {
  margin: 0 auto;
  text-align: left;
}
#resource.spotlight-5 .main .table-data th,
#resource.spotlight-6 .main .table-data th {
  color: #b3b0b3;
  font-size: 20px;
  padding: 0 25px 25px;
}
#resource.spotlight-5 .main .table-data tr,
#resource.spotlight-6 .main .table-data tr {
  border-bottom: 1px solid #767076;
}
#resource.spotlight-5 .main .table-data td,
#resource.spotlight-6 .main .table-data td {
  color: #fff;
  font-size: 28px;
  padding: 25px;
}
#resource.spotlight-5 .main .table-data td:nth-child(2),
#resource.spotlight-6 .main .table-data td:nth-child(2) {
  text-decoration: underline;
}
#resource.spotlight-6 {
  background: #c7a7a7;
}
#resource.spotlight-6 .table-data th {
  color: #e4d6d6 !important;
  font-weight: 300;
}
#resource.spotlight-6 .table-data tr {
  border-bottom: 1px solid #cdb0b0 !important;
}
#resource.spotlight-6 .table-data td:nth-child(2) {
  text-decoration: none !important;
}
#resource.spotlight-6 .countries div {
  color: #f1e9e9;
  margin-left: 15px;
}
#resource.spotlight-6 .countries div:first-child {
  margin-left: 8.3%;
}
@media only screen and (max-width: 991px) {
  #resource .footer .subscribe {
    width: 60%;
  }
}
@media only screen and (max-width: 767px) {
  #resource .header {
    padding-top: 70px;
  }
  #resource .header h1 {
    font-size: 30px;
  }
  #resource .header h1 span {
    font-size: 20px;
  }
  #resource .header .excerpt {
    margin-top: 30px;
    padding: 30px 0;
  }
  #resource .header .excerpt .spotlight {
    float: none;
    margin: 0 0 20px;
  }
  #resource .header .excerpt p {
    font-size: 14px;
    text-align: center;
  }
  #resource .header .excerpt .share {
    display: block;
    margin-top: 0;
  }
  #resource .header .excerpt .share a {
    width: 250px;
    margin: 20px auto;
    padding: 10px;
  }
  #resource .main .tweet {
    margin: 0 0 30px;
    padding-top: 0 !important;
  }
  #resource .main .table-data table {
    width: 100%;
  }
  #resource .main strong {
    font-size: 40px !important;
  }
  #resource .main .text {
    text-align: center;
  }
  #resource .footer .subscribe {
    width: 100%;
  }
  #resource .table-data th {
    font-size: 15px !important;
  }
  #resource .table-data td {
    font-size: 18px !important;
  }
  #resource .source {
    line-height: 20px !important;
  }
  #resource .intercom-launcher {
    visibility: hidden !important;
  }
  #resource .subscribe-cta {
    visibility: hidden !important;
  }
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
#talent-resources h2 {
  font-size: 40px;
  font-weight: 500;
  color: #2d3237;
  text-align: center;
  margin-bottom: 25px;
}
#talent-resources .heading {
  width: 100%;
  background: linear-gradient(89.93deg, #7a44e6 0.08%, #c757ad 99.96%);
  text-align: center;
  padding: 165px 0 120px;
}
#talent-resources .heading h1 {
  font-size: 72px;
  line-height: 96px;
  color: #fff;
  font-weight: 300;
  margin: 0 0 16px;
}
#talent-resources .heading p {
  color: #fff;
  font-size: 21px;
  line-height: 24px;
  margin: 0;
  font-weight: 400;
}
#talent-resources .container.middle {
  padding-top: 87px;
  padding-bottom: 183px;
}
#talent-resources .sidebar .menu-talent-resources-sidebar-container {
  padding-right: 24px;
  position: relative;
}
#talent-resources .sidebar .menu-talent-resources-sidebar-container::after {
  content: "";
  width: 1px;
  min-height: 804px;
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  background: rgba(0, 0, 0, 0.1);
}
#talent-resources .sidebar ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#talent-resources .sidebar ul li {
  font-size: 18px;
  line-height: 43px;
  font-weight: 500;
  color: #2d3237;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 10px;
  position: relative;
}
#talent-resources .sidebar ul li a {
  color: #2d3237;
  display: block;
  padding: 0 12px;
}
#talent-resources .sidebar ul li a:hover {
  text-decoration: none;
}
#talent-resources .sidebar ul li.menu-item-has-children a::before {
  font-family: Icons;
  content: "\35";
  position: absolute;
  right: 12px;
  top: 0;
  font-size: 18px;
  transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  color: rgba(45, 50, 55, 0.5);
}
#talent-resources .sidebar ul li.active > a {
  color: #fff;
  border-radius: 4px;
  background: linear-gradient(89.93deg, #7a44e6 0.08%, #c757ad 99.96%);
  text-decoration: none;
}
#talent-resources .sidebar ul li.active > a:hover {
  text-decoration: none;
}
#talent-resources .sidebar ul li.active > a::before {
  color: #fff;
  transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
}
#talent-resources .sidebar ul li.active .sub-menu {
  display: block;
}
#talent-resources .sidebar ul.sub-menu {
  padding-bottom: 24px;
  padding-top: 24px;
  display: none;
}
#talent-resources .sidebar ul.sub-menu li {
  padding: 0;
  border: none;
  margin: 0 0 16px;
  line-height: 28px;
}
#talent-resources .sidebar ul.sub-menu li a {
  color: #8e929b;
  font-weight: 400;
}
#talent-resources .sidebar ul.sub-menu li a:hover {
  font-weight: 500;
  color: #2d3237;
}
#talent-resources .sidebar ul.sub-menu li a::before {
  display: none;
}
#talent-resources .sidebar ul.sub-menu li.active a {
  font-weight: 500;
}
#talent-resources .sidebar ul.sub-menu li.current-menu-item a {
  font-weight: 700;
}
#talent-resources .middle .content {
  padding: 0 15px 0 6px;
}
#talent-resources .middle .content h2 {
  font-size: 36px;
  line-height: 43px;
  color: #2d3237;
  font-weight: 500;
  margin: 0 0 32px;
  letter-spacing: 0;
  clear: both;
  text-align: left;
}
#talent-resources .middle .content h3 {
  font-size: 24px;
  line-height: 43px;
  letter-spacing: 0;
  margin: 0 0 16px;
  font-weight: 500;
  clear: both;
}
#talent-resources .middle .content p {
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  color: #8e929b;
  margin: 0 0 24px;
  letter-spacing: 0;
}
#talent-resources .middle .content .wp-block-image img {
  border-radius: 8px;
}
#talent-resources .middle .content .wp-block-image.size-full {
  margin-bottom: 50px;
}
#talent-resources .middle .content .wp-block-image.align-right {
  margin: 0;
}
#talent-resources .middle .content .wp-block-image .alignright {
  margin: 0 0 50px 50px;
}
#talent-resources .middle .content blockquote {
  border-left: 2px solid #c6c8cd;
  padding: 0 20px;
  margin: 25px 0;
  font-family: charter;
}
#talent-resources .middle .content blockquote p {
  font-size: 26px;
  line-height: 1.6;
  font-family: charter;
  letter-spacing: 0.5px;
  color: #8e929b;
  margin-bottom: 0;
  padding-left: 10px;
  padding-right: 10px;
  font-style: italic;
}
#talent-resources .middle .content blockquote p a {
  background-image: none !important;
  text-decoration: underline;
}
#talent-resources .middle .dbx-inspiring-workplace-section strong {
  font-weight: 700;
}
#talent-resources
  .middle
  .dbx-inspiring-workplace-section
  .dbx-inspiring-workplace-section__text {
  color: #1b2024;
  margin: 0;
}
#talent-resources #contact-us.content {
  padding: 80px 0;
}
#talent-resources #contact-us.content h2 {
  text-align: center;
  margin-bottom: 55px;
}
#talent-resources #contact-us.content h2 .underline {
  background: url(../img/other/underline-blue-purple.svg);
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: 100% 45%;
  padding: 0 3px;
  margin-left: -3px;
  margin-right: -3px;
}
#talent-resources .wp-block-media-text__media h3 {
  margin-bottom: 0;
  line-height: 33px;
}
#talent-resources .wp-block-media-text__media p {
  margin-bottom: 0;
}
@media only screen and (max-width: 768px) {
  #talent-resources .heading {
    padding: 100px 0;
  }
  #talent-resources .sidebar {
    margin-bottom: 40px;
  }
  #talent-resources .sidebar .menu-talent-resources-sidebar-container {
    padding: 0;
  }
  #talent-resources .sidebar .menu-talent-resources-sidebar-container:after {
    display: none;
  }
  #talent-resources .middle .content {
    padding: 0 15px;
  }
  #talent-resources .middle .content .wp-block-image .alignright {
    margin: 0 0 20px 20px;
  }
}
@media only screen and (max-width: 480px) {
  #talent-resources .heading h1 {
    font-size: 45px;
    line-height: 1.35;
  }
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
#templates-detail .fadein {
  opacity: 0;
  transition: opacity 2s;
  -o-transition: opacity 2s;
  -ms-transition: opacity 2s;
  -moz-transition: opacity 2s;
  -webkit-transition: opacity 2s;
}
#templates-detail .fadein.visible {
  opacity: 1;
}
#templates-detail .header {
  background: url("../img/dashboard-software/bg_dashboard.png") no-repeat top
      center,
    linear-gradient(
      90deg,
      #fff 16%,
      rgba(95, 140, 166, 0.1) 60%,
      rgba(165, 190, 205, 0.1) 90%,
      #fff 100%
    );
  background-size: 100% 120px;
  color: #000;
  text-align: left;
  padding: 180px 0 75px;
}
#templates-detail .header .breadcrumbs {
  padding-left: 0;
  margin-bottom: 15px;
}
#templates-detail .header .breadcrumbs .slash {
  padding: 0;
}
#templates-detail .header .breadcrumbs .slash:last-child {
  display: none;
}
#templates-detail .header h1 {
  color: #000;
  font-weight: 700;
  font-size: 55px;
  line-height: 60px;
  max-width: 520px;
  font-weight: 500;
}
#templates-detail .header p {
  font-size: 18px;
  line-height: 28px;
  color: #8e929b;
  max-width: 535px;
  margin-top: 25px;
}
#templates-detail .header .btn {
  font-size: 18px;
  text-transform: none;
  margin-top: 35px;
  line-height: 1.3333333;
}
#templates-detail .header .hero-note {
  margin-top: 35px;
  margin-bottom: 35px;
}
#templates-detail .header .hero-note p {
  font-size: 14px;
  line-height: 18px;
}
#templates-detail .header .hero-note a {
  text-decoration: underline;
}
#templates-detail .header .image {
  position: relative;
  background: url(../img/dashboard-software/wizard_step.png) no-repeat left top;
  background-size: cover;
  padding: 19px 1px 1px;
  box-shadow: 1px 2px 12.75px 2.25px rgba(166, 176, 186, 0.5);
}
#templates-detail .header .image a:after {
  content: "Live preview";
  font-family: inherit;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100px;
  height: 100px;
  transform: translate(-50%, -50%);
  border-radius: 100%;
  background: rgba(23, 102, 192, 0.85);
  color: #fff;
  font-size: 15px;
  line-height: 100px;
  text-align: center;
  opacity: 1;
  z-index: 3;
}
#templates-detail .header .image img {
  width: 100%;
}
#templates-detail .header .badges {
  padding-top: 74px;
  text-align: center;
}
#templates-detail .header .badges .badge-images {
  min-height: 75px;
  display: block;
}
#templates-detail .header .badges .badge-images img {
  display: block;
  clear: both;
  margin: auto;
}
#templates-detail .header .badges .badge-images img.stars {
  margin-top: 10px;
}
#templates-detail .header .badges .badge-text {
  font-size: 12px;
  line-height: 15px;
  color: #8e929b;
}
#templates-detail .header .badges .badge-text p {
  font-size: 12px;
  line-height: 15px;
  margin: 0;
  color: #292929;
}
#templates-detail .header .badges .badge-text a {
  text-decoration: underline;
}
#templates-detail .header .mobile-buttons {
  display: none;
}
#templates-detail .header .bottom-note p {
  font-size: 13px;
  line-height: 18px;
  font-weight: 400;
  color: #8e929b;
  letter-spacing: 2px;
  padding: 20px 45px 0;
  text-align: center;
  text-transform: uppercase;
  margin: 0;
}
#templates-detail .header .bottom-note p strong {
  color: #2d3237;
}
#templates-detail #template-tabs {
  width: 100%;
  padding: 80px 0;
}
#templates-detail #template-tabs .tabs-title {
  border-bottom: 1px solid #e3e4e6;
  margin-bottom: 80px;
}
#templates-detail #template-tabs .tabs-title h3 {
  font-size: 16px;
  line-height: 22px;
  color: rgba(40, 50, 55, 0.5);
  position: relative;
  font-weight: 400;
  padding: 0 0 15px;
  margin: 0;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  #templates-detail #template-tabs .tabs-title h3 {
    margin-bottom: 20px;
  }
}
#templates-detail #template-tabs .tabs-title h3.active,
#templates-detail #template-tabs .tabs-title h3:hover {
  color: #4e4ea0;
}
#templates-detail #template-tabs .tabs-title h3.active:after,
#templates-detail #template-tabs .tabs-title h3:hover:after {
  content: "";
  width: 100%;
  height: 3px;
  background: #4e4ea0;
  position: absolute;
  bottom: -3px;
  left: -15px;
}
@media screen and (max-width: 768px) {
  #templates-detail #template-tabs .tabs-title h3.active:after,
  #templates-detail #template-tabs .tabs-title h3:hover:after {
    left: 0;
  }
}
#templates-detail #template-tabs .tabs-content > .row {
  display: none;
}
#templates-detail #template-tabs .tabs-content > .row.active {
  display: block;
}
#templates-detail #template-tabs .tabs-content h2 {
  font-size: 30px;
  line-height: 38px;
  font-weight: 500;
  margin-top: 0;
  margin-bottom: 30px;
}
#templates-detail #template-tabs .tabs-content h3 {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  margin-bottom: 10px;
  margin-top: 10px;
}
#templates-detail #template-tabs .tabs-content p {
  font-size: 16px;
  line-height: 24px;
  color: #2d3237;
  font-weight: 300;
}
#templates-detail #template-tabs .tabs-content .bigger-content p {
  font-size: 18px;
  line-height: 28px;
  color: #8e929b;
  margin-bottom: 50px;
}
#templates-detail #template-tabs .tabs-content .icon {
  font-size: 50px;
}
#templates-detail #template-tabs .tabs-content .icon.icon-reporting::before {
  color: #52bae1;
}
#templates-detail #template-tabs .tabs-content .icon.icon-cup::before {
  color: #f87943;
}
#templates-detail #template-tabs .tabs-content .icon.icon-analyze-4::before {
  color: #00a99d;
}
#templates-detail #template-tabs .tabs-content .icon.icon-calendar-3::before {
  color: #7a44e6;
}
#templates-detail #template-tabs .tabs-content .icons-section {
  padding-bottom: 45px;
}
#templates-detail #template-tabs .kpis h2 {
  text-align: center;
  margin-bottom: 40px;
}
#templates-detail #template-tabs .kpis .item {
  border: 1px solid #e2e2e1;
  border-radius: 5px;
  padding: 20px 20px 10px;
  min-height: 195px;
  height: calc(100% - 30px);
  margin-bottom: 30px;
}
#templates-detail #template-tabs .kpis h3 {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  margin-bottom: 10px;
  margin-top: 0;
}
#templates-detail #template-tabs .item__header {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
#templates-detail #template-tabs .item__header img {
  border-radius: 4px;
  width: 50px;
  height: 50px;
  margin-right: 12px;
  box-shadow: 2px 3px 25.5px 0 rgba(166, 176, 186, 0.5);
}
#templates-detail #template-tabs .template-item {
  margin-top: 0;
}
#templates-detail #template-tabs .template-item .template-item__window {
  box-shadow: 1px 2px 12.75px 2.25px #a6b0ba;
}
#templates-detail #related-templates h2 {
  font-size: 36px;
  line-height: 44px;
  font-weight: 500;
  text-align: center;
  margin-bottom: 60px;
  margin-top: 20px;
}
#templates-detail #related-templates .template-item {
  margin-top: 0;
}
#templates-detail #related-templates .template-item__title {
  font-size: 18px;
  line-height: 22px;
  margin-top: 15px;
}
#templates-detail #related-templates .template-item__info .description {
  display: block;
  font-size: 14px;
  font-weight: 300;
  color: #8e929b;
  line-height: 20px;
}
#templates-detail #help {
  font-size: 18px;
  line-height: 28px;
}
#templates-detail #help h2 {
  font-size: 36px;
  line-height: 44px;
  font-weight: 500;
  text-align: left;
  margin-bottom: 25px;
}
#templates-detail #help ul {
  padding: 20px 0 0 20px;
}
#templates-detail #help ul li {
  margin-bottom: 15px;
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.template-item {
  margin-top: 40px;
}
.template-item--hidden {
  display: none;
}
.template-item--no-hover .template-item__window .image:active::after,
.template-item--no-hover .template-item__window .image:active::before,
.template-item--no-hover .template-item__window .image:hover::after,
.template-item--no-hover .template-item__window .image:hover::before {
  opacity: 0;
}
.template-item--live-view-shown .template-item__window .image::after {
  opacity: 1;
}
.template-item--example .template-item__window .image::after {
  content: "Live view";
  color: #fff;
  font-size: 15px;
  font-family: inherit;
}
.template-item--example .template-item__title {
  font-size: 14px;
}
.template-item--example2 .template-item__window .image::after,
.template-item--example2 .template-item__window .image::before {
  content: none;
}
.template-item--example2 .template-item__window:hover {
  -moz-box-shadow: 0 7px 12px 0 rgba(142, 146, 155, 0.4);
  -webkit-box-shadow: 0 7px 12px 0 rgba(142, 146, 155, 0.4);
  box-shadow: 0 7px 12px 0 rgba(142, 146, 155, 0.4);
  transform: translateY(-3px);
  -o-transform: translateY(-3px);
  -ms-transform: translateY(-3px);
  -moz-transform: translateY(-3px);
  -webkit-transform: translateY(-3px);
}
.template-item--bigger .template-item__title {
  font-size: 20px;
}
.template-item--bigger .template-item__info .description {
  display: block;
}
.template-item__window {
  background-size: 100% auto;
  background-repeat: no-repeat;
  padding: 4% 0.5% 0.5%;
  margin-top: 1%;
  margin-left: 1%;
  margin-right: 1%;
  border-radius: 2px;
}
.template-item__window--white {
  background-image: url(../img/resources/datawall-screen-white.png);
}
.template-item__window--gray {
  background-image: url(../img/resources/datawall-screen-grey.png);
}
.template-item__window .image {
  position: relative;
}
.template-item__window .image img {
  width: 100%;
}
.template-item__window .image::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: rgba(23, 102, 192, 0.7);
  z-index: 2;
  transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
  -ms-transition: opacity 0.4s;
  -moz-transition: opacity 0.4s;
  -webkit-transition: opacity 0.4s;
}
.template-item__window .image::after {
  position: absolute;
  content: "\e917";
  font-family: Icons;
  left: 50%;
  top: 50%;
  width: 100px;
  height: 100px;
  transform: translate(-50%, -50%);
  border-radius: 100%;
  background: rgba(23, 102, 192, 0.85);
  color: #fff;
  font-size: 30px;
  line-height: 100px;
  text-align: center;
  opacity: 0;
  z-index: 3;
  transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
  -ms-transition: opacity 0.4s;
  -moz-transition: opacity 0.4s;
  -webkit-transition: opacity 0.4s;
}
.template-item__window .image:active::after,
.template-item__window .image:active::before,
.template-item__window .image:hover::after,
.template-item__window .image:hover::before {
  opacity: 1;
}
.template-item__title {
  margin-top: 25px;
  font-size: 20px;
  font-weight: 400;
}
.template-item__title a {
  text-decoration: none;
  color: #1766c0;
}
.template-item__info .description {
  display: none;
  font-size: 18px;
  line-height: 28px;
  color: #8e929b;
  margin-top: 5px;
}
.template-item__info .sources {
  margin-top: 10px;
}
.template-item__info .sources img {
  display: inline-block;
  margin-right: 5px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
}
.category-grid .dbx-grid,
.integration-grid .dbx-grid {
  place-content: center;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 24px;
  margin-bottom: 16px;
}
.category-grid .category-card,
.category-grid .integration-card,
.integration-grid .category-card,
.integration-grid .integration-card {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.category-grid .category-card__name,
.category-grid .integration-card__name,
.integration-grid .category-card__name,
.integration-grid .integration-card__name {
  text-align: center;
  color: #000;
  font-weight: 700;
}
.category-grid .category-card__count,
.category-grid .integration-card__count,
.integration-grid .category-card__count,
.integration-grid .integration-card__count {
  font-size: 0.8125rem;
  font-weight: 500;
}
.category-grid .category-card:hover,
.category-grid .integration-card:hover,
.integration-grid .category-card:hover,
.integration-grid .integration-card:hover {
  text-decoration: none;
}
.category-grid .category-card,
.integration-grid .category-card {
  padding-block: 48px;
}
.category-grid .category-card__icon,
.integration-grid .category-card__icon {
  color: rgba(142, 146, 155, 0.5);
  font-size: 44px;
  padding-bottom: 28px;
}
.category-grid .category-card__name,
.integration-grid .category-card__name {
  font-size: 1.25rem;
  padding-bottom: 6px;
}
.category-grid .integration-card,
.integration-grid .integration-card {
  gap: 10px;
  padding-block: 16px;
}
.category-grid .integration-card__name-and-icon,
.integration-grid .integration-card__name-and-icon {
  display: flex;
  align-items: center;
  gap: 8px;
}
.category-grid .integration-card__icon,
.integration-grid .integration-card__icon {
  border-radius: 100%;
}
#category-detail .category-card,
#category-detail .integration-card,
#template-category-detail .category-card,
#template-category-detail .integration-card,
#templates-list .category-card,
#templates-list .integration-card {
  border: rgba(142, 146, 155, 0.2) solid 1px;
  border-radius: 5px;
}
#category-detail .category-card:hover,
#category-detail .integration-card:hover,
#template-category-detail .category-card:hover,
#template-category-detail .integration-card:hover,
#templates-list .category-card:hover,
#templates-list .integration-card:hover {
  box-shadow: 0 0 15px 1px rgba(142, 146, 155, 0.3);
}
#featured-templates .templates-list .template-item__title,
#partner .templates-list .template-item__title,
#template-detail .templates-list .template-item__title {
  font-size: 18px;
  line-height: 22px;
  margin-top: 15px;
}
#featured-templates .templates-list .template-item__title:hover,
#partner .templates-list .template-item__title:hover,
#template-detail .templates-list .template-item__title:hover {
  text-decoration: underline;
}
#featured-templates
  .templates-list
  .template-item
  .template-item__info
  .description,
#template-detail
  .templates-list
  .template-item
  .template-item__info
  .description {
  display: block;
  font-size: 14px;
  font-weight: 300;
  color: #8e929b;
  line-height: 20px;
}
#integration-detail .title-text-pairs {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-block: 120px;
}
#integration-detail .title-text-pairs .dbx-title-text-repeater {
  max-width: 1000px;
}
#integration-detail .integration-categories {
  padding-block: 110px 78px;
}
#integration-detail .integration-categories .dbx-container {
  display: flex;
  flex-direction: column;
}
#integration-detail .integration-categories__title {
  align-self: center;
  text-align: center;
  margin-bottom: 24px;
}
#integration-detail .integration-categories__text {
  text-align: center;
  align-self: center;
  max-width: 800px;
  margin-bottom: 56px;
}
#integration-detail .integration-categories .integration-card {
  padding-inline: 16px;
  align-items: start;
  border-radius: 8px;
  box-shadow: 3px 4px 20px 0 #7580881a;
}
#integration-detail .integration-categories .integration-card:hover {
  box-shadow: 0 0 15px 1px rgba(142, 146, 155, 0.3);
}
#integration-detail .integration-categories .dbx-limited-item-count__btn {
  align-self: start;
}
#integration-detail .dashboard-cta {
  text-align: center;
}
#integration-detail .dashboard-cta .container {
  padding: 10px 100px 100px;
  background: url(../img/templates/integration-detail/cta-background.png);
  background-size: 100% 100%;
}
#integration-detail .dashboard-cta .dbx-btn {
  color: #000;
}
#integration-detail .dashboard-cta h2 {
  margin-top: 95px;
  color: #fff;
}
#integration-detail .dashboard-cta p {
  font-size: 18px;
  color: #fff;
  margin-top: 15px;
}
@media only screen and (max-width: 649px) {
  #integration-detail .dashboard-cta .container {
    background-color: #4066cf;
    background-image: none !important;
  }
}
#integration-detail .reviews-and-rewards .dbx-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-block: 62px;
  gap: 40px;
}
#integration-detail .reviews-and-rewards .dbx-reviews-and-awards__title {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #8e929b;
  font-weight: 500;
}
#integration-detail .templates {
  margin-bottom: 116px;
}
#integration-detail .dbx-product-wizard-ui-steps {
  margin-bottom: 64px;
}
@media screen and (max-width: 767px) {
  #integration-detail .dashboard-cta h2 {
    margin-top: 32px;
  }
  #integration-detail .dashboard-cta .container {
    padding: 32px 16px;
  }
}
#template-alternative-detail h2,
#template-category-detail h2,
#template-subcategory-detail h2,
#templates-list h2 {
  font-size: 36px;
  line-height: 44px;
  font-weight: 500;
}
#template-alternative-detail #categories h2,
#template-category-detail #categories h2,
#template-subcategory-detail #categories h2,
#templates-list #categories h2 {
  text-align: center;
}
#template-alternative-detail #categories .category-inner,
#template-category-detail #categories .category-inner,
#template-subcategory-detail #categories .category-inner,
#templates-list #categories .category-inner {
  position: relative;
}
#template-alternative-detail #categories .category-inner.icon::before,
#template-category-detail #categories .category-inner.icon::before,
#template-subcategory-detail #categories .category-inner.icon::before,
#templates-list #categories .category-inner.icon::before {
  position: absolute;
  left: 50%;
  top: -50px;
  font-size: 35px;
  color: #1766c0;
}
#template-alternative-detail #categories p,
#template-category-detail #categories p,
#template-subcategory-detail #categories p,
#templates-list #categories p {
  font-size: 18px;
  color: #8e929b;
}
#template-alternative-detail #categories .category,
#template-category-detail #categories .category,
#template-subcategory-detail #categories .category,
#templates-list #categories .category {
  text-align: center;
  padding-top: 90px;
  padding-bottom: 90px;
  border-top: 1px solid rgba(142, 146, 155, 0.2);
}
#template-alternative-detail #categories .btn,
#template-category-detail #categories .btn,
#template-subcategory-detail #categories .btn,
#templates-list #categories .btn {
  margin-top: 50px;
}
#template-alternative-detail #categories a.img,
#template-category-detail #categories a.img,
#template-subcategory-detail #categories a.img,
#templates-list #categories a.img {
  position: relative;
}
#template-alternative-detail #categories a.img:before,
#template-category-detail #categories a.img:before,
#template-subcategory-detail #categories a.img:before,
#templates-list #categories a.img:before {
  opacity: 0;
  content: "Live view";
  width: 100px;
  height: 100px;
  border-radius: 100%;
  background: rgba(23, 102, 192, 0.7);
  color: #fff;
  font-size: 15px;
  line-height: 100px;
  text-align: center;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: opacity 0.4s, top 0.6s;
  -o-transition: opacity 0.4s, top 0.6s;
  -ms-transition: opacity 0.4s, top 0.6s;
  -moz-transition: opacity 0.4s, top 0.6s;
  -webkit-transition: opacity 0.4s, top 0.6s;
}
#template-alternative-detail #categories a.img:active:before,
#template-alternative-detail #categories a.img:hover:before,
#template-category-detail #categories a.img:active:before,
#template-category-detail #categories a.img:hover:before,
#template-subcategory-detail #categories a.img:active:before,
#template-subcategory-detail #categories a.img:hover:before,
#templates-list #categories a.img:active:before,
#templates-list #categories a.img:hover:before {
  opacity: 1;
  top: 50%;
}
#template-alternative-detail #subcategories,
#template-category-detail #subcategories,
#template-subcategory-detail #subcategories,
#templates-list #subcategories {
  text-align: center;
  padding: 100px 0;
  background-color: rgba(46, 193, 214, 0.15);
}
#template-alternative-detail #other-subcategories,
#template-category-detail #other-subcategories,
#template-subcategory-detail #other-subcategories,
#templates-list #other-subcategories {
  text-align: center;
  padding: 100px 0;
}
#template-alternative-detail #product-cta,
#template-category-detail #product-cta,
#template-subcategory-detail #product-cta,
#templates-list #product-cta {
  text-align: center;
  padding: 10px 0 100px;
}
#template-alternative-detail #product-cta .container,
#template-category-detail #product-cta .container,
#template-subcategory-detail #product-cta .container,
#templates-list #product-cta .container {
  background-image: url(../img/product/bg-cta-blue.png);
  background-size: 100% 100%;
}
#template-alternative-detail #product-cta h2,
#template-category-detail #product-cta h2,
#template-subcategory-detail #product-cta h2,
#templates-list #product-cta h2 {
  margin-top: 95px;
  color: #fff;
}
#template-alternative-detail #product-cta p,
#template-category-detail #product-cta p,
#template-subcategory-detail #product-cta p,
#templates-list #product-cta p {
  font-size: 18px;
  color: #fff;
  margin-top: 15px;
}
#template-alternative-detail #product-cta.custom-dashboard .container,
#template-category-detail #product-cta.custom-dashboard .container,
#template-subcategory-detail #product-cta.custom-dashboard .container,
#templates-list #product-cta.custom-dashboard .container {
  background-image: url(../img/product/bg-cta.png);
}
#template-alternative-detail
  #product-cta.custom-dashboard
  .custom-dashboard__img,
#template-alternative-detail
  #product-cta.custom-dashboard
  .custom-dashboard__text,
#template-category-detail #product-cta.custom-dashboard .custom-dashboard__img,
#template-category-detail #product-cta.custom-dashboard .custom-dashboard__text,
#template-subcategory-detail
  #product-cta.custom-dashboard
  .custom-dashboard__img,
#template-subcategory-detail
  #product-cta.custom-dashboard
  .custom-dashboard__text,
#templates-list #product-cta.custom-dashboard .custom-dashboard__img,
#templates-list #product-cta.custom-dashboard .custom-dashboard__text {
  display: inline-block;
  vertical-align: middle;
}
#template-alternative-detail
  #product-cta.custom-dashboard
  .custom-dashboard__img,
#template-category-detail #product-cta.custom-dashboard .custom-dashboard__img,
#template-subcategory-detail
  #product-cta.custom-dashboard
  .custom-dashboard__img,
#templates-list #product-cta.custom-dashboard .custom-dashboard__img {
  margin-right: 50px;
}
#template-alternative-detail
  #product-cta.custom-dashboard
  .custom-dashboard__img
  img,
#template-category-detail
  #product-cta.custom-dashboard
  .custom-dashboard__img
  img,
#template-subcategory-detail
  #product-cta.custom-dashboard
  .custom-dashboard__img
  img,
#templates-list #product-cta.custom-dashboard .custom-dashboard__img img {
  width: 291px;
}
#template-alternative-detail
  #product-cta.custom-dashboard
  .custom-dashboard__text
  h2,
#template-category-detail
  #product-cta.custom-dashboard
  .custom-dashboard__text
  h2,
#template-subcategory-detail
  #product-cta.custom-dashboard
  .custom-dashboard__text
  h2,
#templates-list #product-cta.custom-dashboard .custom-dashboard__text h2 {
  color: #2d3237;
}
#template-alternative-detail
  #product-cta.custom-dashboard
  .custom-dashboard__text
  p,
#template-category-detail
  #product-cta.custom-dashboard
  .custom-dashboard__text
  p,
#template-subcategory-detail
  #product-cta.custom-dashboard
  .custom-dashboard__text
  p,
#templates-list #product-cta.custom-dashboard .custom-dashboard__text p {
  color: #8e929b;
}
@media only screen and (max-width: 975px) {
  #template-alternative-detail
    #product-cta.custom-dashboard
    .custom-dashboard__img,
  #template-category-detail
    #product-cta.custom-dashboard
    .custom-dashboard__img,
  #template-subcategory-detail
    #product-cta.custom-dashboard
    .custom-dashboard__img,
  #templates-list #product-cta.custom-dashboard .custom-dashboard__img {
    margin-top: 70px;
  }
  #template-alternative-detail
    #product-cta.custom-dashboard
    .custom-dashboard__text
    h2,
  #template-category-detail
    #product-cta.custom-dashboard
    .custom-dashboard__text
    h2,
  #template-subcategory-detail
    #product-cta.custom-dashboard
    .custom-dashboard__text
    h2,
  #templates-list #product-cta.custom-dashboard .custom-dashboard__text h2 {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 649px) {
  #template-alternative-detail #product-cta.custom-dashboard .container,
  #template-category-detail #product-cta.custom-dashboard .container,
  #template-subcategory-detail #product-cta.custom-dashboard .container,
  #templates-list #product-cta.custom-dashboard .container {
    background: rgba(46, 193, 214, 0.15) !important;
  }
}
@media only screen and (max-width: 649px) {
  #template-alternative-detail #product-cta .container,
  #template-category-detail #product-cta .container,
  #template-subcategory-detail #product-cta .container,
  #templates-list #product-cta .container {
    background-color: #4066cf;
    background-image: none !important;
  }
}
#template-alternative-detail .btn-blue-outline,
#template-category-detail .btn-blue-outline,
#template-subcategory-detail .btn-blue-outline,
#templates-list .btn-blue-outline {
  border-color: #1766c0;
  color: #1766c0;
}
#template-alternative-detail .btn-white,
#template-category-detail .btn-white,
#template-subcategory-detail .btn-white,
#templates-list .btn-white {
  background: #fff;
  color: #4066cf;
  text-transform: none;
}
#template-alternative-detail .btn-white:focus,
#template-alternative-detail .btn-white:hover,
#template-category-detail .btn-white:focus,
#template-category-detail .btn-white:hover,
#template-subcategory-detail .btn-white:focus,
#template-subcategory-detail .btn-white:hover,
#templates-list .btn-white:focus,
#templates-list .btn-white:hover {
  border-color: #fff;
  color: #4066cf;
}
@media only screen and (max-width: 768px) {
  #template-alternative-detail .btn,
  #template-category-detail .btn,
  #template-subcategory-detail .btn,
  #templates-list .btn {
    max-width: 100%;
    white-space: normal;
    margin-right: 15px;
    margin-left: 15px;
  }
}
#template-category-detail #cta {
  padding-top: 110px;
  padding-bottom: 110px;
  background-color: #1766c0;
  text-align: center;
}
#template-category-detail #cta h2,
#template-category-detail #cta p {
  color: #fff;
}
#template-category-detail #cta h2 {
  font-size: 48px;
  margin-bottom: 40px;
}
#template-category-detail #cta p {
  font-size: 22px;
  margin-bottom: 20px;
}
#template-category-detail #product-cta {
  padding-top: 0;
  padding-bottom: 0;
}
#template-category-detail .main-categories {
  text-align: center;
  padding-top: 95px;
  padding-bottom: 130px;
  background-color: rgba(46, 193, 214, 0.12);
}
#template-category-detail .main-categories h2 {
  text-align: center;
}
#template-category-detail .main-categories p {
  font-size: 18px;
  line-height: 28px;
  color: #8e929b;
  text-align: center;
  margin-bottom: 48px;
}
#template-alternative-detail #category-content h2,
#template-category-detail #category-content h2,
#template-subcategory-detail #category-content h2 {
  text-align: center;
  padding-bottom: 30px;
}
#template-alternative-detail #category-content h2 span,
#template-category-detail #category-content h2 span,
#template-subcategory-detail #category-content h2 span {
  font-size: 36px;
  font-weight: 500 !important;
}
#template-alternative-detail #category-content h2:not(:first-child),
#template-category-detail #category-content h2:not(:first-child),
#template-subcategory-detail #category-content h2:not(:first-child) {
  padding-top: 50px;
}
#template-alternative-detail #category-content p,
#template-category-detail #category-content p,
#template-subcategory-detail #category-content p {
  font-size: 19px;
  line-height: 30px;
}
#template-alternative-detail #category-content p:empty,
#template-category-detail #category-content p:empty,
#template-subcategory-detail #category-content p:empty {
  line-height: 0;
  margin-bottom: 0;
}
#template-alternative-detail #category-content ul,
#template-category-detail #category-content ul,
#template-subcategory-detail #category-content ul {
  padding-left: 20px;
}
#template-alternative-detail #category-content ul li,
#template-category-detail #category-content ul li,
#template-subcategory-detail #category-content ul li {
  font-size: 19px;
  line-height: 30px;
}
@media only screen and (min-width: 781px) {
  #template-subcategory-detail .wp-block-column:nth-child(2n) {
    margin-left: 0;
  }
  #template-subcategory-detail .wp-block-column:nth-child(odd) {
    margin-left: 2em;
  }
}
@media only screen and (min-width: 600px) and (max-width: 781px) {
  #template-alternative-detail .wp-block-column:nth-child(2n),
  #template-category-detail .wp-block-column:nth-child(2n) {
    margin-left: 0;
  }
  #template-alternative-detail .wp-block-column:nth-child(odd),
  #template-category-detail .wp-block-column:nth-child(odd) {
    margin-left: 2em;
  }
}
#template-subcategory-detail #top-integrations {
  padding-bottom: 0;
  text-align: center;
  font-size: 18px;
}
#template-subcategory-detail #top-integrations h3 {
  font-size: 36px;
}
#template-subcategory-detail #top-integrations .subtitle {
  margin-top: 50px;
  margin-bottom: 20px;
  font-weight: 400;
  letter-spacing: 5px;
  color: #8e929b;
  text-transform: uppercase;
}
#template-subcategory-detail #top-integrations ul {
  list-style-type: none;
  margin-top: 20px;
  margin-bottom: 50px;
  padding: 0;
  color: #8e929b;
}
#template-subcategory-detail #top-integrations ul li {
  display: inline-block;
}
#template-subcategory-detail #top-integrations ul li:not(:last-child) {
  margin-right: 20px;
}
#template-subcategory-detail #top-integrations ul img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
}
#template-subcategory-detail #examples .show-more {
  text-align: center;
  margin-top: 70px;
}
#template-subcategory-detail .dbx-template-card {
  margin-top: 40px;
}
#template-subcategory-detail .dbx-template-card--hidden {
  display: none;
}
#template-subcategory-detail
  .dbx-template-card--bigger
  .dbx-template-card__title {
  font-size: 20px;
}
#more-dashboard-examples {
  background: rgba(166, 176, 186, 0.1);
  text-align: center;
}
#more-dashboard-examples h2 {
  font-size: 32px;
  font-weight: 400;
  color: #8e929b;
  margin-bottom: 60px;
}
#more-dashboard-examples .col {
  display: inline-block;
  vertical-align: top;
  width: 13%;
  height: 125px;
}
@media only screen and (max-width: 992px) {
  #more-dashboard-examples .col {
    float: left;
    width: 25%;
  }
}
@media only screen and (max-width: 768px) {
  #more-dashboard-examples .col {
    float: left;
    width: 33%;
  }
}
@media only screen and (max-width: 576px) {
  #more-dashboard-examples .col {
    float: left;
    width: 50%;
  }
}
@media only screen and (max-width: 480px) {
  #more-dashboard-examples .col {
    width: 100%;
  }
}
#more-dashboard-examples a {
  text-decoration: none;
}
#more-dashboard-examples span {
  font-size: 14px;
  font-weight: 500;
  color: #8e929b;
}
#more-dashboard-examples .icon {
  font-size: 50px;
  margin-bottom: 10px;
}
#more-dashboard-examples .icon-wallet {
  color: #39b54a;
}
#more-dashboard-examples .icon-dashboard-tv {
  color: #88c7d9;
}
#more-dashboard-examples .icon-present-reporting {
  color: #1766c0;
}
#more-dashboard-examples .icon-box-123 {
  color: #8e929a;
}
#more-dashboard-examples .icon-store {
  color: #d7b17a;
}
#more-dashboard-examples .icon-tie {
  color: #7540ab;
}
#more-dashboard-examples .icon-crowd {
  color: #ffc168;
}
#templates-filter {
  background-color: #f4f4f4;
}
#templates-filter ul {
  list-style: none;
  font-size: 14px;
  line-height: 30px;
  margin: 0;
  padding: 8px 0;
}
#templates-filter ul.dropdown-container {
  padding: 16px 8px;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  column-gap: 32px;
  row-gap: 16px;
}
#templates-filter ul.dropdown-menu {
  border: none;
}
#templates-filter .dropdown {
  display: inline-block;
  margin-right: 16px;
}
#templates-filter .dropdown.open:before {
  content: "";
  position: absolute;
  width: 13px;
  height: 8px;
  bottom: 0;
  right: -15px;
  background-repeat: no-repeat;
  background-size: 13px 8px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20preserveAspectRatio%3D%22xMidYMid%22%20width%3D%2229%22%20height%3D%2215%22%20viewBox%3D%220%200%2029%2015%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3Cstyle%3E%0A%20%20%20%20%20%20.cls-1%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20%23fff%3B%0A%20%20%20%20%20%20%20%20stroke%3A%20%23292929%3B%0A%20%20%20%20%20%20%20%20stroke-linejoin%3A%20round%3B%0A%20%20%20%20%20%20%20%20stroke-opacity%3A%200.25%3B%0A%20%20%20%20%20%20%20%20stroke-width%3A%201px%3B%0A%20%20%20%20%20%20%20%20fill-rule%3A%20evenodd%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%3C%2Fstyle%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cpath%20d%3D%22M115.497%2C342.016%20L-473.492%2C342.016%20C-479.019%2C342.016%20-483.500%2C337.539%20-483.500%2C332.016%20L-483.500%2C28.016%20C-483.500%2C22.493%20-479.019%2C18.016%20-473.492%2C18.016%20L6.211%2C18.016%20L5.605%2C18.015%20L17.610%2C3.989%20L30.467%2C18.016%20L115.497%2C18.016%20C121.024%2C18.016%20125.504%2C22.493%20125.504%2C28.016%20L125.504%2C332.016%20C125.504%2C337.539%20121.024%2C342.016%20115.497%2C342.016%20Z%22%20class%3D%22cls-1%22%2F%3E%0A%3C%2Fsvg%3E%0A");
  z-index: 1;
}
#templates-filter .dropdown > a {
  position: relative;
  color: #8e929b;
  border-bottom: 1px solid transparent;
  font-size: 14px;
  text-transform: uppercase;
}
#templates-filter .dropdown > a:active,
#templates-filter .dropdown > a:hover {
  color: #2d3237;
  text-decoration: none;
  border-color: #1679a6;
}
#templates-filter .dropdown > a::before {
  position: absolute;
  right: -14px;
  top: 6px;
  font-size: 8px;
}
#templates-filter .dropdown li {
  cursor: pointer;
}
#templates-filter .dropdown li.selected {
  background-color: #f3f4f5;
}
#templates-filter .dropdown li.selected a {
  color: #2d3237;
}
#templates-filter .dropdown li.dropdown-submenu a::before {
  float: right;
  top: 6px;
  right: -10px;
  font-size: 8px;
  color: #8e929b;
}
#templates-filter .dropdown li img {
  width: 18px;
  height: 18px;
  border-radius: 100%;
  display: inline-block;
  margin-right: 3px;
  position: relative;
  top: -2px;
}
#templates-filter .dropdown li small {
  font-size: 12px;
}
#templates-list .dbx-hero-header {
  margin-bottom: 0;
}
#templates-list .dbx-hero-header__image {
  max-width: 400px;
}
#templates-list .dbx-hero-header__background-container,
#templates-list .dbx-hero-header__background-effect-container {
  bottom: 0;
}
#templates-list .dbx-hero-header__container {
  padding-bottom: 128px;
}
#templates-list .main-categories {
  margin-top: 72px;
}
#templates-list .integration-categories,
#templates-list .main-categories {
  margin-bottom: 72px;
}
#templates-list .integration-categories__title,
#templates-list .main-categories__title {
  color: rgba(142, 146, 155, 0.8);
  font-size: 14px;
  margin: 0 !important;
  white-space: nowrap;
  display: flex;
  gap: 16px;
}
#templates-list .integration-categories__title::after,
#templates-list .main-categories__title::after {
  content: "";
  right: 0;
  transform: translateY(50%);
  border-top: 1px dashed rgba(142, 146, 155, 0.5);
  width: 100%;
}
#template-alternative-detail .header,
#template-category-detail .header,
#template-detail .header,
#template-subcategory-detail .header {
  height: 123px !important;
  min-height: 100px !important;
  padding: 0 !important;
  background-image: url("../img/templates/bg.jpg");
  background-position: center center;
  background-size: cover;
}
#template-alternative-detail .subheader,
#template-category-detail .subheader,
#template-detail .subheader,
#template-subcategory-detail .subheader {
  text-align: left;
}
#template-alternative-detail .subheader h1,
#template-category-detail .subheader h1,
#template-detail .subheader h1,
#template-subcategory-detail .subheader h1 {
  font-size: 55px;
  line-height: 60px;
  font-weight: 500;
}
#template-alternative-detail .subheader p,
#template-category-detail .subheader p,
#template-detail .subheader p,
#template-subcategory-detail .subheader p {
  font-size: 18px;
  line-height: 28px;
  color: #8e929b;
}
@media only screen and (max-width: 975px) {
  #template-alternative-detail .subheader img,
  #template-category-detail .subheader img,
  #template-detail .subheader img,
  #template-subcategory-detail .subheader img {
    margin: 0 auto;
    width: 250px;
  }
}
#template-detail .container {
  position: relative;
}
#template-detail .subheader {
  margin-top: 80px;
}
#template-detail .subheader h1 {
  text-align: center;
  font-size: 40px;
}
#template-detail .subheader .by {
  text-align: center;
  margin: 40px 0;
  font-size: 16px;
  line-height: 20px;
}
#template-detail .subheader .by img {
  display: inline-block;
  border-radius: 100%;
  width: 28px;
  height: 28px;
  margin-right: 4px;
}
#template-detail .subheader .by a {
  color: inherit;
}
#template-detail .subheader .by span {
  color: #8e929b;
  margin-right: 4px;
}
#template-detail .subheader .description {
  text-align: center;
  font-size: 24px;
  line-height: 34px;
  color: #8e929b;
}
#template-detail #shareCt {
  position: absolute;
  overflow: hidden;
  top: -1px;
  right: 30px;
}
#template-detail #shareCt span {
  float: left;
  color: #8e929b;
  line-height: 22px;
  font-size: 13px;
  margin-right: 13px;
  font-weight: 400;
}
#template-detail #shareCt a {
  float: right;
  position: relative;
  width: 22px;
  height: 22px;
  text-indent: -9999px;
  margin-left: 5px;
  color: #6f7279;
  font-size: 18px;
}
#template-detail #shareCt a.icon-tw {
  font-size: 22px;
}
#template-detail #shareCt a:before {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  line-height: 22px;
  text-align: center;
  text-indent: 0;
}
#template-detail #shareCt a:hover {
  color: #1679a6;
}
#template-detail .breadcrumbs {
  padding-left: 0;
}
#template-detail #img a,
#template-detail #img img {
  display: block;
}
#template-detail #img img {
  width: 100%;
}
#template-detail #img a {
  position: relative;
}
#template-detail #img a:before {
  opacity: 0;
  content: "Live view";
  width: 130px;
  height: 130px;
  border-radius: 100%;
  background: rgba(23, 102, 192, 0.7);
  color: #fff;
  font-size: 20px;
  line-height: 130px;
  text-align: center;
  position: absolute;
  left: 50%;
  top: 70%;
  margin: -75px 0 0 -65px;
  transition: opacity 0.4s, top 0.6s;
  -o-transition: opacity 0.4s, top 0.6s;
  -ms-transition: opacity 0.4s, top 0.6s;
  -moz-transition: opacity 0.4s, top 0.6s;
  -webkit-transition: opacity 0.4s, top 0.6s;
}
#template-detail #img a.hover:before,
#template-detail #img a:hover:before {
  opacity: 1;
  top: 50%;
}
#template-detail #info h1 {
  font-size: 40px;
  line-height: 50px;
  color: #000;
  font-weight: 400;
  margin: -5px 0 17px;
}
#template-detail #sources h3,
#template-detail #text h3 {
  font-size: 24px;
  line-height: 30px;
  margin-top: 1%;
}
#template-detail #sources li,
#template-detail #sources p,
#template-detail #text li,
#template-detail #text p {
  font-size: 16px;
  line-height: 24px;
}
#template-detail .contentRow {
  padding: 75px 0 95px;
}
#template-detail .contentRow.noContent {
  padding: 60px 0 30px;
}
#template-detail .contentRow.noContent #sources {
  float: none;
  width: 100%;
}
#template-detail .contentRow.noContent #text {
  display: none;
}
#template-detail #text ul {
  padding-left: 17px;
}
#template-detail #text .gray-bg {
  background: #f4f5f9;
  border-radius: 5px;
  color: #000;
  padding: 18px 20px 24px 36px;
  font-weight: 400;
  margin-top: 27px;
}
#template-detail #text .gray-bg ul {
  padding-left: 0;
}
#template-detail #text.main-content {
  padding-right: 80px;
  font-size: 19px;
  line-height: 30px;
}
#template-detail #text.main-content h2 {
  font-size: 36px;
  margin-top: 0;
  margin-bottom: 30px;
}
#template-detail #text.main-content hr {
  margin-top: 60px;
  margin-bottom: 90px;
}
#template-detail #text.main-content li,
#template-detail #text.main-content p {
  font-size: 19px;
  line-height: 30px;
}
#template-detail #text.main-content p {
  margin-bottom: 30px;
}
#template-detail #text.main-content ul.items-space-after li {
  margin-bottom: 30px;
}
#template-detail #text.main-content ul.items-space-after li:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 991px) {
  #template-detail #text.main-content {
    padding-right: 15px;
  }
}
@media only screen and (max-width: 767px) {
  #template-detail #text .left {
    margin-bottom: 30px;
  }
}
#template-detail #info ul {
  list-style: none;
  padding: 17px 0 5px;
  margin: 0;
}
#template-detail #info ul li {
  line-height: 50px;
  font-weight: 400;
  padding-top: 15px;
}
#template-detail #info ul li img {
  float: left;
  border-radius: 4px;
  width: 50px;
  height: 50px;
  margin-right: 12px;
}
#template-detail #info ul li span {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
}
#template-detail #info ul li:first-child {
  padding-top: 0;
}
#template-detail #info .btn {
  font-size: 16px;
  line-height: 24px;
}
#template-detail .cat-ct {
  padding: 70px 0;
}
#template-detail .btn-white {
  background: #fff;
  color: #1766c0;
  text-transform: none;
}
#template-detail .btn-white:focus,
#template-detail .btn-white:hover {
  border-color: #fff;
  color: #1766c0;
}
@media only screen and (max-width: 991px) {
  #template-detail #info {
    padding-left: 15px;
  }
  #template-detail #info h1 {
    font-size: 30px;
    line-height: 36px;
  }
  #template-detail #info .desc {
    font-size: 20px;
    line-height: 22px;
    margin: 20px 0;
  }
  #template-detail #info .btn {
    white-space: normal;
    padding: 5px 15px;
  }
  #template-detail #img a {
    padding: 6px 7px 20px 8px;
  }
  #template-detail #customize-section .main-content {
    padding-right: 15px;
  }
}
@media only screen and (max-width: 767px) {
  #template-detail #img {
    margin: 30px 0;
  }
  #template-detail #info .btn {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    padding: 10px 30px;
  }
  #template-detail .contentRow {
    padding-bottom: 30px;
  }
  #template-detail #shareCt {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    float: left;
    margin: -20px 0 30px;
  }
  #template-detail #customize-section .functionalities {
    display: none;
  }
}
@media only screen and (max-width: 480px) {
  #template-detail #info .btn {
    width: 100%;
  }
}
#template-detail.experiment .breadcrumbs {
  margin-bottom: 15px;
}
#template-detail.experiment .subheader {
  margin-top: 0;
  padding-top: 60px;
  padding-bottom: 75px;
  background-color: rgba(95, 140, 166, 0.1);
  background: linear-gradient(
    90deg,
    #fff 16%,
    rgba(95, 140, 166, 0.1) 60%,
    rgba(165, 190, 205, 0.1) 90%,
    #fff 100%
  );
}
#template-detail.experiment .subheader h1 {
  font-size: 55px;
  text-align: left;
}
#template-detail.experiment .subheader .description {
  font-size: 18px;
  line-height: 28px;
  text-align: left;
  margin-top: 25px;
}
#template-detail.experiment .subheader .btn {
  margin-top: 35px;
}
#template-detail.experiment .subheader .custom-dashaboard {
  margin-top: 35px;
  margin-bottom: 35px;
}
#template-detail.experiment .subheader .custom-dashaboard a {
  font-weight: 500;
  text-decoration: underline;
}
#template-detail.experiment .subheader .template-item-subtitle {
  font-size: 13px;
  font-weight: 400;
  color: #8e929b;
  letter-spacing: 2px;
  padding: 20px 45px 0 45px;
  text-align: center;
}
#template-detail.experiment .subheader .template-item-subtitle span {
  color: #2d3237;
}
#template-detail.experiment .subheader #reviews-best-product {
  padding: 50px 0 0;
  font-size: 12px;
}
#template-detail.experiment .subheader #reviews-best-product .col .score {
  margin-top: 30px;
  margin-bottom: 0;
}
#template-detail.experiment .subheader #reviews-best-product .col .label1 {
  margin-top: 10px;
  margin-bottom: 0;
}
#template-detail.experiment .subheader #reviews-best-product .img-container {
  padding-top: 0;
  height: auto;
  margin-bottom: 0;
}
#template-detail.experiment
  .subheader
  #reviews-best-product
  .img-container
  .logo {
  height: 20px;
  margin-bottom: 10px;
}
#template-detail.experiment
  .subheader
  #reviews-best-product
  .img-container
  .stars {
  width: 100px;
}
#template-detail.experiment
  .subheader
  #reviews-best-product
  .img-container--no-stars
  img {
  height: auto;
}
#template-detail.experiment h2 {
  font-size: 36px;
  line-height: 44px;
  font-weight: 500;
  text-align: center;
  margin-bottom: 60px;
}
#template-detail.experiment h3 {
  font-size: 30px;
  line-height: 38px;
  font-weight: 500;
}
#template-detail.experiment .template-item {
  margin-top: 0;
}
#template-detail.experiment .template-item__window {
  box-shadow: 1px 2px 12.75px 2.25px rgba(166, 176, 186, 0.5);
}
#template-detail.experiment .template-item__window .image img {
  width: 100%;
}
#template-detail.experiment #template-tabs {
  padding: 80px 0;
}
#template-detail.experiment #template-tabs .tabs-switcher__header li.selected {
  color: #4e4ea0;
  border-bottom-color: #4e4ea0;
}
#template-detail.experiment #template-tabs .tabs-switcher__content {
  padding-top: 80px;
}
#template-detail.experiment #template-tabs .tabs-switcher__content h2 {
  font-size: 30px;
  line-height: 38px;
  font-weight: 500;
  margin-top: 0;
  margin-bottom: 30px;
}
#template-detail.experiment #template-tabs .tabs-switcher__content h2 + p {
  font-size: 18px;
  line-height: 28px;
  color: #8e929b;
  margin-bottom: 50px;
}
#template-detail.experiment #template-tabs .tabs-switcher__content .item h3 {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  margin-bottom: 10px;
  margin-top: 0;
}
#template-detail.experiment #template-tabs .tabs-switcher__content .item p {
  font-size: 16px;
  line-height: 24px;
  color: #2d3237;
}
#template-detail.experiment
  #template-tabs
  .tabs-switcher__content
  .customize
  h2,
#template-detail.experiment
  #template-tabs
  .tabs-switcher__content
  .datasources
  h2,
#template-detail.experiment
  #template-tabs
  .tabs-switcher__content
  .overview
  h2 {
  text-align: left;
}
@media (min-width: 992px) {
  #template-detail.experiment
    #template-tabs
    .tabs-switcher__content
    .customize
    .col-md-3,
  #template-detail.experiment
    #template-tabs
    .tabs-switcher__content
    .datasources
    .col-md-3,
  #template-detail.experiment
    #template-tabs
    .tabs-switcher__content
    .overview
    .col-md-3 {
    width: 34%;
  }
  #template-detail.experiment
    #template-tabs
    .tabs-switcher__content
    .customize
    .col-md-9,
  #template-detail.experiment
    #template-tabs
    .tabs-switcher__content
    .datasources
    .col-md-9,
  #template-detail.experiment
    #template-tabs
    .tabs-switcher__content
    .overview
    .col-md-9 {
    width: 66%;
  }
}
#template-detail.experiment
  #template-tabs
  .tabs-switcher__content
  .overview
  h3 {
  margin-top: 10px;
}
#template-detail.experiment
  #template-tabs
  .tabs-switcher__content
  .overview
  .item {
  padding-bottom: 45px;
}
#template-detail.experiment
  #template-tabs
  .tabs-switcher__content
  .overview
  .item
  .icon::before {
  font-size: 50px;
}
#template-detail.experiment
  #template-tabs
  .tabs-switcher__content
  .overview
  .item
  .icon-cup::before {
  color: #f87943;
}
#template-detail.experiment
  #template-tabs
  .tabs-switcher__content
  .overview
  .item
  .icon-reporting::before {
  color: #52bae1;
}
#template-detail.experiment
  #template-tabs
  .tabs-switcher__content
  .overview
  .item
  .icon-analyze-4::before {
  color: #00a99d;
}
#template-detail.experiment
  #template-tabs
  .tabs-switcher__content
  .overview
  .item
  .icon-calendar-3::before {
  color: #7a44e6;
}
#template-detail.experiment #template-tabs .tabs-switcher__content .kpis h2 {
  margin-bottom: 40px;
}
#template-detail.experiment #template-tabs .tabs-switcher__content .kpis .item {
  border: 1px solid #e2e2e1;
  border-radius: 5px;
  padding: 20px 20px 10px;
  min-height: 195px;
  height: calc(100% - 30px);
  margin-bottom: 30px;
}
#template-detail.experiment
  #template-tabs
  .tabs-switcher__content
  .datasources
  .item {
  margin-bottom: 30px;
}
#template-detail.experiment
  #template-tabs
  .tabs-switcher__content
  .datasources
  .item__header {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
#template-detail.experiment
  #template-tabs
  .tabs-switcher__content
  .datasources
  .item__header
  h3 {
  margin-bottom: 0;
}
#template-detail.experiment
  #template-tabs
  .tabs-switcher__content
  .datasources
  .item__header
  img {
  border-radius: 4px;
  width: 50px;
  height: 50px;
  margin-right: 12px;
  box-shadow: 2px 3px 25.5px 0 rgba(166, 176, 186, 0.5);
}
#template-detail.experiment
  #template-tabs
  .tabs-switcher__content
  .datasources
  .item:last-child {
  margin-bottom: 0;
}
#template-detail.experiment #help {
  font-size: 18px;
  line-height: 28px;
}
#template-detail.experiment #help h2 {
  text-align: left;
  margin-bottom: 25px;
}
#template-detail.experiment #help ul {
  padding: 20px 0 0 20px;
}
#template-detail.experiment #help ul li:not(:last-child) {
  margin-bottom: 15px;
}
#template-detail.experiment #help .img-responsive {
  width: 450px;
  margin: auto;
}
#template-detail.experiment #help .btn {
  width: 200px;
  font-size: 16px;
}
@media only screen and (max-width: 992px) {
  #template-detail.experiment .tabs-switcher__header li {
    font-size: 14px;
  }
}
@media only screen and (max-width: 480px) {
  #template-detail.experiment .subheader .btn {
    width: 100%;
    font-size: 14px;
  }
}
#related-templates {
  background-color: #f4f5f9;
  padding-top: 50px;
}
#related-templates h3 {
  font-size: 24px;
  margin-bottom: 20px;
}
#related-templates a.next {
  position: absolute;
  right: 20px;
  top: 26px;
  padding-right: 30px;
  color: #8e929b;
}
#related-templates a.next .icon:before {
  position: absolute;
  top: -2px;
  right: 4px;
  width: 24px;
  height: 24px;
  border: 1px solid #8e929b;
  text-align: center;
  line-height: 24px;
  border-radius: 100%;
  opacity: 0.7;
}
#related-templates .template-ct .sources {
  display: none !important;
}
#related-templates .template-ct .template-inner p {
  display: block;
  font-size: 14px;
  font-weight: 300;
  color: #8e929b;
  line-height: 20px;
}
#related-templates .dbx-template-cards-section {
  margin-top: 48px;
}
@media only screen and (max-width: 991px) {
  #related-templates .template-ct:nth-child(5) {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  #related-templates h3 {
    margin-bottom: 20px;
  }
  #related-templates a.next {
    display: block;
    position: relative;
    top: 0;
    left: 0;
    margin-bottom: 50px;
  }
  #related-templates a.next .text {
    margin-right: 10px;
  }
  #related-templates a.next .icon:before {
    position: relative;
  }
}
#featured-templates {
  text-align: center;
}
#featured-templates h2 {
  font-size: 40px;
  line-height: 40px;
  font-weight: 300;
  margin: 28px 0 20px;
}
#featured-templates p.title {
  margin: 22px auto 55px;
  color: #8e929b;
  font-weight: 400;
}
#featured-templates .template-ct {
  width: 345px !important;
  margin-bottom: 15px;
}
#featured-templates .template-inner .info {
  margin-top: 25px;
}
#featured-templates .template-inner p {
  display: block;
  font-size: 16px;
  line-height: 20px;
  color: #8e929b;
  font-weight: 300;
}
#featured-templates a.allTemplates {
  text-transform: none;
  margin-top: 35px;
}
@media only screen and (max-width: 1199px) {
  #featured-templates .template-ct {
    width: 293px !important;
  }
}
@media only screen and (max-width: 991px) {
  #featured-templates .template-ct {
    width: 220px !important;
    margin-bottom: 50px;
  }
  #featured-templates .template-inner p {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  #featured-templates .template-ct {
    float: none;
    width: auto !important;
  }
  #featured-templates .template-inner p {
    display: block;
  }
}
#datasource-templates {
  text-align: center;
}
#datasource-templates.content {
  padding-top: 95px;
  padding-bottom: 130px;
}
#datasource-templates h2 {
  text-align: center;
  margin-bottom: 20px;
}
#datasource-templates p {
  font-size: 18px;
  line-height: 28px;
  color: #8e929b;
  text-align: center;
}
#datasource-templates .layout-emphasized-blocks {
  padding: 30px 0 0;
}
#datasource-templates .layout-emphasized-blocks .block {
  text-align: center;
}
#datasource-templates .layout-emphasized-blocks .block .box {
  width: 206px;
  height: 206px;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  margin: 0 auto;
}
#datasource-templates .layout-emphasized-blocks .block .box:hover span:before {
  opacity: 1;
}
#datasource-templates .layout-emphasized-blocks .block .icon-ct {
  position: absolute;
  top: 18px;
  left: 0;
  right: 0;
  font-size: 44px;
  color: rgba(142, 146, 155, 0.5);
}
#datasource-templates .layout-emphasized-blocks .block .img-ct {
  margin: 0 auto;
  position: absolute;
  top: 34px;
  left: 0;
  right: 0;
  text-align: center;
}
#datasource-templates .layout-emphasized-blocks .block img {
  display: inline-block;
  width: 48px;
  height: 48px;
  border-radius: 100%;
}
#datasource-templates .layout-emphasized-blocks .block span:not(.icon) {
  display: block;
  font-size: 20px;
  line-height: 1.2;
  padding: 96px 20px 0;
  color: #2d3237;
  font-weight: 700;
  margin-bottom: 5px;
}
#datasource-templates .layout-emphasized-blocks .block small {
  font-size: 13px;
  font-weight: 400;
  color: #4d71f1;
}
#customize-section h2,
#related-posts h2 {
  font-size: 36px;
  margin-top: 0;
  margin-bottom: 40px;
}
#customize-section p,
#related-posts p {
  font-size: 19px;
  line-height: 30px;
  margin-bottom: 30px;
}
#customize-section .container {
  padding-top: 100px;
  padding-bottom: 130px;
}
#customize-section .main-content {
  padding-right: 80px;
}
#customize-section .functionalities {
  font-size: 16px;
  line-height: 24px;
}
#customize-section .functionalities ul {
  padding-left: 17px;
}
#customize-section .img-responsive {
  max-width: 305px;
}
@media only screen and (max-width: 991px) {
  #customize-section .functionalities {
    padding-left: 15px;
    margin-bottom: 40px;
    min-height: 180px;
  }
  #customize-section .functionalities .img-responsive {
    margin-right: 45px;
  }
}
#related-posts {
  background-color: #f4f5f9;
}
#related-posts .container {
  padding-top: 110px;
  padding-bottom: 120px;
}
#related-posts ul {
  padding-left: 17px;
}
#related-posts ul li {
  font-size: 19px;
}
#related-posts ul li a {
  text-decoration: underline;
}
#related-posts .img-responsive {
  max-height: 417px;
  padding-left: 80px;
}
#related-posts .btn {
  white-space: normal;
}
@media only screen and (max-width: 991px) {
  #related-posts .img-responsive {
    padding-left: 15px;
    margin: 0 auto 40px;
  }
}
#sources .source {
  margin-bottom: 60px;
}
#sources .source__header {
  display: table;
  margin-bottom: 30px;
}
#sources .source__header a,
#sources .source__header span {
  display: table-cell;
  vertical-align: top;
}
#sources .source__header a {
  line-height: 52px;
}
#sources .source__header img {
  border-radius: 4px;
  width: 50px;
  height: 50px;
  margin-right: 12px;
}
#sources .source__header span {
  font-size: 20px;
  line-height: 26px;
}
#sources .source__metrics-list {
  background-color: #f4f5f9;
  padding: 40px;
  border-radius: 8px;
}
#sources .source__metrics-list strong {
  text-transform: uppercase;
}
#sources .source__metrics-list li {
  margin-bottom: 20px;
}
#sources .source__metrics-list li:last-child {
  margin-bottom: 0;
}
#sources .source:last-child {
  margin-bottom: 0;
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
#training h1 {
  font-size: 44px;
  line-height: 52px;
  font-weight: 400;
}
#training h2 {
  font-size: 36px;
  line-height: 40px;
  font-weight: 500;
  margin-bottom: 20px;
}
#training p {
  font-size: 18px;
  font-weight: 300;
  line-height: 28px;
  color: #8e929b;
  padding: 10px 0;
  margin: 0;
}
#training p.text {
  color: #2d3237;
}
#training .v-center {
  padding-top: 25%;
  padding-bottom: 25%;
}
#training .h-center {
  margin-left: auto !important;
  margin-right: auto !important;
}
#training .btn-ct {
  display: inline-block;
  font-size: 16px;
  line-height: 34px;
  font-weight: 500;
  letter-spacing: 1px;
  padding-left: 30px;
  padding-right: 30px;
  white-space: normal;
}
#training .header {
  background-image: url("../img/training/bg.jpg");
  background-position: center center;
  background-size: cover;
}
#training .header p {
  color: rgba(255, 255, 255, 0.75);
}
#training .header .embed {
  max-width: 550px;
  margin: 0 auto;
}
#training .video-wrapper {
  min-height: 420px;
  height: 100%;
  border-radius: 5px;
  border: 1px solid #f3f4f5;
  background-color: #fff;
}
#training .video-wrapper:active,
#training .video-wrapper:focus,
#training .video-wrapper:hover {
  cursor: pointer;
  box-shadow: 5px 7px 26.19px 0.81px rgba(0, 0, 0, 0.2);
  text-shadow: 5px 7px 26.19px rgba(0, 0, 0, 0.2);
}
#training .video-wrapper .video-container {
  position: relative;
}
#training .video-wrapper .video-container .video-length {
  position: absolute;
  bottom: 10px;
  left: 10px;
  color: #fff;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 3px;
  padding: 5px;
}
#training .video-wrapper .video-container iframe,
#training .video-wrapper .video-container img {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
#training .video-wrapper .video-description {
  font-size: 13px;
  padding: 20px 0 40px;
}
#training .video-wrapper .video-description__main {
  text-align: center;
  padding-bottom: 20px;
  border-bottom: 1px solid #f3f4f5;
}
#training .video-wrapper .video-description__main .title {
  font-size: 24px;
  margin-bottom: 6px;
  font-weight: 600;
}
#training .video-wrapper .video-description__main .runtime {
  color: #8e929b;
}
#training .video-wrapper .video-description__lessons {
  margin: 25px 25px 0;
  list-style: none;
  padding: 0;
}
#training .video-wrapper .video-description__lessons li {
  padding-left: 1.3em;
  margin-bottom: 5px;
  display: table;
}
#training .video-wrapper .video-description__lessons li div,
#training .video-wrapper .video-description__lessons li span {
  font-size: 13px;
  line-height: 18px;
  font-weight: 400;
  display: table-cell;
}
#training .video-wrapper .video-description__lessons li span {
  padding-right: 5px;
  color: #8e929b;
}
#training .video-wrapper .video-description__lessons li span.text-label {
  padding-right: 0;
  width: 65px;
}
#training .video-wrapper .video-description__lessons li div {
  font-weight: 500;
}
#training .section-1 {
  padding: 70px 0 100px;
  background-color: #f3f4f5;
}
#training .section-1 span.icon {
  font-size: 45px;
  line-height: 45px;
  color: #8e929b;
}
#training .section-2 {
  padding: 100px 0;
  border-bottom: 1px solid #f3f4f5;
}
#training .section-2 p {
  color: #2d3237;
}
#training .section-2 .img-1 {
  width: 200px;
  float: right;
}
#training .section-2 .img-2 {
  width: 155px;
  float: left;
}
#training .section-2 .img-3 {
  width: 130px;
  float: right;
}
#training .section-3 {
  padding: 100px 0;
  background: #fff;
  background: -webkit-linear-gradient(180deg, #fff 0, #fff 0, #f1f1f1 100%);
  background: linear-gradient(180deg, #fff 0, #fff 0, #f1f1f1 100%);
}
#training .section-3 .img-1 {
  width: 406px;
  float: right;
  margin-top: 25px;
}
#training .section-3 .box {
  color: #2d3237;
  font-size: 16px;
  line-height: 24px;
}
#training .section-3 .box span.icon {
  font-size: 45px;
  line-height: 45px;
}
#training .section-3 .box h3 {
  position: relative;
  padding-left: 33px;
  margin-bottom: 30px;
}
#training .section-3 .box h3:before {
  position: absolute;
  width: 23px;
  height: 23px;
  font-size: 16px;
  line-height: 22px;
  border-radius: 100%;
  text-align: center;
  padding-left: 1px;
  border: 1px solid;
  top: 0;
  left: 0;
}
#training .section-3 .box.box-1 h3:before,
#training .section-3 .box.box-1 span.icon {
  color: #2e4797;
}
#training .section-3 .box.box-1 h3:before {
  content: "1";
}
#training .section-3 .box.box-2 h3:before,
#training .section-3 .box.box-2 span.icon {
  color: #ee9228;
}
#training .section-3 .box.box-2 h3:before {
  content: "2";
}
#training .section-3 .box.box-3 h3:before,
#training .section-3 .box.box-3 span.icon {
  color: #70b72d;
}
#training .section-3 .box.box-3 h3:before {
  content: "3";
}
#training .section-3 .box ul {
  padding-left: 17px;
}
#training .section-3 .box ul li {
  margin-bottom: 10px;
}
#training .section-3 .box p {
  color: #2d3237;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 15px;
}
#training .section-4 {
  padding: 100px 0;
  border-bottom: 1px solid #f3f4f5;
}
#training .section-4 .img-1 {
  width: 280px;
  float: right;
  margin-top: 25px;
}
#training .section-5 {
  padding: 100px 0;
}
#training .section-5 .img-1 {
  width: 145px;
  margin-bottom: 30px;
}
#training .section-thank-you {
  background-color: #f3f4f5;
  padding: 100px 0 50px;
}
#training .section-thank-you span.icon {
  font-size: 45px;
  line-height: 45px;
  color: #8e929b;
}
#training .section-thank-you .video-wrapper {
  margin: 0 auto 50px;
  max-width: 980px;
  width: 100%;
}
#training .section-thank-you .video-wrapper .video-description {
  padding: 60px 25%;
}
#training .section-thank-you .video-wrapper .video-description__main .title {
  font-size: 36px;
  line-height: 40px;
  font-weight: 600;
}
#training .signupLabel {
  font-size: 24px;
}
#training .hbspt-form {
  width: 100%;
  max-width: 460px;
  position: relative;
}
#training .hbspt-form form.hs-form .no-list {
  list-style: none;
  padding-left: 10px;
}
#training .hbspt-form form.hs-form .hs_email > label {
  display: none;
}
#training .hbspt-form form.hs-form input.hs-input,
#training .hbspt-form form.hs-form select.hs-input,
#training .hbspt-form form.hs-form textarea.hs-input {
  position: relative;
  padding: 5px 215px 5px 15px;
  height: 46px;
  font-size: 16px;
  line-height: 34px;
  width: 99%;
  color: rgba(0, 0, 0, 0.75);
  border-radius: 6px;
  font-weight: 400;
  border: 1px solid rgba(0, 0, 0, 0.25);
  outline: 0;
}
#training .hbspt-form form.hs-form input.hs-input::-webkit-input-placeholder,
#training .hbspt-form form.hs-form select.hs-input::-webkit-input-placeholder,
#training
  .hbspt-form
  form.hs-form
  textarea.hs-input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.25);
  font-style: italic;
}
#training .hbspt-form form.hs-form input.hs-input:-moz-placeholder,
#training .hbspt-form form.hs-form select.hs-input:-moz-placeholder,
#training .hbspt-form form.hs-form textarea.hs-input:-moz-placeholder {
  color: rgba(0, 0, 0, 0.25);
  font-style: italic;
}
#training .hbspt-form form.hs-form input.hs-input::-moz-placeholder,
#training .hbspt-form form.hs-form select.hs-input::-moz-placeholder,
#training .hbspt-form form.hs-form textarea.hs-input::-moz-placeholder {
  color: rgba(0, 0, 0, 0.25);
  font-style: italic;
}
#training .hbspt-form form.hs-form input.hs-input:-ms-input-placeholder,
#training .hbspt-form form.hs-form select.hs-input:-ms-input-placeholder,
#training .hbspt-form form.hs-form textarea.hs-input:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.25);
  font-style: italic;
}
#training .hbspt-form form.hs-form .hs_submit {
  position: absolute;
  top: 0;
  right: 0;
}
#training .hbspt-form form.hs-form .hs_submit .actions {
  padding: 0;
  margin: 0;
}
#training .hbspt-form form.hs-form .hs_submit .hs-button {
  height: 46px;
  font-size: 18px;
  font-weight: 400;
  line-height: 46px;
  background-color: #25a767;
  color: #fff;
  padding: 0 15px;
}
#training .hbspt-form form.hs-form .hs_submit .hs-button:active,
#training .hbspt-form form.hs-form .hs_submit .hs-button:focus,
#training .hbspt-form form.hs-form .hs_submit .hs-button:hover {
  background-color: #20925a;
  color: #fff;
}
#training .hbspt-form form.hs-form .hs-error-msgs label {
  color: #f76868;
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  #training .hbspt-form.w-col-sm-6 {
    width: 340px;
  }
  #training .hbspt-form.w-col-sm-6 form.hs-form input.hs-input,
  #training .hbspt-form.w-col-sm-6 form.hs-form select.hs-input,
  #training .hbspt-form.w-col-sm-6 form.hs-form textarea.hs-input {
    padding-right: 15px;
    width: 100%;
  }
  #training .hbspt-form.w-col-sm-6 form.hs-form .hs_submit {
    width: 100%;
    position: static;
    margin-top: 10px;
  }
  #training .hbspt-form.w-col-sm-6 form.hs-form .hs_submit .hs-button {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  #training .text-center-xs {
    text-align: center;
  }
  #training .h-center-xs {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  #training .container.narrow {
    padding-right: 15px;
    padding-left: 15px;
  }
  #training .btn-ct {
    padding-left: 15px;
    padding-right: 15px;
  }
  #training .section-2 .img-1,
  #training .section-2 .img-2,
  #training .section-2 .img-3 {
    margin: 0 auto;
    float: none;
  }
  #training .section-3 .img-1 {
    margin: 0 auto;
    float: none;
  }
  #training .section-4 .img-1 {
    margin: 0 auto;
    float: none;
  }
  #training .section-5 .img-1 {
    margin: 50px auto;
    float: none;
  }
  #training .section-thank-you .video-wrapper .video-description {
    padding: 20px 15px 25px;
  }
}
@media only screen and (max-width: 480px) {
  #training .hbspt-form form.hs-form input.hs-input,
  #training .hbspt-form form.hs-form select.hs-input,
  #training .hbspt-form form.hs-form textarea.hs-input {
    padding-right: 15px;
    width: 100%;
  }
  #training .hbspt-form form.hs-form .hs_submit {
    width: 100%;
    position: static;
    margin-top: 10px;
  }
  #training .hbspt-form form.hs-form .hs_submit .hs-button {
    width: 100%;
  }
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.warmup .dbx-quote-section {
  display: grid;
  place-content: center;
}
.warmup .dbx-quote-section__container {
  max-width: 1062px;
}
.warmup .dbx-faq.dbx-container {
  max-width: 784px;
}
.warmup .dbx-repeater-icon-card-section__card-container {
  row-gap: 48px;
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
#why-us ul {
  padding-inline-start: 0;
  margin-bottom: unset;
}
#why-us li {
  list-style: none;
}
#why-us p {
  font-size: 1rem;
}
#why-us strong {
  font-weight: 700;
}
#why-us .dbx-solution-hero-header {
  background: url("/wp-content/themes/databox/inc/img/solutions/analytics-bottom.svg")
      no-repeat bottom,
    linear-gradient(185deg, #7347ea 6.79%, #c757ad 125.6%, #e3716d 198.73%);
  background-size: contain;
}
#why-us .dbx-solution-hero-header .hero-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  padding: 172px 0 130px;
}
#why-us .dbx-solution-hero-header .title {
  color: #fff;
  font-size: 56px;
  line-height: 60px;
  max-width: 70%;
  text-align: center;
}
#why-us .dbx-solution-hero-header .dbx-hero-tag {
  display: none;
}
#why-us .dbx-solution-hero-header .subtitle {
  color: #fff;
  font-size: 16px;
  line-height: 24px;
  max-width: 70%;
  text-align: center;
}
#why-us .dbx-solution-hero-header .dbx-btn {
  margin-top: 20px;
  min-width: 200px;
}
#why-us .dbx-container {
  max-width: 840px;
  margin-bottom: 88px;
}
@media screen and (min-width: 1024px) {
  #why-us .dbx-container {
    padding-inline: 0;
  }
}
#why-us .section__title {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 24px;
}
#why-us .methods .dbx-card .dbx-card__container {
  background-color: #f3f4f5;
  box-shadow: unset;
}
#why-us .needs .dbx-card {
  background-color: #f3f4f5;
}
#why-us .needs .dbx-card__title {
  font-size: 21px;
}
#why-us .values .dbx-card__title {
  font-size: 1.125rem !important;
  font-weight: 700;
}
#why-us .fields__field-title {
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 32px;
}
#why-us .fields .dbx-card__title {
  font-size: 1.125rem !important;
  font-weight: 700;
}
#why-us .impact__list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 40px;
  border-radius: 24px;
  width: 100%;
  background: linear-gradient(
    106deg,
    hsla(272, 49%, 55%, 0.1) -4%,
    hsla(347, 55%, 63%, 0.1) 89.91%
  );
}
#why-us .impact__list .icon {
  padding-right: 10px;
}
#why-us .impact__list li {
  display: flex;
  align-items: center;
  list-style: none;
}
#why-us .impact__list .icon-check::before {
  color: #9154c3;
}