style.css

 {
  margin: auto 2em;
  margin: 2em 0;
  margin: 2em;
  padding: 0 2em;
  padding: 2em 0;
  padding: 2em;
}
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  background: transparent;
  border: 0;
  font-size: 100%;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
}
body {
  line-height: 1;
}
div,
p,
section,
header,
footer,
main,
ul,
li {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
nav ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
a {
  background: transparent;
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}
del {
  text-decoration: line-through;
}
abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
hr {
  border: 0;
  border-top: 1px solid #ccc;
  display: block;
  height: 1px;
  margin: 1em 0;
  padding: 0;
}
input,
select {
  vertical-align: middle;
}
@font-face {
  font-family: "San Francisco";
  font-weight: 100;
  src: url("https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-ultralight-webfont.woff");
}
@font-face {
  font-family: "San Francisco";
  font-weight: 200;
  src: url("https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-thin-webfont.woff");
}
@font-face {
  font-family: "San Francisco";
  font-weight: 400;
  src: url("https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-regular-webfont.woff");
}
@font-face {
  font-family: "San Francisco";
  font-weight: 500;
  src: url("https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-medium-webfont.woff");
}
@font-face {
  font-family: "San Francisco";
  font-weight: 600;
  src: url("https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-semibold-webfont.woff");
}
@font-face {
  font-family: "San Francisco";
  font-weight: 700;
  src: url("https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-bold-webfont.woff");
}
@-moz-keyframes pulse-blue {
  0% {
    box-shadow: 0 0 0 0 rgba(118,150,194,0.4);
  }
  70% {
    box-shadow: 0 0 0 35px rgba(118,150,194,0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(118,150,194,0);
  }
}
@-webkit-keyframes pulse-blue {
  0% {
    box-shadow: 0 0 0 0 rgba(118,150,194,0.4);
  }
  70% {
    box-shadow: 0 0 0 35px rgba(118,150,194,0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(118,150,194,0);
  }
}
@-o-keyframes pulse-blue {
  0% {
    box-shadow: 0 0 0 0 rgba(118,150,194,0.4);
  }
  70% {
    box-shadow: 0 0 0 35px rgba(118,150,194,0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(118,150,194,0);
  }
}
@keyframes pulse-blue {
  0% {
    box-shadow: 0 0 0 0 rgba(118,150,194,0.4);
  }
  70% {
    box-shadow: 0 0 0 35px rgba(118,150,194,0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(118,150,194,0);
  }
}
@-moz-keyframes pulse-hc {
  0% {
    box-shadow: 0 0 0 0 rgba(118,150,194,0.4);
  }
  70% {
    box-shadow: 0 0 0 35px rgba(118,150,194,0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(118,150,194,0);
  }
}
@-webkit-keyframes pulse-hc {
  0% {
    box-shadow: 0 0 0 0 rgba(118,150,194,0.4);
  }
  70% {
    box-shadow: 0 0 0 35px rgba(118,150,194,0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(118,150,194,0);
  }
}
@-o-keyframes pulse-hc {
  0% {
    box-shadow: 0 0 0 0 rgba(118,150,194,0.4);
  }
  70% {
    box-shadow: 0 0 0 35px rgba(118,150,194,0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(118,150,194,0);
  }
}
@keyframes pulse-hc {
  0% {
    box-shadow: 0 0 0 0 rgba(118,150,194,0.4);
  }
  70% {
    box-shadow: 0 0 0 35px rgba(118,150,194,0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(118,150,194,0);
  }
}
@-moz-keyframes pulse-dark {
  0% {
    box-shadow: 0 0 0 0 rgba(83,93,101,0.4);
  }
  70% {
    box-shadow: 0 0 0 35px rgba(83,93,101,0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(83,93,101,0);
  }
}
@-webkit-keyframes pulse-dark {
  0% {
    box-shadow: 0 0 0 0 rgba(83,93,101,0.4);
  }
  70% {
    box-shadow: 0 0 0 35px rgba(83,93,101,0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(83,93,101,0);
  }
}
@-o-keyframes pulse-dark {
  0% {
    box-shadow: 0 0 0 0 rgba(83,93,101,0.4);
  }
  70% {
    box-shadow: 0 0 0 35px rgba(83,93,101,0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(83,93,101,0);
  }
}
@keyframes pulse-dark {
  0% {
    box-shadow: 0 0 0 0 rgba(83,93,101,0.4);
  }
  70% {
    box-shadow: 0 0 0 35px rgba(83,93,101,0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(83,93,101,0);
  }
}
@-moz-keyframes pulse-white {
  0% {
    box-shadow: 0 0 0 0 rgba(255,255,255,0.4);
  }
  70% {
    box-shadow: 0 0 0 35px rgba(255,255,255,0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255,255,255,0);
  }
}
@-webkit-keyframes pulse-white {
  0% {
    box-shadow: 0 0 0 0 rgba(255,255,255,0.4);
  }
  70% {
    box-shadow: 0 0 0 35px rgba(255,255,255,0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255,255,255,0);
  }
}
@-o-keyframes pulse-white {
  0% {
    box-shadow: 0 0 0 0 rgba(255,255,255,0.4);
  }
  70% {
    box-shadow: 0 0 0 35px rgba(255,255,255,0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255,255,255,0);
  }
}
@keyframes pulse-white {
  0% {
    box-shadow: 0 0 0 0 rgba(255,255,255,0.4);
  }
  70% {
    box-shadow: 0 0 0 35px rgba(255,255,255,0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255,255,255,0);
  }
}
@-moz-keyframes pulse-gray {
  0% {
    box-shadow: 0 0 0 0 rgba(239,240,241,0.4);
  }
  70% {
    box-shadow: 0 0 0 35px rgba(239,240,241,0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(239,240,241,0);
  }
}
@-webkit-keyframes pulse-gray {
  0% {
    box-shadow: 0 0 0 0 rgba(239,240,241,0.4);
  }
  70% {
    box-shadow: 0 0 0 35px rgba(239,240,241,0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(239,240,241,0);
  }
}
@-o-keyframes pulse-gray {
  0% {
    box-shadow: 0 0 0 0 rgba(239,240,241,0.4);
  }
  70% {
    box-shadow: 0 0 0 35px rgba(239,240,241,0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(239,240,241,0);
  }
}
@keyframes pulse-gray {
  0% {
    box-shadow: 0 0 0 0 rgba(239,240,241,0.4);
  }
  70% {
    box-shadow: 0 0 0 35px rgba(239,240,241,0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(239,240,241,0);
  }
}
@-moz-keyframes pulse-slate {
  0% {
    box-shadow: 0 0 0 0 rgba(187,194,199,0.4);
  }
  70% {
    box-shadow: 0 0 0 35px rgba(187,194,199,0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(187,194,199,0);
  }
}
@-webkit-keyframes pulse-slate {
  0% {
    box-shadow: 0 0 0 0 rgba(187,194,199,0.4);
  }
  70% {
    box-shadow: 0 0 0 35px rgba(187,194,199,0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(187,194,199,0);
  }
}
@-o-keyframes pulse-slate {
  0% {
    box-shadow: 0 0 0 0 rgba(187,194,199,0.4);
  }
  70% {
    box-shadow: 0 0 0 35px rgba(187,194,199,0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(187,194,199,0);
  }
}
@keyframes pulse-slate {
  0% {
    box-shadow: 0 0 0 0 rgba(187,194,199,0.4);
  }
  70% {
    box-shadow: 0 0 0 35px rgba(187,194,199,0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(187,194,199,0);
  }
}
@-moz-keyframes pulse-slate-dark {
  0% {
    box-shadow: 0 0 0 0 rgba(83,93,101,0.4);
  }
  70% {
    box-shadow: 0 0 0 35px rgba(83,93,101,0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(83,93,101,0);
  }
}
@-webkit-keyframes pulse-slate-dark {
  0% {
    box-shadow: 0 0 0 0 rgba(83,93,101,0.4);
  }
  70% {
    box-shadow: 0 0 0 35px rgba(83,93,101,0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(83,93,101,0);
  }
}
@-o-keyframes pulse-slate-dark {
  0% {
    box-shadow: 0 0 0 0 rgba(83,93,101,0.4);
  }
  70% {
    box-shadow: 0 0 0 35px rgba(83,93,101,0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(83,93,101,0);
  }
}
@keyframes pulse-slate-dark {
  0% {
    box-shadow: 0 0 0 0 rgba(83,93,101,0.4);
  }
  70% {
    box-shadow: 0 0 0 35px rgba(83,93,101,0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(83,93,101,0);
  }
}
@-moz-keyframes pulse-green {
  0% {
    box-shadow: 0 0 0 0 rgba(163,194,118,0.4);
  }
  70% {
    box-shadow: 0 0 0 35px rgba(163,194,118,0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(163,194,118,0);
  }
}
@-webkit-keyframes pulse-green {
  0% {
    box-shadow: 0 0 0 0 rgba(163,194,118,0.4);
  }
  70% {
    box-shadow: 0 0 0 35px rgba(163,194,118,0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(163,194,118,0);
  }
}
@-o-keyframes pulse-green {
  0% {
    box-shadow: 0 0 0 0 rgba(163,194,118,0.4);
  }
  70% {
    box-shadow: 0 0 0 35px rgba(163,194,118,0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(163,194,118,0);
  }
}
@keyframes pulse-green {
  0% {
    box-shadow: 0 0 0 0 rgba(163,194,118,0.4);
  }
  70% {
    box-shadow: 0 0 0 35px rgba(163,194,118,0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(163,194,118,0);
  }
}
@-moz-keyframes pulse-purple {
  0% {
    box-shadow: 0 0 0 0 rgba(158,124,219,0.4);
  }
  70% {
    box-shadow: 0 0 0 35px rgba(158,124,219,0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(158,124,219,0);
  }
}
@-webkit-keyframes pulse-purple {
  0% {
    box-shadow: 0 0 0 0 rgba(158,124,219,0.4);
  }
  70% {
    box-shadow: 0 0 0 35px rgba(158,124,219,0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(158,124,219,0);
  }
}
@-o-keyframes pulse-purple {
  0% {
    box-shadow: 0 0 0 0 rgba(158,124,219,0.4);
  }
  70% {
    box-shadow: 0 0 0 35px rgba(158,124,219,0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(158,124,219,0);
  }
}
@keyframes pulse-purple {
  0% {
    box-shadow: 0 0 0 0 rgba(158,124,219,0.4);
  }
  70% {
    box-shadow: 0 0 0 35px rgba(158,124,219,0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(158,124,219,0);
  }
}
@-moz-keyframes pulse-red {
  0% {
    box-shadow: 0 0 0 0 rgba(221,146,133,0.4);
  }
  70% {
    box-shadow: 0 0 0 35px rgba(221,146,133,0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(221,146,133,0);
  }
}
@-webkit-keyframes pulse-red {
  0% {
    box-shadow: 0 0 0 0 rgba(221,146,133,0.4);
  }
  70% {
    box-shadow: 0 0 0 35px rgba(221,146,133,0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(221,146,133,0);
  }
}
@-o-keyframes pulse-red {
  0% {
    box-shadow: 0 0 0 0 rgba(221,146,133,0.4);
  }
  70% {
    box-shadow: 0 0 0 35px rgba(221,146,133,0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(221,146,133,0);
  }
}
@keyframes pulse-red {
  0% {
    box-shadow: 0 0 0 0 rgba(221,146,133,0.4);
  }
  70% {
    box-shadow: 0 0 0 35px rgba(221,146,133,0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(221,146,133,0);
  }
}
@-moz-keyframes pulse-yellow {
  0% {
    box-shadow: 0 0 0 0 rgba(234,233,166,0.4);
  }
  70% {
    box-shadow: 0 0 0 35px rgba(234,233,166,0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(234,233,166,0);
  }
}
@-webkit-keyframes pulse-yellow {
  0% {
    box-shadow: 0 0 0 0 rgba(234,233,166,0.4);
  }
  70% {
    box-shadow: 0 0 0 35px rgba(234,233,166,0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(234,233,166,0);
  }
}
@-o-keyframes pulse-yellow {
  0% {
    box-shadow: 0 0 0 0 rgba(234,233,166,0.4);
  }
  70% {
    box-shadow: 0 0 0 35px rgba(234,233,166,0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(234,233,166,0);
  }
}
@keyframes pulse-yellow {
  0% {
    box-shadow: 0 0 0 0 rgba(234,233,166,0.4);
  }
  70% {
    box-shadow: 0 0 0 35px rgba(234,233,166,0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(234,233,166,0);
  }
}
@-moz-keyframes pulse-orange {
  0% {
    box-shadow: 0 0 0 0 rgba(235,197,151,0.4);
  }
  70% {
    box-shadow: 0 0 0 35px rgba(235,197,151,0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(235,197,151,0);
  }
}
@-webkit-keyframes pulse-orange {
  0% {
    box-shadow: 0 0 0 0 rgba(235,197,151,0.4);
  }
  70% {
    box-shadow: 0 0 0 35px rgba(235,197,151,0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(235,197,151,0);
  }
}
@-o-keyframes pulse-orange {
  0% {
    box-shadow: 0 0 0 0 rgba(235,197,151,0.4);
  }
  70% {
    box-shadow: 0 0 0 35px rgba(235,197,151,0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(235,197,151,0);
  }
}
@keyframes pulse-orange {
  0% {
    box-shadow: 0 0 0 0 rgba(235,197,151,0.4);
  }
  70% {
    box-shadow: 0 0 0 35px rgba(235,197,151,0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(235,197,151,0);
  }
}
@-moz-keyframes pulse-orange-dark {
  0% {
    box-shadow: 0 0 0 0 rgba(217,159,90,0.4);
  }
  70% {
    box-shadow: 0 0 0 35px rgba(217,159,90,0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(217,159,90,0);
  }
}
@-webkit-keyframes pulse-orange-dark {
  0% {
    box-shadow: 0 0 0 0 rgba(217,159,90,0.4);
  }
  70% {
    box-shadow: 0 0 0 35px rgba(217,159,90,0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(217,159,90,0);
  }
}
@-o-keyframes pulse-orange-dark {
  0% {
    box-shadow: 0 0 0 0 rgba(217,159,90,0.4);
  }
  70% {
    box-shadow: 0 0 0 35px rgba(217,159,90,0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(217,159,90,0);
  }
}
@keyframes pulse-orange-dark {
  0% {
    box-shadow: 0 0 0 0 rgba(217,159,90,0.4);
  }
  70% {
    box-shadow: 0 0 0 35px rgba(217,159,90,0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(217,159,90,0);
  }
}
@-moz-keyframes pulse-pink {
  0% {
    box-shadow: 0 0 0 0 rgba(241,187,208,0.4);
  }
  70% {
    box-shadow: 0 0 0 35px rgba(241,187,208,0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(241,187,208,0);
  }
}
@-webkit-keyframes pulse-pink {
  0% {
    box-shadow: 0 0 0 0 rgba(241,187,208,0.4);
  }
  70% {
    box-shadow: 0 0 0 35px rgba(241,187,208,0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(241,187,208,0);
  }
}
@-o-keyframes pulse-pink {
  0% {
    box-shadow: 0 0 0 0 rgba(241,187,208,0.4);
  }
  70% {
    box-shadow: 0 0 0 35px rgba(241,187,208,0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(241,187,208,0);
  }
}
@keyframes pulse-pink {
  0% {
    box-shadow: 0 0 0 0 rgba(241,187,208,0.4);
  }
  70% {
    box-shadow: 0 0 0 35px rgba(241,187,208,0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(241,187,208,0);
  }
}
@-moz-keyframes pulse-pink-dark {
  0% {
    box-shadow: 0 0 0 0 rgba(227,50,119,0.4);
  }
  70% {
    box-shadow: 0 0 0 35px rgba(227,50,119,0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(227,50,119,0);
  }
}
@-webkit-keyframes pulse-pink-dark {
  0% {
    box-shadow: 0 0 0 0 rgba(227,50,119,0.4);
  }
  70% {
    box-shadow: 0 0 0 35px rgba(227,50,119,0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(227,50,119,0);
  }
}
@-o-keyframes pulse-pink-dark {
  0% {
    box-shadow: 0 0 0 0 rgba(227,50,119,0.4);
  }
  70% {
    box-shadow: 0 0 0 35px rgba(227,50,119,0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(227,50,119,0);
  }
}
@keyframes pulse-pink-dark {
  0% {
    box-shadow: 0 0 0 0 rgba(227,50,119,0.4);
  }
  70% {
    box-shadow: 0 0 0 35px rgba(227,50,119,0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(227,50,119,0);
  }
}
@-moz-keyframes pulse-aqua {
  0% {
    box-shadow: 0 0 0 0 rgba(182,228,237,0.4);
  }
  70% {
    box-shadow: 0 0 0 35px rgba(182,228,237,0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(182,228,237,0);
  }
}
@-webkit-keyframes pulse-aqua {
  0% {
    box-shadow: 0 0 0 0 rgba(182,228,237,0.4);
  }
  70% {
    box-shadow: 0 0 0 35px rgba(182,228,237,0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(182,228,237,0);
  }
}
@-o-keyframes pulse-aqua {
  0% {
    box-shadow: 0 0 0 0 rgba(182,228,237,0.4);
  }
  70% {
    box-shadow: 0 0 0 35px rgba(182,228,237,0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(182,228,237,0);
  }
}
@keyframes pulse-aqua {
  0% {
    box-shadow: 0 0 0 0 rgba(182,228,237,0.4);
  }
  70% {
    box-shadow: 0 0 0 35px rgba(182,228,237,0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(182,228,237,0);
  }
}
@-moz-keyframes pulse-aqua-dark {
  0% {
    box-shadow: 0 0 0 0 rgba(126,185,196,0.4);
  }
  70% {
    box-shadow: 0 0 0 35px rgba(126,185,196,0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(126,185,196,0);
  }
}
@-webkit-keyframes pulse-aqua-dark {
  0% {
    box-shadow: 0 0 0 0 rgba(126,185,196,0.4);
  }
  70% {
    box-shadow: 0 0 0 35px rgba(126,185,196,0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(126,185,196,0);
  }
}
@-o-keyframes pulse-aqua-dark {
  0% {
    box-shadow: 0 0 0 0 rgba(126,185,196,0.4);
  }
  70% {
    box-shadow: 0 0 0 35px rgba(126,185,196,0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(126,185,196,0);
  }
}
@keyframes pulse-aqua-dark {
  0% {
    box-shadow: 0 0 0 0 rgba(126,185,196,0.4);
  }
  70% {
    box-shadow: 0 0 0 35px rgba(126,185,196,0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(126,185,196,0);
  }
}
@-moz-keyframes pulse-navy {
  0% {
    box-shadow: 0 0 0 0 rgba(146,160,196,0.4);
  }
  70% {
    box-shadow: 0 0 0 35px rgba(146,160,196,0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(146,160,196,0);
  }
}
@-webkit-keyframes pulse-navy {
  0% {
    box-shadow: 0 0 0 0 rgba(146,160,196,0.4);
  }
  70% {
    box-shadow: 0 0 0 35px rgba(146,160,196,0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(146,160,196,0);
  }
}
@-o-keyframes pulse-navy {
  0% {
    box-shadow: 0 0 0 0 rgba(146,160,196,0.4);
  }
  70% {
    box-shadow: 0 0 0 35px rgba(146,160,196,0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(146,160,196,0);
  }
}
@keyframes pulse-navy {
  0% {
    box-shadow: 0 0 0 0 rgba(146,160,196,0.4);
  }
  70% {
    box-shadow: 0 0 0 35px rgba(146,160,196,0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(146,160,196,0);
  }
}
@-moz-keyframes pulse-navy-dark {
  0% {
    box-shadow: 0 0 0 0 rgba(45,69,135,0.4);
  }
  70% {
    box-shadow: 0 0 0 35px rgba(45,69,135,0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(45,69,135,0);
  }
}
@-webkit-keyframes pulse-navy-dark {
  0% {
    box-shadow: 0 0 0 0 rgba(45,69,135,0.4);
  }
  70% {
    box-shadow: 0 0 0 35px rgba(45,69,135,0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(45,69,135,0);
  }
}
@-o-keyframes pulse-navy-dark {
  0% {
    box-shadow: 0 0 0 0 rgba(45,69,135,0.4);
  }
  70% {
    box-shadow: 0 0 0 35px rgba(45,69,135,0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(45,69,135,0);
  }
}
@keyframes pulse-navy-dark {
  0% {
    box-shadow: 0 0 0 0 rgba(45,69,135,0.4);
  }
  70% {
    box-shadow: 0 0 0 35px rgba(45,69,135,0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(45,69,135,0);
  }
}
@-moz-keyframes pulse-cto {
  0% {
    box-shadow: 0 0 0 0 rgba(181,216,235,0.4);
  }
  70% {
    box-shadow: 0 0 0 35px rgba(181,216,235,0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(181,216,235,0);
  }
}
@-webkit-keyframes pulse-cto {
  0% {
    box-shadow: 0 0 0 0 rgba(181,216,235,0.4);
  }
  70% {
    box-shadow: 0 0 0 35px rgba(181,216,235,0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(181,216,235,0);
  }
}
@-o-keyframes pulse-cto {
  0% {
    box-shadow: 0 0 0 0 rgba(181,216,235,0.4);
  }
  70% {
    box-shadow: 0 0 0 35px rgba(181,216,235,0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(181,216,235,0);
  }
}
@keyframes pulse-cto {
  0% {
    box-shadow: 0 0 0 0 rgba(181,216,235,0.4);
  }
  70% {
    box-shadow: 0 0 0 35px rgba(181,216,235,0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(181,216,235,0);
  }
}
@-moz-keyframes pulse-cto-dark {
  0% {
    box-shadow: 0 0 0 0 rgba(118,150,194,0.4);
  }
  70% {
    box-shadow: 0 0 0 35px rgba(118,150,194,0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(118,150,194,0);
  }
}
@-webkit-keyframes pulse-cto-dark {
  0% {
    box-shadow: 0 0 0 0 rgba(118,150,194,0.4);
  }
  70% {
    box-shadow: 0 0 0 35px rgba(118,150,194,0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(118,150,194,0);
  }
}
@-o-keyframes pulse-cto-dark {
  0% {
    box-shadow: 0 0 0 0 rgba(118,150,194,0.4);
  }
  70% {
    box-shadow: 0 0 0 35px rgba(118,150,194,0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(118,150,194,0);
  }
}
@keyframes pulse-cto-dark {
  0% {
    box-shadow: 0 0 0 0 rgba(118,150,194,0.4);
  }
  70% {
    box-shadow: 0 0 0 35px rgba(118,150,194,0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(118,150,194,0);
  }
}
@-moz-keyframes pulse-cro {
  0% {
    box-shadow: 0 0 0 0 rgba(234,166,166,0.4);
  }
  70% {
    box-shadow: 0 0 0 35px rgba(234,166,166,0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(234,166,166,0);
  }
}
@-webkit-keyframes pulse-cro {
  0% {
    box-shadow: 0 0 0 0 rgba(234,166,166,0.4);
  }
  70% {
    box-shadow: 0 0 0 35px rgba(234,166,166,0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(234,166,166,0);
  }
}
@-o-keyframes pulse-cro {
  0% {
    box-shadow: 0 0 0 0 rgba(234,166,166,0.4);
  }
  70% {
    box-shadow: 0 0 0 35px rgba(234,166,166,0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(234,166,166,0);
  }
}
@keyframes pulse-cro {
  0% {
    box-shadow: 0 0 0 0 rgba(234,166,166,0.4);
  }
  70% {
    box-shadow: 0 0 0 35px rgba(234,166,166,0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(234,166,166,0);
  }
}
@-moz-keyframes pulse-cro-dark {
  0% {
    box-shadow: 0 0 0 0 rgba(218,98,98,0.4);
  }
  70% {
    box-shadow: 0 0 0 35px rgba(218,98,98,0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(218,98,98,0);
  }
}
@-webkit-keyframes pulse-cro-dark {
  0% {
    box-shadow: 0 0 0 0 rgba(218,98,98,0.4);
  }
  70% {
    box-shadow: 0 0 0 35px rgba(218,98,98,0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(218,98,98,0);
  }
}
@-o-keyframes pulse-cro-dark {
  0% {
    box-shadow: 0 0 0 0 rgba(218,98,98,0.4);
  }
  70% {
    box-shadow: 0 0 0 35px rgba(218,98,98,0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(218,98,98,0);
  }
}
@keyframes pulse-cro-dark {
  0% {
    box-shadow: 0 0 0 0 rgba(218,98,98,0.4);
  }
  70% {
    box-shadow: 0 0 0 35px rgba(218,98,98,0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(218,98,98,0);
  }
}
@-moz-keyframes pulse-chro {
  0% {
    box-shadow: 0 0 0 0 rgba(200,181,235,0.4);
  }
  70% {
    box-shadow: 0 0 0 35px rgba(200,181,235,0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(200,181,235,0);
  }
}
@-webkit-keyframes pulse-chro {
  0% {
    box-shadow: 0 0 0 0 rgba(200,181,235,0.4);
  }
  70% {
    box-shadow: 0 0 0 35px rgba(200,181,235,0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(200,181,235,0);
  }
}
@-o-keyframes pulse-chro {
  0% {
    box-shadow: 0 0 0 0 rgba(200,181,235,0.4);
  }
  70% {
    box-shadow: 0 0 0 35px rgba(200,181,235,0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(200,181,235,0);
  }
}
@keyframes pulse-chro {
  0% {
    box-shadow: 0 0 0 0 rgba(200,181,235,0.4);
  }
  70% {
    box-shadow: 0 0 0 35px rgba(200,181,235,0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(200,181,235,0);
  }
}
@-moz-keyframes pulse-chro-dark {
  0% {
    box-shadow: 0 0 0 0 rgba(158,124,219,0.4);
  }
  70% {
    box-shadow: 0 0 0 35px rgba(158,124,219,0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(158,124,219,0);
  }
}
@-webkit-keyframes pulse-chro-dark {
  0% {
    box-shadow: 0 0 0 0 rgba(158,124,219,0.4);
  }
  70% {
    box-shadow: 0 0 0 35px rgba(158,124,219,0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(158,124,219,0);
  }
}
@-o-keyframes pulse-chro-dark {
  0% {
    box-shadow: 0 0 0 0 rgba(158,124,219,0.4);
  }
  70% {
    box-shadow: 0 0 0 35px rgba(158,124,219,0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(158,124,219,0);
  }
}
@keyframes pulse-chro-dark {
  0% {
    box-shadow: 0 0 0 0 rgba(158,124,219,0.4);
  }
  70% {
    box-shadow: 0 0 0 35px rgba(158,124,219,0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(158,124,219,0);
  }
}
@-moz-keyframes pulse-cco {
  0% {
    box-shadow: 0 0 0 0 rgba(147,223,184,0.4);
  }
  70% {
    box-shadow: 0 0 0 35px rgba(147,223,184,0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(147,223,184,0);
  }
}
@-webkit-keyframes pulse-cco {
  0% {
    box-shadow: 0 0 0 0 rgba(147,223,184,0.4);
  }
  70% {
    box-shadow: 0 0 0 35px rgba(147,223,184,0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(147,223,184,0);
  }
}
@-o-keyframes pulse-cco {
  0% {
    box-shadow: 0 0 0 0 rgba(147,223,184,0.4);
  }
  70% {
    box-shadow: 0 0 0 35px rgba(147,223,184,0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(147,223,184,0);
  }
}
@keyframes pulse-cco {
  0% {
    box-shadow: 0 0 0 0 rgba(147,223,184,0.4);
  }
  70% {
    box-shadow: 0 0 0 35px rgba(147,223,184,0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(147,223,184,0);
  }
}
@-moz-keyframes pulse-cco-dark {
  0% {
    box-shadow: 0 0 0 0 rgba(64,198,129,0.4);
  }
  70% {
    box-shadow: 0 0 0 35px rgba(64,198,129,0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(64,198,129,0);
  }
}
@-webkit-keyframes pulse-cco-dark {
  0% {
    box-shadow: 0 0 0 0 rgba(64,198,129,0.4);
  }
  70% {
    box-shadow: 0 0 0 35px rgba(64,198,129,0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(64,198,129,0);
  }
}
@-o-keyframes pulse-cco-dark {
  0% {
    box-shadow: 0 0 0 0 rgba(64,198,129,0.4);
  }
  70% {
    box-shadow: 0 0 0 35px rgba(64,198,129,0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(64,198,129,0);
  }
}
@keyframes pulse-cco-dark {
  0% {
    box-shadow: 0 0 0 0 rgba(64,198,129,0.4);
  }
  70% {
    box-shadow: 0 0 0 35px rgba(64,198,129,0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(64,198,129,0);
  }
}
html,
body {
  height: 100%;
}
body {
  font-family: San Francisco;
  color: #535d65;
  font-size: 16px;
}
h1,
h2,
h3,
h4,
h5 {
  font-weight: 600;
  margin: 0.5em 0;
}
h1 {
  font-weight: 100;
  font-size: 3em;
}
h2 {
  font-size: 2.25em;
}
h3 {
  font-size: 1.5em;
}
h4 {
  font-size: 1.125em;
}
h5 {
  font-size: 1em;
}
a {
  text-decoration: none;
}
.products .productlogo svg {
  height: 75px;
}
.productlogo svg {
  height: 50px;
  display: block;
}
.productlogo.flat.blue svg path {
  fill: #7696c2;
}
.productlogo.flat.hc svg path {
  fill: #7696c2;
}
.productlogo.flat.dark svg path {
  fill: #535d65;
}
.productlogo.flat.white svg path {
  fill: #fff;
}
.productlogo.flat.gray svg path {
  fill: #eff0f1;
}
.productlogo.flat.slate svg path {
  fill: #bbc2c7;
}
.productlogo.flat.slate-dark svg path {
  fill: #535d65;
}
.productlogo.flat.green svg path {
  fill: #a3c276;
}
.productlogo.flat.purple svg path {
  fill: #9e7cdb;
}
.productlogo.flat.red svg path {
  fill: #dd9285;
}
.productlogo.flat.yellow svg path {
  fill: #eae9a6;
}
.productlogo.flat.orange svg path {
  fill: #ebc597;
}
.productlogo.flat.orange-dark svg path {
  fill: #d99f5a;
}
.productlogo.flat.pink svg path {
  fill: #f1bbd0;
}
.productlogo.flat.pink-dark svg path {
  fill: #e33277;
}
.productlogo.flat.aqua svg path {
  fill: #b6e4ed;
}
.productlogo.flat.aqua-dark svg path {
  fill: #7eb9c4;
}
.productlogo.flat.navy svg path {
  fill: #92a0c4;
}
.productlogo.flat.navy-dark svg path {
  fill: #2d4587;
}
.productlogo.flat.cto svg path {
  fill: #b5d8eb;
}
.productlogo.flat.cto-dark svg path {
  fill: #7696c2;
}
.productlogo.flat.cro svg path {
  fill: #eaa6a6;
}
.productlogo.flat.cro-dark svg path {
  fill: #da6262;
}
.productlogo.flat.chro svg path {
  fill: #c8b5eb;
}
.productlogo.flat.chro-dark svg path {
  fill: #9e7cdb;
}
.productlogo.flat.cco svg path {
  fill: #93dfb8;
}
.productlogo.flat.cco-dark svg path {
  fill: #40c681;
}
*[fill=blue] {
  background: #7696c2 !important;
  fill: #7696c2 !important;
}
*[color=blue] {
  color: #7696c2;
}
*[fill=hc] {
  background: #7696c2 !important;
  fill: #7696c2 !important;
}
*[color=hc] {
  color: #7696c2;
}
*[fill=dark] {
  background: #535d65 !important;
  fill: #535d65 !important;
}
*[color=dark] {
  color: #535d65;
}
*[fill=white] {
  background: #fff !important;
  fill: #fff !important;
}
*[color=white] {
  color: #fff;
}
*[fill=gray] {
  background: #eff0f1 !important;
  fill: #eff0f1 !important;
}
*[color=gray] {
  color: #eff0f1;
}
*[fill=slate] {
  background: #bbc2c7 !important;
  fill: #bbc2c7 !important;
}
*[color=slate] {
  color: #bbc2c7;
}
*[fill=slate-dark] {
  background: #535d65 !important;
  fill: #535d65 !important;
}
*[color=slate-dark] {
  color: #535d65;
}
*[fill=green] {
  background: #a3c276 !important;
  fill: #a3c276 !important;
}
*[color=green] {
  color: #a3c276;
}
*[fill=purple] {
  background: #9e7cdb !important;
  fill: #9e7cdb !important;
}
*[color=purple] {
  color: #9e7cdb;
}
*[fill=red] {
  background: #dd9285 !important;
  fill: #dd9285 !important;
}
*[color=red] {
  color: #dd9285;
}
*[fill=yellow] {
  background: #eae9a6 !important;
  fill: #eae9a6 !important;
}
*[color=yellow] {
  color: #eae9a6;
}
*[fill=orange] {
  background: #ebc597 !important;
  fill: #ebc597 !important;
}
*[color=orange] {
  color: #ebc597;
}
*[fill=orange-dark] {
  background: #d99f5a !important;
  fill: #d99f5a !important;
}
*[color=orange-dark] {
  color: #d99f5a;
}
*[fill=pink] {
  background: #f1bbd0 !important;
  fill: #f1bbd0 !important;
}
*[color=pink] {
  color: #f1bbd0;
}
*[fill=pink-dark] {
  background: #e33277 !important;
  fill: #e33277 !important;
}
*[color=pink-dark] {
  color: #e33277;
}
*[fill=aqua] {
  background: #b6e4ed !important;
  fill: #b6e4ed !important;
}
*[color=aqua] {
  color: #b6e4ed;
}
*[fill=aqua-dark] {
  background: #7eb9c4 !important;
  fill: #7eb9c4 !important;
}
*[color=aqua-dark] {
  color: #7eb9c4;
}
*[fill=navy] {
  background: #92a0c4 !important;
  fill: #92a0c4 !important;
}
*[color=navy] {
  color: #92a0c4;
}
*[fill=navy-dark] {
  background: #2d4587 !important;
  fill: #2d4587 !important;
}
*[color=navy-dark] {
  color: #2d4587;
}
*[fill=cto] {
  background: #b5d8eb !important;
  fill: #b5d8eb !important;
}
*[color=cto] {
  color: #b5d8eb;
}
*[fill=cto-dark] {
  background: #7696c2 !important;
  fill: #7696c2 !important;
}
*[color=cto-dark] {
  color: #7696c2;
}
*[fill=cro] {
  background: #eaa6a6 !important;
  fill: #eaa6a6 !important;
}
*[color=cro] {
  color: #eaa6a6;
}
*[fill=cro-dark] {
  background: #da6262 !important;
  fill: #da6262 !important;
}
*[color=cro-dark] {
  color: #da6262;
}
*[fill=chro] {
  background: #c8b5eb !important;
  fill: #c8b5eb !important;
}
*[color=chro] {
  color: #c8b5eb;
}
*[fill=chro-dark] {
  background: #9e7cdb !important;
  fill: #9e7cdb !important;
}
*[color=chro-dark] {
  color: #9e7cdb;
}
*[fill=cco] {
  background: #93dfb8 !important;
  fill: #93dfb8 !important;
}
*[color=cco] {
  color: #93dfb8;
}
*[fill=cco-dark] {
  background: #40c681 !important;
  fill: #40c681 !important;
}
*[color=cco-dark] {
  color: #40c681;
}
input {
  padding: 1.8em 2.2em;
  font-size: 0.85em;
  font-weight: 100;
  box-shadow: 0 0 15px 0 rgba(83,94,101,0.1);
  border: 0;
  border-radius: 5px;
}
input:focus {
  outline: none;
  color: #535d65;
}
input[type=email],
input[type=text],
input[type=password],
input[type=name] {
  transition: all 0.075s ease-in-out;
  margin: 0 2em;
  width: 50%;
  max-width: 400px;
  display: inline-block;
}
input[type=email]:focus,
input[type=text]:focus,
input[type=password]:focus,
input[type=name]:focus {
  transform: scale(1.025);
}
.button {
  padding: 1.8em 2.2em;
  display: inline-block;
  border-radius: 5px;
  transition: all 0.075s ease-in-out;
  margin: 2em;
  font-size: 0.85em;
}
.button:hover {
  transform: scale(1.025);
}
.button[fill=blue] {
  color: #fff;
  box-shadow: 0 0 15px rgba(0,0,0,0.1);
}
.button[fill=white],
.button[fill=gray] {
  color: #535d65;
}
.button[outline=blue] {
  box-shadow: inset 0 0 0 2px #7696c2;
  color: #7696c2;
}
.button[outline=slim] {
  box-shadow: inset 0 0 0 1px rgba(239,240,241,0.25);
  color: rgba(239,240,241,0.5);
  padding: 0.8em 1.2em;
  margin: 0;
}
.button[fill=hc] {
  color: #fff;
  box-shadow: 0 0 15px rgba(0,0,0,0.1);
}
.button[fill=white],
.button[fill=gray] {
  color: #535d65;
}
.button[outline=hc] {
  box-shadow: inset 0 0 0 2px #7696c2;
  color: #7696c2;
}
.button[outline=slim] {
  box-shadow: inset 0 0 0 1px rgba(239,240,241,0.25);
  color: rgba(239,240,241,0.5);
  padding: 0.8em 1.2em;
  margin: 0;
}
.button[fill=dark] {
  color: #fff;
  box-shadow: 0 0 15px rgba(0,0,0,0.1);
}
.button[fill=white],
.button[fill=gray] {
  color: #535d65;
}
.button[outline=dark] {
  box-shadow: inset 0 0 0 2px #535d65;
  color: #535d65;
}
.button[outline=slim] {
  box-shadow: inset 0 0 0 1px rgba(239,240,241,0.25);
  color: rgba(239,240,241,0.5);
  padding: 0.8em 1.2em;
  margin: 0;
}
.button[fill=white] {
  color: #fff;
  box-shadow: 0 0 15px rgba(0,0,0,0.1);
}
.button[fill=white],
.button[fill=gray] {
  color: #535d65;
}
.button[outline=white] {
  box-shadow: inset 0 0 0 2px #fff;
  color: #fff;
}
.button[outline=slim] {
  box-shadow: inset 0 0 0 1px rgba(239,240,241,0.25);
  color: rgba(239,240,241,0.5);
  padding: 0.8em 1.2em;
  margin: 0;
}
.button[fill=gray] {
  color: #fff;
  box-shadow: 0 0 15px rgba(0,0,0,0.1);
}
.button[fill=white],
.button[fill=gray] {
  color: #535d65;
}
.button[outline=gray] {
  box-shadow: inset 0 0 0 2px #eff0f1;
  color: #eff0f1;
}
.button[outline=slim] {
  box-shadow: inset 0 0 0 1px rgba(239,240,241,0.25);
  color: rgba(239,240,241,0.5);
  padding: 0.8em 1.2em;
  margin: 0;
}
.button[fill=slate] {
  color: #fff;
  box-shadow: 0 0 15px rgba(0,0,0,0.1);
}
.button[fill=white],
.button[fill=gray] {
  color: #535d65;
}
.button[outline=slate] {
  box-shadow: inset 0 0 0 2px #bbc2c7;
  color: #bbc2c7;
}
.button[outline=slim] {
  box-shadow: inset 0 0 0 1px rgba(239,240,241,0.25);
  color: rgba(239,240,241,0.5);
  padding: 0.8em 1.2em;
  margin: 0;
}
.button[fill=slate-dark] {
  color: #fff;
  box-shadow: 0 0 15px rgba(0,0,0,0.1);
}
.button[fill=white],
.button[fill=gray] {
  color: #535d65;
}
.button[outline=slate-dark] {
  box-shadow: inset 0 0 0 2px #535d65;
  color: #535d65;
}
.button[outline=slim] {
  box-shadow: inset 0 0 0 1px rgba(239,240,241,0.25);
  color: rgba(239,240,241,0.5);
  padding: 0.8em 1.2em;
  margin: 0;
}
.button[fill=green] {
  color: #fff;
  box-shadow: 0 0 15px rgba(0,0,0,0.1);
}
.button[fill=white],
.button[fill=gray] {
  color: #535d65;
}
.button[outline=green] {
  box-shadow: inset 0 0 0 2px #a3c276;
  color: #a3c276;
}
.button[outline=slim] {
  box-shadow: inset 0 0 0 1px rgba(239,240,241,0.25);
  color: rgba(239,240,241,0.5);
  padding: 0.8em 1.2em;
  margin: 0;
}
.button[fill=purple] {
  color: #fff;
  box-shadow: 0 0 15px rgba(0,0,0,0.1);
}
.button[fill=white],
.button[fill=gray] {
  color: #535d65;
}
.button[outline=purple] {
  box-shadow: inset 0 0 0 2px #9e7cdb;
  color: #9e7cdb;
}
.button[outline=slim] {
  box-shadow: inset 0 0 0 1px rgba(239,240,241,0.25);
  color: rgba(239,240,241,0.5);
  padding: 0.8em 1.2em;
  margin: 0;
}
.button[fill=red] {
  color: #fff;
  box-shadow: 0 0 15px rgba(0,0,0,0.1);
}
.button[fill=white],
.button[fill=gray] {
  color: #535d65;
}
.button[outline=red] {
  box-shadow: inset 0 0 0 2px #dd9285;
  color: #dd9285;
}
.button[outline=slim] {
  box-shadow: inset 0 0 0 1px rgba(239,240,241,0.25);
  color: rgba(239,240,241,0.5);
  padding: 0.8em 1.2em;
  margin: 0;
}
.button[fill=yellow] {
  color: #fff;
  box-shadow: 0 0 15px rgba(0,0,0,0.1);
}
.button[fill=white],
.button[fill=gray] {
  color: #535d65;
}
.button[outline=yellow] {
  box-shadow: inset 0 0 0 2px #eae9a6;
  color: #eae9a6;
}
.button[outline=slim] {
  box-shadow: inset 0 0 0 1px rgba(239,240,241,0.25);
  color: rgba(239,240,241,0.5);
  padding: 0.8em 1.2em;
  margin: 0;
}
.button[fill=orange] {
  color: #fff;
  box-shadow: 0 0 15px rgba(0,0,0,0.1);
}
.button[fill=white],
.button[fill=gray] {
  color: #535d65;
}
.button[outline=orange] {
  box-shadow: inset 0 0 0 2px #ebc597;
  color: #ebc597;
}
.button[outline=slim] {
  box-shadow: inset 0 0 0 1px rgba(239,240,241,0.25);
  color: rgba(239,240,241,0.5);
  padding: 0.8em 1.2em;
  margin: 0;
}
.button[fill=orange-dark] {
  color: #fff;
  box-shadow: 0 0 15px rgba(0,0,0,0.1);
}
.button[fill=white],
.button[fill=gray] {
  color: #535d65;
}
.button[outline=orange-dark] {
  box-shadow: inset 0 0 0 2px #d99f5a;
  color: #d99f5a;
}
.button[outline=slim] {
  box-shadow: inset 0 0 0 1px rgba(239,240,241,0.25);
  color: rgba(239,240,241,0.5);
  padding: 0.8em 1.2em;
  margin: 0;
}
.button[fill=pink] {
  color: #fff;
  box-shadow: 0 0 15px rgba(0,0,0,0.1);
}
.button[fill=white],
.button[fill=gray] {
  color: #535d65;
}
.button[outline=pink] {
  box-shadow: inset 0 0 0 2px #f1bbd0;
  color: #f1bbd0;
}
.button[outline=slim] {
  box-shadow: inset 0 0 0 1px rgba(239,240,241,0.25);
  color: rgba(239,240,241,0.5);
  padding: 0.8em 1.2em;
  margin: 0;
}
.button[fill=pink-dark] {
  color: #fff;
  box-shadow: 0 0 15px rgba(0,0,0,0.1);
}
.button[fill=white],
.button[fill=gray] {
  color: #535d65;
}
.button[outline=pink-dark] {
  box-shadow: inset 0 0 0 2px #e33277;
  color: #e33277;
}
.button[outline=slim] {
  box-shadow: inset 0 0 0 1px rgba(239,240,241,0.25);
  color: rgba(239,240,241,0.5);
  padding: 0.8em 1.2em;
  margin: 0;
}
.button[fill=aqua] {
  color: #fff;
  box-shadow: 0 0 15px rgba(0,0,0,0.1);
}
.button[fill=white],
.button[fill=gray] {
  color: #535d65;
}
.button[outline=aqua] {
  box-shadow: inset 0 0 0 2px #b6e4ed;
  color: #b6e4ed;
}
.button[outline=slim] {
  box-shadow: inset 0 0 0 1px rgba(239,240,241,0.25);
  color: rgba(239,240,241,0.5);
  padding: 0.8em 1.2em;
  margin: 0;
}
.button[fill=aqua-dark] {
  color: #fff;
  box-shadow: 0 0 15px rgba(0,0,0,0.1);
}
.button[fill=white],
.button[fill=gray] {
  color: #535d65;
}
.button[outline=aqua-dark] {
  box-shadow: inset 0 0 0 2px #7eb9c4;
  color: #7eb9c4;
}
.button[outline=slim] {
  box-shadow: inset 0 0 0 1px rgba(239,240,241,0.25);
  color: rgba(239,240,241,0.5);
  padding: 0.8em 1.2em;
  margin: 0;
}
.button[fill=navy] {
  color: #fff;
  box-shadow: 0 0 15px rgba(0,0,0,0.1);
}
.button[fill=white],
.button[fill=gray] {
  color: #535d65;
}
.button[outline=navy] {
  box-shadow: inset 0 0 0 2px #92a0c4;
  color: #92a0c4;
}
.button[outline=slim] {
  box-shadow: inset 0 0 0 1px rgba(239,240,241,0.25);
  color: rgba(239,240,241,0.5);
  padding: 0.8em 1.2em;
  margin: 0;
}
.button[fill=navy-dark] {
  color: #fff;
  box-shadow: 0 0 15px rgba(0,0,0,0.1);
}
.button[fill=white],
.button[fill=gray] {
  color: #535d65;
}
.button[outline=navy-dark] {
  box-shadow: inset 0 0 0 2px #2d4587;
  color: #2d4587;
}
.button[outline=slim] {
  box-shadow: inset 0 0 0 1px rgba(239,240,241,0.25);
  color: rgba(239,240,241,0.5);
  padding: 0.8em 1.2em;
  margin: 0;
}
.button[fill=cto] {
  color: #fff;
  box-shadow: 0 0 15px rgba(0,0,0,0.1);
}
.button[fill=white],
.button[fill=gray] {
  color: #535d65;
}
.button[outline=cto] {
  box-shadow: inset 0 0 0 2px #b5d8eb;
  color: #b5d8eb;
}
.button[outline=slim] {
  box-shadow: inset 0 0 0 1px rgba(239,240,241,0.25);
  color: rgba(239,240,241,0.5);
  padding: 0.8em 1.2em;
  margin: 0;
}
.button[fill=cto-dark] {
  color: #fff;
  box-shadow: 0 0 15px rgba(0,0,0,0.1);
}
.button[fill=white],
.button[fill=gray] {
  color: #535d65;
}
.button[outline=cto-dark] {
  box-shadow: inset 0 0 0 2px #7696c2;
  color: #7696c2;
}
.button[outline=slim] {
  box-shadow: inset 0 0 0 1px rgba(239,240,241,0.25);
  color: rgba(239,240,241,0.5);
  padding: 0.8em 1.2em;
  margin: 0;
}
.button[fill=cro] {
  color: #fff;
  box-shadow: 0 0 15px rgba(0,0,0,0.1);
}
.button[fill=white],
.button[fill=gray] {
  color: #535d65;
}
.button[outline=cro] {
  box-shadow: inset 0 0 0 2px #eaa6a6;
  color: #eaa6a6;
}
.button[outline=slim] {
  box-shadow: inset 0 0 0 1px rgba(239,240,241,0.25);
  color: rgba(239,240,241,0.5);
  padding: 0.8em 1.2em;
  margin: 0;
}
.button[fill=cro-dark] {
  color: #fff;
  box-shadow: 0 0 15px rgba(0,0,0,0.1);
}
.button[fill=white],
.button[fill=gray] {
  color: #535d65;
}
.button[outline=cro-dark] {
  box-shadow: inset 0 0 0 2px #da6262;
  color: #da6262;
}
.button[outline=slim] {
  box-shadow: inset 0 0 0 1px rgba(239,240,241,0.25);
  color: rgba(239,240,241,0.5);
  padding: 0.8em 1.2em;
  margin: 0;
}
.button[fill=chro] {
  color: #fff;
  box-shadow: 0 0 15px rgba(0,0,0,0.1);
}
.button[fill=white],
.button[fill=gray] {
  color: #535d65;
}
.button[outline=chro] {
  box-shadow: inset 0 0 0 2px #c8b5eb;
  color: #c8b5eb;
}
.button[outline=slim] {
  box-shadow: inset 0 0 0 1px rgba(239,240,241,0.25);
  color: rgba(239,240,241,0.5);
  padding: 0.8em 1.2em;
  margin: 0;
}
.button[fill=chro-dark] {
  color: #fff;
  box-shadow: 0 0 15px rgba(0,0,0,0.1);
}
.button[fill=white],
.button[fill=gray] {
  color: #535d65;
}
.button[outline=chro-dark] {
  box-shadow: inset 0 0 0 2px #9e7cdb;
  color: #9e7cdb;
}
.button[outline=slim] {
  box-shadow: inset 0 0 0 1px rgba(239,240,241,0.25);
  color: rgba(239,240,241,0.5);
  padding: 0.8em 1.2em;
  margin: 0;
}
.button[fill=cco] {
  color: #fff;
  box-shadow: 0 0 15px rgba(0,0,0,0.1);
}
.button[fill=white],
.button[fill=gray] {
  color: #535d65;
}
.button[outline=cco] {
  box-shadow: inset 0 0 0 2px #93dfb8;
  color: #93dfb8;
}
.button[outline=slim] {
  box-shadow: inset 0 0 0 1px rgba(239,240,241,0.25);
  color: rgba(239,240,241,0.5);
  padding: 0.8em 1.2em;
  margin: 0;
}
.button[fill=cco-dark] {
  color: #fff;
  box-shadow: 0 0 15px rgba(0,0,0,0.1);
}
.button[fill=white],
.button[fill=gray] {
  color: #535d65;
}
.button[outline=cco-dark] {
  box-shadow: inset 0 0 0 2px #40c681;
  color: #40c681;
}
.button[outline=slim] {
  box-shadow: inset 0 0 0 1px rgba(239,240,241,0.25);
  color: rgba(239,240,241,0.5);
  padding: 0.8em 1.2em;
  margin: 0;
}
p {
  margin: 2em 0;
  line-height: 1.5em;
}
.row {
  display: flex;
  text-align: left;
  width: 100%;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  align-items: flex-start;
  position: relative;
}
.row .col {
  margin: 0 2em;
  position: relative;
}
.row .col p {
  margin: 1.2em 0;
}
.row .col.full {
  width: 100%;
}
.row .col.half {
  width: 50%;
}
.row .col.twothirds {
  width: 66.66%;
}
.row .col.third {
  width: 33.33%;
}
.row .col.fourth {
  width: 25%;
}
.row .col.threefourths {
  width: 75%;
}
.box {
  background: #fff;
  box-shadow: 0 0 15px rgba(0,0,0,0.1);
  border-radius: 5px;
  padding: 2em;
}
.box.sm {
  display: inline-block;
}
.box.sm i {
  margin-right: 0.5em;
}
header {
  position: relative;
  text-align: center;
  height: 550px;
  color: #fff;
}
header #header-body {
  margin-top: 25px;
  margin-bottom: 25px;
}
header.blue {
  background: linear-gradient(-180deg, #398cff 20%, rgba(176,160,79,0.1) 100%);
}
header.blue .pattern span {
  box-shadow: 0 0 50px 0 rgba(118,150,194,0.25);
}
header.hc {
  background: linear-gradient(-180deg, #398cff 20%, rgba(176,160,79,0.1) 100%);
}
header.hc .pattern span {
  box-shadow: 0 0 50px 0 rgba(118,150,194,0.25);
}
header.dark {
  background: linear-gradient(-180deg, #0066b8 20%, rgba(140,136,115,0.1) 100%);
}
header.dark .pattern span {
  box-shadow: 0 0 50px 0 rgba(83,93,101,0.25);
}
header.white {
  background: linear-gradient(-180deg, #fff 20%, rgba(128,128,128,0.1) 100%);
}
header.white .pattern span {
  box-shadow: 0 0 50px 0 rgba(255,255,255,0.25);
}
header.gray {
  background: linear-gradient(-180deg, #e1f0ff 20%, rgba(136,136,119,0.1) 100%);
}
header.gray .pattern span {
  box-shadow: 0 0 50px 0 rgba(239,240,241,0.25);
}
header.slate {
  background: linear-gradient(-180deg, #83cbff 20%, rgba(140,136,115,0.1) 100%);
}
header.slate .pattern span {
  box-shadow: 0 0 50px 0 rgba(187,194,199,0.25);
}
header.slate-dark {
  background: linear-gradient(-180deg, #0066b8 20%, rgba(140,136,115,0.1) 100%);
}
header.slate-dark .pattern span {
  box-shadow: 0 0 50px 0 rgba(83,93,101,0.25);
}
header.green {
  background: linear-gradient(-180deg, #aeff39 20%, rgba(176,160,79,0.1) 100%);
}
header.green .pattern span {
  box-shadow: 0 0 50px 0 rgba(163,194,118,0.25);
}
header.purple {
  background: linear-gradient(-180deg, #9458ff 20%, rgba(200,176,55,0.1) 100%);
}
header.purple .pattern span {
  box-shadow: 0 0 50px 0 rgba(158,124,219,0.25);
}
header.red {
  background: linear-gradient(-180deg, #ff7a63 20%, rgba(199,175,56,0.1) 100%);
}
header.red .pattern span {
  box-shadow: 0 0 50px 0 rgba(221,146,133,0.25);
}
header.yellow {
  background: linear-gradient(-180deg, #fffd91 20%, rgba(206,181,49,0.1) 100%);
}
header.yellow .pattern span {
  box-shadow: 0 0 50px 0 rgba(234,233,166,0.25);
}
header.orange {
  background: linear-gradient(-180deg, #ffc783 20%, rgba(214,185,41,0.1) 100%);
}
header.orange .pattern span {
  box-shadow: 0 0 50px 0 rgba(235,197,151,0.25);
}
header.orange-dark {
  background: linear-gradient(-180deg, #ffa234 20%, rgba(207,181,48,0.1) 100%);
}
header.orange-dark .pattern span {
  box-shadow: 0 0 50px 0 rgba(217,159,90,0.25);
}
header.pink {
  background: linear-gradient(-180deg, #ffadcd 20%, rgba(211,183,44,0.1) 100%);
}
header.pink .pattern span {
  box-shadow: 0 0 50px 0 rgba(241,187,208,0.25);
}
header.pink-dark {
  background: linear-gradient(-180deg, #ff1671 20%, rgba(224,193,31,0.1) 100%);
}
header.pink-dark .pattern span {
  box-shadow: 0 0 50px 0 rgba(227,50,119,0.25);
}
header.aqua {
  background: linear-gradient(-180deg, #a4f0ff 20%, rgba(205,179,50,0.1) 100%);
}
header.aqua .pattern span {
  box-shadow: 0 0 50px 0 rgba(182,228,237,0.25);
}
header.aqua-dark {
  background: linear-gradient(-180deg, #43e1ff 20%, rgba(175,159,80,0.1) 100%);
}
header.aqua-dark .pattern span {
  box-shadow: 0 0 50px 0 rgba(126,185,196,0.25);
}
header.navy {
  background: linear-gradient(-180deg, #5786ff 20%, rgba(165,153,90,0.1) 100%);
}
header.navy .pattern span {
  box-shadow: 0 0 50px 0 rgba(146,160,196,0.25);
}
header.navy-dark {
  background: linear-gradient(-180deg, #0030b4 20%, rgba(191,170,64,0.1) 100%);
}
header.navy-dark .pattern span {
  box-shadow: 0 0 50px 0 rgba(45,69,135,0.25);
}
header.cto {
  background: linear-gradient(-180deg, #1aaeff 0%, #f7fbfd 100%);
}
header.cto .pattern span {
  box-shadow: 0 0 50px 0 rgba(181,216,235,0.25);
}
header.cto-dark {
  background: linear-gradient(-180deg, #398cff 20%, rgba(176,160,79,0.1) 100%);
}
header.cto-dark .pattern span {
  box-shadow: 0 0 50px 0 rgba(118,150,194,0.25);
}
header.cro {
  background: linear-gradient(-180deg, #ff9191 20%, rgba(206,181,49,0.1) 100%);
}
header.cro .pattern span {
  box-shadow: 0 0 50px 0 rgba(234,166,166,0.25);
}
header.cro-dark {
  background: linear-gradient(-180deg, #ff3d3d 20%, rgba(206,180,49,0.1) 100%);
}
header.cro-dark .pattern span {
  box-shadow: 0 0 50px 0 rgba(218,98,98,0.25);
}
header.chro {
  background: linear-gradient(-180deg, #c2a1ff 20%, rgba(201,176,54,0.1) 100%);
}
header.chro .pattern span {
  box-shadow: 0 0 50px 0 rgba(200,181,235,0.25);
}
header.chro-dark {
  background: linear-gradient(-180deg, #9458ff 20%, rgba(200,176,55,0.1) 100%);
}
header.chro-dark .pattern span {
  box-shadow: 0 0 50px 0 rgba(158,124,219,0.25);
}
header.cco {
  background: #8be7b8;
}
header.cco .pattern span {
  box-shadow: 0 0 50px 0 rgba(147,223,184,0.25);
}
header.cco-dark {
  background: linear-gradient(-180deg, #07ff7f 20%, rgba(196,174,59,0.1) 100%);
}
header.cco-dark .pattern span {
  box-shadow: 0 0 50px 0 rgba(64,198,129,0.25);
}
header .pattern {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0 !important;
  background: url("img/pattern.png");
  background-size: 128px;
}
header .pattern > * {
  position: absolute;
}
header .pattern span {
  left: 0;
  right: 0;
  top: 0;
  background: rgba(255,255,255,0.15);
}
header .pattern span:first-child {
  height: 100%;
  transform-origin: left top;
  transform: skewY(20deg);
  top: 25px;
}
header .pattern span:nth-child(2) {
  height: 100%;
  transform-origin: left top;
  transform: skewY(-30deg);
}
header .pattern span:last-child {
  height: 150%;
  transform-origin: left bottom;
  transform: skewY(-35deg);
}
header * {
  z-index: 1;
  position: relative;
}
header nav {
  display: flex;
  align-items: center;
  width: 100%;
  color: #fff;
  text-transform: uppercase;
  font-size: 0.85em;
  font-weight: 600;
}
header nav ul {
  margin: 0 2em;
  flex: 1;
}
header nav ul.dropdown {
  display: none;
}
header nav ul.products {
  text-align: left;
}
header nav ul.products li .productlogo svg {
  height: 30px;
}
header nav ul.nav {
  text-align: right;
}
header nav ul li {
  display: inline-block;
  padding: 0 25px;
}
header nav ul li a {
  color: #fff;
}
header h1 {
  flex: none;
  text-shadow: 2px 2px 3px rgba(0,0,0,0.3);
}
header h3 {
  text-shadow: 2px 2px 3px rgba(0,0,0,0.3);
}
header p {
  max-width: 700px;
  margin: auto;
  text-shadow: 0 0 25px rgba(83,94,101,0.25);
}
section.container {
  position: relative;
  padding: 3em 0;
}
section.container p {
  max-width: 700px;
  margin: auto;
}
section.container p.intro {
  text-align: center;
  margin-bottom: 3em;
}
section.container p.page {
  margin-bottom: 3em;
}
section.container ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
section.container#page {
  padding-top: 8em;
  padding-bottom: 4em !important;
}
section.container#intro {
  padding-top: 8em;
  padding-bottom: 0 !important;
}
section.container#intro .productlogo.giant {
  position: relative;
  z-index: 3 !important;
  top: -90px;
  margin-bottom: -50px;
}
section.container#intro .productlogo.giant svg,
section.container#intro .productlogo.giant img {
  display: block;
  margin: -195px auto 0 auto;
  height: 182px;
  z-index: 4 !important;
}
section.container#intro .productlogo.giant svg.holding,
section.container#intro .productlogo.giant img.holding {
  height: 248px;
  z-index: 2 !important;
}
section.container#intro .row.gfx {
  margin: 0 auto;
}
section.container#intro .row.gfx img {
  line-height: 0;
  display: block;
  max-width: 100%;
}
section.container#intro.blue .grid {
  border-top: 2px solid rgba(118,150,194,0.1);
  margin-top: 0;
}
section.container#intro.blue .grid .row {
  margin: 0 auto;
  padding: 0 2em;
  max-width: 100%;
  flex-wrap: wrap;
  align-items: center;
}
section.container#intro.blue .grid .row .col {
  margin: 0;
  padding: 3em 2em;
  border: none;
}
section.container#intro.blue .grid.products .row {
  padding-bottom: 1.1em;
}
section.container#intro.blue .grid.features .row {
  justify-content: space-around;
}
section.container#intro.blue .grid.features .row.blue {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(118,150,194,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(118,150,194,0.2);
}
section.container#intro.blue .grid.features .row.hc {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(118,150,194,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(118,150,194,0.2);
}
section.container#intro.blue .grid.features .row.dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(83,93,101,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(83,93,101,0.2);
}
section.container#intro.blue .grid.features .row.white {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(255,255,255,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(255,255,255,0.2);
}
section.container#intro.blue .grid.features .row.gray {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(239,240,241,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(239,240,241,0.2);
}
section.container#intro.blue .grid.features .row.slate {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(187,194,199,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(187,194,199,0.2);
}
section.container#intro.blue .grid.features .row.slate-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(83,93,101,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(83,93,101,0.2);
}
section.container#intro.blue .grid.features .row.green {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(163,194,118,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(163,194,118,0.2);
}
section.container#intro.blue .grid.features .row.purple {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(158,124,219,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(158,124,219,0.2);
}
section.container#intro.blue .grid.features .row.red {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(221,146,133,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(221,146,133,0.2);
}
section.container#intro.blue .grid.features .row.yellow {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(234,233,166,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(234,233,166,0.2);
}
section.container#intro.blue .grid.features .row.orange {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(235,197,151,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(235,197,151,0.2);
}
section.container#intro.blue .grid.features .row.orange-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(217,159,90,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(217,159,90,0.2);
}
section.container#intro.blue .grid.features .row.pink {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(241,187,208,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(241,187,208,0.2);
}
section.container#intro.blue .grid.features .row.pink-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(227,50,119,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(227,50,119,0.2);
}
section.container#intro.blue .grid.features .row.aqua {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(182,228,237,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(182,228,237,0.2);
}
section.container#intro.blue .grid.features .row.aqua-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(126,185,196,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(126,185,196,0.2);
}
section.container#intro.blue .grid.features .row.navy {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(146,160,196,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(146,160,196,0.2);
}
section.container#intro.blue .grid.features .row.navy-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(45,69,135,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(45,69,135,0.2);
}
section.container#intro.blue .grid.features .row.cto {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(181,216,235,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(181,216,235,0.2);
}
section.container#intro.blue .grid.features .row.cto-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(118,150,194,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(118,150,194,0.2);
}
section.container#intro.blue .grid.features .row.cro {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(234,166,166,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(234,166,166,0.2);
}
section.container#intro.blue .grid.features .row.cro-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(218,98,98,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(218,98,98,0.2);
}
section.container#intro.blue .grid.features .row.chro {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(200,181,235,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(200,181,235,0.2);
}
section.container#intro.blue .grid.features .row.chro-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(158,124,219,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(158,124,219,0.2);
}
section.container#intro.blue .grid.features .row.cco {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(147,223,184,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(147,223,184,0.2);
}
section.container#intro.blue .grid.features .row.cco-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(64,198,129,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(64,198,129,0.2);
}
section.container#intro.blue .grid.features .row:last-child {
  border-bottom: none;
}
section.container#intro.blue .grid.features .row:nth-of-type(even) .col.img {
  order: 2;
  padding-right: 0;
  padding-left: 5em;
}
section.container#intro.blue .grid.features .row .col {
  padding: 6em 0;
}
section.container#intro.blue .grid.features .row .col.blue h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #7696c2;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.blue .grid.features .row .col.hc h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #7696c2;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.blue .grid.features .row .col.dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #535d65;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.blue .grid.features .row .col.white h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #fff;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.blue .grid.features .row .col.gray h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #eff0f1;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.blue .grid.features .row .col.slate h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #bbc2c7;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.blue .grid.features .row .col.slate-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #535d65;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.blue .grid.features .row .col.green h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #a3c276;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.blue .grid.features .row .col.purple h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #9e7cdb;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.blue .grid.features .row .col.red h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #dd9285;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.blue .grid.features .row .col.yellow h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #eae9a6;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.blue .grid.features .row .col.orange h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #ebc597;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.blue .grid.features .row .col.orange-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #d99f5a;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.blue .grid.features .row .col.pink h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #f1bbd0;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.blue .grid.features .row .col.pink-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #e33277;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.blue .grid.features .row .col.aqua h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #b6e4ed;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.blue .grid.features .row .col.aqua-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #7eb9c4;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.blue .grid.features .row .col.navy h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #92a0c4;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.blue .grid.features .row .col.navy-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #2d4587;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.blue .grid.features .row .col.cto h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #b5d8eb;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.blue .grid.features .row .col.cto-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #7696c2;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.blue .grid.features .row .col.cro h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #eaa6a6;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.blue .grid.features .row .col.cro-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #da6262;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.blue .grid.features .row .col.chro h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #c8b5eb;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.blue .grid.features .row .col.chro-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #9e7cdb;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.blue .grid.features .row .col.cco h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #93dfb8;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.blue .grid.features .row .col.cco-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #40c681;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.blue .grid.features .row .col.img {
  flex: none;
  padding-right: 5em;
}
section.container#intro.blue .grid.features .row .col.img .pulse {
  width: 200px;
  height: 200px;
  border-radius: 100%;
  display: flex;
  position: relative;
}
section.container#intro.blue .grid.features .row .col.img .pulse img {
  position: absolute;
  width: 260px;
  height: 220px;
  left: -32px;
  top: -12px;
}
section.container#intro.blue .grid.features .row .col.img .pulse.blue {
  animation: 'pulse-blue' 2s infinite;
  border: 2px solid #7696c2;
  background: rgba(118,150,194,0.05);
}
section.container#intro.blue .grid.features .row .col.img .pulse.hc {
  animation: 'pulse-hc' 2s infinite;
  border: 2px solid #7696c2;
  background: rgba(118,150,194,0.05);
}
section.container#intro.blue .grid.features .row .col.img .pulse.dark {
  animation: 'pulse-dark' 2s infinite;
  border: 2px solid #535d65;
  background: rgba(83,93,101,0.05);
}
section.container#intro.blue .grid.features .row .col.img .pulse.white {
  animation: 'pulse-white' 2s infinite;
  border: 2px solid #fff;
  background: rgba(255,255,255,0.05);
}
section.container#intro.blue .grid.features .row .col.img .pulse.gray {
  animation: 'pulse-gray' 2s infinite;
  border: 2px solid #eff0f1;
  background: rgba(239,240,241,0.05);
}
section.container#intro.blue .grid.features .row .col.img .pulse.slate {
  animation: 'pulse-slate' 2s infinite;
  border: 2px solid #bbc2c7;
  background: rgba(187,194,199,0.05);
}
section.container#intro.blue .grid.features .row .col.img .pulse.slate-dark {
  animation: 'pulse-slate-dark' 2s infinite;
  border: 2px solid #535d65;
  background: rgba(83,93,101,0.05);
}
section.container#intro.blue .grid.features .row .col.img .pulse.green {
  animation: 'pulse-green' 2s infinite;
  border: 2px solid #a3c276;
  background: rgba(163,194,118,0.05);
}
section.container#intro.blue .grid.features .row .col.img .pulse.purple {
  animation: 'pulse-purple' 2s infinite;
  border: 2px solid #9e7cdb;
  background: rgba(158,124,219,0.05);
}
section.container#intro.blue .grid.features .row .col.img .pulse.red {
  animation: 'pulse-red' 2s infinite;
  border: 2px solid #dd9285;
  background: rgba(221,146,133,0.05);
}
section.container#intro.blue .grid.features .row .col.img .pulse.yellow {
  animation: 'pulse-yellow' 2s infinite;
  border: 2px solid #eae9a6;
  background: rgba(234,233,166,0.05);
}
section.container#intro.blue .grid.features .row .col.img .pulse.orange {
  animation: 'pulse-orange' 2s infinite;
  border: 2px solid #ebc597;
  background: rgba(235,197,151,0.05);
}
section.container#intro.blue .grid.features .row .col.img .pulse.orange-dark {
  animation: 'pulse-orange-dark' 2s infinite;
  border: 2px solid #d99f5a;
  background: rgba(217,159,90,0.05);
}
section.container#intro.blue .grid.features .row .col.img .pulse.pink {
  animation: 'pulse-pink' 2s infinite;
  border: 2px solid #f1bbd0;
  background: rgba(241,187,208,0.05);
}
section.container#intro.blue .grid.features .row .col.img .pulse.pink-dark {
  animation: 'pulse-pink-dark' 2s infinite;
  border: 2px solid #e33277;
  background: rgba(227,50,119,0.05);
}
section.container#intro.blue .grid.features .row .col.img .pulse.aqua {
  animation: 'pulse-aqua' 2s infinite;
  border: 2px solid #b6e4ed;
  background: rgba(182,228,237,0.05);
}
section.container#intro.blue .grid.features .row .col.img .pulse.aqua-dark {
  animation: 'pulse-aqua-dark' 2s infinite;
  border: 2px solid #7eb9c4;
  background: rgba(126,185,196,0.05);
}
section.container#intro.blue .grid.features .row .col.img .pulse.navy {
  animation: 'pulse-navy' 2s infinite;
  border: 2px solid #92a0c4;
  background: rgba(146,160,196,0.05);
}
section.container#intro.blue .grid.features .row .col.img .pulse.navy-dark {
  animation: 'pulse-navy-dark' 2s infinite;
  border: 2px solid #2d4587;
  background: rgba(45,69,135,0.05);
}
section.container#intro.blue .grid.features .row .col.img .pulse.cto {
  animation: 'pulse-cto' 2s infinite;
  border: 2px solid #b5d8eb;
  background: rgba(181,216,235,0.05);
}
section.container#intro.blue .grid.features .row .col.img .pulse.cto-dark {
  animation: 'pulse-cto-dark' 2s infinite;
  border: 2px solid #7696c2;
  background: rgba(118,150,194,0.05);
}
section.container#intro.blue .grid.features .row .col.img .pulse.cro {
  animation: 'pulse-cro' 2s infinite;
  border: 2px solid #eaa6a6;
  background: rgba(234,166,166,0.05);
}
section.container#intro.blue .grid.features .row .col.img .pulse.cro-dark {
  animation: 'pulse-cro-dark' 2s infinite;
  border: 2px solid #da6262;
  background: rgba(218,98,98,0.05);
}
section.container#intro.blue .grid.features .row .col.img .pulse.chro {
  animation: 'pulse-chro' 2s infinite;
  border: 2px solid #c8b5eb;
  background: rgba(200,181,235,0.05);
}
section.container#intro.blue .grid.features .row .col.img .pulse.chro-dark {
  animation: 'pulse-chro-dark' 2s infinite;
  border: 2px solid #9e7cdb;
  background: rgba(158,124,219,0.05);
}
section.container#intro.blue .grid.features .row .col.img .pulse.cco {
  animation: 'pulse-cco' 2s infinite;
  border: 2px solid #93dfb8;
  background: rgba(147,223,184,0.05);
}
section.container#intro.blue .grid.features .row .col.img .pulse.cco-dark {
  animation: 'pulse-cco-dark' 2s infinite;
  border: 2px solid #40c681;
  background: rgba(64,198,129,0.05);
}
section.container#intro.blue .grid.features .row .col.featureitem {
  flex: auto;
  width: 50%;
  max-width: 1100px;
}
section.container#intro.blue .grid.features .row .col .row {
  align-items: stretch;
  margin: 0;
  padding: 0;
}
section.container#intro.blue .grid.features .row .col .row .col {
  padding: 0 0 0 0;
}
section.container#intro.blue .grid.features .row .col .row .col:nth-child(odd) {
  padding: 0 2em 0 0;
}
section.container#intro.blue .grid.features .row .col .row .col:nth-child(even) {
  padding: 0 0 0 2em;
}
section.container#intro.blue .grid.features .row .col .row .col i {
  margin-right: 0.5em;
}
section.container#intro.blue .grid.features .row .col .row .col p {
  margin-top: 0;
}
section.container#intro.hc .grid {
  border-top: none;
  margin-top: 7em;
}
section.container#intro.hc .grid .row {
  margin: 0 auto;
  padding: 0 2em;
  max-width: 1200px;
  flex-wrap: wrap;
  align-items: center;
}
section.container#intro.hc .grid .row .col {
  margin: 0;
  padding: 3em 2em;
  border: 1px solid rgba(255,255,255,0.05);
  display: block;
}
section.container#intro.hc .grid .row .col:first-child,
section.container#intro.hc .grid .row .col:nth-child(2) {
  border-top: none;
}
section.container#intro.hc .grid .row .col:nth-child(3),
section.container#intro.hc .grid .row .col:last-child {
  border-bottom: none;
}
section.container#intro.hc .grid .row .col:nth-child(odd) {
  border-left: none;
}
section.container#intro.hc .grid .row .col:nth-child(even) {
  border-right: none;
}
section.container#intro.hc .grid.products .row {
  padding-bottom: 1.1em;
}
section.container#intro.hc .grid.features .row {
  justify-content: space-around;
}
section.container#intro.hc .grid.features .row.blue {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(118,150,194,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(118,150,194,0.2);
}
section.container#intro.hc .grid.features .row.hc {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(118,150,194,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(118,150,194,0.2);
}
section.container#intro.hc .grid.features .row.dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(83,93,101,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(83,93,101,0.2);
}
section.container#intro.hc .grid.features .row.white {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(255,255,255,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(255,255,255,0.2);
}
section.container#intro.hc .grid.features .row.gray {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(239,240,241,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(239,240,241,0.2);
}
section.container#intro.hc .grid.features .row.slate {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(187,194,199,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(187,194,199,0.2);
}
section.container#intro.hc .grid.features .row.slate-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(83,93,101,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(83,93,101,0.2);
}
section.container#intro.hc .grid.features .row.green {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(163,194,118,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(163,194,118,0.2);
}
section.container#intro.hc .grid.features .row.purple {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(158,124,219,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(158,124,219,0.2);
}
section.container#intro.hc .grid.features .row.red {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(221,146,133,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(221,146,133,0.2);
}
section.container#intro.hc .grid.features .row.yellow {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(234,233,166,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(234,233,166,0.2);
}
section.container#intro.hc .grid.features .row.orange {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(235,197,151,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(235,197,151,0.2);
}
section.container#intro.hc .grid.features .row.orange-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(217,159,90,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(217,159,90,0.2);
}
section.container#intro.hc .grid.features .row.pink {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(241,187,208,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(241,187,208,0.2);
}
section.container#intro.hc .grid.features .row.pink-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(227,50,119,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(227,50,119,0.2);
}
section.container#intro.hc .grid.features .row.aqua {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(182,228,237,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(182,228,237,0.2);
}
section.container#intro.hc .grid.features .row.aqua-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(126,185,196,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(126,185,196,0.2);
}
section.container#intro.hc .grid.features .row.navy {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(146,160,196,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(146,160,196,0.2);
}
section.container#intro.hc .grid.features .row.navy-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(45,69,135,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(45,69,135,0.2);
}
section.container#intro.hc .grid.features .row.cto {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(181,216,235,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(181,216,235,0.2);
}
section.container#intro.hc .grid.features .row.cto-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(118,150,194,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(118,150,194,0.2);
}
section.container#intro.hc .grid.features .row.cro {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(234,166,166,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(234,166,166,0.2);
}
section.container#intro.hc .grid.features .row.cro-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(218,98,98,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(218,98,98,0.2);
}
section.container#intro.hc .grid.features .row.chro {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(200,181,235,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(200,181,235,0.2);
}
section.container#intro.hc .grid.features .row.chro-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(158,124,219,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(158,124,219,0.2);
}
section.container#intro.hc .grid.features .row.cco {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(147,223,184,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(147,223,184,0.2);
}
section.container#intro.hc .grid.features .row.cco-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(64,198,129,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(64,198,129,0.2);
}
section.container#intro.hc .grid.features .row:last-child {
  border-bottom: none;
}
section.container#intro.hc .grid.features .row:nth-of-type(even) .col.img {
  order: 2;
  padding-right: 0;
  padding-left: 5em;
}
section.container#intro.hc .grid.features .row .col {
  padding: 6em 0;
}
section.container#intro.hc .grid.features .row .col.blue h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #7696c2;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.hc .grid.features .row .col.hc h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #7696c2;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.hc .grid.features .row .col.dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #535d65;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.hc .grid.features .row .col.white h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #fff;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.hc .grid.features .row .col.gray h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #eff0f1;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.hc .grid.features .row .col.slate h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #bbc2c7;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.hc .grid.features .row .col.slate-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #535d65;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.hc .grid.features .row .col.green h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #a3c276;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.hc .grid.features .row .col.purple h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #9e7cdb;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.hc .grid.features .row .col.red h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #dd9285;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.hc .grid.features .row .col.yellow h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #eae9a6;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.hc .grid.features .row .col.orange h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #ebc597;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.hc .grid.features .row .col.orange-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #d99f5a;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.hc .grid.features .row .col.pink h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #f1bbd0;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.hc .grid.features .row .col.pink-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #e33277;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.hc .grid.features .row .col.aqua h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #b6e4ed;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.hc .grid.features .row .col.aqua-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #7eb9c4;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.hc .grid.features .row .col.navy h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #92a0c4;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.hc .grid.features .row .col.navy-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #2d4587;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.hc .grid.features .row .col.cto h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #b5d8eb;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.hc .grid.features .row .col.cto-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #7696c2;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.hc .grid.features .row .col.cro h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #eaa6a6;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.hc .grid.features .row .col.cro-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #da6262;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.hc .grid.features .row .col.chro h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #c8b5eb;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.hc .grid.features .row .col.chro-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #9e7cdb;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.hc .grid.features .row .col.cco h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #93dfb8;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.hc .grid.features .row .col.cco-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #40c681;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.hc .grid.features .row .col.img {
  flex: none;
  padding-right: 5em;
}
section.container#intro.hc .grid.features .row .col.img .pulse {
  width: 200px;
  height: 200px;
  border-radius: 100%;
  display: flex;
  position: relative;
}
section.container#intro.hc .grid.features .row .col.img .pulse img {
  position: absolute;
  width: 260px;
  height: 220px;
  left: -32px;
  top: -12px;
}
section.container#intro.hc .grid.features .row .col.img .pulse.blue {
  animation: 'pulse-blue' 2s infinite;
  border: 2px solid #7696c2;
  background: rgba(118,150,194,0.05);
}
section.container#intro.hc .grid.features .row .col.img .pulse.hc {
  animation: 'pulse-hc' 2s infinite;
  border: 2px solid #7696c2;
  background: rgba(118,150,194,0.05);
}
section.container#intro.hc .grid.features .row .col.img .pulse.dark {
  animation: 'pulse-dark' 2s infinite;
  border: 2px solid #535d65;
  background: rgba(83,93,101,0.05);
}
section.container#intro.hc .grid.features .row .col.img .pulse.white {
  animation: 'pulse-white' 2s infinite;
  border: 2px solid #fff;
  background: rgba(255,255,255,0.05);
}
section.container#intro.hc .grid.features .row .col.img .pulse.gray {
  animation: 'pulse-gray' 2s infinite;
  border: 2px solid #eff0f1;
  background: rgba(239,240,241,0.05);
}
section.container#intro.hc .grid.features .row .col.img .pulse.slate {
  animation: 'pulse-slate' 2s infinite;
  border: 2px solid #bbc2c7;
  background: rgba(187,194,199,0.05);
}
section.container#intro.hc .grid.features .row .col.img .pulse.slate-dark {
  animation: 'pulse-slate-dark' 2s infinite;
  border: 2px solid #535d65;
  background: rgba(83,93,101,0.05);
}
section.container#intro.hc .grid.features .row .col.img .pulse.green {
  animation: 'pulse-green' 2s infinite;
  border: 2px solid #a3c276;
  background: rgba(163,194,118,0.05);
}
section.container#intro.hc .grid.features .row .col.img .pulse.purple {
  animation: 'pulse-purple' 2s infinite;
  border: 2px solid #9e7cdb;
  background: rgba(158,124,219,0.05);
}
section.container#intro.hc .grid.features .row .col.img .pulse.red {
  animation: 'pulse-red' 2s infinite;
  border: 2px solid #dd9285;
  background: rgba(221,146,133,0.05);
}
section.container#intro.hc .grid.features .row .col.img .pulse.yellow {
  animation: 'pulse-yellow' 2s infinite;
  border: 2px solid #eae9a6;
  background: rgba(234,233,166,0.05);
}
section.container#intro.hc .grid.features .row .col.img .pulse.orange {
  animation: 'pulse-orange' 2s infinite;
  border: 2px solid #ebc597;
  background: rgba(235,197,151,0.05);
}
section.container#intro.hc .grid.features .row .col.img .pulse.orange-dark {
  animation: 'pulse-orange-dark' 2s infinite;
  border: 2px solid #d99f5a;
  background: rgba(217,159,90,0.05);
}
section.container#intro.hc .grid.features .row .col.img .pulse.pink {
  animation: 'pulse-pink' 2s infinite;
  border: 2px solid #f1bbd0;
  background: rgba(241,187,208,0.05);
}
section.container#intro.hc .grid.features .row .col.img .pulse.pink-dark {
  animation: 'pulse-pink-dark' 2s infinite;
  border: 2px solid #e33277;
  background: rgba(227,50,119,0.05);
}
section.container#intro.hc .grid.features .row .col.img .pulse.aqua {
  animation: 'pulse-aqua' 2s infinite;
  border: 2px solid #b6e4ed;
  background: rgba(182,228,237,0.05);
}
section.container#intro.hc .grid.features .row .col.img .pulse.aqua-dark {
  animation: 'pulse-aqua-dark' 2s infinite;
  border: 2px solid #7eb9c4;
  background: rgba(126,185,196,0.05);
}
section.container#intro.hc .grid.features .row .col.img .pulse.navy {
  animation: 'pulse-navy' 2s infinite;
  border: 2px solid #92a0c4;
  background: rgba(146,160,196,0.05);
}
section.container#intro.hc .grid.features .row .col.img .pulse.navy-dark {
  animation: 'pulse-navy-dark' 2s infinite;
  border: 2px solid #2d4587;
  background: rgba(45,69,135,0.05);
}
section.container#intro.hc .grid.features .row .col.img .pulse.cto {
  animation: 'pulse-cto' 2s infinite;
  border: 2px solid #b5d8eb;
  background: rgba(181,216,235,0.05);
}
section.container#intro.hc .grid.features .row .col.img .pulse.cto-dark {
  animation: 'pulse-cto-dark' 2s infinite;
  border: 2px solid #7696c2;
  background: rgba(118,150,194,0.05);
}
section.container#intro.hc .grid.features .row .col.img .pulse.cro {
  animation: 'pulse-cro' 2s infinite;
  border: 2px solid #eaa6a6;
  background: rgba(234,166,166,0.05);
}
section.container#intro.hc .grid.features .row .col.img .pulse.cro-dark {
  animation: 'pulse-cro-dark' 2s infinite;
  border: 2px solid #da6262;
  background: rgba(218,98,98,0.05);
}
section.container#intro.hc .grid.features .row .col.img .pulse.chro {
  animation: 'pulse-chro' 2s infinite;
  border: 2px solid #c8b5eb;
  background: rgba(200,181,235,0.05);
}
section.container#intro.hc .grid.features .row .col.img .pulse.chro-dark {
  animation: 'pulse-chro-dark' 2s infinite;
  border: 2px solid #9e7cdb;
  background: rgba(158,124,219,0.05);
}
section.container#intro.hc .grid.features .row .col.img .pulse.cco {
  animation: 'pulse-cco' 2s infinite;
  border: 2px solid #93dfb8;
  background: rgba(147,223,184,0.05);
}
section.container#intro.hc .grid.features .row .col.img .pulse.cco-dark {
  animation: 'pulse-cco-dark' 2s infinite;
  border: 2px solid #40c681;
  background: rgba(64,198,129,0.05);
}
section.container#intro.hc .grid.features .row .col.featureitem {
  flex: auto;
  width: 50%;
  max-width: 1100px;
}
section.container#intro.hc .grid.features .row .col .row {
  align-items: stretch;
  margin: 0;
  padding: 0;
}
section.container#intro.hc .grid.features .row .col .row .col {
  padding: 0 0 0 0;
}
section.container#intro.hc .grid.features .row .col .row .col:nth-child(odd) {
  padding: 0 2em 0 0;
}
section.container#intro.hc .grid.features .row .col .row .col:nth-child(even) {
  padding: 0 0 0 2em;
}
section.container#intro.hc .grid.features .row .col .row .col i {
  margin-right: 0.5em;
}
section.container#intro.hc .grid.features .row .col .row .col p {
  margin-top: 0;
}
section.container#intro.dark .grid {
  border-top: 2px solid rgba(83,93,101,0.1);
  margin-top: 0;
}
section.container#intro.dark .grid .row {
  margin: 0 auto;
  padding: 0 2em;
  max-width: 100%;
  flex-wrap: wrap;
  align-items: center;
}
section.container#intro.dark .grid .row .col {
  margin: 0;
  padding: 3em 2em;
  border: none;
}
section.container#intro.dark .grid.products .row {
  padding-bottom: 1.1em;
}
section.container#intro.dark .grid.features .row {
  justify-content: space-around;
}
section.container#intro.dark .grid.features .row.blue {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(118,150,194,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(118,150,194,0.2);
}
section.container#intro.dark .grid.features .row.hc {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(118,150,194,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(118,150,194,0.2);
}
section.container#intro.dark .grid.features .row.dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(83,93,101,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(83,93,101,0.2);
}
section.container#intro.dark .grid.features .row.white {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(255,255,255,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(255,255,255,0.2);
}
section.container#intro.dark .grid.features .row.gray {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(239,240,241,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(239,240,241,0.2);
}
section.container#intro.dark .grid.features .row.slate {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(187,194,199,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(187,194,199,0.2);
}
section.container#intro.dark .grid.features .row.slate-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(83,93,101,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(83,93,101,0.2);
}
section.container#intro.dark .grid.features .row.green {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(163,194,118,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(163,194,118,0.2);
}
section.container#intro.dark .grid.features .row.purple {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(158,124,219,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(158,124,219,0.2);
}
section.container#intro.dark .grid.features .row.red {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(221,146,133,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(221,146,133,0.2);
}
section.container#intro.dark .grid.features .row.yellow {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(234,233,166,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(234,233,166,0.2);
}
section.container#intro.dark .grid.features .row.orange {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(235,197,151,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(235,197,151,0.2);
}
section.container#intro.dark .grid.features .row.orange-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(217,159,90,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(217,159,90,0.2);
}
section.container#intro.dark .grid.features .row.pink {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(241,187,208,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(241,187,208,0.2);
}
section.container#intro.dark .grid.features .row.pink-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(227,50,119,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(227,50,119,0.2);
}
section.container#intro.dark .grid.features .row.aqua {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(182,228,237,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(182,228,237,0.2);
}
section.container#intro.dark .grid.features .row.aqua-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(126,185,196,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(126,185,196,0.2);
}
section.container#intro.dark .grid.features .row.navy {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(146,160,196,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(146,160,196,0.2);
}
section.container#intro.dark .grid.features .row.navy-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(45,69,135,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(45,69,135,0.2);
}
section.container#intro.dark .grid.features .row.cto {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(181,216,235,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(181,216,235,0.2);
}
section.container#intro.dark .grid.features .row.cto-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(118,150,194,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(118,150,194,0.2);
}
section.container#intro.dark .grid.features .row.cro {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(234,166,166,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(234,166,166,0.2);
}
section.container#intro.dark .grid.features .row.cro-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(218,98,98,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(218,98,98,0.2);
}
section.container#intro.dark .grid.features .row.chro {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(200,181,235,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(200,181,235,0.2);
}
section.container#intro.dark .grid.features .row.chro-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(158,124,219,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(158,124,219,0.2);
}
section.container#intro.dark .grid.features .row.cco {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(147,223,184,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(147,223,184,0.2);
}
section.container#intro.dark .grid.features .row.cco-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(64,198,129,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(64,198,129,0.2);
}
section.container#intro.dark .grid.features .row:last-child {
  border-bottom: none;
}
section.container#intro.dark .grid.features .row:nth-of-type(even) .col.img {
  order: 2;
  padding-right: 0;
  padding-left: 5em;
}
section.container#intro.dark .grid.features .row .col {
  padding: 6em 0;
}
section.container#intro.dark .grid.features .row .col.blue h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #7696c2;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.dark .grid.features .row .col.hc h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #7696c2;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.dark .grid.features .row .col.dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #535d65;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.dark .grid.features .row .col.white h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #fff;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.dark .grid.features .row .col.gray h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #eff0f1;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.dark .grid.features .row .col.slate h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #bbc2c7;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.dark .grid.features .row .col.slate-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #535d65;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.dark .grid.features .row .col.green h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #a3c276;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.dark .grid.features .row .col.purple h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #9e7cdb;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.dark .grid.features .row .col.red h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #dd9285;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.dark .grid.features .row .col.yellow h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #eae9a6;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.dark .grid.features .row .col.orange h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #ebc597;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.dark .grid.features .row .col.orange-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #d99f5a;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.dark .grid.features .row .col.pink h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #f1bbd0;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.dark .grid.features .row .col.pink-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #e33277;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.dark .grid.features .row .col.aqua h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #b6e4ed;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.dark .grid.features .row .col.aqua-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #7eb9c4;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.dark .grid.features .row .col.navy h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #92a0c4;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.dark .grid.features .row .col.navy-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #2d4587;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.dark .grid.features .row .col.cto h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #b5d8eb;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.dark .grid.features .row .col.cto-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #7696c2;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.dark .grid.features .row .col.cro h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #eaa6a6;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.dark .grid.features .row .col.cro-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #da6262;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.dark .grid.features .row .col.chro h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #c8b5eb;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.dark .grid.features .row .col.chro-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #9e7cdb;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.dark .grid.features .row .col.cco h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #93dfb8;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.dark .grid.features .row .col.cco-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #40c681;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.dark .grid.features .row .col.img {
  flex: none;
  padding-right: 5em;
}
section.container#intro.dark .grid.features .row .col.img .pulse {
  width: 200px;
  height: 200px;
  border-radius: 100%;
  display: flex;
  position: relative;
}
section.container#intro.dark .grid.features .row .col.img .pulse img {
  position: absolute;
  width: 260px;
  height: 220px;
  left: -32px;
  top: -12px;
}
section.container#intro.dark .grid.features .row .col.img .pulse.blue {
  animation: 'pulse-blue' 2s infinite;
  border: 2px solid #7696c2;
  background: rgba(118,150,194,0.05);
}
section.container#intro.dark .grid.features .row .col.img .pulse.hc {
  animation: 'pulse-hc' 2s infinite;
  border: 2px solid #7696c2;
  background: rgba(118,150,194,0.05);
}
section.container#intro.dark .grid.features .row .col.img .pulse.dark {
  animation: 'pulse-dark' 2s infinite;
  border: 2px solid #535d65;
  background: rgba(83,93,101,0.05);
}
section.container#intro.dark .grid.features .row .col.img .pulse.white {
  animation: 'pulse-white' 2s infinite;
  border: 2px solid #fff;
  background: rgba(255,255,255,0.05);
}
section.container#intro.dark .grid.features .row .col.img .pulse.gray {
  animation: 'pulse-gray' 2s infinite;
  border: 2px solid #eff0f1;
  background: rgba(239,240,241,0.05);
}
section.container#intro.dark .grid.features .row .col.img .pulse.slate {
  animation: 'pulse-slate' 2s infinite;
  border: 2px solid #bbc2c7;
  background: rgba(187,194,199,0.05);
}
section.container#intro.dark .grid.features .row .col.img .pulse.slate-dark {
  animation: 'pulse-slate-dark' 2s infinite;
  border: 2px solid #535d65;
  background: rgba(83,93,101,0.05);
}
section.container#intro.dark .grid.features .row .col.img .pulse.green {
  animation: 'pulse-green' 2s infinite;
  border: 2px solid #a3c276;
  background: rgba(163,194,118,0.05);
}
section.container#intro.dark .grid.features .row .col.img .pulse.purple {
  animation: 'pulse-purple' 2s infinite;
  border: 2px solid #9e7cdb;
  background: rgba(158,124,219,0.05);
}
section.container#intro.dark .grid.features .row .col.img .pulse.red {
  animation: 'pulse-red' 2s infinite;
  border: 2px solid #dd9285;
  background: rgba(221,146,133,0.05);
}
section.container#intro.dark .grid.features .row .col.img .pulse.yellow {
  animation: 'pulse-yellow' 2s infinite;
  border: 2px solid #eae9a6;
  background: rgba(234,233,166,0.05);
}
section.container#intro.dark .grid.features .row .col.img .pulse.orange {
  animation: 'pulse-orange' 2s infinite;
  border: 2px solid #ebc597;
  background: rgba(235,197,151,0.05);
}
section.container#intro.dark .grid.features .row .col.img .pulse.orange-dark {
  animation: 'pulse-orange-dark' 2s infinite;
  border: 2px solid #d99f5a;
  background: rgba(217,159,90,0.05);
}
section.container#intro.dark .grid.features .row .col.img .pulse.pink {
  animation: 'pulse-pink' 2s infinite;
  border: 2px solid #f1bbd0;
  background: rgba(241,187,208,0.05);
}
section.container#intro.dark .grid.features .row .col.img .pulse.pink-dark {
  animation: 'pulse-pink-dark' 2s infinite;
  border: 2px solid #e33277;
  background: rgba(227,50,119,0.05);
}
section.container#intro.dark .grid.features .row .col.img .pulse.aqua {
  animation: 'pulse-aqua' 2s infinite;
  border: 2px solid #b6e4ed;
  background: rgba(182,228,237,0.05);
}
section.container#intro.dark .grid.features .row .col.img .pulse.aqua-dark {
  animation: 'pulse-aqua-dark' 2s infinite;
  border: 2px solid #7eb9c4;
  background: rgba(126,185,196,0.05);
}
section.container#intro.dark .grid.features .row .col.img .pulse.navy {
  animation: 'pulse-navy' 2s infinite;
  border: 2px solid #92a0c4;
  background: rgba(146,160,196,0.05);
}
section.container#intro.dark .grid.features .row .col.img .pulse.navy-dark {
  animation: 'pulse-navy-dark' 2s infinite;
  border: 2px solid #2d4587;
  background: rgba(45,69,135,0.05);
}
section.container#intro.dark .grid.features .row .col.img .pulse.cto {
  animation: 'pulse-cto' 2s infinite;
  border: 2px solid #b5d8eb;
  background: rgba(181,216,235,0.05);
}
section.container#intro.dark .grid.features .row .col.img .pulse.cto-dark {
  animation: 'pulse-cto-dark' 2s infinite;
  border: 2px solid #7696c2;
  background: rgba(118,150,194,0.05);
}
section.container#intro.dark .grid.features .row .col.img .pulse.cro {
  animation: 'pulse-cro' 2s infinite;
  border: 2px solid #eaa6a6;
  background: rgba(234,166,166,0.05);
}
section.container#intro.dark .grid.features .row .col.img .pulse.cro-dark {
  animation: 'pulse-cro-dark' 2s infinite;
  border: 2px solid #da6262;
  background: rgba(218,98,98,0.05);
}
section.container#intro.dark .grid.features .row .col.img .pulse.chro {
  animation: 'pulse-chro' 2s infinite;
  border: 2px solid #c8b5eb;
  background: rgba(200,181,235,0.05);
}
section.container#intro.dark .grid.features .row .col.img .pulse.chro-dark {
  animation: 'pulse-chro-dark' 2s infinite;
  border: 2px solid #9e7cdb;
  background: rgba(158,124,219,0.05);
}
section.container#intro.dark .grid.features .row .col.img .pulse.cco {
  animation: 'pulse-cco' 2s infinite;
  border: 2px solid #93dfb8;
  background: rgba(147,223,184,0.05);
}
section.container#intro.dark .grid.features .row .col.img .pulse.cco-dark {
  animation: 'pulse-cco-dark' 2s infinite;
  border: 2px solid #40c681;
  background: rgba(64,198,129,0.05);
}
section.container#intro.dark .grid.features .row .col.featureitem {
  flex: auto;
  width: 50%;
  max-width: 1100px;
}
section.container#intro.dark .grid.features .row .col .row {
  align-items: stretch;
  margin: 0;
  padding: 0;
}
section.container#intro.dark .grid.features .row .col .row .col {
  padding: 0 0 0 0;
}
section.container#intro.dark .grid.features .row .col .row .col:nth-child(odd) {
  padding: 0 2em 0 0;
}
section.container#intro.dark .grid.features .row .col .row .col:nth-child(even) {
  padding: 0 0 0 2em;
}
section.container#intro.dark .grid.features .row .col .row .col i {
  margin-right: 0.5em;
}
section.container#intro.dark .grid.features .row .col .row .col p {
  margin-top: 0;
}
section.container#intro.white .grid {
  border-top: 2px solid rgba(255,255,255,0.1);
  margin-top: 0;
}
section.container#intro.white .grid .row {
  margin: 0 auto;
  padding: 0 2em;
  max-width: 100%;
  flex-wrap: wrap;
  align-items: center;
}
section.container#intro.white .grid .row .col {
  margin: 0;
  padding: 3em 2em;
  border: none;
}
section.container#intro.white .grid.products .row {
  padding-bottom: 1.1em;
}
section.container#intro.white .grid.features .row {
  justify-content: space-around;
}
section.container#intro.white .grid.features .row.blue {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(118,150,194,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(118,150,194,0.2);
}
section.container#intro.white .grid.features .row.hc {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(118,150,194,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(118,150,194,0.2);
}
section.container#intro.white .grid.features .row.dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(83,93,101,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(83,93,101,0.2);
}
section.container#intro.white .grid.features .row.white {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(255,255,255,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(255,255,255,0.2);
}
section.container#intro.white .grid.features .row.gray {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(239,240,241,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(239,240,241,0.2);
}
section.container#intro.white .grid.features .row.slate {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(187,194,199,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(187,194,199,0.2);
}
section.container#intro.white .grid.features .row.slate-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(83,93,101,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(83,93,101,0.2);
}
section.container#intro.white .grid.features .row.green {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(163,194,118,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(163,194,118,0.2);
}
section.container#intro.white .grid.features .row.purple {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(158,124,219,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(158,124,219,0.2);
}
section.container#intro.white .grid.features .row.red {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(221,146,133,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(221,146,133,0.2);
}
section.container#intro.white .grid.features .row.yellow {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(234,233,166,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(234,233,166,0.2);
}
section.container#intro.white .grid.features .row.orange {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(235,197,151,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(235,197,151,0.2);
}
section.container#intro.white .grid.features .row.orange-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(217,159,90,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(217,159,90,0.2);
}
section.container#intro.white .grid.features .row.pink {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(241,187,208,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(241,187,208,0.2);
}
section.container#intro.white .grid.features .row.pink-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(227,50,119,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(227,50,119,0.2);
}
section.container#intro.white .grid.features .row.aqua {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(182,228,237,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(182,228,237,0.2);
}
section.container#intro.white .grid.features .row.aqua-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(126,185,196,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(126,185,196,0.2);
}
section.container#intro.white .grid.features .row.navy {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(146,160,196,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(146,160,196,0.2);
}
section.container#intro.white .grid.features .row.navy-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(45,69,135,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(45,69,135,0.2);
}
section.container#intro.white .grid.features .row.cto {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(181,216,235,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(181,216,235,0.2);
}
section.container#intro.white .grid.features .row.cto-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(118,150,194,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(118,150,194,0.2);
}
section.container#intro.white .grid.features .row.cro {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(234,166,166,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(234,166,166,0.2);
}
section.container#intro.white .grid.features .row.cro-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(218,98,98,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(218,98,98,0.2);
}
section.container#intro.white .grid.features .row.chro {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(200,181,235,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(200,181,235,0.2);
}
section.container#intro.white .grid.features .row.chro-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(158,124,219,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(158,124,219,0.2);
}
section.container#intro.white .grid.features .row.cco {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(147,223,184,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(147,223,184,0.2);
}
section.container#intro.white .grid.features .row.cco-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(64,198,129,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(64,198,129,0.2);
}
section.container#intro.white .grid.features .row:last-child {
  border-bottom: none;
}
section.container#intro.white .grid.features .row:nth-of-type(even) .col.img {
  order: 2;
  padding-right: 0;
  padding-left: 5em;
}
section.container#intro.white .grid.features .row .col {
  padding: 6em 0;
}
section.container#intro.white .grid.features .row .col.blue h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #7696c2;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.white .grid.features .row .col.hc h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #7696c2;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.white .grid.features .row .col.dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #535d65;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.white .grid.features .row .col.white h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #fff;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.white .grid.features .row .col.gray h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #eff0f1;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.white .grid.features .row .col.slate h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #bbc2c7;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.white .grid.features .row .col.slate-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #535d65;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.white .grid.features .row .col.green h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #a3c276;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.white .grid.features .row .col.purple h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #9e7cdb;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.white .grid.features .row .col.red h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #dd9285;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.white .grid.features .row .col.yellow h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #eae9a6;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.white .grid.features .row .col.orange h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #ebc597;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.white .grid.features .row .col.orange-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #d99f5a;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.white .grid.features .row .col.pink h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #f1bbd0;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.white .grid.features .row .col.pink-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #e33277;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.white .grid.features .row .col.aqua h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #b6e4ed;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.white .grid.features .row .col.aqua-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #7eb9c4;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.white .grid.features .row .col.navy h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #92a0c4;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.white .grid.features .row .col.navy-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #2d4587;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.white .grid.features .row .col.cto h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #b5d8eb;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.white .grid.features .row .col.cto-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #7696c2;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.white .grid.features .row .col.cro h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #eaa6a6;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.white .grid.features .row .col.cro-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #da6262;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.white .grid.features .row .col.chro h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #c8b5eb;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.white .grid.features .row .col.chro-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #9e7cdb;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.white .grid.features .row .col.cco h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #93dfb8;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.white .grid.features .row .col.cco-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #40c681;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.white .grid.features .row .col.img {
  flex: none;
  padding-right: 5em;
}
section.container#intro.white .grid.features .row .col.img .pulse {
  width: 200px;
  height: 200px;
  border-radius: 100%;
  display: flex;
  position: relative;
}
section.container#intro.white .grid.features .row .col.img .pulse img {
  position: absolute;
  width: 260px;
  height: 220px;
  left: -32px;
  top: -12px;
}
section.container#intro.white .grid.features .row .col.img .pulse.blue {
  animation: 'pulse-blue' 2s infinite;
  border: 2px solid #7696c2;
  background: rgba(118,150,194,0.05);
}
section.container#intro.white .grid.features .row .col.img .pulse.hc {
  animation: 'pulse-hc' 2s infinite;
  border: 2px solid #7696c2;
  background: rgba(118,150,194,0.05);
}
section.container#intro.white .grid.features .row .col.img .pulse.dark {
  animation: 'pulse-dark' 2s infinite;
  border: 2px solid #535d65;
  background: rgba(83,93,101,0.05);
}
section.container#intro.white .grid.features .row .col.img .pulse.white {
  animation: 'pulse-white' 2s infinite;
  border: 2px solid #fff;
  background: rgba(255,255,255,0.05);
}
section.container#intro.white .grid.features .row .col.img .pulse.gray {
  animation: 'pulse-gray' 2s infinite;
  border: 2px solid #eff0f1;
  background: rgba(239,240,241,0.05);
}
section.container#intro.white .grid.features .row .col.img .pulse.slate {
  animation: 'pulse-slate' 2s infinite;
  border: 2px solid #bbc2c7;
  background: rgba(187,194,199,0.05);
}
section.container#intro.white .grid.features .row .col.img .pulse.slate-dark {
  animation: 'pulse-slate-dark' 2s infinite;
  border: 2px solid #535d65;
  background: rgba(83,93,101,0.05);
}
section.container#intro.white .grid.features .row .col.img .pulse.green {
  animation: 'pulse-green' 2s infinite;
  border: 2px solid #a3c276;
  background: rgba(163,194,118,0.05);
}
section.container#intro.white .grid.features .row .col.img .pulse.purple {
  animation: 'pulse-purple' 2s infinite;
  border: 2px solid #9e7cdb;
  background: rgba(158,124,219,0.05);
}
section.container#intro.white .grid.features .row .col.img .pulse.red {
  animation: 'pulse-red' 2s infinite;
  border: 2px solid #dd9285;
  background: rgba(221,146,133,0.05);
}
section.container#intro.white .grid.features .row .col.img .pulse.yellow {
  animation: 'pulse-yellow' 2s infinite;
  border: 2px solid #eae9a6;
  background: rgba(234,233,166,0.05);
}
section.container#intro.white .grid.features .row .col.img .pulse.orange {
  animation: 'pulse-orange' 2s infinite;
  border: 2px solid #ebc597;
  background: rgba(235,197,151,0.05);
}
section.container#intro.white .grid.features .row .col.img .pulse.orange-dark {
  animation: 'pulse-orange-dark' 2s infinite;
  border: 2px solid #d99f5a;
  background: rgba(217,159,90,0.05);
}
section.container#intro.white .grid.features .row .col.img .pulse.pink {
  animation: 'pulse-pink' 2s infinite;
  border: 2px solid #f1bbd0;
  background: rgba(241,187,208,0.05);
}
section.container#intro.white .grid.features .row .col.img .pulse.pink-dark {
  animation: 'pulse-pink-dark' 2s infinite;
  border: 2px solid #e33277;
  background: rgba(227,50,119,0.05);
}
section.container#intro.white .grid.features .row .col.img .pulse.aqua {
  animation: 'pulse-aqua' 2s infinite;
  border: 2px solid #b6e4ed;
  background: rgba(182,228,237,0.05);
}
section.container#intro.white .grid.features .row .col.img .pulse.aqua-dark {
  animation: 'pulse-aqua-dark' 2s infinite;
  border: 2px solid #7eb9c4;
  background: rgba(126,185,196,0.05);
}
section.container#intro.white .grid.features .row .col.img .pulse.navy {
  animation: 'pulse-navy' 2s infinite;
  border: 2px solid #92a0c4;
  background: rgba(146,160,196,0.05);
}
section.container#intro.white .grid.features .row .col.img .pulse.navy-dark {
  animation: 'pulse-navy-dark' 2s infinite;
  border: 2px solid #2d4587;
  background: rgba(45,69,135,0.05);
}
section.container#intro.white .grid.features .row .col.img .pulse.cto {
  animation: 'pulse-cto' 2s infinite;
  border: 2px solid #b5d8eb;
  background: rgba(181,216,235,0.05);
}
section.container#intro.white .grid.features .row .col.img .pulse.cto-dark {
  animation: 'pulse-cto-dark' 2s infinite;
  border: 2px solid #7696c2;
  background: rgba(118,150,194,0.05);
}
section.container#intro.white .grid.features .row .col.img .pulse.cro {
  animation: 'pulse-cro' 2s infinite;
  border: 2px solid #eaa6a6;
  background: rgba(234,166,166,0.05);
}
section.container#intro.white .grid.features .row .col.img .pulse.cro-dark {
  animation: 'pulse-cro-dark' 2s infinite;
  border: 2px solid #da6262;
  background: rgba(218,98,98,0.05);
}
section.container#intro.white .grid.features .row .col.img .pulse.chro {
  animation: 'pulse-chro' 2s infinite;
  border: 2px solid #c8b5eb;
  background: rgba(200,181,235,0.05);
}
section.container#intro.white .grid.features .row .col.img .pulse.chro-dark {
  animation: 'pulse-chro-dark' 2s infinite;
  border: 2px solid #9e7cdb;
  background: rgba(158,124,219,0.05);
}
section.container#intro.white .grid.features .row .col.img .pulse.cco {
  animation: 'pulse-cco' 2s infinite;
  border: 2px solid #93dfb8;
  background: rgba(147,223,184,0.05);
}
section.container#intro.white .grid.features .row .col.img .pulse.cco-dark {
  animation: 'pulse-cco-dark' 2s infinite;
  border: 2px solid #40c681;
  background: rgba(64,198,129,0.05);
}
section.container#intro.white .grid.features .row .col.featureitem {
  flex: auto;
  width: 50%;
  max-width: 1100px;
}
section.container#intro.white .grid.features .row .col .row {
  align-items: stretch;
  margin: 0;
  padding: 0;
}
section.container#intro.white .grid.features .row .col .row .col {
  padding: 0 0 0 0;
}
section.container#intro.white .grid.features .row .col .row .col:nth-child(odd) {
  padding: 0 2em 0 0;
}
section.container#intro.white .grid.features .row .col .row .col:nth-child(even) {
  padding: 0 0 0 2em;
}
section.container#intro.white .grid.features .row .col .row .col i {
  margin-right: 0.5em;
}
section.container#intro.white .grid.features .row .col .row .col p {
  margin-top: 0;
}
section.container#intro.gray .grid {
  border-top: 2px solid rgba(239,240,241,0.1);
  margin-top: 0;
}
section.container#intro.gray .grid .row {
  margin: 0 auto;
  padding: 0 2em;
  max-width: 100%;
  flex-wrap: wrap;
  align-items: center;
}
section.container#intro.gray .grid .row .col {
  margin: 0;
  padding: 3em 2em;
  border: none;
}
section.container#intro.gray .grid.products .row {
  padding-bottom: 1.1em;
}
section.container#intro.gray .grid.features .row {
  justify-content: space-around;
}
section.container#intro.gray .grid.features .row.blue {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(118,150,194,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(118,150,194,0.2);
}
section.container#intro.gray .grid.features .row.hc {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(118,150,194,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(118,150,194,0.2);
}
section.container#intro.gray .grid.features .row.dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(83,93,101,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(83,93,101,0.2);
}
section.container#intro.gray .grid.features .row.white {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(255,255,255,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(255,255,255,0.2);
}
section.container#intro.gray .grid.features .row.gray {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(239,240,241,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(239,240,241,0.2);
}
section.container#intro.gray .grid.features .row.slate {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(187,194,199,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(187,194,199,0.2);
}
section.container#intro.gray .grid.features .row.slate-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(83,93,101,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(83,93,101,0.2);
}
section.container#intro.gray .grid.features .row.green {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(163,194,118,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(163,194,118,0.2);
}
section.container#intro.gray .grid.features .row.purple {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(158,124,219,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(158,124,219,0.2);
}
section.container#intro.gray .grid.features .row.red {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(221,146,133,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(221,146,133,0.2);
}
section.container#intro.gray .grid.features .row.yellow {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(234,233,166,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(234,233,166,0.2);
}
section.container#intro.gray .grid.features .row.orange {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(235,197,151,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(235,197,151,0.2);
}
section.container#intro.gray .grid.features .row.orange-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(217,159,90,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(217,159,90,0.2);
}
section.container#intro.gray .grid.features .row.pink {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(241,187,208,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(241,187,208,0.2);
}
section.container#intro.gray .grid.features .row.pink-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(227,50,119,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(227,50,119,0.2);
}
section.container#intro.gray .grid.features .row.aqua {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(182,228,237,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(182,228,237,0.2);
}
section.container#intro.gray .grid.features .row.aqua-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(126,185,196,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(126,185,196,0.2);
}
section.container#intro.gray .grid.features .row.navy {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(146,160,196,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(146,160,196,0.2);
}
section.container#intro.gray .grid.features .row.navy-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(45,69,135,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(45,69,135,0.2);
}
section.container#intro.gray .grid.features .row.cto {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(181,216,235,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(181,216,235,0.2);
}
section.container#intro.gray .grid.features .row.cto-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(118,150,194,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(118,150,194,0.2);
}
section.container#intro.gray .grid.features .row.cro {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(234,166,166,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(234,166,166,0.2);
}
section.container#intro.gray .grid.features .row.cro-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(218,98,98,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(218,98,98,0.2);
}
section.container#intro.gray .grid.features .row.chro {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(200,181,235,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(200,181,235,0.2);
}
section.container#intro.gray .grid.features .row.chro-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(158,124,219,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(158,124,219,0.2);
}
section.container#intro.gray .grid.features .row.cco {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(147,223,184,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(147,223,184,0.2);
}
section.container#intro.gray .grid.features .row.cco-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(64,198,129,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(64,198,129,0.2);
}
section.container#intro.gray .grid.features .row:last-child {
  border-bottom: none;
}
section.container#intro.gray .grid.features .row:nth-of-type(even) .col.img {
  order: 2;
  padding-right: 0;
  padding-left: 5em;
}
section.container#intro.gray .grid.features .row .col {
  padding: 6em 0;
}
section.container#intro.gray .grid.features .row .col.blue h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #7696c2;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.gray .grid.features .row .col.hc h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #7696c2;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.gray .grid.features .row .col.dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #535d65;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.gray .grid.features .row .col.white h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #fff;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.gray .grid.features .row .col.gray h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #eff0f1;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.gray .grid.features .row .col.slate h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #bbc2c7;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.gray .grid.features .row .col.slate-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #535d65;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.gray .grid.features .row .col.green h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #a3c276;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.gray .grid.features .row .col.purple h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #9e7cdb;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.gray .grid.features .row .col.red h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #dd9285;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.gray .grid.features .row .col.yellow h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #eae9a6;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.gray .grid.features .row .col.orange h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #ebc597;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.gray .grid.features .row .col.orange-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #d99f5a;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.gray .grid.features .row .col.pink h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #f1bbd0;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.gray .grid.features .row .col.pink-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #e33277;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.gray .grid.features .row .col.aqua h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #b6e4ed;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.gray .grid.features .row .col.aqua-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #7eb9c4;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.gray .grid.features .row .col.navy h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #92a0c4;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.gray .grid.features .row .col.navy-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #2d4587;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.gray .grid.features .row .col.cto h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #b5d8eb;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.gray .grid.features .row .col.cto-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #7696c2;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.gray .grid.features .row .col.cro h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #eaa6a6;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.gray .grid.features .row .col.cro-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #da6262;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.gray .grid.features .row .col.chro h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #c8b5eb;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.gray .grid.features .row .col.chro-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #9e7cdb;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.gray .grid.features .row .col.cco h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #93dfb8;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.gray .grid.features .row .col.cco-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #40c681;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.gray .grid.features .row .col.img {
  flex: none;
  padding-right: 5em;
}
section.container#intro.gray .grid.features .row .col.img .pulse {
  width: 200px;
  height: 200px;
  border-radius: 100%;
  display: flex;
  position: relative;
}
section.container#intro.gray .grid.features .row .col.img .pulse img {
  position: absolute;
  width: 260px;
  height: 220px;
  left: -32px;
  top: -12px;
}
section.container#intro.gray .grid.features .row .col.img .pulse.blue {
  animation: 'pulse-blue' 2s infinite;
  border: 2px solid #7696c2;
  background: rgba(118,150,194,0.05);
}
section.container#intro.gray .grid.features .row .col.img .pulse.hc {
  animation: 'pulse-hc' 2s infinite;
  border: 2px solid #7696c2;
  background: rgba(118,150,194,0.05);
}
section.container#intro.gray .grid.features .row .col.img .pulse.dark {
  animation: 'pulse-dark' 2s infinite;
  border: 2px solid #535d65;
  background: rgba(83,93,101,0.05);
}
section.container#intro.gray .grid.features .row .col.img .pulse.white {
  animation: 'pulse-white' 2s infinite;
  border: 2px solid #fff;
  background: rgba(255,255,255,0.05);
}
section.container#intro.gray .grid.features .row .col.img .pulse.gray {
  animation: 'pulse-gray' 2s infinite;
  border: 2px solid #eff0f1;
  background: rgba(239,240,241,0.05);
}
section.container#intro.gray .grid.features .row .col.img .pulse.slate {
  animation: 'pulse-slate' 2s infinite;
  border: 2px solid #bbc2c7;
  background: rgba(187,194,199,0.05);
}
section.container#intro.gray .grid.features .row .col.img .pulse.slate-dark {
  animation: 'pulse-slate-dark' 2s infinite;
  border: 2px solid #535d65;
  background: rgba(83,93,101,0.05);
}
section.container#intro.gray .grid.features .row .col.img .pulse.green {
  animation: 'pulse-green' 2s infinite;
  border: 2px solid #a3c276;
  background: rgba(163,194,118,0.05);
}
section.container#intro.gray .grid.features .row .col.img .pulse.purple {
  animation: 'pulse-purple' 2s infinite;
  border: 2px solid #9e7cdb;
  background: rgba(158,124,219,0.05);
}
section.container#intro.gray .grid.features .row .col.img .pulse.red {
  animation: 'pulse-red' 2s infinite;
  border: 2px solid #dd9285;
  background: rgba(221,146,133,0.05);
}
section.container#intro.gray .grid.features .row .col.img .pulse.yellow {
  animation: 'pulse-yellow' 2s infinite;
  border: 2px solid #eae9a6;
  background: rgba(234,233,166,0.05);
}
section.container#intro.gray .grid.features .row .col.img .pulse.orange {
  animation: 'pulse-orange' 2s infinite;
  border: 2px solid #ebc597;
  background: rgba(235,197,151,0.05);
}
section.container#intro.gray .grid.features .row .col.img .pulse.orange-dark {
  animation: 'pulse-orange-dark' 2s infinite;
  border: 2px solid #d99f5a;
  background: rgba(217,159,90,0.05);
}
section.container#intro.gray .grid.features .row .col.img .pulse.pink {
  animation: 'pulse-pink' 2s infinite;
  border: 2px solid #f1bbd0;
  background: rgba(241,187,208,0.05);
}
section.container#intro.gray .grid.features .row .col.img .pulse.pink-dark {
  animation: 'pulse-pink-dark' 2s infinite;
  border: 2px solid #e33277;
  background: rgba(227,50,119,0.05);
}
section.container#intro.gray .grid.features .row .col.img .pulse.aqua {
  animation: 'pulse-aqua' 2s infinite;
  border: 2px solid #b6e4ed;
  background: rgba(182,228,237,0.05);
}
section.container#intro.gray .grid.features .row .col.img .pulse.aqua-dark {
  animation: 'pulse-aqua-dark' 2s infinite;
  border: 2px solid #7eb9c4;
  background: rgba(126,185,196,0.05);
}
section.container#intro.gray .grid.features .row .col.img .pulse.navy {
  animation: 'pulse-navy' 2s infinite;
  border: 2px solid #92a0c4;
  background: rgba(146,160,196,0.05);
}
section.container#intro.gray .grid.features .row .col.img .pulse.navy-dark {
  animation: 'pulse-navy-dark' 2s infinite;
  border: 2px solid #2d4587;
  background: rgba(45,69,135,0.05);
}
section.container#intro.gray .grid.features .row .col.img .pulse.cto {
  animation: 'pulse-cto' 2s infinite;
  border: 2px solid #b5d8eb;
  background: rgba(181,216,235,0.05);
}
section.container#intro.gray .grid.features .row .col.img .pulse.cto-dark {
  animation: 'pulse-cto-dark' 2s infinite;
  border: 2px solid #7696c2;
  background: rgba(118,150,194,0.05);
}
section.container#intro.gray .grid.features .row .col.img .pulse.cro {
  animation: 'pulse-cro' 2s infinite;
  border: 2px solid #eaa6a6;
  background: rgba(234,166,166,0.05);
}
section.container#intro.gray .grid.features .row .col.img .pulse.cro-dark {
  animation: 'pulse-cro-dark' 2s infinite;
  border: 2px solid #da6262;
  background: rgba(218,98,98,0.05);
}
section.container#intro.gray .grid.features .row .col.img .pulse.chro {
  animation: 'pulse-chro' 2s infinite;
  border: 2px solid #c8b5eb;
  background: rgba(200,181,235,0.05);
}
section.container#intro.gray .grid.features .row .col.img .pulse.chro-dark {
  animation: 'pulse-chro-dark' 2s infinite;
  border: 2px solid #9e7cdb;
  background: rgba(158,124,219,0.05);
}
section.container#intro.gray .grid.features .row .col.img .pulse.cco {
  animation: 'pulse-cco' 2s infinite;
  border: 2px solid #93dfb8;
  background: rgba(147,223,184,0.05);
}
section.container#intro.gray .grid.features .row .col.img .pulse.cco-dark {
  animation: 'pulse-cco-dark' 2s infinite;
  border: 2px solid #40c681;
  background: rgba(64,198,129,0.05);
}
section.container#intro.gray .grid.features .row .col.featureitem {
  flex: auto;
  width: 50%;
  max-width: 1100px;
}
section.container#intro.gray .grid.features .row .col .row {
  align-items: stretch;
  margin: 0;
  padding: 0;
}
section.container#intro.gray .grid.features .row .col .row .col {
  padding: 0 0 0 0;
}
section.container#intro.gray .grid.features .row .col .row .col:nth-child(odd) {
  padding: 0 2em 0 0;
}
section.container#intro.gray .grid.features .row .col .row .col:nth-child(even) {
  padding: 0 0 0 2em;
}
section.container#intro.gray .grid.features .row .col .row .col i {
  margin-right: 0.5em;
}
section.container#intro.gray .grid.features .row .col .row .col p {
  margin-top: 0;
}
section.container#intro.slate .grid {
  border-top: 2px solid rgba(187,194,199,0.1);
  margin-top: 0;
}
section.container#intro.slate .grid .row {
  margin: 0 auto;
  padding: 0 2em;
  max-width: 100%;
  flex-wrap: wrap;
  align-items: center;
}
section.container#intro.slate .grid .row .col {
  margin: 0;
  padding: 3em 2em;
  border: none;
}
section.container#intro.slate .grid.products .row {
  padding-bottom: 1.1em;
}
section.container#intro.slate .grid.features .row {
  justify-content: space-around;
}
section.container#intro.slate .grid.features .row.blue {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(118,150,194,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(118,150,194,0.2);
}
section.container#intro.slate .grid.features .row.hc {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(118,150,194,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(118,150,194,0.2);
}
section.container#intro.slate .grid.features .row.dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(83,93,101,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(83,93,101,0.2);
}
section.container#intro.slate .grid.features .row.white {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(255,255,255,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(255,255,255,0.2);
}
section.container#intro.slate .grid.features .row.gray {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(239,240,241,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(239,240,241,0.2);
}
section.container#intro.slate .grid.features .row.slate {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(187,194,199,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(187,194,199,0.2);
}
section.container#intro.slate .grid.features .row.slate-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(83,93,101,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(83,93,101,0.2);
}
section.container#intro.slate .grid.features .row.green {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(163,194,118,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(163,194,118,0.2);
}
section.container#intro.slate .grid.features .row.purple {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(158,124,219,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(158,124,219,0.2);
}
section.container#intro.slate .grid.features .row.red {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(221,146,133,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(221,146,133,0.2);
}
section.container#intro.slate .grid.features .row.yellow {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(234,233,166,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(234,233,166,0.2);
}
section.container#intro.slate .grid.features .row.orange {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(235,197,151,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(235,197,151,0.2);
}
section.container#intro.slate .grid.features .row.orange-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(217,159,90,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(217,159,90,0.2);
}
section.container#intro.slate .grid.features .row.pink {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(241,187,208,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(241,187,208,0.2);
}
section.container#intro.slate .grid.features .row.pink-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(227,50,119,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(227,50,119,0.2);
}
section.container#intro.slate .grid.features .row.aqua {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(182,228,237,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(182,228,237,0.2);
}
section.container#intro.slate .grid.features .row.aqua-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(126,185,196,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(126,185,196,0.2);
}
section.container#intro.slate .grid.features .row.navy {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(146,160,196,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(146,160,196,0.2);
}
section.container#intro.slate .grid.features .row.navy-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(45,69,135,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(45,69,135,0.2);
}
section.container#intro.slate .grid.features .row.cto {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(181,216,235,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(181,216,235,0.2);
}
section.container#intro.slate .grid.features .row.cto-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(118,150,194,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(118,150,194,0.2);
}
section.container#intro.slate .grid.features .row.cro {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(234,166,166,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(234,166,166,0.2);
}
section.container#intro.slate .grid.features .row.cro-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(218,98,98,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(218,98,98,0.2);
}
section.container#intro.slate .grid.features .row.chro {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(200,181,235,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(200,181,235,0.2);
}
section.container#intro.slate .grid.features .row.chro-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(158,124,219,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(158,124,219,0.2);
}
section.container#intro.slate .grid.features .row.cco {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(147,223,184,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(147,223,184,0.2);
}
section.container#intro.slate .grid.features .row.cco-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(64,198,129,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(64,198,129,0.2);
}
section.container#intro.slate .grid.features .row:last-child {
  border-bottom: none;
}
section.container#intro.slate .grid.features .row:nth-of-type(even) .col.img {
  order: 2;
  padding-right: 0;
  padding-left: 5em;
}
section.container#intro.slate .grid.features .row .col {
  padding: 6em 0;
}
section.container#intro.slate .grid.features .row .col.blue h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #7696c2;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.slate .grid.features .row .col.hc h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #7696c2;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.slate .grid.features .row .col.dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #535d65;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.slate .grid.features .row .col.white h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #fff;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.slate .grid.features .row .col.gray h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #eff0f1;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.slate .grid.features .row .col.slate h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #bbc2c7;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.slate .grid.features .row .col.slate-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #535d65;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.slate .grid.features .row .col.green h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #a3c276;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.slate .grid.features .row .col.purple h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #9e7cdb;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.slate .grid.features .row .col.red h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #dd9285;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.slate .grid.features .row .col.yellow h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #eae9a6;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.slate .grid.features .row .col.orange h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #ebc597;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.slate .grid.features .row .col.orange-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #d99f5a;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.slate .grid.features .row .col.pink h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #f1bbd0;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.slate .grid.features .row .col.pink-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #e33277;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.slate .grid.features .row .col.aqua h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #b6e4ed;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.slate .grid.features .row .col.aqua-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #7eb9c4;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.slate .grid.features .row .col.navy h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #92a0c4;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.slate .grid.features .row .col.navy-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #2d4587;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.slate .grid.features .row .col.cto h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #b5d8eb;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.slate .grid.features .row .col.cto-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #7696c2;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.slate .grid.features .row .col.cro h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #eaa6a6;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.slate .grid.features .row .col.cro-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #da6262;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.slate .grid.features .row .col.chro h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #c8b5eb;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.slate .grid.features .row .col.chro-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #9e7cdb;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.slate .grid.features .row .col.cco h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #93dfb8;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.slate .grid.features .row .col.cco-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #40c681;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.slate .grid.features .row .col.img {
  flex: none;
  padding-right: 5em;
}
section.container#intro.slate .grid.features .row .col.img .pulse {
  width: 200px;
  height: 200px;
  border-radius: 100%;
  display: flex;
  position: relative;
}
section.container#intro.slate .grid.features .row .col.img .pulse img {
  position: absolute;
  width: 260px;
  height: 220px;
  left: -32px;
  top: -12px;
}
section.container#intro.slate .grid.features .row .col.img .pulse.blue {
  animation: 'pulse-blue' 2s infinite;
  border: 2px solid #7696c2;
  background: rgba(118,150,194,0.05);
}
section.container#intro.slate .grid.features .row .col.img .pulse.hc {
  animation: 'pulse-hc' 2s infinite;
  border: 2px solid #7696c2;
  background: rgba(118,150,194,0.05);
}
section.container#intro.slate .grid.features .row .col.img .pulse.dark {
  animation: 'pulse-dark' 2s infinite;
  border: 2px solid #535d65;
  background: rgba(83,93,101,0.05);
}
section.container#intro.slate .grid.features .row .col.img .pulse.white {
  animation: 'pulse-white' 2s infinite;
  border: 2px solid #fff;
  background: rgba(255,255,255,0.05);
}
section.container#intro.slate .grid.features .row .col.img .pulse.gray {
  animation: 'pulse-gray' 2s infinite;
  border: 2px solid #eff0f1;
  background: rgba(239,240,241,0.05);
}
section.container#intro.slate .grid.features .row .col.img .pulse.slate {
  animation: 'pulse-slate' 2s infinite;
  border: 2px solid #bbc2c7;
  background: rgba(187,194,199,0.05);
}
section.container#intro.slate .grid.features .row .col.img .pulse.slate-dark {
  animation: 'pulse-slate-dark' 2s infinite;
  border: 2px solid #535d65;
  background: rgba(83,93,101,0.05);
}
section.container#intro.slate .grid.features .row .col.img .pulse.green {
  animation: 'pulse-green' 2s infinite;
  border: 2px solid #a3c276;
  background: rgba(163,194,118,0.05);
}
section.container#intro.slate .grid.features .row .col.img .pulse.purple {
  animation: 'pulse-purple' 2s infinite;
  border: 2px solid #9e7cdb;
  background: rgba(158,124,219,0.05);
}
section.container#intro.slate .grid.features .row .col.img .pulse.red {
  animation: 'pulse-red' 2s infinite;
  border: 2px solid #dd9285;
  background: rgba(221,146,133,0.05);
}
section.container#intro.slate .grid.features .row .col.img .pulse.yellow {
  animation: 'pulse-yellow' 2s infinite;
  border: 2px solid #eae9a6;
  background: rgba(234,233,166,0.05);
}
section.container#intro.slate .grid.features .row .col.img .pulse.orange {
  animation: 'pulse-orange' 2s infinite;
  border: 2px solid #ebc597;
  background: rgba(235,197,151,0.05);
}
section.container#intro.slate .grid.features .row .col.img .pulse.orange-dark {
  animation: 'pulse-orange-dark' 2s infinite;
  border: 2px solid #d99f5a;
  background: rgba(217,159,90,0.05);
}
section.container#intro.slate .grid.features .row .col.img .pulse.pink {
  animation: 'pulse-pink' 2s infinite;
  border: 2px solid #f1bbd0;
  background: rgba(241,187,208,0.05);
}
section.container#intro.slate .grid.features .row .col.img .pulse.pink-dark {
  animation: 'pulse-pink-dark' 2s infinite;
  border: 2px solid #e33277;
  background: rgba(227,50,119,0.05);
}
section.container#intro.slate .grid.features .row .col.img .pulse.aqua {
  animation: 'pulse-aqua' 2s infinite;
  border: 2px solid #b6e4ed;
  background: rgba(182,228,237,0.05);
}
section.container#intro.slate .grid.features .row .col.img .pulse.aqua-dark {
  animation: 'pulse-aqua-dark' 2s infinite;
  border: 2px solid #7eb9c4;
  background: rgba(126,185,196,0.05);
}
section.container#intro.slate .grid.features .row .col.img .pulse.navy {
  animation: 'pulse-navy' 2s infinite;
  border: 2px solid #92a0c4;
  background: rgba(146,160,196,0.05);
}
section.container#intro.slate .grid.features .row .col.img .pulse.navy-dark {
  animation: 'pulse-navy-dark' 2s infinite;
  border: 2px solid #2d4587;
  background: rgba(45,69,135,0.05);
}
section.container#intro.slate .grid.features .row .col.img .pulse.cto {
  animation: 'pulse-cto' 2s infinite;
  border: 2px solid #b5d8eb;
  background: rgba(181,216,235,0.05);
}
section.container#intro.slate .grid.features .row .col.img .pulse.cto-dark {
  animation: 'pulse-cto-dark' 2s infinite;
  border: 2px solid #7696c2;
  background: rgba(118,150,194,0.05);
}
section.container#intro.slate .grid.features .row .col.img .pulse.cro {
  animation: 'pulse-cro' 2s infinite;
  border: 2px solid #eaa6a6;
  background: rgba(234,166,166,0.05);
}
section.container#intro.slate .grid.features .row .col.img .pulse.cro-dark {
  animation: 'pulse-cro-dark' 2s infinite;
  border: 2px solid #da6262;
  background: rgba(218,98,98,0.05);
}
section.container#intro.slate .grid.features .row .col.img .pulse.chro {
  animation: 'pulse-chro' 2s infinite;
  border: 2px solid #c8b5eb;
  background: rgba(200,181,235,0.05);
}
section.container#intro.slate .grid.features .row .col.img .pulse.chro-dark {
  animation: 'pulse-chro-dark' 2s infinite;
  border: 2px solid #9e7cdb;
  background: rgba(158,124,219,0.05);
}
section.container#intro.slate .grid.features .row .col.img .pulse.cco {
  animation: 'pulse-cco' 2s infinite;
  border: 2px solid #93dfb8;
  background: rgba(147,223,184,0.05);
}
section.container#intro.slate .grid.features .row .col.img .pulse.cco-dark {
  animation: 'pulse-cco-dark' 2s infinite;
  border: 2px solid #40c681;
  background: rgba(64,198,129,0.05);
}
section.container#intro.slate .grid.features .row .col.featureitem {
  flex: auto;
  width: 50%;
  max-width: 1100px;
}
section.container#intro.slate .grid.features .row .col .row {
  align-items: stretch;
  margin: 0;
  padding: 0;
}
section.container#intro.slate .grid.features .row .col .row .col {
  padding: 0 0 0 0;
}
section.container#intro.slate .grid.features .row .col .row .col:nth-child(odd) {
  padding: 0 2em 0 0;
}
section.container#intro.slate .grid.features .row .col .row .col:nth-child(even) {
  padding: 0 0 0 2em;
}
section.container#intro.slate .grid.features .row .col .row .col i {
  margin-right: 0.5em;
}
section.container#intro.slate .grid.features .row .col .row .col p {
  margin-top: 0;
}
section.container#intro.slate-dark .grid {
  border-top: 2px solid rgba(83,93,101,0.1);
  margin-top: 0;
}
section.container#intro.slate-dark .grid .row {
  margin: 0 auto;
  padding: 0 2em;
  max-width: 100%;
  flex-wrap: wrap;
  align-items: center;
}
section.container#intro.slate-dark .grid .row .col {
  margin: 0;
  padding: 3em 2em;
  border: none;
}
section.container#intro.slate-dark .grid.products .row {
  padding-bottom: 1.1em;
}
section.container#intro.slate-dark .grid.features .row {
  justify-content: space-around;
}
section.container#intro.slate-dark .grid.features .row.blue {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(118,150,194,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(118,150,194,0.2);
}
section.container#intro.slate-dark .grid.features .row.hc {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(118,150,194,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(118,150,194,0.2);
}
section.container#intro.slate-dark .grid.features .row.dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(83,93,101,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(83,93,101,0.2);
}
section.container#intro.slate-dark .grid.features .row.white {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(255,255,255,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(255,255,255,0.2);
}
section.container#intro.slate-dark .grid.features .row.gray {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(239,240,241,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(239,240,241,0.2);
}
section.container#intro.slate-dark .grid.features .row.slate {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(187,194,199,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(187,194,199,0.2);
}
section.container#intro.slate-dark .grid.features .row.slate-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(83,93,101,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(83,93,101,0.2);
}
section.container#intro.slate-dark .grid.features .row.green {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(163,194,118,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(163,194,118,0.2);
}
section.container#intro.slate-dark .grid.features .row.purple {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(158,124,219,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(158,124,219,0.2);
}
section.container#intro.slate-dark .grid.features .row.red {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(221,146,133,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(221,146,133,0.2);
}
section.container#intro.slate-dark .grid.features .row.yellow {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(234,233,166,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(234,233,166,0.2);
}
section.container#intro.slate-dark .grid.features .row.orange {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(235,197,151,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(235,197,151,0.2);
}
section.container#intro.slate-dark .grid.features .row.orange-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(217,159,90,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(217,159,90,0.2);
}
section.container#intro.slate-dark .grid.features .row.pink {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(241,187,208,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(241,187,208,0.2);
}
section.container#intro.slate-dark .grid.features .row.pink-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(227,50,119,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(227,50,119,0.2);
}
section.container#intro.slate-dark .grid.features .row.aqua {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(182,228,237,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(182,228,237,0.2);
}
section.container#intro.slate-dark .grid.features .row.aqua-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(126,185,196,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(126,185,196,0.2);
}
section.container#intro.slate-dark .grid.features .row.navy {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(146,160,196,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(146,160,196,0.2);
}
section.container#intro.slate-dark .grid.features .row.navy-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(45,69,135,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(45,69,135,0.2);
}
section.container#intro.slate-dark .grid.features .row.cto {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(181,216,235,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(181,216,235,0.2);
}
section.container#intro.slate-dark .grid.features .row.cto-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(118,150,194,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(118,150,194,0.2);
}
section.container#intro.slate-dark .grid.features .row.cro {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(234,166,166,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(234,166,166,0.2);
}
section.container#intro.slate-dark .grid.features .row.cro-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(218,98,98,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(218,98,98,0.2);
}
section.container#intro.slate-dark .grid.features .row.chro {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(200,181,235,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(200,181,235,0.2);
}
section.container#intro.slate-dark .grid.features .row.chro-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(158,124,219,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(158,124,219,0.2);
}
section.container#intro.slate-dark .grid.features .row.cco {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(147,223,184,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(147,223,184,0.2);
}
section.container#intro.slate-dark .grid.features .row.cco-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(64,198,129,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(64,198,129,0.2);
}
section.container#intro.slate-dark .grid.features .row:last-child {
  border-bottom: none;
}
section.container#intro.slate-dark .grid.features .row:nth-of-type(even) .col.img {
  order: 2;
  padding-right: 0;
  padding-left: 5em;
}
section.container#intro.slate-dark .grid.features .row .col {
  padding: 6em 0;
}
section.container#intro.slate-dark .grid.features .row .col.blue h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #7696c2;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.slate-dark .grid.features .row .col.hc h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #7696c2;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.slate-dark .grid.features .row .col.dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #535d65;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.slate-dark .grid.features .row .col.white h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #fff;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.slate-dark .grid.features .row .col.gray h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #eff0f1;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.slate-dark .grid.features .row .col.slate h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #bbc2c7;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.slate-dark .grid.features .row .col.slate-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #535d65;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.slate-dark .grid.features .row .col.green h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #a3c276;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.slate-dark .grid.features .row .col.purple h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #9e7cdb;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.slate-dark .grid.features .row .col.red h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #dd9285;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.slate-dark .grid.features .row .col.yellow h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #eae9a6;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.slate-dark .grid.features .row .col.orange h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #ebc597;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.slate-dark .grid.features .row .col.orange-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #d99f5a;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.slate-dark .grid.features .row .col.pink h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #f1bbd0;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.slate-dark .grid.features .row .col.pink-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #e33277;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.slate-dark .grid.features .row .col.aqua h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #b6e4ed;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.slate-dark .grid.features .row .col.aqua-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #7eb9c4;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.slate-dark .grid.features .row .col.navy h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #92a0c4;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.slate-dark .grid.features .row .col.navy-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #2d4587;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.slate-dark .grid.features .row .col.cto h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #b5d8eb;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.slate-dark .grid.features .row .col.cto-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #7696c2;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.slate-dark .grid.features .row .col.cro h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #eaa6a6;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.slate-dark .grid.features .row .col.cro-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #da6262;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.slate-dark .grid.features .row .col.chro h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #c8b5eb;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.slate-dark .grid.features .row .col.chro-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #9e7cdb;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.slate-dark .grid.features .row .col.cco h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #93dfb8;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.slate-dark .grid.features .row .col.cco-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #40c681;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.slate-dark .grid.features .row .col.img {
  flex: none;
  padding-right: 5em;
}
section.container#intro.slate-dark .grid.features .row .col.img .pulse {
  width: 200px;
  height: 200px;
  border-radius: 100%;
  display: flex;
  position: relative;
}
section.container#intro.slate-dark .grid.features .row .col.img .pulse img {
  position: absolute;
  width: 260px;
  height: 220px;
  left: -32px;
  top: -12px;
}
section.container#intro.slate-dark .grid.features .row .col.img .pulse.blue {
  animation: 'pulse-blue' 2s infinite;
  border: 2px solid #7696c2;
  background: rgba(118,150,194,0.05);
}
section.container#intro.slate-dark .grid.features .row .col.img .pulse.hc {
  animation: 'pulse-hc' 2s infinite;
  border: 2px solid #7696c2;
  background: rgba(118,150,194,0.05);
}
section.container#intro.slate-dark .grid.features .row .col.img .pulse.dark {
  animation: 'pulse-dark' 2s infinite;
  border: 2px solid #535d65;
  background: rgba(83,93,101,0.05);
}
section.container#intro.slate-dark .grid.features .row .col.img .pulse.white {
  animation: 'pulse-white' 2s infinite;
  border: 2px solid #fff;
  background: rgba(255,255,255,0.05);
}
section.container#intro.slate-dark .grid.features .row .col.img .pulse.gray {
  animation: 'pulse-gray' 2s infinite;
  border: 2px solid #eff0f1;
  background: rgba(239,240,241,0.05);
}
section.container#intro.slate-dark .grid.features .row .col.img .pulse.slate {
  animation: 'pulse-slate' 2s infinite;
  border: 2px solid #bbc2c7;
  background: rgba(187,194,199,0.05);
}
section.container#intro.slate-dark .grid.features .row .col.img .pulse.slate-dark {
  animation: 'pulse-slate-dark' 2s infinite;
  border: 2px solid #535d65;
  background: rgba(83,93,101,0.05);
}
section.container#intro.slate-dark .grid.features .row .col.img .pulse.green {
  animation: 'pulse-green' 2s infinite;
  border: 2px solid #a3c276;
  background: rgba(163,194,118,0.05);
}
section.container#intro.slate-dark .grid.features .row .col.img .pulse.purple {
  animation: 'pulse-purple' 2s infinite;
  border: 2px solid #9e7cdb;
  background: rgba(158,124,219,0.05);
}
section.container#intro.slate-dark .grid.features .row .col.img .pulse.red {
  animation: 'pulse-red' 2s infinite;
  border: 2px solid #dd9285;
  background: rgba(221,146,133,0.05);
}
section.container#intro.slate-dark .grid.features .row .col.img .pulse.yellow {
  animation: 'pulse-yellow' 2s infinite;
  border: 2px solid #eae9a6;
  background: rgba(234,233,166,0.05);
}
section.container#intro.slate-dark .grid.features .row .col.img .pulse.orange {
  animation: 'pulse-orange' 2s infinite;
  border: 2px solid #ebc597;
  background: rgba(235,197,151,0.05);
}
section.container#intro.slate-dark .grid.features .row .col.img .pulse.orange-dark {
  animation: 'pulse-orange-dark' 2s infinite;
  border: 2px solid #d99f5a;
  background: rgba(217,159,90,0.05);
}
section.container#intro.slate-dark .grid.features .row .col.img .pulse.pink {
  animation: 'pulse-pink' 2s infinite;
  border: 2px solid #f1bbd0;
  background: rgba(241,187,208,0.05);
}
section.container#intro.slate-dark .grid.features .row .col.img .pulse.pink-dark {
  animation: 'pulse-pink-dark' 2s infinite;
  border: 2px solid #e33277;
  background: rgba(227,50,119,0.05);
}
section.container#intro.slate-dark .grid.features .row .col.img .pulse.aqua {
  animation: 'pulse-aqua' 2s infinite;
  border: 2px solid #b6e4ed;
  background: rgba(182,228,237,0.05);
}
section.container#intro.slate-dark .grid.features .row .col.img .pulse.aqua-dark {
  animation: 'pulse-aqua-dark' 2s infinite;
  border: 2px solid #7eb9c4;
  background: rgba(126,185,196,0.05);
}
section.container#intro.slate-dark .grid.features .row .col.img .pulse.navy {
  animation: 'pulse-navy' 2s infinite;
  border: 2px solid #92a0c4;
  background: rgba(146,160,196,0.05);
}
section.container#intro.slate-dark .grid.features .row .col.img .pulse.navy-dark {
  animation: 'pulse-navy-dark' 2s infinite;
  border: 2px solid #2d4587;
  background: rgba(45,69,135,0.05);
}
section.container#intro.slate-dark .grid.features .row .col.img .pulse.cto {
  animation: 'pulse-cto' 2s infinite;
  border: 2px solid #b5d8eb;
  background: rgba(181,216,235,0.05);
}
section.container#intro.slate-dark .grid.features .row .col.img .pulse.cto-dark {
  animation: 'pulse-cto-dark' 2s infinite;
  border: 2px solid #7696c2;
  background: rgba(118,150,194,0.05);
}
section.container#intro.slate-dark .grid.features .row .col.img .pulse.cro {
  animation: 'pulse-cro' 2s infinite;
  border: 2px solid #eaa6a6;
  background: rgba(234,166,166,0.05);
}
section.container#intro.slate-dark .grid.features .row .col.img .pulse.cro-dark {
  animation: 'pulse-cro-dark' 2s infinite;
  border: 2px solid #da6262;
  background: rgba(218,98,98,0.05);
}
section.container#intro.slate-dark .grid.features .row .col.img .pulse.chro {
  animation: 'pulse-chro' 2s infinite;
  border: 2px solid #c8b5eb;
  background: rgba(200,181,235,0.05);
}
section.container#intro.slate-dark .grid.features .row .col.img .pulse.chro-dark {
  animation: 'pulse-chro-dark' 2s infinite;
  border: 2px solid #9e7cdb;
  background: rgba(158,124,219,0.05);
}
section.container#intro.slate-dark .grid.features .row .col.img .pulse.cco {
  animation: 'pulse-cco' 2s infinite;
  border: 2px solid #93dfb8;
  background: rgba(147,223,184,0.05);
}
section.container#intro.slate-dark .grid.features .row .col.img .pulse.cco-dark {
  animation: 'pulse-cco-dark' 2s infinite;
  border: 2px solid #40c681;
  background: rgba(64,198,129,0.05);
}
section.container#intro.slate-dark .grid.features .row .col.featureitem {
  flex: auto;
  width: 50%;
  max-width: 1100px;
}
section.container#intro.slate-dark .grid.features .row .col .row {
  align-items: stretch;
  margin: 0;
  padding: 0;
}
section.container#intro.slate-dark .grid.features .row .col .row .col {
  padding: 0 0 0 0;
}
section.container#intro.slate-dark .grid.features .row .col .row .col:nth-child(odd) {
  padding: 0 2em 0 0;
}
section.container#intro.slate-dark .grid.features .row .col .row .col:nth-child(even) {
  padding: 0 0 0 2em;
}
section.container#intro.slate-dark .grid.features .row .col .row .col i {
  margin-right: 0.5em;
}
section.container#intro.slate-dark .grid.features .row .col .row .col p {
  margin-top: 0;
}
section.container#intro.green .grid {
  border-top: 2px solid rgba(163,194,118,0.1);
  margin-top: 0;
}
section.container#intro.green .grid .row {
  margin: 0 auto;
  padding: 0 2em;
  max-width: 100%;
  flex-wrap: wrap;
  align-items: center;
}
section.container#intro.green .grid .row .col {
  margin: 0;
  padding: 3em 2em;
  border: none;
}
section.container#intro.green .grid.products .row {
  padding-bottom: 1.1em;
}
section.container#intro.green .grid.features .row {
  justify-content: space-around;
}
section.container#intro.green .grid.features .row.blue {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(118,150,194,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(118,150,194,0.2);
}
section.container#intro.green .grid.features .row.hc {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(118,150,194,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(118,150,194,0.2);
}
section.container#intro.green .grid.features .row.dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(83,93,101,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(83,93,101,0.2);
}
section.container#intro.green .grid.features .row.white {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(255,255,255,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(255,255,255,0.2);
}
section.container#intro.green .grid.features .row.gray {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(239,240,241,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(239,240,241,0.2);
}
section.container#intro.green .grid.features .row.slate {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(187,194,199,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(187,194,199,0.2);
}
section.container#intro.green .grid.features .row.slate-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(83,93,101,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(83,93,101,0.2);
}
section.container#intro.green .grid.features .row.green {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(163,194,118,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(163,194,118,0.2);
}
section.container#intro.green .grid.features .row.purple {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(158,124,219,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(158,124,219,0.2);
}
section.container#intro.green .grid.features .row.red {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(221,146,133,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(221,146,133,0.2);
}
section.container#intro.green .grid.features .row.yellow {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(234,233,166,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(234,233,166,0.2);
}
section.container#intro.green .grid.features .row.orange {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(235,197,151,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(235,197,151,0.2);
}
section.container#intro.green .grid.features .row.orange-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(217,159,90,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(217,159,90,0.2);
}
section.container#intro.green .grid.features .row.pink {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(241,187,208,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(241,187,208,0.2);
}
section.container#intro.green .grid.features .row.pink-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(227,50,119,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(227,50,119,0.2);
}
section.container#intro.green .grid.features .row.aqua {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(182,228,237,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(182,228,237,0.2);
}
section.container#intro.green .grid.features .row.aqua-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(126,185,196,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(126,185,196,0.2);
}
section.container#intro.green .grid.features .row.navy {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(146,160,196,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(146,160,196,0.2);
}
section.container#intro.green .grid.features .row.navy-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(45,69,135,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(45,69,135,0.2);
}
section.container#intro.green .grid.features .row.cto {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(181,216,235,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(181,216,235,0.2);
}
section.container#intro.green .grid.features .row.cto-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(118,150,194,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(118,150,194,0.2);
}
section.container#intro.green .grid.features .row.cro {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(234,166,166,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(234,166,166,0.2);
}
section.container#intro.green .grid.features .row.cro-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(218,98,98,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(218,98,98,0.2);
}
section.container#intro.green .grid.features .row.chro {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(200,181,235,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(200,181,235,0.2);
}
section.container#intro.green .grid.features .row.chro-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(158,124,219,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(158,124,219,0.2);
}
section.container#intro.green .grid.features .row.cco {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(147,223,184,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(147,223,184,0.2);
}
section.container#intro.green .grid.features .row.cco-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(64,198,129,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(64,198,129,0.2);
}
section.container#intro.green .grid.features .row:last-child {
  border-bottom: none;
}
section.container#intro.green .grid.features .row:nth-of-type(even) .col.img {
  order: 2;
  padding-right: 0;
  padding-left: 5em;
}
section.container#intro.green .grid.features .row .col {
  padding: 6em 0;
}
section.container#intro.green .grid.features .row .col.blue h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #7696c2;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.green .grid.features .row .col.hc h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #7696c2;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.green .grid.features .row .col.dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #535d65;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.green .grid.features .row .col.white h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #fff;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.green .grid.features .row .col.gray h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #eff0f1;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.green .grid.features .row .col.slate h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #bbc2c7;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.green .grid.features .row .col.slate-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #535d65;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.green .grid.features .row .col.green h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #a3c276;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.green .grid.features .row .col.purple h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #9e7cdb;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.green .grid.features .row .col.red h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #dd9285;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.green .grid.features .row .col.yellow h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #eae9a6;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.green .grid.features .row .col.orange h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #ebc597;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.green .grid.features .row .col.orange-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #d99f5a;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.green .grid.features .row .col.pink h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #f1bbd0;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.green .grid.features .row .col.pink-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #e33277;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.green .grid.features .row .col.aqua h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #b6e4ed;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.green .grid.features .row .col.aqua-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #7eb9c4;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.green .grid.features .row .col.navy h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #92a0c4;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.green .grid.features .row .col.navy-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #2d4587;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.green .grid.features .row .col.cto h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #b5d8eb;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.green .grid.features .row .col.cto-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #7696c2;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.green .grid.features .row .col.cro h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #eaa6a6;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.green .grid.features .row .col.cro-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #da6262;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.green .grid.features .row .col.chro h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #c8b5eb;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.green .grid.features .row .col.chro-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #9e7cdb;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.green .grid.features .row .col.cco h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #93dfb8;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.green .grid.features .row .col.cco-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #40c681;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.green .grid.features .row .col.img {
  flex: none;
  padding-right: 5em;
}
section.container#intro.green .grid.features .row .col.img .pulse {
  width: 200px;
  height: 200px;
  border-radius: 100%;
  display: flex;
  position: relative;
}
section.container#intro.green .grid.features .row .col.img .pulse img {
  position: absolute;
  width: 260px;
  height: 220px;
  left: -32px;
  top: -12px;
}
section.container#intro.green .grid.features .row .col.img .pulse.blue {
  animation: 'pulse-blue' 2s infinite;
  border: 2px solid #7696c2;
  background: rgba(118,150,194,0.05);
}
section.container#intro.green .grid.features .row .col.img .pulse.hc {
  animation: 'pulse-hc' 2s infinite;
  border: 2px solid #7696c2;
  background: rgba(118,150,194,0.05);
}
section.container#intro.green .grid.features .row .col.img .pulse.dark {
  animation: 'pulse-dark' 2s infinite;
  border: 2px solid #535d65;
  background: rgba(83,93,101,0.05);
}
section.container#intro.green .grid.features .row .col.img .pulse.white {
  animation: 'pulse-white' 2s infinite;
  border: 2px solid #fff;
  background: rgba(255,255,255,0.05);
}
section.container#intro.green .grid.features .row .col.img .pulse.gray {
  animation: 'pulse-gray' 2s infinite;
  border: 2px solid #eff0f1;
  background: rgba(239,240,241,0.05);
}
section.container#intro.green .grid.features .row .col.img .pulse.slate {
  animation: 'pulse-slate' 2s infinite;
  border: 2px solid #bbc2c7;
  background: rgba(187,194,199,0.05);
}
section.container#intro.green .grid.features .row .col.img .pulse.slate-dark {
  animation: 'pulse-slate-dark' 2s infinite;
  border: 2px solid #535d65;
  background: rgba(83,93,101,0.05);
}
section.container#intro.green .grid.features .row .col.img .pulse.green {
  animation: 'pulse-green' 2s infinite;
  border: 2px solid #a3c276;
  background: rgba(163,194,118,0.05);
}
section.container#intro.green .grid.features .row .col.img .pulse.purple {
  animation: 'pulse-purple' 2s infinite;
  border: 2px solid #9e7cdb;
  background: rgba(158,124,219,0.05);
}
section.container#intro.green .grid.features .row .col.img .pulse.red {
  animation: 'pulse-red' 2s infinite;
  border: 2px solid #dd9285;
  background: rgba(221,146,133,0.05);
}
section.container#intro.green .grid.features .row .col.img .pulse.yellow {
  animation: 'pulse-yellow' 2s infinite;
  border: 2px solid #eae9a6;
  background: rgba(234,233,166,0.05);
}
section.container#intro.green .grid.features .row .col.img .pulse.orange {
  animation: 'pulse-orange' 2s infinite;
  border: 2px solid #ebc597;
  background: rgba(235,197,151,0.05);
}
section.container#intro.green .grid.features .row .col.img .pulse.orange-dark {
  animation: 'pulse-orange-dark' 2s infinite;
  border: 2px solid #d99f5a;
  background: rgba(217,159,90,0.05);
}
section.container#intro.green .grid.features .row .col.img .pulse.pink {
  animation: 'pulse-pink' 2s infinite;
  border: 2px solid #f1bbd0;
  background: rgba(241,187,208,0.05);
}
section.container#intro.green .grid.features .row .col.img .pulse.pink-dark {
  animation: 'pulse-pink-dark' 2s infinite;
  border: 2px solid #e33277;
  background: rgba(227,50,119,0.05);
}
section.container#intro.green .grid.features .row .col.img .pulse.aqua {
  animation: 'pulse-aqua' 2s infinite;
  border: 2px solid #b6e4ed;
  background: rgba(182,228,237,0.05);
}
section.container#intro.green .grid.features .row .col.img .pulse.aqua-dark {
  animation: 'pulse-aqua-dark' 2s infinite;
  border: 2px solid #7eb9c4;
  background: rgba(126,185,196,0.05);
}
section.container#intro.green .grid.features .row .col.img .pulse.navy {
  animation: 'pulse-navy' 2s infinite;
  border: 2px solid #92a0c4;
  background: rgba(146,160,196,0.05);
}
section.container#intro.green .grid.features .row .col.img .pulse.navy-dark {
  animation: 'pulse-navy-dark' 2s infinite;
  border: 2px solid #2d4587;
  background: rgba(45,69,135,0.05);
}
section.container#intro.green .grid.features .row .col.img .pulse.cto {
  animation: 'pulse-cto' 2s infinite;
  border: 2px solid #b5d8eb;
  background: rgba(181,216,235,0.05);
}
section.container#intro.green .grid.features .row .col.img .pulse.cto-dark {
  animation: 'pulse-cto-dark' 2s infinite;
  border: 2px solid #7696c2;
  background: rgba(118,150,194,0.05);
}
section.container#intro.green .grid.features .row .col.img .pulse.cro {
  animation: 'pulse-cro' 2s infinite;
  border: 2px solid #eaa6a6;
  background: rgba(234,166,166,0.05);
}
section.container#intro.green .grid.features .row .col.img .pulse.cro-dark {
  animation: 'pulse-cro-dark' 2s infinite;
  border: 2px solid #da6262;
  background: rgba(218,98,98,0.05);
}
section.container#intro.green .grid.features .row .col.img .pulse.chro {
  animation: 'pulse-chro' 2s infinite;
  border: 2px solid #c8b5eb;
  background: rgba(200,181,235,0.05);
}
section.container#intro.green .grid.features .row .col.img .pulse.chro-dark {
  animation: 'pulse-chro-dark' 2s infinite;
  border: 2px solid #9e7cdb;
  background: rgba(158,124,219,0.05);
}
section.container#intro.green .grid.features .row .col.img .pulse.cco {
  animation: 'pulse-cco' 2s infinite;
  border: 2px solid #93dfb8;
  background: rgba(147,223,184,0.05);
}
section.container#intro.green .grid.features .row .col.img .pulse.cco-dark {
  animation: 'pulse-cco-dark' 2s infinite;
  border: 2px solid #40c681;
  background: rgba(64,198,129,0.05);
}
section.container#intro.green .grid.features .row .col.featureitem {
  flex: auto;
  width: 50%;
  max-width: 1100px;
}
section.container#intro.green .grid.features .row .col .row {
  align-items: stretch;
  margin: 0;
  padding: 0;
}
section.container#intro.green .grid.features .row .col .row .col {
  padding: 0 0 0 0;
}
section.container#intro.green .grid.features .row .col .row .col:nth-child(odd) {
  padding: 0 2em 0 0;
}
section.container#intro.green .grid.features .row .col .row .col:nth-child(even) {
  padding: 0 0 0 2em;
}
section.container#intro.green .grid.features .row .col .row .col i {
  margin-right: 0.5em;
}
section.container#intro.green .grid.features .row .col .row .col p {
  margin-top: 0;
}
section.container#intro.purple .grid {
  border-top: 2px solid rgba(158,124,219,0.1);
  margin-top: 0;
}
section.container#intro.purple .grid .row {
  margin: 0 auto;
  padding: 0 2em;
  max-width: 100%;
  flex-wrap: wrap;
  align-items: center;
}
section.container#intro.purple .grid .row .col {
  margin: 0;
  padding: 3em 2em;
  border: none;
}
section.container#intro.purple .grid.products .row {
  padding-bottom: 1.1em;
}
section.container#intro.purple .grid.features .row {
  justify-content: space-around;
}
section.container#intro.purple .grid.features .row.blue {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(118,150,194,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(118,150,194,0.2);
}
section.container#intro.purple .grid.features .row.hc {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(118,150,194,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(118,150,194,0.2);
}
section.container#intro.purple .grid.features .row.dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(83,93,101,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(83,93,101,0.2);
}
section.container#intro.purple .grid.features .row.white {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(255,255,255,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(255,255,255,0.2);
}
section.container#intro.purple .grid.features .row.gray {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(239,240,241,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(239,240,241,0.2);
}
section.container#intro.purple .grid.features .row.slate {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(187,194,199,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(187,194,199,0.2);
}
section.container#intro.purple .grid.features .row.slate-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(83,93,101,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(83,93,101,0.2);
}
section.container#intro.purple .grid.features .row.green {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(163,194,118,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(163,194,118,0.2);
}
section.container#intro.purple .grid.features .row.purple {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(158,124,219,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(158,124,219,0.2);
}
section.container#intro.purple .grid.features .row.red {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(221,146,133,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(221,146,133,0.2);
}
section.container#intro.purple .grid.features .row.yellow {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(234,233,166,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(234,233,166,0.2);
}
section.container#intro.purple .grid.features .row.orange {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(235,197,151,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(235,197,151,0.2);
}
section.container#intro.purple .grid.features .row.orange-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(217,159,90,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(217,159,90,0.2);
}
section.container#intro.purple .grid.features .row.pink {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(241,187,208,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(241,187,208,0.2);
}
section.container#intro.purple .grid.features .row.pink-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(227,50,119,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(227,50,119,0.2);
}
section.container#intro.purple .grid.features .row.aqua {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(182,228,237,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(182,228,237,0.2);
}
section.container#intro.purple .grid.features .row.aqua-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(126,185,196,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(126,185,196,0.2);
}
section.container#intro.purple .grid.features .row.navy {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(146,160,196,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(146,160,196,0.2);
}
section.container#intro.purple .grid.features .row.navy-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(45,69,135,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(45,69,135,0.2);
}
section.container#intro.purple .grid.features .row.cto {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(181,216,235,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(181,216,235,0.2);
}
section.container#intro.purple .grid.features .row.cto-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(118,150,194,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(118,150,194,0.2);
}
section.container#intro.purple .grid.features .row.cro {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(234,166,166,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(234,166,166,0.2);
}
section.container#intro.purple .grid.features .row.cro-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(218,98,98,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(218,98,98,0.2);
}
section.container#intro.purple .grid.features .row.chro {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(200,181,235,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(200,181,235,0.2);
}
section.container#intro.purple .grid.features .row.chro-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(158,124,219,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(158,124,219,0.2);
}
section.container#intro.purple .grid.features .row.cco {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(147,223,184,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(147,223,184,0.2);
}
section.container#intro.purple .grid.features .row.cco-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(64,198,129,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(64,198,129,0.2);
}
section.container#intro.purple .grid.features .row:last-child {
  border-bottom: none;
}
section.container#intro.purple .grid.features .row:nth-of-type(even) .col.img {
  order: 2;
  padding-right: 0;
  padding-left: 5em;
}
section.container#intro.purple .grid.features .row .col {
  padding: 6em 0;
}
section.container#intro.purple .grid.features .row .col.blue h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #7696c2;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.purple .grid.features .row .col.hc h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #7696c2;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.purple .grid.features .row .col.dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #535d65;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.purple .grid.features .row .col.white h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #fff;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.purple .grid.features .row .col.gray h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #eff0f1;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.purple .grid.features .row .col.slate h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #bbc2c7;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.purple .grid.features .row .col.slate-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #535d65;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.purple .grid.features .row .col.green h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #a3c276;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.purple .grid.features .row .col.purple h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #9e7cdb;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.purple .grid.features .row .col.red h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #dd9285;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.purple .grid.features .row .col.yellow h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #eae9a6;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.purple .grid.features .row .col.orange h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #ebc597;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.purple .grid.features .row .col.orange-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #d99f5a;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.purple .grid.features .row .col.pink h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #f1bbd0;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.purple .grid.features .row .col.pink-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #e33277;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.purple .grid.features .row .col.aqua h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #b6e4ed;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.purple .grid.features .row .col.aqua-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #7eb9c4;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.purple .grid.features .row .col.navy h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #92a0c4;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.purple .grid.features .row .col.navy-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #2d4587;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.purple .grid.features .row .col.cto h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #b5d8eb;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.purple .grid.features .row .col.cto-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #7696c2;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.purple .grid.features .row .col.cro h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #eaa6a6;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.purple .grid.features .row .col.cro-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #da6262;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.purple .grid.features .row .col.chro h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #c8b5eb;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.purple .grid.features .row .col.chro-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #9e7cdb;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.purple .grid.features .row .col.cco h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #93dfb8;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.purple .grid.features .row .col.cco-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #40c681;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.purple .grid.features .row .col.img {
  flex: none;
  padding-right: 5em;
}
section.container#intro.purple .grid.features .row .col.img .pulse {
  width: 200px;
  height: 200px;
  border-radius: 100%;
  display: flex;
  position: relative;
}
section.container#intro.purple .grid.features .row .col.img .pulse img {
  position: absolute;
  width: 260px;
  height: 220px;
  left: -32px;
  top: -12px;
}
section.container#intro.purple .grid.features .row .col.img .pulse.blue {
  animation: 'pulse-blue' 2s infinite;
  border: 2px solid #7696c2;
  background: rgba(118,150,194,0.05);
}
section.container#intro.purple .grid.features .row .col.img .pulse.hc {
  animation: 'pulse-hc' 2s infinite;
  border: 2px solid #7696c2;
  background: rgba(118,150,194,0.05);
}
section.container#intro.purple .grid.features .row .col.img .pulse.dark {
  animation: 'pulse-dark' 2s infinite;
  border: 2px solid #535d65;
  background: rgba(83,93,101,0.05);
}
section.container#intro.purple .grid.features .row .col.img .pulse.white {
  animation: 'pulse-white' 2s infinite;
  border: 2px solid #fff;
  background: rgba(255,255,255,0.05);
}
section.container#intro.purple .grid.features .row .col.img .pulse.gray {
  animation: 'pulse-gray' 2s infinite;
  border: 2px solid #eff0f1;
  background: rgba(239,240,241,0.05);
}
section.container#intro.purple .grid.features .row .col.img .pulse.slate {
  animation: 'pulse-slate' 2s infinite;
  border: 2px solid #bbc2c7;
  background: rgba(187,194,199,0.05);
}
section.container#intro.purple .grid.features .row .col.img .pulse.slate-dark {
  animation: 'pulse-slate-dark' 2s infinite;
  border: 2px solid #535d65;
  background: rgba(83,93,101,0.05);
}
section.container#intro.purple .grid.features .row .col.img .pulse.green {
  animation: 'pulse-green' 2s infinite;
  border: 2px solid #a3c276;
  background: rgba(163,194,118,0.05);
}
section.container#intro.purple .grid.features .row .col.img .pulse.purple {
  animation: 'pulse-purple' 2s infinite;
  border: 2px solid #9e7cdb;
  background: rgba(158,124,219,0.05);
}
section.container#intro.purple .grid.features .row .col.img .pulse.red {
  animation: 'pulse-red' 2s infinite;
  border: 2px solid #dd9285;
  background: rgba(221,146,133,0.05);
}
section.container#intro.purple .grid.features .row .col.img .pulse.yellow {
  animation: 'pulse-yellow' 2s infinite;
  border: 2px solid #eae9a6;
  background: rgba(234,233,166,0.05);
}
section.container#intro.purple .grid.features .row .col.img .pulse.orange {
  animation: 'pulse-orange' 2s infinite;
  border: 2px solid #ebc597;
  background: rgba(235,197,151,0.05);
}
section.container#intro.purple .grid.features .row .col.img .pulse.orange-dark {
  animation: 'pulse-orange-dark' 2s infinite;
  border: 2px solid #d99f5a;
  background: rgba(217,159,90,0.05);
}
section.container#intro.purple .grid.features .row .col.img .pulse.pink {
  animation: 'pulse-pink' 2s infinite;
  border: 2px solid #f1bbd0;
  background: rgba(241,187,208,0.05);
}
section.container#intro.purple .grid.features .row .col.img .pulse.pink-dark {
  animation: 'pulse-pink-dark' 2s infinite;
  border: 2px solid #e33277;
  background: rgba(227,50,119,0.05);
}
section.container#intro.purple .grid.features .row .col.img .pulse.aqua {
  animation: 'pulse-aqua' 2s infinite;
  border: 2px solid #b6e4ed;
  background: rgba(182,228,237,0.05);
}
section.container#intro.purple .grid.features .row .col.img .pulse.aqua-dark {
  animation: 'pulse-aqua-dark' 2s infinite;
  border: 2px solid #7eb9c4;
  background: rgba(126,185,196,0.05);
}
section.container#intro.purple .grid.features .row .col.img .pulse.navy {
  animation: 'pulse-navy' 2s infinite;
  border: 2px solid #92a0c4;
  background: rgba(146,160,196,0.05);
}
section.container#intro.purple .grid.features .row .col.img .pulse.navy-dark {
  animation: 'pulse-navy-dark' 2s infinite;
  border: 2px solid #2d4587;
  background: rgba(45,69,135,0.05);
}
section.container#intro.purple .grid.features .row .col.img .pulse.cto {
  animation: 'pulse-cto' 2s infinite;
  border: 2px solid #b5d8eb;
  background: rgba(181,216,235,0.05);
}
section.container#intro.purple .grid.features .row .col.img .pulse.cto-dark {
  animation: 'pulse-cto-dark' 2s infinite;
  border: 2px solid #7696c2;
  background: rgba(118,150,194,0.05);
}
section.container#intro.purple .grid.features .row .col.img .pulse.cro {
  animation: 'pulse-cro' 2s infinite;
  border: 2px solid #eaa6a6;
  background: rgba(234,166,166,0.05);
}
section.container#intro.purple .grid.features .row .col.img .pulse.cro-dark {
  animation: 'pulse-cro-dark' 2s infinite;
  border: 2px solid #da6262;
  background: rgba(218,98,98,0.05);
}
section.container#intro.purple .grid.features .row .col.img .pulse.chro {
  animation: 'pulse-chro' 2s infinite;
  border: 2px solid #c8b5eb;
  background: rgba(200,181,235,0.05);
}
section.container#intro.purple .grid.features .row .col.img .pulse.chro-dark {
  animation: 'pulse-chro-dark' 2s infinite;
  border: 2px solid #9e7cdb;
  background: rgba(158,124,219,0.05);
}
section.container#intro.purple .grid.features .row .col.img .pulse.cco {
  animation: 'pulse-cco' 2s infinite;
  border: 2px solid #93dfb8;
  background: rgba(147,223,184,0.05);
}
section.container#intro.purple .grid.features .row .col.img .pulse.cco-dark {
  animation: 'pulse-cco-dark' 2s infinite;
  border: 2px solid #40c681;
  background: rgba(64,198,129,0.05);
}
section.container#intro.purple .grid.features .row .col.featureitem {
  flex: auto;
  width: 50%;
  max-width: 1100px;
}
section.container#intro.purple .grid.features .row .col .row {
  align-items: stretch;
  margin: 0;
  padding: 0;
}
section.container#intro.purple .grid.features .row .col .row .col {
  padding: 0 0 0 0;
}
section.container#intro.purple .grid.features .row .col .row .col:nth-child(odd) {
  padding: 0 2em 0 0;
}
section.container#intro.purple .grid.features .row .col .row .col:nth-child(even) {
  padding: 0 0 0 2em;
}
section.container#intro.purple .grid.features .row .col .row .col i {
  margin-right: 0.5em;
}
section.container#intro.purple .grid.features .row .col .row .col p {
  margin-top: 0;
}
section.container#intro.red .grid {
  border-top: 2px solid rgba(221,146,133,0.1);
  margin-top: 0;
}
section.container#intro.red .grid .row {
  margin: 0 auto;
  padding: 0 2em;
  max-width: 100%;
  flex-wrap: wrap;
  align-items: center;
}
section.container#intro.red .grid .row .col {
  margin: 0;
  padding: 3em 2em;
  border: none;
}
section.container#intro.red .grid.products .row {
  padding-bottom: 1.1em;
}
section.container#intro.red .grid.features .row {
  justify-content: space-around;
}
section.container#intro.red .grid.features .row.blue {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(118,150,194,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(118,150,194,0.2);
}
section.container#intro.red .grid.features .row.hc {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(118,150,194,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(118,150,194,0.2);
}
section.container#intro.red .grid.features .row.dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(83,93,101,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(83,93,101,0.2);
}
section.container#intro.red .grid.features .row.white {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(255,255,255,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(255,255,255,0.2);
}
section.container#intro.red .grid.features .row.gray {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(239,240,241,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(239,240,241,0.2);
}
section.container#intro.red .grid.features .row.slate {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(187,194,199,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(187,194,199,0.2);
}
section.container#intro.red .grid.features .row.slate-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(83,93,101,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(83,93,101,0.2);
}
section.container#intro.red .grid.features .row.green {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(163,194,118,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(163,194,118,0.2);
}
section.container#intro.red .grid.features .row.purple {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(158,124,219,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(158,124,219,0.2);
}
section.container#intro.red .grid.features .row.red {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(221,146,133,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(221,146,133,0.2);
}
section.container#intro.red .grid.features .row.yellow {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(234,233,166,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(234,233,166,0.2);
}
section.container#intro.red .grid.features .row.orange {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(235,197,151,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(235,197,151,0.2);
}
section.container#intro.red .grid.features .row.orange-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(217,159,90,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(217,159,90,0.2);
}
section.container#intro.red .grid.features .row.pink {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(241,187,208,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(241,187,208,0.2);
}
section.container#intro.red .grid.features .row.pink-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(227,50,119,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(227,50,119,0.2);
}
section.container#intro.red .grid.features .row.aqua {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(182,228,237,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(182,228,237,0.2);
}
section.container#intro.red .grid.features .row.aqua-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(126,185,196,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(126,185,196,0.2);
}
section.container#intro.red .grid.features .row.navy {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(146,160,196,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(146,160,196,0.2);
}
section.container#intro.red .grid.features .row.navy-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(45,69,135,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(45,69,135,0.2);
}
section.container#intro.red .grid.features .row.cto {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(181,216,235,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(181,216,235,0.2);
}
section.container#intro.red .grid.features .row.cto-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(118,150,194,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(118,150,194,0.2);
}
section.container#intro.red .grid.features .row.cro {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(234,166,166,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(234,166,166,0.2);
}
section.container#intro.red .grid.features .row.cro-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(218,98,98,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(218,98,98,0.2);
}
section.container#intro.red .grid.features .row.chro {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(200,181,235,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(200,181,235,0.2);
}
section.container#intro.red .grid.features .row.chro-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(158,124,219,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(158,124,219,0.2);
}
section.container#intro.red .grid.features .row.cco {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(147,223,184,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(147,223,184,0.2);
}
section.container#intro.red .grid.features .row.cco-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(64,198,129,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(64,198,129,0.2);
}
section.container#intro.red .grid.features .row:last-child {
  border-bottom: none;
}
section.container#intro.red .grid.features .row:nth-of-type(even) .col.img {
  order: 2;
  padding-right: 0;
  padding-left: 5em;
}
section.container#intro.red .grid.features .row .col {
  padding: 6em 0;
}
section.container#intro.red .grid.features .row .col.blue h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #7696c2;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.red .grid.features .row .col.hc h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #7696c2;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.red .grid.features .row .col.dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #535d65;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.red .grid.features .row .col.white h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #fff;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.red .grid.features .row .col.gray h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #eff0f1;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.red .grid.features .row .col.slate h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #bbc2c7;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.red .grid.features .row .col.slate-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #535d65;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.red .grid.features .row .col.green h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #a3c276;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.red .grid.features .row .col.purple h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #9e7cdb;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.red .grid.features .row .col.red h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #dd9285;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.red .grid.features .row .col.yellow h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #eae9a6;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.red .grid.features .row .col.orange h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #ebc597;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.red .grid.features .row .col.orange-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #d99f5a;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.red .grid.features .row .col.pink h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #f1bbd0;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.red .grid.features .row .col.pink-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #e33277;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.red .grid.features .row .col.aqua h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #b6e4ed;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.red .grid.features .row .col.aqua-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #7eb9c4;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.red .grid.features .row .col.navy h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #92a0c4;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.red .grid.features .row .col.navy-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #2d4587;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.red .grid.features .row .col.cto h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #b5d8eb;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.red .grid.features .row .col.cto-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #7696c2;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.red .grid.features .row .col.cro h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #eaa6a6;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.red .grid.features .row .col.cro-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #da6262;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.red .grid.features .row .col.chro h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #c8b5eb;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.red .grid.features .row .col.chro-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #9e7cdb;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.red .grid.features .row .col.cco h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #93dfb8;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.red .grid.features .row .col.cco-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #40c681;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.red .grid.features .row .col.img {
  flex: none;
  padding-right: 5em;
}
section.container#intro.red .grid.features .row .col.img .pulse {
  width: 200px;
  height: 200px;
  border-radius: 100%;
  display: flex;
  position: relative;
}
section.container#intro.red .grid.features .row .col.img .pulse img {
  position: absolute;
  width: 260px;
  height: 220px;
  left: -32px;
  top: -12px;
}
section.container#intro.red .grid.features .row .col.img .pulse.blue {
  animation: 'pulse-blue' 2s infinite;
  border: 2px solid #7696c2;
  background: rgba(118,150,194,0.05);
}
section.container#intro.red .grid.features .row .col.img .pulse.hc {
  animation: 'pulse-hc' 2s infinite;
  border: 2px solid #7696c2;
  background: rgba(118,150,194,0.05);
}
section.container#intro.red .grid.features .row .col.img .pulse.dark {
  animation: 'pulse-dark' 2s infinite;
  border: 2px solid #535d65;
  background: rgba(83,93,101,0.05);
}
section.container#intro.red .grid.features .row .col.img .pulse.white {
  animation: 'pulse-white' 2s infinite;
  border: 2px solid #fff;
  background: rgba(255,255,255,0.05);
}
section.container#intro.red .grid.features .row .col.img .pulse.gray {
  animation: 'pulse-gray' 2s infinite;
  border: 2px solid #eff0f1;
  background: rgba(239,240,241,0.05);
}
section.container#intro.red .grid.features .row .col.img .pulse.slate {
  animation: 'pulse-slate' 2s infinite;
  border: 2px solid #bbc2c7;
  background: rgba(187,194,199,0.05);
}
section.container#intro.red .grid.features .row .col.img .pulse.slate-dark {
  animation: 'pulse-slate-dark' 2s infinite;
  border: 2px solid #535d65;
  background: rgba(83,93,101,0.05);
}
section.container#intro.red .grid.features .row .col.img .pulse.green {
  animation: 'pulse-green' 2s infinite;
  border: 2px solid #a3c276;
  background: rgba(163,194,118,0.05);
}
section.container#intro.red .grid.features .row .col.img .pulse.purple {
  animation: 'pulse-purple' 2s infinite;
  border: 2px solid #9e7cdb;
  background: rgba(158,124,219,0.05);
}
section.container#intro.red .grid.features .row .col.img .pulse.red {
  animation: 'pulse-red' 2s infinite;
  border: 2px solid #dd9285;
  background: rgba(221,146,133,0.05);
}
section.container#intro.red .grid.features .row .col.img .pulse.yellow {
  animation: 'pulse-yellow' 2s infinite;
  border: 2px solid #eae9a6;
  background: rgba(234,233,166,0.05);
}
section.container#intro.red .grid.features .row .col.img .pulse.orange {
  animation: 'pulse-orange' 2s infinite;
  border: 2px solid #ebc597;
  background: rgba(235,197,151,0.05);
}
section.container#intro.red .grid.features .row .col.img .pulse.orange-dark {
  animation: 'pulse-orange-dark' 2s infinite;
  border: 2px solid #d99f5a;
  background: rgba(217,159,90,0.05);
}
section.container#intro.red .grid.features .row .col.img .pulse.pink {
  animation: 'pulse-pink' 2s infinite;
  border: 2px solid #f1bbd0;
  background: rgba(241,187,208,0.05);
}
section.container#intro.red .grid.features .row .col.img .pulse.pink-dark {
  animation: 'pulse-pink-dark' 2s infinite;
  border: 2px solid #e33277;
  background: rgba(227,50,119,0.05);
}
section.container#intro.red .grid.features .row .col.img .pulse.aqua {
  animation: 'pulse-aqua' 2s infinite;
  border: 2px solid #b6e4ed;
  background: rgba(182,228,237,0.05);
}
section.container#intro.red .grid.features .row .col.img .pulse.aqua-dark {
  animation: 'pulse-aqua-dark' 2s infinite;
  border: 2px solid #7eb9c4;
  background: rgba(126,185,196,0.05);
}
section.container#intro.red .grid.features .row .col.img .pulse.navy {
  animation: 'pulse-navy' 2s infinite;
  border: 2px solid #92a0c4;
  background: rgba(146,160,196,0.05);
}
section.container#intro.red .grid.features .row .col.img .pulse.navy-dark {
  animation: 'pulse-navy-dark' 2s infinite;
  border: 2px solid #2d4587;
  background: rgba(45,69,135,0.05);
}
section.container#intro.red .grid.features .row .col.img .pulse.cto {
  animation: 'pulse-cto' 2s infinite;
  border: 2px solid #b5d8eb;
  background: rgba(181,216,235,0.05);
}
section.container#intro.red .grid.features .row .col.img .pulse.cto-dark {
  animation: 'pulse-cto-dark' 2s infinite;
  border: 2px solid #7696c2;
  background: rgba(118,150,194,0.05);
}
section.container#intro.red .grid.features .row .col.img .pulse.cro {
  animation: 'pulse-cro' 2s infinite;
  border: 2px solid #eaa6a6;
  background: rgba(234,166,166,0.05);
}
section.container#intro.red .grid.features .row .col.img .pulse.cro-dark {
  animation: 'pulse-cro-dark' 2s infinite;
  border: 2px solid #da6262;
  background: rgba(218,98,98,0.05);
}
section.container#intro.red .grid.features .row .col.img .pulse.chro {
  animation: 'pulse-chro' 2s infinite;
  border: 2px solid #c8b5eb;
  background: rgba(200,181,235,0.05);
}
section.container#intro.red .grid.features .row .col.img .pulse.chro-dark {
  animation: 'pulse-chro-dark' 2s infinite;
  border: 2px solid #9e7cdb;
  background: rgba(158,124,219,0.05);
}
section.container#intro.red .grid.features .row .col.img .pulse.cco {
  animation: 'pulse-cco' 2s infinite;
  border: 2px solid #93dfb8;
  background: rgba(147,223,184,0.05);
}
section.container#intro.red .grid.features .row .col.img .pulse.cco-dark {
  animation: 'pulse-cco-dark' 2s infinite;
  border: 2px solid #40c681;
  background: rgba(64,198,129,0.05);
}
section.container#intro.red .grid.features .row .col.featureitem {
  flex: auto;
  width: 50%;
  max-width: 1100px;
}
section.container#intro.red .grid.features .row .col .row {
  align-items: stretch;
  margin: 0;
  padding: 0;
}
section.container#intro.red .grid.features .row .col .row .col {
  padding: 0 0 0 0;
}
section.container#intro.red .grid.features .row .col .row .col:nth-child(odd) {
  padding: 0 2em 0 0;
}
section.container#intro.red .grid.features .row .col .row .col:nth-child(even) {
  padding: 0 0 0 2em;
}
section.container#intro.red .grid.features .row .col .row .col i {
  margin-right: 0.5em;
}
section.container#intro.red .grid.features .row .col .row .col p {
  margin-top: 0;
}
section.container#intro.yellow .grid {
  border-top: 2px solid rgba(234,233,166,0.1);
  margin-top: 0;
}
section.container#intro.yellow .grid .row {
  margin: 0 auto;
  padding: 0 2em;
  max-width: 100%;
  flex-wrap: wrap;
  align-items: center;
}
section.container#intro.yellow .grid .row .col {
  margin: 0;
  padding: 3em 2em;
  border: none;
}
section.container#intro.yellow .grid.products .row {
  padding-bottom: 1.1em;
}
section.container#intro.yellow .grid.features .row {
  justify-content: space-around;
}
section.container#intro.yellow .grid.features .row.blue {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(118,150,194,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(118,150,194,0.2);
}
section.container#intro.yellow .grid.features .row.hc {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(118,150,194,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(118,150,194,0.2);
}
section.container#intro.yellow .grid.features .row.dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(83,93,101,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(83,93,101,0.2);
}
section.container#intro.yellow .grid.features .row.white {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(255,255,255,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(255,255,255,0.2);
}
section.container#intro.yellow .grid.features .row.gray {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(239,240,241,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(239,240,241,0.2);
}
section.container#intro.yellow .grid.features .row.slate {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(187,194,199,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(187,194,199,0.2);
}
section.container#intro.yellow .grid.features .row.slate-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(83,93,101,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(83,93,101,0.2);
}
section.container#intro.yellow .grid.features .row.green {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(163,194,118,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(163,194,118,0.2);
}
section.container#intro.yellow .grid.features .row.purple {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(158,124,219,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(158,124,219,0.2);
}
section.container#intro.yellow .grid.features .row.red {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(221,146,133,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(221,146,133,0.2);
}
section.container#intro.yellow .grid.features .row.yellow {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(234,233,166,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(234,233,166,0.2);
}
section.container#intro.yellow .grid.features .row.orange {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(235,197,151,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(235,197,151,0.2);
}
section.container#intro.yellow .grid.features .row.orange-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(217,159,90,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(217,159,90,0.2);
}
section.container#intro.yellow .grid.features .row.pink {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(241,187,208,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(241,187,208,0.2);
}
section.container#intro.yellow .grid.features .row.pink-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(227,50,119,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(227,50,119,0.2);
}
section.container#intro.yellow .grid.features .row.aqua {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(182,228,237,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(182,228,237,0.2);
}
section.container#intro.yellow .grid.features .row.aqua-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(126,185,196,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(126,185,196,0.2);
}
section.container#intro.yellow .grid.features .row.navy {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(146,160,196,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(146,160,196,0.2);
}
section.container#intro.yellow .grid.features .row.navy-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(45,69,135,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(45,69,135,0.2);
}
section.container#intro.yellow .grid.features .row.cto {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(181,216,235,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(181,216,235,0.2);
}
section.container#intro.yellow .grid.features .row.cto-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(118,150,194,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(118,150,194,0.2);
}
section.container#intro.yellow .grid.features .row.cro {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(234,166,166,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(234,166,166,0.2);
}
section.container#intro.yellow .grid.features .row.cro-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(218,98,98,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(218,98,98,0.2);
}
section.container#intro.yellow .grid.features .row.chro {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(200,181,235,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(200,181,235,0.2);
}
section.container#intro.yellow .grid.features .row.chro-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(158,124,219,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(158,124,219,0.2);
}
section.container#intro.yellow .grid.features .row.cco {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(147,223,184,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(147,223,184,0.2);
}
section.container#intro.yellow .grid.features .row.cco-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(64,198,129,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(64,198,129,0.2);
}
section.container#intro.yellow .grid.features .row:last-child {
  border-bottom: none;
}
section.container#intro.yellow .grid.features .row:nth-of-type(even) .col.img {
  order: 2;
  padding-right: 0;
  padding-left: 5em;
}
section.container#intro.yellow .grid.features .row .col {
  padding: 6em 0;
}
section.container#intro.yellow .grid.features .row .col.blue h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #7696c2;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.yellow .grid.features .row .col.hc h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #7696c2;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.yellow .grid.features .row .col.dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #535d65;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.yellow .grid.features .row .col.white h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #fff;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.yellow .grid.features .row .col.gray h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #eff0f1;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.yellow .grid.features .row .col.slate h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #bbc2c7;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.yellow .grid.features .row .col.slate-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #535d65;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.yellow .grid.features .row .col.green h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #a3c276;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.yellow .grid.features .row .col.purple h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #9e7cdb;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.yellow .grid.features .row .col.red h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #dd9285;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.yellow .grid.features .row .col.yellow h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #eae9a6;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.yellow .grid.features .row .col.orange h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #ebc597;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.yellow .grid.features .row .col.orange-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #d99f5a;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.yellow .grid.features .row .col.pink h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #f1bbd0;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.yellow .grid.features .row .col.pink-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #e33277;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.yellow .grid.features .row .col.aqua h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #b6e4ed;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.yellow .grid.features .row .col.aqua-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #7eb9c4;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.yellow .grid.features .row .col.navy h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #92a0c4;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.yellow .grid.features .row .col.navy-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #2d4587;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.yellow .grid.features .row .col.cto h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #b5d8eb;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.yellow .grid.features .row .col.cto-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #7696c2;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.yellow .grid.features .row .col.cro h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #eaa6a6;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.yellow .grid.features .row .col.cro-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #da6262;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.yellow .grid.features .row .col.chro h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #c8b5eb;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.yellow .grid.features .row .col.chro-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #9e7cdb;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.yellow .grid.features .row .col.cco h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #93dfb8;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.yellow .grid.features .row .col.cco-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #40c681;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.yellow .grid.features .row .col.img {
  flex: none;
  padding-right: 5em;
}
section.container#intro.yellow .grid.features .row .col.img .pulse {
  width: 200px;
  height: 200px;
  border-radius: 100%;
  display: flex;
  position: relative;
}
section.container#intro.yellow .grid.features .row .col.img .pulse img {
  position: absolute;
  width: 260px;
  height: 220px;
  left: -32px;
  top: -12px;
}
section.container#intro.yellow .grid.features .row .col.img .pulse.blue {
  animation: 'pulse-blue' 2s infinite;
  border: 2px solid #7696c2;
  background: rgba(118,150,194,0.05);
}
section.container#intro.yellow .grid.features .row .col.img .pulse.hc {
  animation: 'pulse-hc' 2s infinite;
  border: 2px solid #7696c2;
  background: rgba(118,150,194,0.05);
}
section.container#intro.yellow .grid.features .row .col.img .pulse.dark {
  animation: 'pulse-dark' 2s infinite;
  border: 2px solid #535d65;
  background: rgba(83,93,101,0.05);
}
section.container#intro.yellow .grid.features .row .col.img .pulse.white {
  animation: 'pulse-white' 2s infinite;
  border: 2px solid #fff;
  background: rgba(255,255,255,0.05);
}
section.container#intro.yellow .grid.features .row .col.img .pulse.gray {
  animation: 'pulse-gray' 2s infinite;
  border: 2px solid #eff0f1;
  background: rgba(239,240,241,0.05);
}
section.container#intro.yellow .grid.features .row .col.img .pulse.slate {
  animation: 'pulse-slate' 2s infinite;
  border: 2px solid #bbc2c7;
  background: rgba(187,194,199,0.05);
}
section.container#intro.yellow .grid.features .row .col.img .pulse.slate-dark {
  animation: 'pulse-slate-dark' 2s infinite;
  border: 2px solid #535d65;
  background: rgba(83,93,101,0.05);
}
section.container#intro.yellow .grid.features .row .col.img .pulse.green {
  animation: 'pulse-green' 2s infinite;
  border: 2px solid #a3c276;
  background: rgba(163,194,118,0.05);
}
section.container#intro.yellow .grid.features .row .col.img .pulse.purple {
  animation: 'pulse-purple' 2s infinite;
  border: 2px solid #9e7cdb;
  background: rgba(158,124,219,0.05);
}
section.container#intro.yellow .grid.features .row .col.img .pulse.red {
  animation: 'pulse-red' 2s infinite;
  border: 2px solid #dd9285;
  background: rgba(221,146,133,0.05);
}
section.container#intro.yellow .grid.features .row .col.img .pulse.yellow {
  animation: 'pulse-yellow' 2s infinite;
  border: 2px solid #eae9a6;
  background: rgba(234,233,166,0.05);
}
section.container#intro.yellow .grid.features .row .col.img .pulse.orange {
  animation: 'pulse-orange' 2s infinite;
  border: 2px solid #ebc597;
  background: rgba(235,197,151,0.05);
}
section.container#intro.yellow .grid.features .row .col.img .pulse.orange-dark {
  animation: 'pulse-orange-dark' 2s infinite;
  border: 2px solid #d99f5a;
  background: rgba(217,159,90,0.05);
}
section.container#intro.yellow .grid.features .row .col.img .pulse.pink {
  animation: 'pulse-pink' 2s infinite;
  border: 2px solid #f1bbd0;
  background: rgba(241,187,208,0.05);
}
section.container#intro.yellow .grid.features .row .col.img .pulse.pink-dark {
  animation: 'pulse-pink-dark' 2s infinite;
  border: 2px solid #e33277;
  background: rgba(227,50,119,0.05);
}
section.container#intro.yellow .grid.features .row .col.img .pulse.aqua {
  animation: 'pulse-aqua' 2s infinite;
  border: 2px solid #b6e4ed;
  background: rgba(182,228,237,0.05);
}
section.container#intro.yellow .grid.features .row .col.img .pulse.aqua-dark {
  animation: 'pulse-aqua-dark' 2s infinite;
  border: 2px solid #7eb9c4;
  background: rgba(126,185,196,0.05);
}
section.container#intro.yellow .grid.features .row .col.img .pulse.navy {
  animation: 'pulse-navy' 2s infinite;
  border: 2px solid #92a0c4;
  background: rgba(146,160,196,0.05);
}
section.container#intro.yellow .grid.features .row .col.img .pulse.navy-dark {
  animation: 'pulse-navy-dark' 2s infinite;
  border: 2px solid #2d4587;
  background: rgba(45,69,135,0.05);
}
section.container#intro.yellow .grid.features .row .col.img .pulse.cto {
  animation: 'pulse-cto' 2s infinite;
  border: 2px solid #b5d8eb;
  background: rgba(181,216,235,0.05);
}
section.container#intro.yellow .grid.features .row .col.img .pulse.cto-dark {
  animation: 'pulse-cto-dark' 2s infinite;
  border: 2px solid #7696c2;
  background: rgba(118,150,194,0.05);
}
section.container#intro.yellow .grid.features .row .col.img .pulse.cro {
  animation: 'pulse-cro' 2s infinite;
  border: 2px solid #eaa6a6;
  background: rgba(234,166,166,0.05);
}
section.container#intro.yellow .grid.features .row .col.img .pulse.cro-dark {
  animation: 'pulse-cro-dark' 2s infinite;
  border: 2px solid #da6262;
  background: rgba(218,98,98,0.05);
}
section.container#intro.yellow .grid.features .row .col.img .pulse.chro {
  animation: 'pulse-chro' 2s infinite;
  border: 2px solid #c8b5eb;
  background: rgba(200,181,235,0.05);
}
section.container#intro.yellow .grid.features .row .col.img .pulse.chro-dark {
  animation: 'pulse-chro-dark' 2s infinite;
  border: 2px solid #9e7cdb;
  background: rgba(158,124,219,0.05);
}
section.container#intro.yellow .grid.features .row .col.img .pulse.cco {
  animation: 'pulse-cco' 2s infinite;
  border: 2px solid #93dfb8;
  background: rgba(147,223,184,0.05);
}
section.container#intro.yellow .grid.features .row .col.img .pulse.cco-dark {
  animation: 'pulse-cco-dark' 2s infinite;
  border: 2px solid #40c681;
  background: rgba(64,198,129,0.05);
}
section.container#intro.yellow .grid.features .row .col.featureitem {
  flex: auto;
  width: 50%;
  max-width: 1100px;
}
section.container#intro.yellow .grid.features .row .col .row {
  align-items: stretch;
  margin: 0;
  padding: 0;
}
section.container#intro.yellow .grid.features .row .col .row .col {
  padding: 0 0 0 0;
}
section.container#intro.yellow .grid.features .row .col .row .col:nth-child(odd) {
  padding: 0 2em 0 0;
}
section.container#intro.yellow .grid.features .row .col .row .col:nth-child(even) {
  padding: 0 0 0 2em;
}
section.container#intro.yellow .grid.features .row .col .row .col i {
  margin-right: 0.5em;
}
section.container#intro.yellow .grid.features .row .col .row .col p {
  margin-top: 0;
}
section.container#intro.orange .grid {
  border-top: 2px solid rgba(235,197,151,0.1);
  margin-top: 0;
}
section.container#intro.orange .grid .row {
  margin: 0 auto;
  padding: 0 2em;
  max-width: 100%;
  flex-wrap: wrap;
  align-items: center;
}
section.container#intro.orange .grid .row .col {
  margin: 0;
  padding: 3em 2em;
  border: none;
}
section.container#intro.orange .grid.products .row {
  padding-bottom: 1.1em;
}
section.container#intro.orange .grid.features .row {
  justify-content: space-around;
}
section.container#intro.orange .grid.features .row.blue {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(118,150,194,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(118,150,194,0.2);
}
section.container#intro.orange .grid.features .row.hc {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(118,150,194,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(118,150,194,0.2);
}
section.container#intro.orange .grid.features .row.dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(83,93,101,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(83,93,101,0.2);
}
section.container#intro.orange .grid.features .row.white {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(255,255,255,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(255,255,255,0.2);
}
section.container#intro.orange .grid.features .row.gray {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(239,240,241,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(239,240,241,0.2);
}
section.container#intro.orange .grid.features .row.slate {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(187,194,199,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(187,194,199,0.2);
}
section.container#intro.orange .grid.features .row.slate-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(83,93,101,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(83,93,101,0.2);
}
section.container#intro.orange .grid.features .row.green {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(163,194,118,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(163,194,118,0.2);
}
section.container#intro.orange .grid.features .row.purple {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(158,124,219,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(158,124,219,0.2);
}
section.container#intro.orange .grid.features .row.red {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(221,146,133,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(221,146,133,0.2);
}
section.container#intro.orange .grid.features .row.yellow {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(234,233,166,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(234,233,166,0.2);
}
section.container#intro.orange .grid.features .row.orange {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(235,197,151,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(235,197,151,0.2);
}
section.container#intro.orange .grid.features .row.orange-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(217,159,90,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(217,159,90,0.2);
}
section.container#intro.orange .grid.features .row.pink {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(241,187,208,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(241,187,208,0.2);
}
section.container#intro.orange .grid.features .row.pink-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(227,50,119,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(227,50,119,0.2);
}
section.container#intro.orange .grid.features .row.aqua {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(182,228,237,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(182,228,237,0.2);
}
section.container#intro.orange .grid.features .row.aqua-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(126,185,196,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(126,185,196,0.2);
}
section.container#intro.orange .grid.features .row.navy {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(146,160,196,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(146,160,196,0.2);
}
section.container#intro.orange .grid.features .row.navy-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(45,69,135,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(45,69,135,0.2);
}
section.container#intro.orange .grid.features .row.cto {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(181,216,235,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(181,216,235,0.2);
}
section.container#intro.orange .grid.features .row.cto-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(118,150,194,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(118,150,194,0.2);
}
section.container#intro.orange .grid.features .row.cro {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(234,166,166,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(234,166,166,0.2);
}
section.container#intro.orange .grid.features .row.cro-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(218,98,98,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(218,98,98,0.2);
}
section.container#intro.orange .grid.features .row.chro {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(200,181,235,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(200,181,235,0.2);
}
section.container#intro.orange .grid.features .row.chro-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(158,124,219,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(158,124,219,0.2);
}
section.container#intro.orange .grid.features .row.cco {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(147,223,184,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(147,223,184,0.2);
}
section.container#intro.orange .grid.features .row.cco-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(64,198,129,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(64,198,129,0.2);
}
section.container#intro.orange .grid.features .row:last-child {
  border-bottom: none;
}
section.container#intro.orange .grid.features .row:nth-of-type(even) .col.img {
  order: 2;
  padding-right: 0;
  padding-left: 5em;
}
section.container#intro.orange .grid.features .row .col {
  padding: 6em 0;
}
section.container#intro.orange .grid.features .row .col.blue h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #7696c2;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.orange .grid.features .row .col.hc h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #7696c2;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.orange .grid.features .row .col.dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #535d65;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.orange .grid.features .row .col.white h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #fff;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.orange .grid.features .row .col.gray h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #eff0f1;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.orange .grid.features .row .col.slate h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #bbc2c7;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.orange .grid.features .row .col.slate-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #535d65;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.orange .grid.features .row .col.green h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #a3c276;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.orange .grid.features .row .col.purple h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #9e7cdb;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.orange .grid.features .row .col.red h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #dd9285;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.orange .grid.features .row .col.yellow h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #eae9a6;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.orange .grid.features .row .col.orange h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #ebc597;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.orange .grid.features .row .col.orange-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #d99f5a;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.orange .grid.features .row .col.pink h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #f1bbd0;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.orange .grid.features .row .col.pink-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #e33277;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.orange .grid.features .row .col.aqua h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #b6e4ed;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.orange .grid.features .row .col.aqua-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #7eb9c4;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.orange .grid.features .row .col.navy h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #92a0c4;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.orange .grid.features .row .col.navy-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #2d4587;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.orange .grid.features .row .col.cto h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #b5d8eb;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.orange .grid.features .row .col.cto-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #7696c2;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.orange .grid.features .row .col.cro h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #eaa6a6;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.orange .grid.features .row .col.cro-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #da6262;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.orange .grid.features .row .col.chro h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #c8b5eb;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.orange .grid.features .row .col.chro-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #9e7cdb;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.orange .grid.features .row .col.cco h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #93dfb8;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.orange .grid.features .row .col.cco-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #40c681;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.orange .grid.features .row .col.img {
  flex: none;
  padding-right: 5em;
}
section.container#intro.orange .grid.features .row .col.img .pulse {
  width: 200px;
  height: 200px;
  border-radius: 100%;
  display: flex;
  position: relative;
}
section.container#intro.orange .grid.features .row .col.img .pulse img {
  position: absolute;
  width: 260px;
  height: 220px;
  left: -32px;
  top: -12px;
}
section.container#intro.orange .grid.features .row .col.img .pulse.blue {
  animation: 'pulse-blue' 2s infinite;
  border: 2px solid #7696c2;
  background: rgba(118,150,194,0.05);
}
section.container#intro.orange .grid.features .row .col.img .pulse.hc {
  animation: 'pulse-hc' 2s infinite;
  border: 2px solid #7696c2;
  background: rgba(118,150,194,0.05);
}
section.container#intro.orange .grid.features .row .col.img .pulse.dark {
  animation: 'pulse-dark' 2s infinite;
  border: 2px solid #535d65;
  background: rgba(83,93,101,0.05);
}
section.container#intro.orange .grid.features .row .col.img .pulse.white {
  animation: 'pulse-white' 2s infinite;
  border: 2px solid #fff;
  background: rgba(255,255,255,0.05);
}
section.container#intro.orange .grid.features .row .col.img .pulse.gray {
  animation: 'pulse-gray' 2s infinite;
  border: 2px solid #eff0f1;
  background: rgba(239,240,241,0.05);
}
section.container#intro.orange .grid.features .row .col.img .pulse.slate {
  animation: 'pulse-slate' 2s infinite;
  border: 2px solid #bbc2c7;
  background: rgba(187,194,199,0.05);
}
section.container#intro.orange .grid.features .row .col.img .pulse.slate-dark {
  animation: 'pulse-slate-dark' 2s infinite;
  border: 2px solid #535d65;
  background: rgba(83,93,101,0.05);
}
section.container#intro.orange .grid.features .row .col.img .pulse.green {
  animation: 'pulse-green' 2s infinite;
  border: 2px solid #a3c276;
  background: rgba(163,194,118,0.05);
}
section.container#intro.orange .grid.features .row .col.img .pulse.purple {
  animation: 'pulse-purple' 2s infinite;
  border: 2px solid #9e7cdb;
  background: rgba(158,124,219,0.05);
}
section.container#intro.orange .grid.features .row .col.img .pulse.red {
  animation: 'pulse-red' 2s infinite;
  border: 2px solid #dd9285;
  background: rgba(221,146,133,0.05);
}
section.container#intro.orange .grid.features .row .col.img .pulse.yellow {
  animation: 'pulse-yellow' 2s infinite;
  border: 2px solid #eae9a6;
  background: rgba(234,233,166,0.05);
}
section.container#intro.orange .grid.features .row .col.img .pulse.orange {
  animation: 'pulse-orange' 2s infinite;
  border: 2px solid #ebc597;
  background: rgba(235,197,151,0.05);
}
section.container#intro.orange .grid.features .row .col.img .pulse.orange-dark {
  animation: 'pulse-orange-dark' 2s infinite;
  border: 2px solid #d99f5a;
  background: rgba(217,159,90,0.05);
}
section.container#intro.orange .grid.features .row .col.img .pulse.pink {
  animation: 'pulse-pink' 2s infinite;
  border: 2px solid #f1bbd0;
  background: rgba(241,187,208,0.05);
}
section.container#intro.orange .grid.features .row .col.img .pulse.pink-dark {
  animation: 'pulse-pink-dark' 2s infinite;
  border: 2px solid #e33277;
  background: rgba(227,50,119,0.05);
}
section.container#intro.orange .grid.features .row .col.img .pulse.aqua {
  animation: 'pulse-aqua' 2s infinite;
  border: 2px solid #b6e4ed;
  background: rgba(182,228,237,0.05);
}
section.container#intro.orange .grid.features .row .col.img .pulse.aqua-dark {
  animation: 'pulse-aqua-dark' 2s infinite;
  border: 2px solid #7eb9c4;
  background: rgba(126,185,196,0.05);
}
section.container#intro.orange .grid.features .row .col.img .pulse.navy {
  animation: 'pulse-navy' 2s infinite;
  border: 2px solid #92a0c4;
  background: rgba(146,160,196,0.05);
}
section.container#intro.orange .grid.features .row .col.img .pulse.navy-dark {
  animation: 'pulse-navy-dark' 2s infinite;
  border: 2px solid #2d4587;
  background: rgba(45,69,135,0.05);
}
section.container#intro.orange .grid.features .row .col.img .pulse.cto {
  animation: 'pulse-cto' 2s infinite;
  border: 2px solid #b5d8eb;
  background: rgba(181,216,235,0.05);
}
section.container#intro.orange .grid.features .row .col.img .pulse.cto-dark {
  animation: 'pulse-cto-dark' 2s infinite;
  border: 2px solid #7696c2;
  background: rgba(118,150,194,0.05);
}
section.container#intro.orange .grid.features .row .col.img .pulse.cro {
  animation: 'pulse-cro' 2s infinite;
  border: 2px solid #eaa6a6;
  background: rgba(234,166,166,0.05);
}
section.container#intro.orange .grid.features .row .col.img .pulse.cro-dark {
  animation: 'pulse-cro-dark' 2s infinite;
  border: 2px solid #da6262;
  background: rgba(218,98,98,0.05);
}
section.container#intro.orange .grid.features .row .col.img .pulse.chro {
  animation: 'pulse-chro' 2s infinite;
  border: 2px solid #c8b5eb;
  background: rgba(200,181,235,0.05);
}
section.container#intro.orange .grid.features .row .col.img .pulse.chro-dark {
  animation: 'pulse-chro-dark' 2s infinite;
  border: 2px solid #9e7cdb;
  background: rgba(158,124,219,0.05);
}
section.container#intro.orange .grid.features .row .col.img .pulse.cco {
  animation: 'pulse-cco' 2s infinite;
  border: 2px solid #93dfb8;
  background: rgba(147,223,184,0.05);
}
section.container#intro.orange .grid.features .row .col.img .pulse.cco-dark {
  animation: 'pulse-cco-dark' 2s infinite;
  border: 2px solid #40c681;
  background: rgba(64,198,129,0.05);
}
section.container#intro.orange .grid.features .row .col.featureitem {
  flex: auto;
  width: 50%;
  max-width: 1100px;
}
section.container#intro.orange .grid.features .row .col .row {
  align-items: stretch;
  margin: 0;
  padding: 0;
}
section.container#intro.orange .grid.features .row .col .row .col {
  padding: 0 0 0 0;
}
section.container#intro.orange .grid.features .row .col .row .col:nth-child(odd) {
  padding: 0 2em 0 0;
}
section.container#intro.orange .grid.features .row .col .row .col:nth-child(even) {
  padding: 0 0 0 2em;
}
section.container#intro.orange .grid.features .row .col .row .col i {
  margin-right: 0.5em;
}
section.container#intro.orange .grid.features .row .col .row .col p {
  margin-top: 0;
}
section.container#intro.orange-dark .grid {
  border-top: 2px solid rgba(217,159,90,0.1);
  margin-top: 0;
}
section.container#intro.orange-dark .grid .row {
  margin: 0 auto;
  padding: 0 2em;
  max-width: 100%;
  flex-wrap: wrap;
  align-items: center;
}
section.container#intro.orange-dark .grid .row .col {
  margin: 0;
  padding: 3em 2em;
  border: none;
}
section.container#intro.orange-dark .grid.products .row {
  padding-bottom: 1.1em;
}
section.container#intro.orange-dark .grid.features .row {
  justify-content: space-around;
}
section.container#intro.orange-dark .grid.features .row.blue {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(118,150,194,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(118,150,194,0.2);
}
section.container#intro.orange-dark .grid.features .row.hc {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(118,150,194,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(118,150,194,0.2);
}
section.container#intro.orange-dark .grid.features .row.dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(83,93,101,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(83,93,101,0.2);
}
section.container#intro.orange-dark .grid.features .row.white {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(255,255,255,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(255,255,255,0.2);
}
section.container#intro.orange-dark .grid.features .row.gray {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(239,240,241,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(239,240,241,0.2);
}
section.container#intro.orange-dark .grid.features .row.slate {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(187,194,199,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(187,194,199,0.2);
}
section.container#intro.orange-dark .grid.features .row.slate-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(83,93,101,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(83,93,101,0.2);
}
section.container#intro.orange-dark .grid.features .row.green {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(163,194,118,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(163,194,118,0.2);
}
section.container#intro.orange-dark .grid.features .row.purple {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(158,124,219,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(158,124,219,0.2);
}
section.container#intro.orange-dark .grid.features .row.red {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(221,146,133,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(221,146,133,0.2);
}
section.container#intro.orange-dark .grid.features .row.yellow {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(234,233,166,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(234,233,166,0.2);
}
section.container#intro.orange-dark .grid.features .row.orange {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(235,197,151,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(235,197,151,0.2);
}
section.container#intro.orange-dark .grid.features .row.orange-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(217,159,90,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(217,159,90,0.2);
}
section.container#intro.orange-dark .grid.features .row.pink {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(241,187,208,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(241,187,208,0.2);
}
section.container#intro.orange-dark .grid.features .row.pink-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(227,50,119,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(227,50,119,0.2);
}
section.container#intro.orange-dark .grid.features .row.aqua {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(182,228,237,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(182,228,237,0.2);
}
section.container#intro.orange-dark .grid.features .row.aqua-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(126,185,196,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(126,185,196,0.2);
}
section.container#intro.orange-dark .grid.features .row.navy {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(146,160,196,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(146,160,196,0.2);
}
section.container#intro.orange-dark .grid.features .row.navy-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(45,69,135,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(45,69,135,0.2);
}
section.container#intro.orange-dark .grid.features .row.cto {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(181,216,235,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(181,216,235,0.2);
}
section.container#intro.orange-dark .grid.features .row.cto-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(118,150,194,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(118,150,194,0.2);
}
section.container#intro.orange-dark .grid.features .row.cro {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(234,166,166,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(234,166,166,0.2);
}
section.container#intro.orange-dark .grid.features .row.cro-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(218,98,98,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(218,98,98,0.2);
}
section.container#intro.orange-dark .grid.features .row.chro {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(200,181,235,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(200,181,235,0.2);
}
section.container#intro.orange-dark .grid.features .row.chro-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(158,124,219,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(158,124,219,0.2);
}
section.container#intro.orange-dark .grid.features .row.cco {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(147,223,184,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(147,223,184,0.2);
}
section.container#intro.orange-dark .grid.features .row.cco-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(64,198,129,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(64,198,129,0.2);
}
section.container#intro.orange-dark .grid.features .row:last-child {
  border-bottom: none;
}
section.container#intro.orange-dark .grid.features .row:nth-of-type(even) .col.img {
  order: 2;
  padding-right: 0;
  padding-left: 5em;
}
section.container#intro.orange-dark .grid.features .row .col {
  padding: 6em 0;
}
section.container#intro.orange-dark .grid.features .row .col.blue h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #7696c2;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.orange-dark .grid.features .row .col.hc h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #7696c2;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.orange-dark .grid.features .row .col.dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #535d65;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.orange-dark .grid.features .row .col.white h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #fff;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.orange-dark .grid.features .row .col.gray h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #eff0f1;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.orange-dark .grid.features .row .col.slate h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #bbc2c7;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.orange-dark .grid.features .row .col.slate-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #535d65;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.orange-dark .grid.features .row .col.green h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #a3c276;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.orange-dark .grid.features .row .col.purple h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #9e7cdb;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.orange-dark .grid.features .row .col.red h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #dd9285;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.orange-dark .grid.features .row .col.yellow h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #eae9a6;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.orange-dark .grid.features .row .col.orange h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #ebc597;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.orange-dark .grid.features .row .col.orange-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #d99f5a;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.orange-dark .grid.features .row .col.pink h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #f1bbd0;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.orange-dark .grid.features .row .col.pink-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #e33277;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.orange-dark .grid.features .row .col.aqua h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #b6e4ed;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.orange-dark .grid.features .row .col.aqua-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #7eb9c4;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.orange-dark .grid.features .row .col.navy h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #92a0c4;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.orange-dark .grid.features .row .col.navy-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #2d4587;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.orange-dark .grid.features .row .col.cto h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #b5d8eb;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.orange-dark .grid.features .row .col.cto-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #7696c2;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.orange-dark .grid.features .row .col.cro h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #eaa6a6;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.orange-dark .grid.features .row .col.cro-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #da6262;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.orange-dark .grid.features .row .col.chro h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #c8b5eb;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.orange-dark .grid.features .row .col.chro-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #9e7cdb;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.orange-dark .grid.features .row .col.cco h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #93dfb8;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.orange-dark .grid.features .row .col.cco-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #40c681;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.orange-dark .grid.features .row .col.img {
  flex: none;
  padding-right: 5em;
}
section.container#intro.orange-dark .grid.features .row .col.img .pulse {
  width: 200px;
  height: 200px;
  border-radius: 100%;
  display: flex;
  position: relative;
}
section.container#intro.orange-dark .grid.features .row .col.img .pulse img {
  position: absolute;
  width: 260px;
  height: 220px;
  left: -32px;
  top: -12px;
}
section.container#intro.orange-dark .grid.features .row .col.img .pulse.blue {
  animation: 'pulse-blue' 2s infinite;
  border: 2px solid #7696c2;
  background: rgba(118,150,194,0.05);
}
section.container#intro.orange-dark .grid.features .row .col.img .pulse.hc {
  animation: 'pulse-hc' 2s infinite;
  border: 2px solid #7696c2;
  background: rgba(118,150,194,0.05);
}
section.container#intro.orange-dark .grid.features .row .col.img .pulse.dark {
  animation: 'pulse-dark' 2s infinite;
  border: 2px solid #535d65;
  background: rgba(83,93,101,0.05);
}
section.container#intro.orange-dark .grid.features .row .col.img .pulse.white {
  animation: 'pulse-white' 2s infinite;
  border: 2px solid #fff;
  background: rgba(255,255,255,0.05);
}
section.container#intro.orange-dark .grid.features .row .col.img .pulse.gray {
  animation: 'pulse-gray' 2s infinite;
  border: 2px solid #eff0f1;
  background: rgba(239,240,241,0.05);
}
section.container#intro.orange-dark .grid.features .row .col.img .pulse.slate {
  animation: 'pulse-slate' 2s infinite;
  border: 2px solid #bbc2c7;
  background: rgba(187,194,199,0.05);
}
section.container#intro.orange-dark .grid.features .row .col.img .pulse.slate-dark {
  animation: 'pulse-slate-dark' 2s infinite;
  border: 2px solid #535d65;
  background: rgba(83,93,101,0.05);
}
section.container#intro.orange-dark .grid.features .row .col.img .pulse.green {
  animation: 'pulse-green' 2s infinite;
  border: 2px solid #a3c276;
  background: rgba(163,194,118,0.05);
}
section.container#intro.orange-dark .grid.features .row .col.img .pulse.purple {
  animation: 'pulse-purple' 2s infinite;
  border: 2px solid #9e7cdb;
  background: rgba(158,124,219,0.05);
}
section.container#intro.orange-dark .grid.features .row .col.img .pulse.red {
  animation: 'pulse-red' 2s infinite;
  border: 2px solid #dd9285;
  background: rgba(221,146,133,0.05);
}
section.container#intro.orange-dark .grid.features .row .col.img .pulse.yellow {
  animation: 'pulse-yellow' 2s infinite;
  border: 2px solid #eae9a6;
  background: rgba(234,233,166,0.05);
}
section.container#intro.orange-dark .grid.features .row .col.img .pulse.orange {
  animation: 'pulse-orange' 2s infinite;
  border: 2px solid #ebc597;
  background: rgba(235,197,151,0.05);
}
section.container#intro.orange-dark .grid.features .row .col.img .pulse.orange-dark {
  animation: 'pulse-orange-dark' 2s infinite;
  border: 2px solid #d99f5a;
  background: rgba(217,159,90,0.05);
}
section.container#intro.orange-dark .grid.features .row .col.img .pulse.pink {
  animation: 'pulse-pink' 2s infinite;
  border: 2px solid #f1bbd0;
  background: rgba(241,187,208,0.05);
}
section.container#intro.orange-dark .grid.features .row .col.img .pulse.pink-dark {
  animation: 'pulse-pink-dark' 2s infinite;
  border: 2px solid #e33277;
  background: rgba(227,50,119,0.05);
}
section.container#intro.orange-dark .grid.features .row .col.img .pulse.aqua {
  animation: 'pulse-aqua' 2s infinite;
  border: 2px solid #b6e4ed;
  background: rgba(182,228,237,0.05);
}
section.container#intro.orange-dark .grid.features .row .col.img .pulse.aqua-dark {
  animation: 'pulse-aqua-dark' 2s infinite;
  border: 2px solid #7eb9c4;
  background: rgba(126,185,196,0.05);
}
section.container#intro.orange-dark .grid.features .row .col.img .pulse.navy {
  animation: 'pulse-navy' 2s infinite;
  border: 2px solid #92a0c4;
  background: rgba(146,160,196,0.05);
}
section.container#intro.orange-dark .grid.features .row .col.img .pulse.navy-dark {
  animation: 'pulse-navy-dark' 2s infinite;
  border: 2px solid #2d4587;
  background: rgba(45,69,135,0.05);
}
section.container#intro.orange-dark .grid.features .row .col.img .pulse.cto {
  animation: 'pulse-cto' 2s infinite;
  border: 2px solid #b5d8eb;
  background: rgba(181,216,235,0.05);
}
section.container#intro.orange-dark .grid.features .row .col.img .pulse.cto-dark {
  animation: 'pulse-cto-dark' 2s infinite;
  border: 2px solid #7696c2;
  background: rgba(118,150,194,0.05);
}
section.container#intro.orange-dark .grid.features .row .col.img .pulse.cro {
  animation: 'pulse-cro' 2s infinite;
  border: 2px solid #eaa6a6;
  background: rgba(234,166,166,0.05);
}
section.container#intro.orange-dark .grid.features .row .col.img .pulse.cro-dark {
  animation: 'pulse-cro-dark' 2s infinite;
  border: 2px solid #da6262;
  background: rgba(218,98,98,0.05);
}
section.container#intro.orange-dark .grid.features .row .col.img .pulse.chro {
  animation: 'pulse-chro' 2s infinite;
  border: 2px solid #c8b5eb;
  background: rgba(200,181,235,0.05);
}
section.container#intro.orange-dark .grid.features .row .col.img .pulse.chro-dark {
  animation: 'pulse-chro-dark' 2s infinite;
  border: 2px solid #9e7cdb;
  background: rgba(158,124,219,0.05);
}
section.container#intro.orange-dark .grid.features .row .col.img .pulse.cco {
  animation: 'pulse-cco' 2s infinite;
  border: 2px solid #93dfb8;
  background: rgba(147,223,184,0.05);
}
section.container#intro.orange-dark .grid.features .row .col.img .pulse.cco-dark {
  animation: 'pulse-cco-dark' 2s infinite;
  border: 2px solid #40c681;
  background: rgba(64,198,129,0.05);
}
section.container#intro.orange-dark .grid.features .row .col.featureitem {
  flex: auto;
  width: 50%;
  max-width: 1100px;
}
section.container#intro.orange-dark .grid.features .row .col .row {
  align-items: stretch;
  margin: 0;
  padding: 0;
}
section.container#intro.orange-dark .grid.features .row .col .row .col {
  padding: 0 0 0 0;
}
section.container#intro.orange-dark .grid.features .row .col .row .col:nth-child(odd) {
  padding: 0 2em 0 0;
}
section.container#intro.orange-dark .grid.features .row .col .row .col:nth-child(even) {
  padding: 0 0 0 2em;
}
section.container#intro.orange-dark .grid.features .row .col .row .col i {
  margin-right: 0.5em;
}
section.container#intro.orange-dark .grid.features .row .col .row .col p {
  margin-top: 0;
}
section.container#intro.pink .grid {
  border-top: 2px solid rgba(241,187,208,0.1);
  margin-top: 0;
}
section.container#intro.pink .grid .row {
  margin: 0 auto;
  padding: 0 2em;
  max-width: 100%;
  flex-wrap: wrap;
  align-items: center;
}
section.container#intro.pink .grid .row .col {
  margin: 0;
  padding: 3em 2em;
  border: none;
}
section.container#intro.pink .grid.products .row {
  padding-bottom: 1.1em;
}
section.container#intro.pink .grid.features .row {
  justify-content: space-around;
}
section.container#intro.pink .grid.features .row.blue {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(118,150,194,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(118,150,194,0.2);
}
section.container#intro.pink .grid.features .row.hc {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(118,150,194,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(118,150,194,0.2);
}
section.container#intro.pink .grid.features .row.dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(83,93,101,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(83,93,101,0.2);
}
section.container#intro.pink .grid.features .row.white {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(255,255,255,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(255,255,255,0.2);
}
section.container#intro.pink .grid.features .row.gray {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(239,240,241,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(239,240,241,0.2);
}
section.container#intro.pink .grid.features .row.slate {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(187,194,199,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(187,194,199,0.2);
}
section.container#intro.pink .grid.features .row.slate-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(83,93,101,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(83,93,101,0.2);
}
section.container#intro.pink .grid.features .row.green {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(163,194,118,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(163,194,118,0.2);
}
section.container#intro.pink .grid.features .row.purple {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(158,124,219,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(158,124,219,0.2);
}
section.container#intro.pink .grid.features .row.red {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(221,146,133,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(221,146,133,0.2);
}
section.container#intro.pink .grid.features .row.yellow {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(234,233,166,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(234,233,166,0.2);
}
section.container#intro.pink .grid.features .row.orange {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(235,197,151,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(235,197,151,0.2);
}
section.container#intro.pink .grid.features .row.orange-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(217,159,90,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(217,159,90,0.2);
}
section.container#intro.pink .grid.features .row.pink {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(241,187,208,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(241,187,208,0.2);
}
section.container#intro.pink .grid.features .row.pink-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(227,50,119,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(227,50,119,0.2);
}
section.container#intro.pink .grid.features .row.aqua {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(182,228,237,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(182,228,237,0.2);
}
section.container#intro.pink .grid.features .row.aqua-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(126,185,196,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(126,185,196,0.2);
}
section.container#intro.pink .grid.features .row.navy {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(146,160,196,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(146,160,196,0.2);
}
section.container#intro.pink .grid.features .row.navy-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(45,69,135,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(45,69,135,0.2);
}
section.container#intro.pink .grid.features .row.cto {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(181,216,235,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(181,216,235,0.2);
}
section.container#intro.pink .grid.features .row.cto-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(118,150,194,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(118,150,194,0.2);
}
section.container#intro.pink .grid.features .row.cro {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(234,166,166,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(234,166,166,0.2);
}
section.container#intro.pink .grid.features .row.cro-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(218,98,98,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(218,98,98,0.2);
}
section.container#intro.pink .grid.features .row.chro {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(200,181,235,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(200,181,235,0.2);
}
section.container#intro.pink .grid.features .row.chro-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(158,124,219,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(158,124,219,0.2);
}
section.container#intro.pink .grid.features .row.cco {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(147,223,184,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(147,223,184,0.2);
}
section.container#intro.pink .grid.features .row.cco-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(64,198,129,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(64,198,129,0.2);
}
section.container#intro.pink .grid.features .row:last-child {
  border-bottom: none;
}
section.container#intro.pink .grid.features .row:nth-of-type(even) .col.img {
  order: 2;
  padding-right: 0;
  padding-left: 5em;
}
section.container#intro.pink .grid.features .row .col {
  padding: 6em 0;
}
section.container#intro.pink .grid.features .row .col.blue h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #7696c2;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.pink .grid.features .row .col.hc h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #7696c2;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.pink .grid.features .row .col.dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #535d65;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.pink .grid.features .row .col.white h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #fff;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.pink .grid.features .row .col.gray h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #eff0f1;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.pink .grid.features .row .col.slate h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #bbc2c7;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.pink .grid.features .row .col.slate-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #535d65;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.pink .grid.features .row .col.green h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #a3c276;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.pink .grid.features .row .col.purple h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #9e7cdb;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.pink .grid.features .row .col.red h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #dd9285;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.pink .grid.features .row .col.yellow h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #eae9a6;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.pink .grid.features .row .col.orange h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #ebc597;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.pink .grid.features .row .col.orange-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #d99f5a;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.pink .grid.features .row .col.pink h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #f1bbd0;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.pink .grid.features .row .col.pink-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #e33277;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.pink .grid.features .row .col.aqua h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #b6e4ed;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.pink .grid.features .row .col.aqua-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #7eb9c4;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.pink .grid.features .row .col.navy h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #92a0c4;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.pink .grid.features .row .col.navy-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #2d4587;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.pink .grid.features .row .col.cto h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #b5d8eb;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.pink .grid.features .row .col.cto-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #7696c2;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.pink .grid.features .row .col.cro h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #eaa6a6;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.pink .grid.features .row .col.cro-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #da6262;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.pink .grid.features .row .col.chro h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #c8b5eb;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.pink .grid.features .row .col.chro-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #9e7cdb;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.pink .grid.features .row .col.cco h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #93dfb8;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.pink .grid.features .row .col.cco-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #40c681;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.pink .grid.features .row .col.img {
  flex: none;
  padding-right: 5em;
}
section.container#intro.pink .grid.features .row .col.img .pulse {
  width: 200px;
  height: 200px;
  border-radius: 100%;
  display: flex;
  position: relative;
}
section.container#intro.pink .grid.features .row .col.img .pulse img {
  position: absolute;
  width: 260px;
  height: 220px;
  left: -32px;
  top: -12px;
}
section.container#intro.pink .grid.features .row .col.img .pulse.blue {
  animation: 'pulse-blue' 2s infinite;
  border: 2px solid #7696c2;
  background: rgba(118,150,194,0.05);
}
section.container#intro.pink .grid.features .row .col.img .pulse.hc {
  animation: 'pulse-hc' 2s infinite;
  border: 2px solid #7696c2;
  background: rgba(118,150,194,0.05);
}
section.container#intro.pink .grid.features .row .col.img .pulse.dark {
  animation: 'pulse-dark' 2s infinite;
  border: 2px solid #535d65;
  background: rgba(83,93,101,0.05);
}
section.container#intro.pink .grid.features .row .col.img .pulse.white {
  animation: 'pulse-white' 2s infinite;
  border: 2px solid #fff;
  background: rgba(255,255,255,0.05);
}
section.container#intro.pink .grid.features .row .col.img .pulse.gray {
  animation: 'pulse-gray' 2s infinite;
  border: 2px solid #eff0f1;
  background: rgba(239,240,241,0.05);
}
section.container#intro.pink .grid.features .row .col.img .pulse.slate {
  animation: 'pulse-slate' 2s infinite;
  border: 2px solid #bbc2c7;
  background: rgba(187,194,199,0.05);
}
section.container#intro.pink .grid.features .row .col.img .pulse.slate-dark {
  animation: 'pulse-slate-dark' 2s infinite;
  border: 2px solid #535d65;
  background: rgba(83,93,101,0.05);
}
section.container#intro.pink .grid.features .row .col.img .pulse.green {
  animation: 'pulse-green' 2s infinite;
  border: 2px solid #a3c276;
  background: rgba(163,194,118,0.05);
}
section.container#intro.pink .grid.features .row .col.img .pulse.purple {
  animation: 'pulse-purple' 2s infinite;
  border: 2px solid #9e7cdb;
  background: rgba(158,124,219,0.05);
}
section.container#intro.pink .grid.features .row .col.img .pulse.red {
  animation: 'pulse-red' 2s infinite;
  border: 2px solid #dd9285;
  background: rgba(221,146,133,0.05);
}
section.container#intro.pink .grid.features .row .col.img .pulse.yellow {
  animation: 'pulse-yellow' 2s infinite;
  border: 2px solid #eae9a6;
  background: rgba(234,233,166,0.05);
}
section.container#intro.pink .grid.features .row .col.img .pulse.orange {
  animation: 'pulse-orange' 2s infinite;
  border: 2px solid #ebc597;
  background: rgba(235,197,151,0.05);
}
section.container#intro.pink .grid.features .row .col.img .pulse.orange-dark {
  animation: 'pulse-orange-dark' 2s infinite;
  border: 2px solid #d99f5a;
  background: rgba(217,159,90,0.05);
}
section.container#intro.pink .grid.features .row .col.img .pulse.pink {
  animation: 'pulse-pink' 2s infinite;
  border: 2px solid #f1bbd0;
  background: rgba(241,187,208,0.05);
}
section.container#intro.pink .grid.features .row .col.img .pulse.pink-dark {
  animation: 'pulse-pink-dark' 2s infinite;
  border: 2px solid #e33277;
  background: rgba(227,50,119,0.05);
}
section.container#intro.pink .grid.features .row .col.img .pulse.aqua {
  animation: 'pulse-aqua' 2s infinite;
  border: 2px solid #b6e4ed;
  background: rgba(182,228,237,0.05);
}
section.container#intro.pink .grid.features .row .col.img .pulse.aqua-dark {
  animation: 'pulse-aqua-dark' 2s infinite;
  border: 2px solid #7eb9c4;
  background: rgba(126,185,196,0.05);
}
section.container#intro.pink .grid.features .row .col.img .pulse.navy {
  animation: 'pulse-navy' 2s infinite;
  border: 2px solid #92a0c4;
  background: rgba(146,160,196,0.05);
}
section.container#intro.pink .grid.features .row .col.img .pulse.navy-dark {
  animation: 'pulse-navy-dark' 2s infinite;
  border: 2px solid #2d4587;
  background: rgba(45,69,135,0.05);
}
section.container#intro.pink .grid.features .row .col.img .pulse.cto {
  animation: 'pulse-cto' 2s infinite;
  border: 2px solid #b5d8eb;
  background: rgba(181,216,235,0.05);
}
section.container#intro.pink .grid.features .row .col.img .pulse.cto-dark {
  animation: 'pulse-cto-dark' 2s infinite;
  border: 2px solid #7696c2;
  background: rgba(118,150,194,0.05);
}
section.container#intro.pink .grid.features .row .col.img .pulse.cro {
  animation: 'pulse-cro' 2s infinite;
  border: 2px solid #eaa6a6;
  background: rgba(234,166,166,0.05);
}
section.container#intro.pink .grid.features .row .col.img .pulse.cro-dark {
  animation: 'pulse-cro-dark' 2s infinite;
  border: 2px solid #da6262;
  background: rgba(218,98,98,0.05);
}
section.container#intro.pink .grid.features .row .col.img .pulse.chro {
  animation: 'pulse-chro' 2s infinite;
  border: 2px solid #c8b5eb;
  background: rgba(200,181,235,0.05);
}
section.container#intro.pink .grid.features .row .col.img .pulse.chro-dark {
  animation: 'pulse-chro-dark' 2s infinite;
  border: 2px solid #9e7cdb;
  background: rgba(158,124,219,0.05);
}
section.container#intro.pink .grid.features .row .col.img .pulse.cco {
  animation: 'pulse-cco' 2s infinite;
  border: 2px solid #93dfb8;
  background: rgba(147,223,184,0.05);
}
section.container#intro.pink .grid.features .row .col.img .pulse.cco-dark {
  animation: 'pulse-cco-dark' 2s infinite;
  border: 2px solid #40c681;
  background: rgba(64,198,129,0.05);
}
section.container#intro.pink .grid.features .row .col.featureitem {
  flex: auto;
  width: 50%;
  max-width: 1100px;
}
section.container#intro.pink .grid.features .row .col .row {
  align-items: stretch;
  margin: 0;
  padding: 0;
}
section.container#intro.pink .grid.features .row .col .row .col {
  padding: 0 0 0 0;
}
section.container#intro.pink .grid.features .row .col .row .col:nth-child(odd) {
  padding: 0 2em 0 0;
}
section.container#intro.pink .grid.features .row .col .row .col:nth-child(even) {
  padding: 0 0 0 2em;
}
section.container#intro.pink .grid.features .row .col .row .col i {
  margin-right: 0.5em;
}
section.container#intro.pink .grid.features .row .col .row .col p {
  margin-top: 0;
}
section.container#intro.pink-dark .grid {
  border-top: 2px solid rgba(227,50,119,0.1);
  margin-top: 0;
}
section.container#intro.pink-dark .grid .row {
  margin: 0 auto;
  padding: 0 2em;
  max-width: 100%;
  flex-wrap: wrap;
  align-items: center;
}
section.container#intro.pink-dark .grid .row .col {
  margin: 0;
  padding: 3em 2em;
  border: none;
}
section.container#intro.pink-dark .grid.products .row {
  padding-bottom: 1.1em;
}
section.container#intro.pink-dark .grid.features .row {
  justify-content: space-around;
}
section.container#intro.pink-dark .grid.features .row.blue {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(118,150,194,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(118,150,194,0.2);
}
section.container#intro.pink-dark .grid.features .row.hc {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(118,150,194,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(118,150,194,0.2);
}
section.container#intro.pink-dark .grid.features .row.dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(83,93,101,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(83,93,101,0.2);
}
section.container#intro.pink-dark .grid.features .row.white {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(255,255,255,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(255,255,255,0.2);
}
section.container#intro.pink-dark .grid.features .row.gray {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(239,240,241,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(239,240,241,0.2);
}
section.container#intro.pink-dark .grid.features .row.slate {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(187,194,199,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(187,194,199,0.2);
}
section.container#intro.pink-dark .grid.features .row.slate-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(83,93,101,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(83,93,101,0.2);
}
section.container#intro.pink-dark .grid.features .row.green {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(163,194,118,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(163,194,118,0.2);
}
section.container#intro.pink-dark .grid.features .row.purple {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(158,124,219,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(158,124,219,0.2);
}
section.container#intro.pink-dark .grid.features .row.red {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(221,146,133,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(221,146,133,0.2);
}
section.container#intro.pink-dark .grid.features .row.yellow {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(234,233,166,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(234,233,166,0.2);
}
section.container#intro.pink-dark .grid.features .row.orange {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(235,197,151,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(235,197,151,0.2);
}
section.container#intro.pink-dark .grid.features .row.orange-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(217,159,90,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(217,159,90,0.2);
}
section.container#intro.pink-dark .grid.features .row.pink {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(241,187,208,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(241,187,208,0.2);
}
section.container#intro.pink-dark .grid.features .row.pink-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(227,50,119,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(227,50,119,0.2);
}
section.container#intro.pink-dark .grid.features .row.aqua {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(182,228,237,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(182,228,237,0.2);
}
section.container#intro.pink-dark .grid.features .row.aqua-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(126,185,196,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(126,185,196,0.2);
}
section.container#intro.pink-dark .grid.features .row.navy {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(146,160,196,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(146,160,196,0.2);
}
section.container#intro.pink-dark .grid.features .row.navy-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(45,69,135,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(45,69,135,0.2);
}
section.container#intro.pink-dark .grid.features .row.cto {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(181,216,235,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(181,216,235,0.2);
}
section.container#intro.pink-dark .grid.features .row.cto-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(118,150,194,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(118,150,194,0.2);
}
section.container#intro.pink-dark .grid.features .row.cro {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(234,166,166,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(234,166,166,0.2);
}
section.container#intro.pink-dark .grid.features .row.cro-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(218,98,98,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(218,98,98,0.2);
}
section.container#intro.pink-dark .grid.features .row.chro {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(200,181,235,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(200,181,235,0.2);
}
section.container#intro.pink-dark .grid.features .row.chro-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(158,124,219,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(158,124,219,0.2);
}
section.container#intro.pink-dark .grid.features .row.cco {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(147,223,184,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(147,223,184,0.2);
}
section.container#intro.pink-dark .grid.features .row.cco-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(64,198,129,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(64,198,129,0.2);
}
section.container#intro.pink-dark .grid.features .row:last-child {
  border-bottom: none;
}
section.container#intro.pink-dark .grid.features .row:nth-of-type(even) .col.img {
  order: 2;
  padding-right: 0;
  padding-left: 5em;
}
section.container#intro.pink-dark .grid.features .row .col {
  padding: 6em 0;
}
section.container#intro.pink-dark .grid.features .row .col.blue h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #7696c2;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.pink-dark .grid.features .row .col.hc h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #7696c2;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.pink-dark .grid.features .row .col.dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #535d65;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.pink-dark .grid.features .row .col.white h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #fff;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.pink-dark .grid.features .row .col.gray h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #eff0f1;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.pink-dark .grid.features .row .col.slate h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #bbc2c7;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.pink-dark .grid.features .row .col.slate-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #535d65;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.pink-dark .grid.features .row .col.green h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #a3c276;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.pink-dark .grid.features .row .col.purple h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #9e7cdb;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.pink-dark .grid.features .row .col.red h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #dd9285;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.pink-dark .grid.features .row .col.yellow h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #eae9a6;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.pink-dark .grid.features .row .col.orange h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #ebc597;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.pink-dark .grid.features .row .col.orange-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #d99f5a;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.pink-dark .grid.features .row .col.pink h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #f1bbd0;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.pink-dark .grid.features .row .col.pink-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #e33277;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.pink-dark .grid.features .row .col.aqua h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #b6e4ed;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.pink-dark .grid.features .row .col.aqua-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #7eb9c4;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.pink-dark .grid.features .row .col.navy h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #92a0c4;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.pink-dark .grid.features .row .col.navy-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #2d4587;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.pink-dark .grid.features .row .col.cto h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #b5d8eb;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.pink-dark .grid.features .row .col.cto-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #7696c2;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.pink-dark .grid.features .row .col.cro h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #eaa6a6;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.pink-dark .grid.features .row .col.cro-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #da6262;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.pink-dark .grid.features .row .col.chro h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #c8b5eb;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.pink-dark .grid.features .row .col.chro-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #9e7cdb;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.pink-dark .grid.features .row .col.cco h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #93dfb8;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.pink-dark .grid.features .row .col.cco-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #40c681;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.pink-dark .grid.features .row .col.img {
  flex: none;
  padding-right: 5em;
}
section.container#intro.pink-dark .grid.features .row .col.img .pulse {
  width: 200px;
  height: 200px;
  border-radius: 100%;
  display: flex;
  position: relative;
}
section.container#intro.pink-dark .grid.features .row .col.img .pulse img {
  position: absolute;
  width: 260px;
  height: 220px;
  left: -32px;
  top: -12px;
}
section.container#intro.pink-dark .grid.features .row .col.img .pulse.blue {
  animation: 'pulse-blue' 2s infinite;
  border: 2px solid #7696c2;
  background: rgba(118,150,194,0.05);
}
section.container#intro.pink-dark .grid.features .row .col.img .pulse.hc {
  animation: 'pulse-hc' 2s infinite;
  border: 2px solid #7696c2;
  background: rgba(118,150,194,0.05);
}
section.container#intro.pink-dark .grid.features .row .col.img .pulse.dark {
  animation: 'pulse-dark' 2s infinite;
  border: 2px solid #535d65;
  background: rgba(83,93,101,0.05);
}
section.container#intro.pink-dark .grid.features .row .col.img .pulse.white {
  animation: 'pulse-white' 2s infinite;
  border: 2px solid #fff;
  background: rgba(255,255,255,0.05);
}
section.container#intro.pink-dark .grid.features .row .col.img .pulse.gray {
  animation: 'pulse-gray' 2s infinite;
  border: 2px solid #eff0f1;
  background: rgba(239,240,241,0.05);
}
section.container#intro.pink-dark .grid.features .row .col.img .pulse.slate {
  animation: 'pulse-slate' 2s infinite;
  border: 2px solid #bbc2c7;
  background: rgba(187,194,199,0.05);
}
section.container#intro.pink-dark .grid.features .row .col.img .pulse.slate-dark {
  animation: 'pulse-slate-dark' 2s infinite;
  border: 2px solid #535d65;
  background: rgba(83,93,101,0.05);
}
section.container#intro.pink-dark .grid.features .row .col.img .pulse.green {
  animation: 'pulse-green' 2s infinite;
  border: 2px solid #a3c276;
  background: rgba(163,194,118,0.05);
}
section.container#intro.pink-dark .grid.features .row .col.img .pulse.purple {
  animation: 'pulse-purple' 2s infinite;
  border: 2px solid #9e7cdb;
  background: rgba(158,124,219,0.05);
}
section.container#intro.pink-dark .grid.features .row .col.img .pulse.red {
  animation: 'pulse-red' 2s infinite;
  border: 2px solid #dd9285;
  background: rgba(221,146,133,0.05);
}
section.container#intro.pink-dark .grid.features .row .col.img .pulse.yellow {
  animation: 'pulse-yellow' 2s infinite;
  border: 2px solid #eae9a6;
  background: rgba(234,233,166,0.05);
}
section.container#intro.pink-dark .grid.features .row .col.img .pulse.orange {
  animation: 'pulse-orange' 2s infinite;
  border: 2px solid #ebc597;
  background: rgba(235,197,151,0.05);
}
section.container#intro.pink-dark .grid.features .row .col.img .pulse.orange-dark {
  animation: 'pulse-orange-dark' 2s infinite;
  border: 2px solid #d99f5a;
  background: rgba(217,159,90,0.05);
}
section.container#intro.pink-dark .grid.features .row .col.img .pulse.pink {
  animation: 'pulse-pink' 2s infinite;
  border: 2px solid #f1bbd0;
  background: rgba(241,187,208,0.05);
}
section.container#intro.pink-dark .grid.features .row .col.img .pulse.pink-dark {
  animation: 'pulse-pink-dark' 2s infinite;
  border: 2px solid #e33277;
  background: rgba(227,50,119,0.05);
}
section.container#intro.pink-dark .grid.features .row .col.img .pulse.aqua {
  animation: 'pulse-aqua' 2s infinite;
  border: 2px solid #b6e4ed;
  background: rgba(182,228,237,0.05);
}
section.container#intro.pink-dark .grid.features .row .col.img .pulse.aqua-dark {
  animation: 'pulse-aqua-dark' 2s infinite;
  border: 2px solid #7eb9c4;
  background: rgba(126,185,196,0.05);
}
section.container#intro.pink-dark .grid.features .row .col.img .pulse.navy {
  animation: 'pulse-navy' 2s infinite;
  border: 2px solid #92a0c4;
  background: rgba(146,160,196,0.05);
}
section.container#intro.pink-dark .grid.features .row .col.img .pulse.navy-dark {
  animation: 'pulse-navy-dark' 2s infinite;
  border: 2px solid #2d4587;
  background: rgba(45,69,135,0.05);
}
section.container#intro.pink-dark .grid.features .row .col.img .pulse.cto {
  animation: 'pulse-cto' 2s infinite;
  border: 2px solid #b5d8eb;
  background: rgba(181,216,235,0.05);
}
section.container#intro.pink-dark .grid.features .row .col.img .pulse.cto-dark {
  animation: 'pulse-cto-dark' 2s infinite;
  border: 2px solid #7696c2;
  background: rgba(118,150,194,0.05);
}
section.container#intro.pink-dark .grid.features .row .col.img .pulse.cro {
  animation: 'pulse-cro' 2s infinite;
  border: 2px solid #eaa6a6;
  background: rgba(234,166,166,0.05);
}
section.container#intro.pink-dark .grid.features .row .col.img .pulse.cro-dark {
  animation: 'pulse-cro-dark' 2s infinite;
  border: 2px solid #da6262;
  background: rgba(218,98,98,0.05);
}
section.container#intro.pink-dark .grid.features .row .col.img .pulse.chro {
  animation: 'pulse-chro' 2s infinite;
  border: 2px solid #c8b5eb;
  background: rgba(200,181,235,0.05);
}
section.container#intro.pink-dark .grid.features .row .col.img .pulse.chro-dark {
  animation: 'pulse-chro-dark' 2s infinite;
  border: 2px solid #9e7cdb;
  background: rgba(158,124,219,0.05);
}
section.container#intro.pink-dark .grid.features .row .col.img .pulse.cco {
  animation: 'pulse-cco' 2s infinite;
  border: 2px solid #93dfb8;
  background: rgba(147,223,184,0.05);
}
section.container#intro.pink-dark .grid.features .row .col.img .pulse.cco-dark {
  animation: 'pulse-cco-dark' 2s infinite;
  border: 2px solid #40c681;
  background: rgba(64,198,129,0.05);
}
section.container#intro.pink-dark .grid.features .row .col.featureitem {
  flex: auto;
  width: 50%;
  max-width: 1100px;
}
section.container#intro.pink-dark .grid.features .row .col .row {
  align-items: stretch;
  margin: 0;
  padding: 0;
}
section.container#intro.pink-dark .grid.features .row .col .row .col {
  padding: 0 0 0 0;
}
section.container#intro.pink-dark .grid.features .row .col .row .col:nth-child(odd) {
  padding: 0 2em 0 0;
}
section.container#intro.pink-dark .grid.features .row .col .row .col:nth-child(even) {
  padding: 0 0 0 2em;
}
section.container#intro.pink-dark .grid.features .row .col .row .col i {
  margin-right: 0.5em;
}
section.container#intro.pink-dark .grid.features .row .col .row .col p {
  margin-top: 0;
}
section.container#intro.aqua .grid {
  border-top: 2px solid rgba(182,228,237,0.1);
  margin-top: 0;
}
section.container#intro.aqua .grid .row {
  margin: 0 auto;
  padding: 0 2em;
  max-width: 100%;
  flex-wrap: wrap;
  align-items: center;
}
section.container#intro.aqua .grid .row .col {
  margin: 0;
  padding: 3em 2em;
  border: none;
}
section.container#intro.aqua .grid.products .row {
  padding-bottom: 1.1em;
}
section.container#intro.aqua .grid.features .row {
  justify-content: space-around;
}
section.container#intro.aqua .grid.features .row.blue {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(118,150,194,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(118,150,194,0.2);
}
section.container#intro.aqua .grid.features .row.hc {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(118,150,194,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(118,150,194,0.2);
}
section.container#intro.aqua .grid.features .row.dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(83,93,101,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(83,93,101,0.2);
}
section.container#intro.aqua .grid.features .row.white {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(255,255,255,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(255,255,255,0.2);
}
section.container#intro.aqua .grid.features .row.gray {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(239,240,241,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(239,240,241,0.2);
}
section.container#intro.aqua .grid.features .row.slate {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(187,194,199,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(187,194,199,0.2);
}
section.container#intro.aqua .grid.features .row.slate-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(83,93,101,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(83,93,101,0.2);
}
section.container#intro.aqua .grid.features .row.green {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(163,194,118,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(163,194,118,0.2);
}
section.container#intro.aqua .grid.features .row.purple {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(158,124,219,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(158,124,219,0.2);
}
section.container#intro.aqua .grid.features .row.red {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(221,146,133,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(221,146,133,0.2);
}
section.container#intro.aqua .grid.features .row.yellow {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(234,233,166,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(234,233,166,0.2);
}
section.container#intro.aqua .grid.features .row.orange {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(235,197,151,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(235,197,151,0.2);
}
section.container#intro.aqua .grid.features .row.orange-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(217,159,90,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(217,159,90,0.2);
}
section.container#intro.aqua .grid.features .row.pink {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(241,187,208,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(241,187,208,0.2);
}
section.container#intro.aqua .grid.features .row.pink-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(227,50,119,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(227,50,119,0.2);
}
section.container#intro.aqua .grid.features .row.aqua {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(182,228,237,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(182,228,237,0.2);
}
section.container#intro.aqua .grid.features .row.aqua-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(126,185,196,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(126,185,196,0.2);
}
section.container#intro.aqua .grid.features .row.navy {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(146,160,196,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(146,160,196,0.2);
}
section.container#intro.aqua .grid.features .row.navy-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(45,69,135,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(45,69,135,0.2);
}
section.container#intro.aqua .grid.features .row.cto {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(181,216,235,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(181,216,235,0.2);
}
section.container#intro.aqua .grid.features .row.cto-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(118,150,194,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(118,150,194,0.2);
}
section.container#intro.aqua .grid.features .row.cro {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(234,166,166,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(234,166,166,0.2);
}
section.container#intro.aqua .grid.features .row.cro-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(218,98,98,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(218,98,98,0.2);
}
section.container#intro.aqua .grid.features .row.chro {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(200,181,235,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(200,181,235,0.2);
}
section.container#intro.aqua .grid.features .row.chro-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(158,124,219,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(158,124,219,0.2);
}
section.container#intro.aqua .grid.features .row.cco {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(147,223,184,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(147,223,184,0.2);
}
section.container#intro.aqua .grid.features .row.cco-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(64,198,129,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(64,198,129,0.2);
}
section.container#intro.aqua .grid.features .row:last-child {
  border-bottom: none;
}
section.container#intro.aqua .grid.features .row:nth-of-type(even) .col.img {
  order: 2;
  padding-right: 0;
  padding-left: 5em;
}
section.container#intro.aqua .grid.features .row .col {
  padding: 6em 0;
}
section.container#intro.aqua .grid.features .row .col.blue h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #7696c2;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.aqua .grid.features .row .col.hc h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #7696c2;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.aqua .grid.features .row .col.dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #535d65;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.aqua .grid.features .row .col.white h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #fff;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.aqua .grid.features .row .col.gray h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #eff0f1;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.aqua .grid.features .row .col.slate h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #bbc2c7;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.aqua .grid.features .row .col.slate-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #535d65;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.aqua .grid.features .row .col.green h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #a3c276;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.aqua .grid.features .row .col.purple h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #9e7cdb;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.aqua .grid.features .row .col.red h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #dd9285;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.aqua .grid.features .row .col.yellow h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #eae9a6;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.aqua .grid.features .row .col.orange h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #ebc597;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.aqua .grid.features .row .col.orange-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #d99f5a;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.aqua .grid.features .row .col.pink h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #f1bbd0;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.aqua .grid.features .row .col.pink-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #e33277;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.aqua .grid.features .row .col.aqua h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #b6e4ed;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.aqua .grid.features .row .col.aqua-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #7eb9c4;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.aqua .grid.features .row .col.navy h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #92a0c4;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.aqua .grid.features .row .col.navy-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #2d4587;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.aqua .grid.features .row .col.cto h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #b5d8eb;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.aqua .grid.features .row .col.cto-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #7696c2;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.aqua .grid.features .row .col.cro h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #eaa6a6;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.aqua .grid.features .row .col.cro-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #da6262;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.aqua .grid.features .row .col.chro h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #c8b5eb;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.aqua .grid.features .row .col.chro-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #9e7cdb;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.aqua .grid.features .row .col.cco h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #93dfb8;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.aqua .grid.features .row .col.cco-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #40c681;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.aqua .grid.features .row .col.img {
  flex: none;
  padding-right: 5em;
}
section.container#intro.aqua .grid.features .row .col.img .pulse {
  width: 200px;
  height: 200px;
  border-radius: 100%;
  display: flex;
  position: relative;
}
section.container#intro.aqua .grid.features .row .col.img .pulse img {
  position: absolute;
  width: 260px;
  height: 220px;
  left: -32px;
  top: -12px;
}
section.container#intro.aqua .grid.features .row .col.img .pulse.blue {
  animation: 'pulse-blue' 2s infinite;
  border: 2px solid #7696c2;
  background: rgba(118,150,194,0.05);
}
section.container#intro.aqua .grid.features .row .col.img .pulse.hc {
  animation: 'pulse-hc' 2s infinite;
  border: 2px solid #7696c2;
  background: rgba(118,150,194,0.05);
}
section.container#intro.aqua .grid.features .row .col.img .pulse.dark {
  animation: 'pulse-dark' 2s infinite;
  border: 2px solid #535d65;
  background: rgba(83,93,101,0.05);
}
section.container#intro.aqua .grid.features .row .col.img .pulse.white {
  animation: 'pulse-white' 2s infinite;
  border: 2px solid #fff;
  background: rgba(255,255,255,0.05);
}
section.container#intro.aqua .grid.features .row .col.img .pulse.gray {
  animation: 'pulse-gray' 2s infinite;
  border: 2px solid #eff0f1;
  background: rgba(239,240,241,0.05);
}
section.container#intro.aqua .grid.features .row .col.img .pulse.slate {
  animation: 'pulse-slate' 2s infinite;
  border: 2px solid #bbc2c7;
  background: rgba(187,194,199,0.05);
}
section.container#intro.aqua .grid.features .row .col.img .pulse.slate-dark {
  animation: 'pulse-slate-dark' 2s infinite;
  border: 2px solid #535d65;
  background: rgba(83,93,101,0.05);
}
section.container#intro.aqua .grid.features .row .col.img .pulse.green {
  animation: 'pulse-green' 2s infinite;
  border: 2px solid #a3c276;
  background: rgba(163,194,118,0.05);
}
section.container#intro.aqua .grid.features .row .col.img .pulse.purple {
  animation: 'pulse-purple' 2s infinite;
  border: 2px solid #9e7cdb;
  background: rgba(158,124,219,0.05);
}
section.container#intro.aqua .grid.features .row .col.img .pulse.red {
  animation: 'pulse-red' 2s infinite;
  border: 2px solid #dd9285;
  background: rgba(221,146,133,0.05);
}
section.container#intro.aqua .grid.features .row .col.img .pulse.yellow {
  animation: 'pulse-yellow' 2s infinite;
  border: 2px solid #eae9a6;
  background: rgba(234,233,166,0.05);
}
section.container#intro.aqua .grid.features .row .col.img .pulse.orange {
  animation: 'pulse-orange' 2s infinite;
  border: 2px solid #ebc597;
  background: rgba(235,197,151,0.05);
}
section.container#intro.aqua .grid.features .row .col.img .pulse.orange-dark {
  animation: 'pulse-orange-dark' 2s infinite;
  border: 2px solid #d99f5a;
  background: rgba(217,159,90,0.05);
}
section.container#intro.aqua .grid.features .row .col.img .pulse.pink {
  animation: 'pulse-pink' 2s infinite;
  border: 2px solid #f1bbd0;
  background: rgba(241,187,208,0.05);
}
section.container#intro.aqua .grid.features .row .col.img .pulse.pink-dark {
  animation: 'pulse-pink-dark' 2s infinite;
  border: 2px solid #e33277;
  background: rgba(227,50,119,0.05);
}
section.container#intro.aqua .grid.features .row .col.img .pulse.aqua {
  animation: 'pulse-aqua' 2s infinite;
  border: 2px solid #b6e4ed;
  background: rgba(182,228,237,0.05);
}
section.container#intro.aqua .grid.features .row .col.img .pulse.aqua-dark {
  animation: 'pulse-aqua-dark' 2s infinite;
  border: 2px solid #7eb9c4;
  background: rgba(126,185,196,0.05);
}
section.container#intro.aqua .grid.features .row .col.img .pulse.navy {
  animation: 'pulse-navy' 2s infinite;
  border: 2px solid #92a0c4;
  background: rgba(146,160,196,0.05);
}
section.container#intro.aqua .grid.features .row .col.img .pulse.navy-dark {
  animation: 'pulse-navy-dark' 2s infinite;
  border: 2px solid #2d4587;
  background: rgba(45,69,135,0.05);
}
section.container#intro.aqua .grid.features .row .col.img .pulse.cto {
  animation: 'pulse-cto' 2s infinite;
  border: 2px solid #b5d8eb;
  background: rgba(181,216,235,0.05);
}
section.container#intro.aqua .grid.features .row .col.img .pulse.cto-dark {
  animation: 'pulse-cto-dark' 2s infinite;
  border: 2px solid #7696c2;
  background: rgba(118,150,194,0.05);
}
section.container#intro.aqua .grid.features .row .col.img .pulse.cro {
  animation: 'pulse-cro' 2s infinite;
  border: 2px solid #eaa6a6;
  background: rgba(234,166,166,0.05);
}
section.container#intro.aqua .grid.features .row .col.img .pulse.cro-dark {
  animation: 'pulse-cro-dark' 2s infinite;
  border: 2px solid #da6262;
  background: rgba(218,98,98,0.05);
}
section.container#intro.aqua .grid.features .row .col.img .pulse.chro {
  animation: 'pulse-chro' 2s infinite;
  border: 2px solid #c8b5eb;
  background: rgba(200,181,235,0.05);
}
section.container#intro.aqua .grid.features .row .col.img .pulse.chro-dark {
  animation: 'pulse-chro-dark' 2s infinite;
  border: 2px solid #9e7cdb;
  background: rgba(158,124,219,0.05);
}
section.container#intro.aqua .grid.features .row .col.img .pulse.cco {
  animation: 'pulse-cco' 2s infinite;
  border: 2px solid #93dfb8;
  background: rgba(147,223,184,0.05);
}
section.container#intro.aqua .grid.features .row .col.img .pulse.cco-dark {
  animation: 'pulse-cco-dark' 2s infinite;
  border: 2px solid #40c681;
  background: rgba(64,198,129,0.05);
}
section.container#intro.aqua .grid.features .row .col.featureitem {
  flex: auto;
  width: 50%;
  max-width: 1100px;
}
section.container#intro.aqua .grid.features .row .col .row {
  align-items: stretch;
  margin: 0;
  padding: 0;
}
section.container#intro.aqua .grid.features .row .col .row .col {
  padding: 0 0 0 0;
}
section.container#intro.aqua .grid.features .row .col .row .col:nth-child(odd) {
  padding: 0 2em 0 0;
}
section.container#intro.aqua .grid.features .row .col .row .col:nth-child(even) {
  padding: 0 0 0 2em;
}
section.container#intro.aqua .grid.features .row .col .row .col i {
  margin-right: 0.5em;
}
section.container#intro.aqua .grid.features .row .col .row .col p {
  margin-top: 0;
}
section.container#intro.aqua-dark .grid {
  border-top: 2px solid rgba(126,185,196,0.1);
  margin-top: 0;
}
section.container#intro.aqua-dark .grid .row {
  margin: 0 auto;
  padding: 0 2em;
  max-width: 100%;
  flex-wrap: wrap;
  align-items: center;
}
section.container#intro.aqua-dark .grid .row .col {
  margin: 0;
  padding: 3em 2em;
  border: none;
}
section.container#intro.aqua-dark .grid.products .row {
  padding-bottom: 1.1em;
}
section.container#intro.aqua-dark .grid.features .row {
  justify-content: space-around;
}
section.container#intro.aqua-dark .grid.features .row.blue {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(118,150,194,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(118,150,194,0.2);
}
section.container#intro.aqua-dark .grid.features .row.hc {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(118,150,194,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(118,150,194,0.2);
}
section.container#intro.aqua-dark .grid.features .row.dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(83,93,101,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(83,93,101,0.2);
}
section.container#intro.aqua-dark .grid.features .row.white {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(255,255,255,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(255,255,255,0.2);
}
section.container#intro.aqua-dark .grid.features .row.gray {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(239,240,241,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(239,240,241,0.2);
}
section.container#intro.aqua-dark .grid.features .row.slate {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(187,194,199,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(187,194,199,0.2);
}
section.container#intro.aqua-dark .grid.features .row.slate-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(83,93,101,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(83,93,101,0.2);
}
section.container#intro.aqua-dark .grid.features .row.green {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(163,194,118,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(163,194,118,0.2);
}
section.container#intro.aqua-dark .grid.features .row.purple {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(158,124,219,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(158,124,219,0.2);
}
section.container#intro.aqua-dark .grid.features .row.red {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(221,146,133,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(221,146,133,0.2);
}
section.container#intro.aqua-dark .grid.features .row.yellow {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(234,233,166,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(234,233,166,0.2);
}
section.container#intro.aqua-dark .grid.features .row.orange {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(235,197,151,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(235,197,151,0.2);
}
section.container#intro.aqua-dark .grid.features .row.orange-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(217,159,90,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(217,159,90,0.2);
}
section.container#intro.aqua-dark .grid.features .row.pink {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(241,187,208,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(241,187,208,0.2);
}
section.container#intro.aqua-dark .grid.features .row.pink-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(227,50,119,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(227,50,119,0.2);
}
section.container#intro.aqua-dark .grid.features .row.aqua {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(182,228,237,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(182,228,237,0.2);
}
section.container#intro.aqua-dark .grid.features .row.aqua-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(126,185,196,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(126,185,196,0.2);
}
section.container#intro.aqua-dark .grid.features .row.navy {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(146,160,196,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(146,160,196,0.2);
}
section.container#intro.aqua-dark .grid.features .row.navy-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(45,69,135,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(45,69,135,0.2);
}
section.container#intro.aqua-dark .grid.features .row.cto {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(181,216,235,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(181,216,235,0.2);
}
section.container#intro.aqua-dark .grid.features .row.cto-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(118,150,194,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(118,150,194,0.2);
}
section.container#intro.aqua-dark .grid.features .row.cro {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(234,166,166,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(234,166,166,0.2);
}
section.container#intro.aqua-dark .grid.features .row.cro-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(218,98,98,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(218,98,98,0.2);
}
section.container#intro.aqua-dark .grid.features .row.chro {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(200,181,235,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(200,181,235,0.2);
}
section.container#intro.aqua-dark .grid.features .row.chro-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(158,124,219,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(158,124,219,0.2);
}
section.container#intro.aqua-dark .grid.features .row.cco {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(147,223,184,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(147,223,184,0.2);
}
section.container#intro.aqua-dark .grid.features .row.cco-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(64,198,129,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(64,198,129,0.2);
}
section.container#intro.aqua-dark .grid.features .row:last-child {
  border-bottom: none;
}
section.container#intro.aqua-dark .grid.features .row:nth-of-type(even) .col.img {
  order: 2;
  padding-right: 0;
  padding-left: 5em;
}
section.container#intro.aqua-dark .grid.features .row .col {
  padding: 6em 0;
}
section.container#intro.aqua-dark .grid.features .row .col.blue h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #7696c2;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.aqua-dark .grid.features .row .col.hc h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #7696c2;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.aqua-dark .grid.features .row .col.dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #535d65;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.aqua-dark .grid.features .row .col.white h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #fff;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.aqua-dark .grid.features .row .col.gray h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #eff0f1;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.aqua-dark .grid.features .row .col.slate h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #bbc2c7;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.aqua-dark .grid.features .row .col.slate-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #535d65;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.aqua-dark .grid.features .row .col.green h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #a3c276;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.aqua-dark .grid.features .row .col.purple h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #9e7cdb;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.aqua-dark .grid.features .row .col.red h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #dd9285;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.aqua-dark .grid.features .row .col.yellow h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #eae9a6;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.aqua-dark .grid.features .row .col.orange h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #ebc597;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.aqua-dark .grid.features .row .col.orange-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #d99f5a;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.aqua-dark .grid.features .row .col.pink h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #f1bbd0;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.aqua-dark .grid.features .row .col.pink-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #e33277;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.aqua-dark .grid.features .row .col.aqua h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #b6e4ed;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.aqua-dark .grid.features .row .col.aqua-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #7eb9c4;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.aqua-dark .grid.features .row .col.navy h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #92a0c4;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.aqua-dark .grid.features .row .col.navy-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #2d4587;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.aqua-dark .grid.features .row .col.cto h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #b5d8eb;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.aqua-dark .grid.features .row .col.cto-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #7696c2;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.aqua-dark .grid.features .row .col.cro h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #eaa6a6;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.aqua-dark .grid.features .row .col.cro-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #da6262;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.aqua-dark .grid.features .row .col.chro h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #c8b5eb;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.aqua-dark .grid.features .row .col.chro-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #9e7cdb;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.aqua-dark .grid.features .row .col.cco h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #93dfb8;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.aqua-dark .grid.features .row .col.cco-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #40c681;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.aqua-dark .grid.features .row .col.img {
  flex: none;
  padding-right: 5em;
}
section.container#intro.aqua-dark .grid.features .row .col.img .pulse {
  width: 200px;
  height: 200px;
  border-radius: 100%;
  display: flex;
  position: relative;
}
section.container#intro.aqua-dark .grid.features .row .col.img .pulse img {
  position: absolute;
  width: 260px;
  height: 220px;
  left: -32px;
  top: -12px;
}
section.container#intro.aqua-dark .grid.features .row .col.img .pulse.blue {
  animation: 'pulse-blue' 2s infinite;
  border: 2px solid #7696c2;
  background: rgba(118,150,194,0.05);
}
section.container#intro.aqua-dark .grid.features .row .col.img .pulse.hc {
  animation: 'pulse-hc' 2s infinite;
  border: 2px solid #7696c2;
  background: rgba(118,150,194,0.05);
}
section.container#intro.aqua-dark .grid.features .row .col.img .pulse.dark {
  animation: 'pulse-dark' 2s infinite;
  border: 2px solid #535d65;
  background: rgba(83,93,101,0.05);
}
section.container#intro.aqua-dark .grid.features .row .col.img .pulse.white {
  animation: 'pulse-white' 2s infinite;
  border: 2px solid #fff;
  background: rgba(255,255,255,0.05);
}
section.container#intro.aqua-dark .grid.features .row .col.img .pulse.gray {
  animation: 'pulse-gray' 2s infinite;
  border: 2px solid #eff0f1;
  background: rgba(239,240,241,0.05);
}
section.container#intro.aqua-dark .grid.features .row .col.img .pulse.slate {
  animation: 'pulse-slate' 2s infinite;
  border: 2px solid #bbc2c7;
  background: rgba(187,194,199,0.05);
}
section.container#intro.aqua-dark .grid.features .row .col.img .pulse.slate-dark {
  animation: 'pulse-slate-dark' 2s infinite;
  border: 2px solid #535d65;
  background: rgba(83,93,101,0.05);
}
section.container#intro.aqua-dark .grid.features .row .col.img .pulse.green {
  animation: 'pulse-green' 2s infinite;
  border: 2px solid #a3c276;
  background: rgba(163,194,118,0.05);
}
section.container#intro.aqua-dark .grid.features .row .col.img .pulse.purple {
  animation: 'pulse-purple' 2s infinite;
  border: 2px solid #9e7cdb;
  background: rgba(158,124,219,0.05);
}
section.container#intro.aqua-dark .grid.features .row .col.img .pulse.red {
  animation: 'pulse-red' 2s infinite;
  border: 2px solid #dd9285;
  background: rgba(221,146,133,0.05);
}
section.container#intro.aqua-dark .grid.features .row .col.img .pulse.yellow {
  animation: 'pulse-yellow' 2s infinite;
  border: 2px solid #eae9a6;
  background: rgba(234,233,166,0.05);
}
section.container#intro.aqua-dark .grid.features .row .col.img .pulse.orange {
  animation: 'pulse-orange' 2s infinite;
  border: 2px solid #ebc597;
  background: rgba(235,197,151,0.05);
}
section.container#intro.aqua-dark .grid.features .row .col.img .pulse.orange-dark {
  animation: 'pulse-orange-dark' 2s infinite;
  border: 2px solid #d99f5a;
  background: rgba(217,159,90,0.05);
}
section.container#intro.aqua-dark .grid.features .row .col.img .pulse.pink {
  animation: 'pulse-pink' 2s infinite;
  border: 2px solid #f1bbd0;
  background: rgba(241,187,208,0.05);
}
section.container#intro.aqua-dark .grid.features .row .col.img .pulse.pink-dark {
  animation: 'pulse-pink-dark' 2s infinite;
  border: 2px solid #e33277;
  background: rgba(227,50,119,0.05);
}
section.container#intro.aqua-dark .grid.features .row .col.img .pulse.aqua {
  animation: 'pulse-aqua' 2s infinite;
  border: 2px solid #b6e4ed;
  background: rgba(182,228,237,0.05);
}
section.container#intro.aqua-dark .grid.features .row .col.img .pulse.aqua-dark {
  animation: 'pulse-aqua-dark' 2s infinite;
  border: 2px solid #7eb9c4;
  background: rgba(126,185,196,0.05);
}
section.container#intro.aqua-dark .grid.features .row .col.img .pulse.navy {
  animation: 'pulse-navy' 2s infinite;
  border: 2px solid #92a0c4;
  background: rgba(146,160,196,0.05);
}
section.container#intro.aqua-dark .grid.features .row .col.img .pulse.navy-dark {
  animation: 'pulse-navy-dark' 2s infinite;
  border: 2px solid #2d4587;
  background: rgba(45,69,135,0.05);
}
section.container#intro.aqua-dark .grid.features .row .col.img .pulse.cto {
  animation: 'pulse-cto' 2s infinite;
  border: 2px solid #b5d8eb;
  background: rgba(181,216,235,0.05);
}
section.container#intro.aqua-dark .grid.features .row .col.img .pulse.cto-dark {
  animation: 'pulse-cto-dark' 2s infinite;
  border: 2px solid #7696c2;
  background: rgba(118,150,194,0.05);
}
section.container#intro.aqua-dark .grid.features .row .col.img .pulse.cro {
  animation: 'pulse-cro' 2s infinite;
  border: 2px solid #eaa6a6;
  background: rgba(234,166,166,0.05);
}
section.container#intro.aqua-dark .grid.features .row .col.img .pulse.cro-dark {
  animation: 'pulse-cro-dark' 2s infinite;
  border: 2px solid #da6262;
  background: rgba(218,98,98,0.05);
}
section.container#intro.aqua-dark .grid.features .row .col.img .pulse.chro {
  animation: 'pulse-chro' 2s infinite;
  border: 2px solid #c8b5eb;
  background: rgba(200,181,235,0.05);
}
section.container#intro.aqua-dark .grid.features .row .col.img .pulse.chro-dark {
  animation: 'pulse-chro-dark' 2s infinite;
  border: 2px solid #9e7cdb;
  background: rgba(158,124,219,0.05);
}
section.container#intro.aqua-dark .grid.features .row .col.img .pulse.cco {
  animation: 'pulse-cco' 2s infinite;
  border: 2px solid #93dfb8;
  background: rgba(147,223,184,0.05);
}
section.container#intro.aqua-dark .grid.features .row .col.img .pulse.cco-dark {
  animation: 'pulse-cco-dark' 2s infinite;
  border: 2px solid #40c681;
  background: rgba(64,198,129,0.05);
}
section.container#intro.aqua-dark .grid.features .row .col.featureitem {
  flex: auto;
  width: 50%;
  max-width: 1100px;
}
section.container#intro.aqua-dark .grid.features .row .col .row {
  align-items: stretch;
  margin: 0;
  padding: 0;
}
section.container#intro.aqua-dark .grid.features .row .col .row .col {
  padding: 0 0 0 0;
}
section.container#intro.aqua-dark .grid.features .row .col .row .col:nth-child(odd) {
  padding: 0 2em 0 0;
}
section.container#intro.aqua-dark .grid.features .row .col .row .col:nth-child(even) {
  padding: 0 0 0 2em;
}
section.container#intro.aqua-dark .grid.features .row .col .row .col i {
  margin-right: 0.5em;
}
section.container#intro.aqua-dark .grid.features .row .col .row .col p {
  margin-top: 0;
}
section.container#intro.navy .grid {
  border-top: 2px solid rgba(146,160,196,0.1);
  margin-top: 0;
}
section.container#intro.navy .grid .row {
  margin: 0 auto;
  padding: 0 2em;
  max-width: 100%;
  flex-wrap: wrap;
  align-items: center;
}
section.container#intro.navy .grid .row .col {
  margin: 0;
  padding: 3em 2em;
  border: none;
}
section.container#intro.navy .grid.products .row {
  padding-bottom: 1.1em;
}
section.container#intro.navy .grid.features .row {
  justify-content: space-around;
}
section.container#intro.navy .grid.features .row.blue {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(118,150,194,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(118,150,194,0.2);
}
section.container#intro.navy .grid.features .row.hc {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(118,150,194,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(118,150,194,0.2);
}
section.container#intro.navy .grid.features .row.dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(83,93,101,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(83,93,101,0.2);
}
section.container#intro.navy .grid.features .row.white {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(255,255,255,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(255,255,255,0.2);
}
section.container#intro.navy .grid.features .row.gray {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(239,240,241,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(239,240,241,0.2);
}
section.container#intro.navy .grid.features .row.slate {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(187,194,199,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(187,194,199,0.2);
}
section.container#intro.navy .grid.features .row.slate-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(83,93,101,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(83,93,101,0.2);
}
section.container#intro.navy .grid.features .row.green {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(163,194,118,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(163,194,118,0.2);
}
section.container#intro.navy .grid.features .row.purple {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(158,124,219,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(158,124,219,0.2);
}
section.container#intro.navy .grid.features .row.red {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(221,146,133,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(221,146,133,0.2);
}
section.container#intro.navy .grid.features .row.yellow {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(234,233,166,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(234,233,166,0.2);
}
section.container#intro.navy .grid.features .row.orange {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(235,197,151,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(235,197,151,0.2);
}
section.container#intro.navy .grid.features .row.orange-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(217,159,90,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(217,159,90,0.2);
}
section.container#intro.navy .grid.features .row.pink {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(241,187,208,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(241,187,208,0.2);
}
section.container#intro.navy .grid.features .row.pink-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(227,50,119,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(227,50,119,0.2);
}
section.container#intro.navy .grid.features .row.aqua {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(182,228,237,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(182,228,237,0.2);
}
section.container#intro.navy .grid.features .row.aqua-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(126,185,196,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(126,185,196,0.2);
}
section.container#intro.navy .grid.features .row.navy {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(146,160,196,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(146,160,196,0.2);
}
section.container#intro.navy .grid.features .row.navy-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(45,69,135,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(45,69,135,0.2);
}
section.container#intro.navy .grid.features .row.cto {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(181,216,235,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(181,216,235,0.2);
}
section.container#intro.navy .grid.features .row.cto-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(118,150,194,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(118,150,194,0.2);
}
section.container#intro.navy .grid.features .row.cro {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(234,166,166,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(234,166,166,0.2);
}
section.container#intro.navy .grid.features .row.cro-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(218,98,98,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(218,98,98,0.2);
}
section.container#intro.navy .grid.features .row.chro {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(200,181,235,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(200,181,235,0.2);
}
section.container#intro.navy .grid.features .row.chro-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(158,124,219,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(158,124,219,0.2);
}
section.container#intro.navy .grid.features .row.cco {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(147,223,184,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(147,223,184,0.2);
}
section.container#intro.navy .grid.features .row.cco-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(64,198,129,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(64,198,129,0.2);
}
section.container#intro.navy .grid.features .row:last-child {
  border-bottom: none;
}
section.container#intro.navy .grid.features .row:nth-of-type(even) .col.img {
  order: 2;
  padding-right: 0;
  padding-left: 5em;
}
section.container#intro.navy .grid.features .row .col {
  padding: 6em 0;
}
section.container#intro.navy .grid.features .row .col.blue h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #7696c2;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.navy .grid.features .row .col.hc h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #7696c2;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.navy .grid.features .row .col.dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #535d65;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.navy .grid.features .row .col.white h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #fff;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.navy .grid.features .row .col.gray h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #eff0f1;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.navy .grid.features .row .col.slate h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #bbc2c7;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.navy .grid.features .row .col.slate-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #535d65;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.navy .grid.features .row .col.green h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #a3c276;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.navy .grid.features .row .col.purple h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #9e7cdb;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.navy .grid.features .row .col.red h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #dd9285;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.navy .grid.features .row .col.yellow h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #eae9a6;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.navy .grid.features .row .col.orange h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #ebc597;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.navy .grid.features .row .col.orange-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #d99f5a;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.navy .grid.features .row .col.pink h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #f1bbd0;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.navy .grid.features .row .col.pink-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #e33277;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.navy .grid.features .row .col.aqua h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #b6e4ed;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.navy .grid.features .row .col.aqua-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #7eb9c4;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.navy .grid.features .row .col.navy h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #92a0c4;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.navy .grid.features .row .col.navy-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #2d4587;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.navy .grid.features .row .col.cto h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #b5d8eb;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.navy .grid.features .row .col.cto-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #7696c2;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.navy .grid.features .row .col.cro h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #eaa6a6;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.navy .grid.features .row .col.cro-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #da6262;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.navy .grid.features .row .col.chro h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #c8b5eb;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.navy .grid.features .row .col.chro-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #9e7cdb;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.navy .grid.features .row .col.cco h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #93dfb8;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.navy .grid.features .row .col.cco-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #40c681;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.navy .grid.features .row .col.img {
  flex: none;
  padding-right: 5em;
}
section.container#intro.navy .grid.features .row .col.img .pulse {
  width: 200px;
  height: 200px;
  border-radius: 100%;
  display: flex;
  position: relative;
}
section.container#intro.navy .grid.features .row .col.img .pulse img {
  position: absolute;
  width: 260px;
  height: 220px;
  left: -32px;
  top: -12px;
}
section.container#intro.navy .grid.features .row .col.img .pulse.blue {
  animation: 'pulse-blue' 2s infinite;
  border: 2px solid #7696c2;
  background: rgba(118,150,194,0.05);
}
section.container#intro.navy .grid.features .row .col.img .pulse.hc {
  animation: 'pulse-hc' 2s infinite;
  border: 2px solid #7696c2;
  background: rgba(118,150,194,0.05);
}
section.container#intro.navy .grid.features .row .col.img .pulse.dark {
  animation: 'pulse-dark' 2s infinite;
  border: 2px solid #535d65;
  background: rgba(83,93,101,0.05);
}
section.container#intro.navy .grid.features .row .col.img .pulse.white {
  animation: 'pulse-white' 2s infinite;
  border: 2px solid #fff;
  background: rgba(255,255,255,0.05);
}
section.container#intro.navy .grid.features .row .col.img .pulse.gray {
  animation: 'pulse-gray' 2s infinite;
  border: 2px solid #eff0f1;
  background: rgba(239,240,241,0.05);
}
section.container#intro.navy .grid.features .row .col.img .pulse.slate {
  animation: 'pulse-slate' 2s infinite;
  border: 2px solid #bbc2c7;
  background: rgba(187,194,199,0.05);
}
section.container#intro.navy .grid.features .row .col.img .pulse.slate-dark {
  animation: 'pulse-slate-dark' 2s infinite;
  border: 2px solid #535d65;
  background: rgba(83,93,101,0.05);
}
section.container#intro.navy .grid.features .row .col.img .pulse.green {
  animation: 'pulse-green' 2s infinite;
  border: 2px solid #a3c276;
  background: rgba(163,194,118,0.05);
}
section.container#intro.navy .grid.features .row .col.img .pulse.purple {
  animation: 'pulse-purple' 2s infinite;
  border: 2px solid #9e7cdb;
  background: rgba(158,124,219,0.05);
}
section.container#intro.navy .grid.features .row .col.img .pulse.red {
  animation: 'pulse-red' 2s infinite;
  border: 2px solid #dd9285;
  background: rgba(221,146,133,0.05);
}
section.container#intro.navy .grid.features .row .col.img .pulse.yellow {
  animation: 'pulse-yellow' 2s infinite;
  border: 2px solid #eae9a6;
  background: rgba(234,233,166,0.05);
}
section.container#intro.navy .grid.features .row .col.img .pulse.orange {
  animation: 'pulse-orange' 2s infinite;
  border: 2px solid #ebc597;
  background: rgba(235,197,151,0.05);
}
section.container#intro.navy .grid.features .row .col.img .pulse.orange-dark {
  animation: 'pulse-orange-dark' 2s infinite;
  border: 2px solid #d99f5a;
  background: rgba(217,159,90,0.05);
}
section.container#intro.navy .grid.features .row .col.img .pulse.pink {
  animation: 'pulse-pink' 2s infinite;
  border: 2px solid #f1bbd0;
  background: rgba(241,187,208,0.05);
}
section.container#intro.navy .grid.features .row .col.img .pulse.pink-dark {
  animation: 'pulse-pink-dark' 2s infinite;
  border: 2px solid #e33277;
  background: rgba(227,50,119,0.05);
}
section.container#intro.navy .grid.features .row .col.img .pulse.aqua {
  animation: 'pulse-aqua' 2s infinite;
  border: 2px solid #b6e4ed;
  background: rgba(182,228,237,0.05);
}
section.container#intro.navy .grid.features .row .col.img .pulse.aqua-dark {
  animation: 'pulse-aqua-dark' 2s infinite;
  border: 2px solid #7eb9c4;
  background: rgba(126,185,196,0.05);
}
section.container#intro.navy .grid.features .row .col.img .pulse.navy {
  animation: 'pulse-navy' 2s infinite;
  border: 2px solid #92a0c4;
  background: rgba(146,160,196,0.05);
}
section.container#intro.navy .grid.features .row .col.img .pulse.navy-dark {
  animation: 'pulse-navy-dark' 2s infinite;
  border: 2px solid #2d4587;
  background: rgba(45,69,135,0.05);
}
section.container#intro.navy .grid.features .row .col.img .pulse.cto {
  animation: 'pulse-cto' 2s infinite;
  border: 2px solid #b5d8eb;
  background: rgba(181,216,235,0.05);
}
section.container#intro.navy .grid.features .row .col.img .pulse.cto-dark {
  animation: 'pulse-cto-dark' 2s infinite;
  border: 2px solid #7696c2;
  background: rgba(118,150,194,0.05);
}
section.container#intro.navy .grid.features .row .col.img .pulse.cro {
  animation: 'pulse-cro' 2s infinite;
  border: 2px solid #eaa6a6;
  background: rgba(234,166,166,0.05);
}
section.container#intro.navy .grid.features .row .col.img .pulse.cro-dark {
  animation: 'pulse-cro-dark' 2s infinite;
  border: 2px solid #da6262;
  background: rgba(218,98,98,0.05);
}
section.container#intro.navy .grid.features .row .col.img .pulse.chro {
  animation: 'pulse-chro' 2s infinite;
  border: 2px solid #c8b5eb;
  background: rgba(200,181,235,0.05);
}
section.container#intro.navy .grid.features .row .col.img .pulse.chro-dark {
  animation: 'pulse-chro-dark' 2s infinite;
  border: 2px solid #9e7cdb;
  background: rgba(158,124,219,0.05);
}
section.container#intro.navy .grid.features .row .col.img .pulse.cco {
  animation: 'pulse-cco' 2s infinite;
  border: 2px solid #93dfb8;
  background: rgba(147,223,184,0.05);
}
section.container#intro.navy .grid.features .row .col.img .pulse.cco-dark {
  animation: 'pulse-cco-dark' 2s infinite;
  border: 2px solid #40c681;
  background: rgba(64,198,129,0.05);
}
section.container#intro.navy .grid.features .row .col.featureitem {
  flex: auto;
  width: 50%;
  max-width: 1100px;
}
section.container#intro.navy .grid.features .row .col .row {
  align-items: stretch;
  margin: 0;
  padding: 0;
}
section.container#intro.navy .grid.features .row .col .row .col {
  padding: 0 0 0 0;
}
section.container#intro.navy .grid.features .row .col .row .col:nth-child(odd) {
  padding: 0 2em 0 0;
}
section.container#intro.navy .grid.features .row .col .row .col:nth-child(even) {
  padding: 0 0 0 2em;
}
section.container#intro.navy .grid.features .row .col .row .col i {
  margin-right: 0.5em;
}
section.container#intro.navy .grid.features .row .col .row .col p {
  margin-top: 0;
}
section.container#intro.navy-dark .grid {
  border-top: 2px solid rgba(45,69,135,0.1);
  margin-top: 0;
}
section.container#intro.navy-dark .grid .row {
  margin: 0 auto;
  padding: 0 2em;
  max-width: 100%;
  flex-wrap: wrap;
  align-items: center;
}
section.container#intro.navy-dark .grid .row .col {
  margin: 0;
  padding: 3em 2em;
  border: none;
}
section.container#intro.navy-dark .grid.products .row {
  padding-bottom: 1.1em;
}
section.container#intro.navy-dark .grid.features .row {
  justify-content: space-around;
}
section.container#intro.navy-dark .grid.features .row.blue {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(118,150,194,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(118,150,194,0.2);
}
section.container#intro.navy-dark .grid.features .row.hc {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(118,150,194,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(118,150,194,0.2);
}
section.container#intro.navy-dark .grid.features .row.dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(83,93,101,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(83,93,101,0.2);
}
section.container#intro.navy-dark .grid.features .row.white {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(255,255,255,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(255,255,255,0.2);
}
section.container#intro.navy-dark .grid.features .row.gray {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(239,240,241,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(239,240,241,0.2);
}
section.container#intro.navy-dark .grid.features .row.slate {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(187,194,199,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(187,194,199,0.2);
}
section.container#intro.navy-dark .grid.features .row.slate-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(83,93,101,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(83,93,101,0.2);
}
section.container#intro.navy-dark .grid.features .row.green {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(163,194,118,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(163,194,118,0.2);
}
section.container#intro.navy-dark .grid.features .row.purple {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(158,124,219,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(158,124,219,0.2);
}
section.container#intro.navy-dark .grid.features .row.red {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(221,146,133,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(221,146,133,0.2);
}
section.container#intro.navy-dark .grid.features .row.yellow {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(234,233,166,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(234,233,166,0.2);
}
section.container#intro.navy-dark .grid.features .row.orange {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(235,197,151,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(235,197,151,0.2);
}
section.container#intro.navy-dark .grid.features .row.orange-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(217,159,90,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(217,159,90,0.2);
}
section.container#intro.navy-dark .grid.features .row.pink {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(241,187,208,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(241,187,208,0.2);
}
section.container#intro.navy-dark .grid.features .row.pink-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(227,50,119,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(227,50,119,0.2);
}
section.container#intro.navy-dark .grid.features .row.aqua {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(182,228,237,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(182,228,237,0.2);
}
section.container#intro.navy-dark .grid.features .row.aqua-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(126,185,196,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(126,185,196,0.2);
}
section.container#intro.navy-dark .grid.features .row.navy {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(146,160,196,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(146,160,196,0.2);
}
section.container#intro.navy-dark .grid.features .row.navy-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(45,69,135,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(45,69,135,0.2);
}
section.container#intro.navy-dark .grid.features .row.cto {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(181,216,235,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(181,216,235,0.2);
}
section.container#intro.navy-dark .grid.features .row.cto-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(118,150,194,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(118,150,194,0.2);
}
section.container#intro.navy-dark .grid.features .row.cro {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(234,166,166,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(234,166,166,0.2);
}
section.container#intro.navy-dark .grid.features .row.cro-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(218,98,98,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(218,98,98,0.2);
}
section.container#intro.navy-dark .grid.features .row.chro {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(200,181,235,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(200,181,235,0.2);
}
section.container#intro.navy-dark .grid.features .row.chro-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(158,124,219,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(158,124,219,0.2);
}
section.container#intro.navy-dark .grid.features .row.cco {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(147,223,184,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(147,223,184,0.2);
}
section.container#intro.navy-dark .grid.features .row.cco-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(64,198,129,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(64,198,129,0.2);
}
section.container#intro.navy-dark .grid.features .row:last-child {
  border-bottom: none;
}
section.container#intro.navy-dark .grid.features .row:nth-of-type(even) .col.img {
  order: 2;
  padding-right: 0;
  padding-left: 5em;
}
section.container#intro.navy-dark .grid.features .row .col {
  padding: 6em 0;
}
section.container#intro.navy-dark .grid.features .row .col.blue h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #7696c2;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.navy-dark .grid.features .row .col.hc h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #7696c2;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.navy-dark .grid.features .row .col.dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #535d65;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.navy-dark .grid.features .row .col.white h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #fff;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.navy-dark .grid.features .row .col.gray h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #eff0f1;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.navy-dark .grid.features .row .col.slate h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #bbc2c7;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.navy-dark .grid.features .row .col.slate-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #535d65;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.navy-dark .grid.features .row .col.green h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #a3c276;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.navy-dark .grid.features .row .col.purple h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #9e7cdb;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.navy-dark .grid.features .row .col.red h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #dd9285;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.navy-dark .grid.features .row .col.yellow h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #eae9a6;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.navy-dark .grid.features .row .col.orange h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #ebc597;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.navy-dark .grid.features .row .col.orange-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #d99f5a;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.navy-dark .grid.features .row .col.pink h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #f1bbd0;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.navy-dark .grid.features .row .col.pink-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #e33277;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.navy-dark .grid.features .row .col.aqua h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #b6e4ed;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.navy-dark .grid.features .row .col.aqua-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #7eb9c4;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.navy-dark .grid.features .row .col.navy h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #92a0c4;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.navy-dark .grid.features .row .col.navy-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #2d4587;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.navy-dark .grid.features .row .col.cto h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #b5d8eb;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.navy-dark .grid.features .row .col.cto-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #7696c2;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.navy-dark .grid.features .row .col.cro h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #eaa6a6;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.navy-dark .grid.features .row .col.cro-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #da6262;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.navy-dark .grid.features .row .col.chro h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #c8b5eb;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.navy-dark .grid.features .row .col.chro-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #9e7cdb;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.navy-dark .grid.features .row .col.cco h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #93dfb8;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.navy-dark .grid.features .row .col.cco-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #40c681;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.navy-dark .grid.features .row .col.img {
  flex: none;
  padding-right: 5em;
}
section.container#intro.navy-dark .grid.features .row .col.img .pulse {
  width: 200px;
  height: 200px;
  border-radius: 100%;
  display: flex;
  position: relative;
}
section.container#intro.navy-dark .grid.features .row .col.img .pulse img {
  position: absolute;
  width: 260px;
  height: 220px;
  left: -32px;
  top: -12px;
}
section.container#intro.navy-dark .grid.features .row .col.img .pulse.blue {
  animation: 'pulse-blue' 2s infinite;
  border: 2px solid #7696c2;
  background: rgba(118,150,194,0.05);
}
section.container#intro.navy-dark .grid.features .row .col.img .pulse.hc {
  animation: 'pulse-hc' 2s infinite;
  border: 2px solid #7696c2;
  background: rgba(118,150,194,0.05);
}
section.container#intro.navy-dark .grid.features .row .col.img .pulse.dark {
  animation: 'pulse-dark' 2s infinite;
  border: 2px solid #535d65;
  background: rgba(83,93,101,0.05);
}
section.container#intro.navy-dark .grid.features .row .col.img .pulse.white {
  animation: 'pulse-white' 2s infinite;
  border: 2px solid #fff;
  background: rgba(255,255,255,0.05);
}
section.container#intro.navy-dark .grid.features .row .col.img .pulse.gray {
  animation: 'pulse-gray' 2s infinite;
  border: 2px solid #eff0f1;
  background: rgba(239,240,241,0.05);
}
section.container#intro.navy-dark .grid.features .row .col.img .pulse.slate {
  animation: 'pulse-slate' 2s infinite;
  border: 2px solid #bbc2c7;
  background: rgba(187,194,199,0.05);
}
section.container#intro.navy-dark .grid.features .row .col.img .pulse.slate-dark {
  animation: 'pulse-slate-dark' 2s infinite;
  border: 2px solid #535d65;
  background: rgba(83,93,101,0.05);
}
section.container#intro.navy-dark .grid.features .row .col.img .pulse.green {
  animation: 'pulse-green' 2s infinite;
  border: 2px solid #a3c276;
  background: rgba(163,194,118,0.05);
}
section.container#intro.navy-dark .grid.features .row .col.img .pulse.purple {
  animation: 'pulse-purple' 2s infinite;
  border: 2px solid #9e7cdb;
  background: rgba(158,124,219,0.05);
}
section.container#intro.navy-dark .grid.features .row .col.img .pulse.red {
  animation: 'pulse-red' 2s infinite;
  border: 2px solid #dd9285;
  background: rgba(221,146,133,0.05);
}
section.container#intro.navy-dark .grid.features .row .col.img .pulse.yellow {
  animation: 'pulse-yellow' 2s infinite;
  border: 2px solid #eae9a6;
  background: rgba(234,233,166,0.05);
}
section.container#intro.navy-dark .grid.features .row .col.img .pulse.orange {
  animation: 'pulse-orange' 2s infinite;
  border: 2px solid #ebc597;
  background: rgba(235,197,151,0.05);
}
section.container#intro.navy-dark .grid.features .row .col.img .pulse.orange-dark {
  animation: 'pulse-orange-dark' 2s infinite;
  border: 2px solid #d99f5a;
  background: rgba(217,159,90,0.05);
}
section.container#intro.navy-dark .grid.features .row .col.img .pulse.pink {
  animation: 'pulse-pink' 2s infinite;
  border: 2px solid #f1bbd0;
  background: rgba(241,187,208,0.05);
}
section.container#intro.navy-dark .grid.features .row .col.img .pulse.pink-dark {
  animation: 'pulse-pink-dark' 2s infinite;
  border: 2px solid #e33277;
  background: rgba(227,50,119,0.05);
}
section.container#intro.navy-dark .grid.features .row .col.img .pulse.aqua {
  animation: 'pulse-aqua' 2s infinite;
  border: 2px solid #b6e4ed;
  background: rgba(182,228,237,0.05);
}
section.container#intro.navy-dark .grid.features .row .col.img .pulse.aqua-dark {
  animation: 'pulse-aqua-dark' 2s infinite;
  border: 2px solid #7eb9c4;
  background: rgba(126,185,196,0.05);
}
section.container#intro.navy-dark .grid.features .row .col.img .pulse.navy {
  animation: 'pulse-navy' 2s infinite;
  border: 2px solid #92a0c4;
  background: rgba(146,160,196,0.05);
}
section.container#intro.navy-dark .grid.features .row .col.img .pulse.navy-dark {
  animation: 'pulse-navy-dark' 2s infinite;
  border: 2px solid #2d4587;
  background: rgba(45,69,135,0.05);
}
section.container#intro.navy-dark .grid.features .row .col.img .pulse.cto {
  animation: 'pulse-cto' 2s infinite;
  border: 2px solid #b5d8eb;
  background: rgba(181,216,235,0.05);
}
section.container#intro.navy-dark .grid.features .row .col.img .pulse.cto-dark {
  animation: 'pulse-cto-dark' 2s infinite;
  border: 2px solid #7696c2;
  background: rgba(118,150,194,0.05);
}
section.container#intro.navy-dark .grid.features .row .col.img .pulse.cro {
  animation: 'pulse-cro' 2s infinite;
  border: 2px solid #eaa6a6;
  background: rgba(234,166,166,0.05);
}
section.container#intro.navy-dark .grid.features .row .col.img .pulse.cro-dark {
  animation: 'pulse-cro-dark' 2s infinite;
  border: 2px solid #da6262;
  background: rgba(218,98,98,0.05);
}
section.container#intro.navy-dark .grid.features .row .col.img .pulse.chro {
  animation: 'pulse-chro' 2s infinite;
  border: 2px solid #c8b5eb;
  background: rgba(200,181,235,0.05);
}
section.container#intro.navy-dark .grid.features .row .col.img .pulse.chro-dark {
  animation: 'pulse-chro-dark' 2s infinite;
  border: 2px solid #9e7cdb;
  background: rgba(158,124,219,0.05);
}
section.container#intro.navy-dark .grid.features .row .col.img .pulse.cco {
  animation: 'pulse-cco' 2s infinite;
  border: 2px solid #93dfb8;
  background: rgba(147,223,184,0.05);
}
section.container#intro.navy-dark .grid.features .row .col.img .pulse.cco-dark {
  animation: 'pulse-cco-dark' 2s infinite;
  border: 2px solid #40c681;
  background: rgba(64,198,129,0.05);
}
section.container#intro.navy-dark .grid.features .row .col.featureitem {
  flex: auto;
  width: 50%;
  max-width: 1100px;
}
section.container#intro.navy-dark .grid.features .row .col .row {
  align-items: stretch;
  margin: 0;
  padding: 0;
}
section.container#intro.navy-dark .grid.features .row .col .row .col {
  padding: 0 0 0 0;
}
section.container#intro.navy-dark .grid.features .row .col .row .col:nth-child(odd) {
  padding: 0 2em 0 0;
}
section.container#intro.navy-dark .grid.features .row .col .row .col:nth-child(even) {
  padding: 0 0 0 2em;
}
section.container#intro.navy-dark .grid.features .row .col .row .col i {
  margin-right: 0.5em;
}
section.container#intro.navy-dark .grid.features .row .col .row .col p {
  margin-top: 0;
}
section.container#intro.cto .grid {
  border-top: 2px solid rgba(181,216,235,0.1);
  margin-top: 0;
}
section.container#intro.cto .grid .row {
  margin: 0 auto;
  padding: 0 2em;
  max-width: 100%;
  flex-wrap: wrap;
  align-items: center;
}
section.container#intro.cto .grid .row .col {
  margin: 0;
  padding: 3em 2em;
  border: none;
}
section.container#intro.cto .grid.products .row {
  padding-bottom: 1.1em;
}
section.container#intro.cto .grid.features .row {
  justify-content: space-around;
}
section.container#intro.cto .grid.features .row.blue {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(118,150,194,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(118,150,194,0.2);
}
section.container#intro.cto .grid.features .row.hc {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(118,150,194,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(118,150,194,0.2);
}
section.container#intro.cto .grid.features .row.dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(83,93,101,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(83,93,101,0.2);
}
section.container#intro.cto .grid.features .row.white {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(255,255,255,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(255,255,255,0.2);
}
section.container#intro.cto .grid.features .row.gray {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(239,240,241,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(239,240,241,0.2);
}
section.container#intro.cto .grid.features .row.slate {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(187,194,199,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(187,194,199,0.2);
}
section.container#intro.cto .grid.features .row.slate-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(83,93,101,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(83,93,101,0.2);
}
section.container#intro.cto .grid.features .row.green {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(163,194,118,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(163,194,118,0.2);
}
section.container#intro.cto .grid.features .row.purple {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(158,124,219,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(158,124,219,0.2);
}
section.container#intro.cto .grid.features .row.red {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(221,146,133,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(221,146,133,0.2);
}
section.container#intro.cto .grid.features .row.yellow {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(234,233,166,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(234,233,166,0.2);
}
section.container#intro.cto .grid.features .row.orange {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(235,197,151,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(235,197,151,0.2);
}
section.container#intro.cto .grid.features .row.orange-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(217,159,90,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(217,159,90,0.2);
}
section.container#intro.cto .grid.features .row.pink {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(241,187,208,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(241,187,208,0.2);
}
section.container#intro.cto .grid.features .row.pink-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(227,50,119,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(227,50,119,0.2);
}
section.container#intro.cto .grid.features .row.aqua {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(182,228,237,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(182,228,237,0.2);
}
section.container#intro.cto .grid.features .row.aqua-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(126,185,196,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(126,185,196,0.2);
}
section.container#intro.cto .grid.features .row.navy {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(146,160,196,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(146,160,196,0.2);
}
section.container#intro.cto .grid.features .row.navy-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(45,69,135,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(45,69,135,0.2);
}
section.container#intro.cto .grid.features .row.cto {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(181,216,235,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(181,216,235,0.2);
}
section.container#intro.cto .grid.features .row.cto-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(118,150,194,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(118,150,194,0.2);
}
section.container#intro.cto .grid.features .row.cro {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(234,166,166,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(234,166,166,0.2);
}
section.container#intro.cto .grid.features .row.cro-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(218,98,98,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(218,98,98,0.2);
}
section.container#intro.cto .grid.features .row.chro {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(200,181,235,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(200,181,235,0.2);
}
section.container#intro.cto .grid.features .row.chro-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(158,124,219,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(158,124,219,0.2);
}
section.container#intro.cto .grid.features .row.cco {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(147,223,184,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(147,223,184,0.2);
}
section.container#intro.cto .grid.features .row.cco-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(64,198,129,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(64,198,129,0.2);
}
section.container#intro.cto .grid.features .row:last-child {
  border-bottom: none;
}
section.container#intro.cto .grid.features .row:nth-of-type(even) .col.img {
  order: 2;
  padding-right: 0;
  padding-left: 5em;
}
section.container#intro.cto .grid.features .row .col {
  padding: 6em 0;
}
section.container#intro.cto .grid.features .row .col.blue h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #7696c2;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cto .grid.features .row .col.hc h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #7696c2;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cto .grid.features .row .col.dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #535d65;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cto .grid.features .row .col.white h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #fff;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cto .grid.features .row .col.gray h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #eff0f1;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cto .grid.features .row .col.slate h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #bbc2c7;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cto .grid.features .row .col.slate-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #535d65;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cto .grid.features .row .col.green h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #a3c276;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cto .grid.features .row .col.purple h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #9e7cdb;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cto .grid.features .row .col.red h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #dd9285;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cto .grid.features .row .col.yellow h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #eae9a6;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cto .grid.features .row .col.orange h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #ebc597;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cto .grid.features .row .col.orange-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #d99f5a;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cto .grid.features .row .col.pink h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #f1bbd0;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cto .grid.features .row .col.pink-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #e33277;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cto .grid.features .row .col.aqua h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #b6e4ed;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cto .grid.features .row .col.aqua-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #7eb9c4;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cto .grid.features .row .col.navy h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #92a0c4;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cto .grid.features .row .col.navy-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #2d4587;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cto .grid.features .row .col.cto h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #b5d8eb;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cto .grid.features .row .col.cto-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #7696c2;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cto .grid.features .row .col.cro h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #eaa6a6;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cto .grid.features .row .col.cro-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #da6262;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cto .grid.features .row .col.chro h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #c8b5eb;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cto .grid.features .row .col.chro-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #9e7cdb;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cto .grid.features .row .col.cco h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #93dfb8;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cto .grid.features .row .col.cco-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #40c681;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cto .grid.features .row .col.img {
  flex: none;
  padding-right: 5em;
}
section.container#intro.cto .grid.features .row .col.img .pulse {
  width: 200px;
  height: 200px;
  border-radius: 100%;
  display: flex;
  position: relative;
}
section.container#intro.cto .grid.features .row .col.img .pulse img {
  position: absolute;
  width: 260px;
  height: 220px;
  left: -32px;
  top: -12px;
}
section.container#intro.cto .grid.features .row .col.img .pulse.blue {
  animation: 'pulse-blue' 2s infinite;
  border: 2px solid #7696c2;
  background: rgba(118,150,194,0.05);
}
section.container#intro.cto .grid.features .row .col.img .pulse.hc {
  animation: 'pulse-hc' 2s infinite;
  border: 2px solid #7696c2;
  background: rgba(118,150,194,0.05);
}
section.container#intro.cto .grid.features .row .col.img .pulse.dark {
  animation: 'pulse-dark' 2s infinite;
  border: 2px solid #535d65;
  background: rgba(83,93,101,0.05);
}
section.container#intro.cto .grid.features .row .col.img .pulse.white {
  animation: 'pulse-white' 2s infinite;
  border: 2px solid #fff;
  background: rgba(255,255,255,0.05);
}
section.container#intro.cto .grid.features .row .col.img .pulse.gray {
  animation: 'pulse-gray' 2s infinite;
  border: 2px solid #eff0f1;
  background: rgba(239,240,241,0.05);
}
section.container#intro.cto .grid.features .row .col.img .pulse.slate {
  animation: 'pulse-slate' 2s infinite;
  border: 2px solid #bbc2c7;
  background: rgba(187,194,199,0.05);
}
section.container#intro.cto .grid.features .row .col.img .pulse.slate-dark {
  animation: 'pulse-slate-dark' 2s infinite;
  border: 2px solid #535d65;
  background: rgba(83,93,101,0.05);
}
section.container#intro.cto .grid.features .row .col.img .pulse.green {
  animation: 'pulse-green' 2s infinite;
  border: 2px solid #a3c276;
  background: rgba(163,194,118,0.05);
}
section.container#intro.cto .grid.features .row .col.img .pulse.purple {
  animation: 'pulse-purple' 2s infinite;
  border: 2px solid #9e7cdb;
  background: rgba(158,124,219,0.05);
}
section.container#intro.cto .grid.features .row .col.img .pulse.red {
  animation: 'pulse-red' 2s infinite;
  border: 2px solid #dd9285;
  background: rgba(221,146,133,0.05);
}
section.container#intro.cto .grid.features .row .col.img .pulse.yellow {
  animation: 'pulse-yellow' 2s infinite;
  border: 2px solid #eae9a6;
  background: rgba(234,233,166,0.05);
}
section.container#intro.cto .grid.features .row .col.img .pulse.orange {
  animation: 'pulse-orange' 2s infinite;
  border: 2px solid #ebc597;
  background: rgba(235,197,151,0.05);
}
section.container#intro.cto .grid.features .row .col.img .pulse.orange-dark {
  animation: 'pulse-orange-dark' 2s infinite;
  border: 2px solid #d99f5a;
  background: rgba(217,159,90,0.05);
}
section.container#intro.cto .grid.features .row .col.img .pulse.pink {
  animation: 'pulse-pink' 2s infinite;
  border: 2px solid #f1bbd0;
  background: rgba(241,187,208,0.05);
}
section.container#intro.cto .grid.features .row .col.img .pulse.pink-dark {
  animation: 'pulse-pink-dark' 2s infinite;
  border: 2px solid #e33277;
  background: rgba(227,50,119,0.05);
}
section.container#intro.cto .grid.features .row .col.img .pulse.aqua {
  animation: 'pulse-aqua' 2s infinite;
  border: 2px solid #b6e4ed;
  background: rgba(182,228,237,0.05);
}
section.container#intro.cto .grid.features .row .col.img .pulse.aqua-dark {
  animation: 'pulse-aqua-dark' 2s infinite;
  border: 2px solid #7eb9c4;
  background: rgba(126,185,196,0.05);
}
section.container#intro.cto .grid.features .row .col.img .pulse.navy {
  animation: 'pulse-navy' 2s infinite;
  border: 2px solid #92a0c4;
  background: rgba(146,160,196,0.05);
}
section.container#intro.cto .grid.features .row .col.img .pulse.navy-dark {
  animation: 'pulse-navy-dark' 2s infinite;
  border: 2px solid #2d4587;
  background: rgba(45,69,135,0.05);
}
section.container#intro.cto .grid.features .row .col.img .pulse.cto {
  animation: 'pulse-cto' 2s infinite;
  border: 2px solid #b5d8eb;
  background: rgba(181,216,235,0.05);
}
section.container#intro.cto .grid.features .row .col.img .pulse.cto-dark {
  animation: 'pulse-cto-dark' 2s infinite;
  border: 2px solid #7696c2;
  background: rgba(118,150,194,0.05);
}
section.container#intro.cto .grid.features .row .col.img .pulse.cro {
  animation: 'pulse-cro' 2s infinite;
  border: 2px solid #eaa6a6;
  background: rgba(234,166,166,0.05);
}
section.container#intro.cto .grid.features .row .col.img .pulse.cro-dark {
  animation: 'pulse-cro-dark' 2s infinite;
  border: 2px solid #da6262;
  background: rgba(218,98,98,0.05);
}
section.container#intro.cto .grid.features .row .col.img .pulse.chro {
  animation: 'pulse-chro' 2s infinite;
  border: 2px solid #c8b5eb;
  background: rgba(200,181,235,0.05);
}
section.container#intro.cto .grid.features .row .col.img .pulse.chro-dark {
  animation: 'pulse-chro-dark' 2s infinite;
  border: 2px solid #9e7cdb;
  background: rgba(158,124,219,0.05);
}
section.container#intro.cto .grid.features .row .col.img .pulse.cco {
  animation: 'pulse-cco' 2s infinite;
  border: 2px solid #93dfb8;
  background: rgba(147,223,184,0.05);
}
section.container#intro.cto .grid.features .row .col.img .pulse.cco-dark {
  animation: 'pulse-cco-dark' 2s infinite;
  border: 2px solid #40c681;
  background: rgba(64,198,129,0.05);
}
section.container#intro.cto .grid.features .row .col.featureitem {
  flex: auto;
  width: 50%;
  max-width: 1100px;
}
section.container#intro.cto .grid.features .row .col .row {
  align-items: stretch;
  margin: 0;
  padding: 0;
}
section.container#intro.cto .grid.features .row .col .row .col {
  padding: 0 0 0 0;
}
section.container#intro.cto .grid.features .row .col .row .col:nth-child(odd) {
  padding: 0 2em 0 0;
}
section.container#intro.cto .grid.features .row .col .row .col:nth-child(even) {
  padding: 0 0 0 2em;
}
section.container#intro.cto .grid.features .row .col .row .col i {
  margin-right: 0.5em;
}
section.container#intro.cto .grid.features .row .col .row .col p {
  margin-top: 0;
}
section.container#intro.cto-dark .grid {
  border-top: 2px solid rgba(118,150,194,0.1);
  margin-top: 0;
}
section.container#intro.cto-dark .grid .row {
  margin: 0 auto;
  padding: 0 2em;
  max-width: 100%;
  flex-wrap: wrap;
  align-items: center;
}
section.container#intro.cto-dark .grid .row .col {
  margin: 0;
  padding: 3em 2em;
  border: none;
}
section.container#intro.cto-dark .grid.products .row {
  padding-bottom: 1.1em;
}
section.container#intro.cto-dark .grid.features .row {
  justify-content: space-around;
}
section.container#intro.cto-dark .grid.features .row.blue {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(118,150,194,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(118,150,194,0.2);
}
section.container#intro.cto-dark .grid.features .row.hc {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(118,150,194,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(118,150,194,0.2);
}
section.container#intro.cto-dark .grid.features .row.dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(83,93,101,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(83,93,101,0.2);
}
section.container#intro.cto-dark .grid.features .row.white {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(255,255,255,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(255,255,255,0.2);
}
section.container#intro.cto-dark .grid.features .row.gray {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(239,240,241,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(239,240,241,0.2);
}
section.container#intro.cto-dark .grid.features .row.slate {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(187,194,199,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(187,194,199,0.2);
}
section.container#intro.cto-dark .grid.features .row.slate-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(83,93,101,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(83,93,101,0.2);
}
section.container#intro.cto-dark .grid.features .row.green {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(163,194,118,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(163,194,118,0.2);
}
section.container#intro.cto-dark .grid.features .row.purple {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(158,124,219,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(158,124,219,0.2);
}
section.container#intro.cto-dark .grid.features .row.red {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(221,146,133,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(221,146,133,0.2);
}
section.container#intro.cto-dark .grid.features .row.yellow {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(234,233,166,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(234,233,166,0.2);
}
section.container#intro.cto-dark .grid.features .row.orange {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(235,197,151,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(235,197,151,0.2);
}
section.container#intro.cto-dark .grid.features .row.orange-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(217,159,90,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(217,159,90,0.2);
}
section.container#intro.cto-dark .grid.features .row.pink {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(241,187,208,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(241,187,208,0.2);
}
section.container#intro.cto-dark .grid.features .row.pink-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(227,50,119,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(227,50,119,0.2);
}
section.container#intro.cto-dark .grid.features .row.aqua {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(182,228,237,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(182,228,237,0.2);
}
section.container#intro.cto-dark .grid.features .row.aqua-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(126,185,196,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(126,185,196,0.2);
}
section.container#intro.cto-dark .grid.features .row.navy {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(146,160,196,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(146,160,196,0.2);
}
section.container#intro.cto-dark .grid.features .row.navy-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(45,69,135,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(45,69,135,0.2);
}
section.container#intro.cto-dark .grid.features .row.cto {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(181,216,235,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(181,216,235,0.2);
}
section.container#intro.cto-dark .grid.features .row.cto-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(118,150,194,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(118,150,194,0.2);
}
section.container#intro.cto-dark .grid.features .row.cro {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(234,166,166,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(234,166,166,0.2);
}
section.container#intro.cto-dark .grid.features .row.cro-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(218,98,98,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(218,98,98,0.2);
}
section.container#intro.cto-dark .grid.features .row.chro {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(200,181,235,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(200,181,235,0.2);
}
section.container#intro.cto-dark .grid.features .row.chro-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(158,124,219,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(158,124,219,0.2);
}
section.container#intro.cto-dark .grid.features .row.cco {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(147,223,184,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(147,223,184,0.2);
}
section.container#intro.cto-dark .grid.features .row.cco-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(64,198,129,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(64,198,129,0.2);
}
section.container#intro.cto-dark .grid.features .row:last-child {
  border-bottom: none;
}
section.container#intro.cto-dark .grid.features .row:nth-of-type(even) .col.img {
  order: 2;
  padding-right: 0;
  padding-left: 5em;
}
section.container#intro.cto-dark .grid.features .row .col {
  padding: 6em 0;
}
section.container#intro.cto-dark .grid.features .row .col.blue h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #7696c2;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cto-dark .grid.features .row .col.hc h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #7696c2;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cto-dark .grid.features .row .col.dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #535d65;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cto-dark .grid.features .row .col.white h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #fff;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cto-dark .grid.features .row .col.gray h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #eff0f1;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cto-dark .grid.features .row .col.slate h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #bbc2c7;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cto-dark .grid.features .row .col.slate-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #535d65;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cto-dark .grid.features .row .col.green h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #a3c276;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cto-dark .grid.features .row .col.purple h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #9e7cdb;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cto-dark .grid.features .row .col.red h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #dd9285;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cto-dark .grid.features .row .col.yellow h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #eae9a6;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cto-dark .grid.features .row .col.orange h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #ebc597;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cto-dark .grid.features .row .col.orange-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #d99f5a;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cto-dark .grid.features .row .col.pink h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #f1bbd0;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cto-dark .grid.features .row .col.pink-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #e33277;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cto-dark .grid.features .row .col.aqua h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #b6e4ed;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cto-dark .grid.features .row .col.aqua-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #7eb9c4;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cto-dark .grid.features .row .col.navy h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #92a0c4;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cto-dark .grid.features .row .col.navy-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #2d4587;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cto-dark .grid.features .row .col.cto h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #b5d8eb;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cto-dark .grid.features .row .col.cto-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #7696c2;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cto-dark .grid.features .row .col.cro h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #eaa6a6;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cto-dark .grid.features .row .col.cro-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #da6262;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cto-dark .grid.features .row .col.chro h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #c8b5eb;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cto-dark .grid.features .row .col.chro-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #9e7cdb;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cto-dark .grid.features .row .col.cco h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #93dfb8;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cto-dark .grid.features .row .col.cco-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #40c681;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cto-dark .grid.features .row .col.img {
  flex: none;
  padding-right: 5em;
}
section.container#intro.cto-dark .grid.features .row .col.img .pulse {
  width: 200px;
  height: 200px;
  border-radius: 100%;
  display: flex;
  position: relative;
}
section.container#intro.cto-dark .grid.features .row .col.img .pulse img {
  position: absolute;
  width: 260px;
  height: 220px;
  left: -32px;
  top: -12px;
}
section.container#intro.cto-dark .grid.features .row .col.img .pulse.blue {
  animation: 'pulse-blue' 2s infinite;
  border: 2px solid #7696c2;
  background: rgba(118,150,194,0.05);
}
section.container#intro.cto-dark .grid.features .row .col.img .pulse.hc {
  animation: 'pulse-hc' 2s infinite;
  border: 2px solid #7696c2;
  background: rgba(118,150,194,0.05);
}
section.container#intro.cto-dark .grid.features .row .col.img .pulse.dark {
  animation: 'pulse-dark' 2s infinite;
  border: 2px solid #535d65;
  background: rgba(83,93,101,0.05);
}
section.container#intro.cto-dark .grid.features .row .col.img .pulse.white {
  animation: 'pulse-white' 2s infinite;
  border: 2px solid #fff;
  background: rgba(255,255,255,0.05);
}
section.container#intro.cto-dark .grid.features .row .col.img .pulse.gray {
  animation: 'pulse-gray' 2s infinite;
  border: 2px solid #eff0f1;
  background: rgba(239,240,241,0.05);
}
section.container#intro.cto-dark .grid.features .row .col.img .pulse.slate {
  animation: 'pulse-slate' 2s infinite;
  border: 2px solid #bbc2c7;
  background: rgba(187,194,199,0.05);
}
section.container#intro.cto-dark .grid.features .row .col.img .pulse.slate-dark {
  animation: 'pulse-slate-dark' 2s infinite;
  border: 2px solid #535d65;
  background: rgba(83,93,101,0.05);
}
section.container#intro.cto-dark .grid.features .row .col.img .pulse.green {
  animation: 'pulse-green' 2s infinite;
  border: 2px solid #a3c276;
  background: rgba(163,194,118,0.05);
}
section.container#intro.cto-dark .grid.features .row .col.img .pulse.purple {
  animation: 'pulse-purple' 2s infinite;
  border: 2px solid #9e7cdb;
  background: rgba(158,124,219,0.05);
}
section.container#intro.cto-dark .grid.features .row .col.img .pulse.red {
  animation: 'pulse-red' 2s infinite;
  border: 2px solid #dd9285;
  background: rgba(221,146,133,0.05);
}
section.container#intro.cto-dark .grid.features .row .col.img .pulse.yellow {
  animation: 'pulse-yellow' 2s infinite;
  border: 2px solid #eae9a6;
  background: rgba(234,233,166,0.05);
}
section.container#intro.cto-dark .grid.features .row .col.img .pulse.orange {
  animation: 'pulse-orange' 2s infinite;
  border: 2px solid #ebc597;
  background: rgba(235,197,151,0.05);
}
section.container#intro.cto-dark .grid.features .row .col.img .pulse.orange-dark {
  animation: 'pulse-orange-dark' 2s infinite;
  border: 2px solid #d99f5a;
  background: rgba(217,159,90,0.05);
}
section.container#intro.cto-dark .grid.features .row .col.img .pulse.pink {
  animation: 'pulse-pink' 2s infinite;
  border: 2px solid #f1bbd0;
  background: rgba(241,187,208,0.05);
}
section.container#intro.cto-dark .grid.features .row .col.img .pulse.pink-dark {
  animation: 'pulse-pink-dark' 2s infinite;
  border: 2px solid #e33277;
  background: rgba(227,50,119,0.05);
}
section.container#intro.cto-dark .grid.features .row .col.img .pulse.aqua {
  animation: 'pulse-aqua' 2s infinite;
  border: 2px solid #b6e4ed;
  background: rgba(182,228,237,0.05);
}
section.container#intro.cto-dark .grid.features .row .col.img .pulse.aqua-dark {
  animation: 'pulse-aqua-dark' 2s infinite;
  border: 2px solid #7eb9c4;
  background: rgba(126,185,196,0.05);
}
section.container#intro.cto-dark .grid.features .row .col.img .pulse.navy {
  animation: 'pulse-navy' 2s infinite;
  border: 2px solid #92a0c4;
  background: rgba(146,160,196,0.05);
}
section.container#intro.cto-dark .grid.features .row .col.img .pulse.navy-dark {
  animation: 'pulse-navy-dark' 2s infinite;
  border: 2px solid #2d4587;
  background: rgba(45,69,135,0.05);
}
section.container#intro.cto-dark .grid.features .row .col.img .pulse.cto {
  animation: 'pulse-cto' 2s infinite;
  border: 2px solid #b5d8eb;
  background: rgba(181,216,235,0.05);
}
section.container#intro.cto-dark .grid.features .row .col.img .pulse.cto-dark {
  animation: 'pulse-cto-dark' 2s infinite;
  border: 2px solid #7696c2;
  background: rgba(118,150,194,0.05);
}
section.container#intro.cto-dark .grid.features .row .col.img .pulse.cro {
  animation: 'pulse-cro' 2s infinite;
  border: 2px solid #eaa6a6;
  background: rgba(234,166,166,0.05);
}
section.container#intro.cto-dark .grid.features .row .col.img .pulse.cro-dark {
  animation: 'pulse-cro-dark' 2s infinite;
  border: 2px solid #da6262;
  background: rgba(218,98,98,0.05);
}
section.container#intro.cto-dark .grid.features .row .col.img .pulse.chro {
  animation: 'pulse-chro' 2s infinite;
  border: 2px solid #c8b5eb;
  background: rgba(200,181,235,0.05);
}
section.container#intro.cto-dark .grid.features .row .col.img .pulse.chro-dark {
  animation: 'pulse-chro-dark' 2s infinite;
  border: 2px solid #9e7cdb;
  background: rgba(158,124,219,0.05);
}
section.container#intro.cto-dark .grid.features .row .col.img .pulse.cco {
  animation: 'pulse-cco' 2s infinite;
  border: 2px solid #93dfb8;
  background: rgba(147,223,184,0.05);
}
section.container#intro.cto-dark .grid.features .row .col.img .pulse.cco-dark {
  animation: 'pulse-cco-dark' 2s infinite;
  border: 2px solid #40c681;
  background: rgba(64,198,129,0.05);
}
section.container#intro.cto-dark .grid.features .row .col.featureitem {
  flex: auto;
  width: 50%;
  max-width: 1100px;
}
section.container#intro.cto-dark .grid.features .row .col .row {
  align-items: stretch;
  margin: 0;
  padding: 0;
}
section.container#intro.cto-dark .grid.features .row .col .row .col {
  padding: 0 0 0 0;
}
section.container#intro.cto-dark .grid.features .row .col .row .col:nth-child(odd) {
  padding: 0 2em 0 0;
}
section.container#intro.cto-dark .grid.features .row .col .row .col:nth-child(even) {
  padding: 0 0 0 2em;
}
section.container#intro.cto-dark .grid.features .row .col .row .col i {
  margin-right: 0.5em;
}
section.container#intro.cto-dark .grid.features .row .col .row .col p {
  margin-top: 0;
}
section.container#intro.cro .grid {
  border-top: 2px solid rgba(234,166,166,0.1);
  margin-top: 0;
}
section.container#intro.cro .grid .row {
  margin: 0 auto;
  padding: 0 2em;
  max-width: 100%;
  flex-wrap: wrap;
  align-items: center;
}
section.container#intro.cro .grid .row .col {
  margin: 0;
  padding: 3em 2em;
  border: none;
}
section.container#intro.cro .grid.products .row {
  padding-bottom: 1.1em;
}
section.container#intro.cro .grid.features .row {
  justify-content: space-around;
}
section.container#intro.cro .grid.features .row.blue {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(118,150,194,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(118,150,194,0.2);
}
section.container#intro.cro .grid.features .row.hc {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(118,150,194,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(118,150,194,0.2);
}
section.container#intro.cro .grid.features .row.dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(83,93,101,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(83,93,101,0.2);
}
section.container#intro.cro .grid.features .row.white {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(255,255,255,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(255,255,255,0.2);
}
section.container#intro.cro .grid.features .row.gray {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(239,240,241,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(239,240,241,0.2);
}
section.container#intro.cro .grid.features .row.slate {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(187,194,199,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(187,194,199,0.2);
}
section.container#intro.cro .grid.features .row.slate-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(83,93,101,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(83,93,101,0.2);
}
section.container#intro.cro .grid.features .row.green {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(163,194,118,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(163,194,118,0.2);
}
section.container#intro.cro .grid.features .row.purple {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(158,124,219,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(158,124,219,0.2);
}
section.container#intro.cro .grid.features .row.red {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(221,146,133,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(221,146,133,0.2);
}
section.container#intro.cro .grid.features .row.yellow {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(234,233,166,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(234,233,166,0.2);
}
section.container#intro.cro .grid.features .row.orange {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(235,197,151,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(235,197,151,0.2);
}
section.container#intro.cro .grid.features .row.orange-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(217,159,90,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(217,159,90,0.2);
}
section.container#intro.cro .grid.features .row.pink {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(241,187,208,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(241,187,208,0.2);
}
section.container#intro.cro .grid.features .row.pink-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(227,50,119,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(227,50,119,0.2);
}
section.container#intro.cro .grid.features .row.aqua {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(182,228,237,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(182,228,237,0.2);
}
section.container#intro.cro .grid.features .row.aqua-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(126,185,196,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(126,185,196,0.2);
}
section.container#intro.cro .grid.features .row.navy {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(146,160,196,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(146,160,196,0.2);
}
section.container#intro.cro .grid.features .row.navy-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(45,69,135,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(45,69,135,0.2);
}
section.container#intro.cro .grid.features .row.cto {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(181,216,235,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(181,216,235,0.2);
}
section.container#intro.cro .grid.features .row.cto-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(118,150,194,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(118,150,194,0.2);
}
section.container#intro.cro .grid.features .row.cro {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(234,166,166,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(234,166,166,0.2);
}
section.container#intro.cro .grid.features .row.cro-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(218,98,98,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(218,98,98,0.2);
}
section.container#intro.cro .grid.features .row.chro {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(200,181,235,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(200,181,235,0.2);
}
section.container#intro.cro .grid.features .row.chro-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(158,124,219,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(158,124,219,0.2);
}
section.container#intro.cro .grid.features .row.cco {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(147,223,184,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(147,223,184,0.2);
}
section.container#intro.cro .grid.features .row.cco-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(64,198,129,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(64,198,129,0.2);
}
section.container#intro.cro .grid.features .row:last-child {
  border-bottom: none;
}
section.container#intro.cro .grid.features .row:nth-of-type(even) .col.img {
  order: 2;
  padding-right: 0;
  padding-left: 5em;
}
section.container#intro.cro .grid.features .row .col {
  padding: 6em 0;
}
section.container#intro.cro .grid.features .row .col.blue h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #7696c2;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cro .grid.features .row .col.hc h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #7696c2;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cro .grid.features .row .col.dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #535d65;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cro .grid.features .row .col.white h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #fff;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cro .grid.features .row .col.gray h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #eff0f1;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cro .grid.features .row .col.slate h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #bbc2c7;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cro .grid.features .row .col.slate-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #535d65;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cro .grid.features .row .col.green h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #a3c276;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cro .grid.features .row .col.purple h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #9e7cdb;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cro .grid.features .row .col.red h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #dd9285;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cro .grid.features .row .col.yellow h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #eae9a6;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cro .grid.features .row .col.orange h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #ebc597;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cro .grid.features .row .col.orange-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #d99f5a;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cro .grid.features .row .col.pink h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #f1bbd0;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cro .grid.features .row .col.pink-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #e33277;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cro .grid.features .row .col.aqua h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #b6e4ed;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cro .grid.features .row .col.aqua-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #7eb9c4;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cro .grid.features .row .col.navy h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #92a0c4;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cro .grid.features .row .col.navy-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #2d4587;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cro .grid.features .row .col.cto h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #b5d8eb;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cro .grid.features .row .col.cto-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #7696c2;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cro .grid.features .row .col.cro h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #eaa6a6;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cro .grid.features .row .col.cro-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #da6262;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cro .grid.features .row .col.chro h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #c8b5eb;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cro .grid.features .row .col.chro-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #9e7cdb;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cro .grid.features .row .col.cco h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #93dfb8;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cro .grid.features .row .col.cco-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #40c681;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cro .grid.features .row .col.img {
  flex: none;
  padding-right: 5em;
}
section.container#intro.cro .grid.features .row .col.img .pulse {
  width: 200px;
  height: 200px;
  border-radius: 100%;
  display: flex;
  position: relative;
}
section.container#intro.cro .grid.features .row .col.img .pulse img {
  position: absolute;
  width: 260px;
  height: 220px;
  left: -32px;
  top: -12px;
}
section.container#intro.cro .grid.features .row .col.img .pulse.blue {
  animation: 'pulse-blue' 2s infinite;
  border: 2px solid #7696c2;
  background: rgba(118,150,194,0.05);
}
section.container#intro.cro .grid.features .row .col.img .pulse.hc {
  animation: 'pulse-hc' 2s infinite;
  border: 2px solid #7696c2;
  background: rgba(118,150,194,0.05);
}
section.container#intro.cro .grid.features .row .col.img .pulse.dark {
  animation: 'pulse-dark' 2s infinite;
  border: 2px solid #535d65;
  background: rgba(83,93,101,0.05);
}
section.container#intro.cro .grid.features .row .col.img .pulse.white {
  animation: 'pulse-white' 2s infinite;
  border: 2px solid #fff;
  background: rgba(255,255,255,0.05);
}
section.container#intro.cro .grid.features .row .col.img .pulse.gray {
  animation: 'pulse-gray' 2s infinite;
  border: 2px solid #eff0f1;
  background: rgba(239,240,241,0.05);
}
section.container#intro.cro .grid.features .row .col.img .pulse.slate {
  animation: 'pulse-slate' 2s infinite;
  border: 2px solid #bbc2c7;
  background: rgba(187,194,199,0.05);
}
section.container#intro.cro .grid.features .row .col.img .pulse.slate-dark {
  animation: 'pulse-slate-dark' 2s infinite;
  border: 2px solid #535d65;
  background: rgba(83,93,101,0.05);
}
section.container#intro.cro .grid.features .row .col.img .pulse.green {
  animation: 'pulse-green' 2s infinite;
  border: 2px solid #a3c276;
  background: rgba(163,194,118,0.05);
}
section.container#intro.cro .grid.features .row .col.img .pulse.purple {
  animation: 'pulse-purple' 2s infinite;
  border: 2px solid #9e7cdb;
  background: rgba(158,124,219,0.05);
}
section.container#intro.cro .grid.features .row .col.img .pulse.red {
  animation: 'pulse-red' 2s infinite;
  border: 2px solid #dd9285;
  background: rgba(221,146,133,0.05);
}
section.container#intro.cro .grid.features .row .col.img .pulse.yellow {
  animation: 'pulse-yellow' 2s infinite;
  border: 2px solid #eae9a6;
  background: rgba(234,233,166,0.05);
}
section.container#intro.cro .grid.features .row .col.img .pulse.orange {
  animation: 'pulse-orange' 2s infinite;
  border: 2px solid #ebc597;
  background: rgba(235,197,151,0.05);
}
section.container#intro.cro .grid.features .row .col.img .pulse.orange-dark {
  animation: 'pulse-orange-dark' 2s infinite;
  border: 2px solid #d99f5a;
  background: rgba(217,159,90,0.05);
}
section.container#intro.cro .grid.features .row .col.img .pulse.pink {
  animation: 'pulse-pink' 2s infinite;
  border: 2px solid #f1bbd0;
  background: rgba(241,187,208,0.05);
}
section.container#intro.cro .grid.features .row .col.img .pulse.pink-dark {
  animation: 'pulse-pink-dark' 2s infinite;
  border: 2px solid #e33277;
  background: rgba(227,50,119,0.05);
}
section.container#intro.cro .grid.features .row .col.img .pulse.aqua {
  animation: 'pulse-aqua' 2s infinite;
  border: 2px solid #b6e4ed;
  background: rgba(182,228,237,0.05);
}
section.container#intro.cro .grid.features .row .col.img .pulse.aqua-dark {
  animation: 'pulse-aqua-dark' 2s infinite;
  border: 2px solid #7eb9c4;
  background: rgba(126,185,196,0.05);
}
section.container#intro.cro .grid.features .row .col.img .pulse.navy {
  animation: 'pulse-navy' 2s infinite;
  border: 2px solid #92a0c4;
  background: rgba(146,160,196,0.05);
}
section.container#intro.cro .grid.features .row .col.img .pulse.navy-dark {
  animation: 'pulse-navy-dark' 2s infinite;
  border: 2px solid #2d4587;
  background: rgba(45,69,135,0.05);
}
section.container#intro.cro .grid.features .row .col.img .pulse.cto {
  animation: 'pulse-cto' 2s infinite;
  border: 2px solid #b5d8eb;
  background: rgba(181,216,235,0.05);
}
section.container#intro.cro .grid.features .row .col.img .pulse.cto-dark {
  animation: 'pulse-cto-dark' 2s infinite;
  border: 2px solid #7696c2;
  background: rgba(118,150,194,0.05);
}
section.container#intro.cro .grid.features .row .col.img .pulse.cro {
  animation: 'pulse-cro' 2s infinite;
  border: 2px solid #eaa6a6;
  background: rgba(234,166,166,0.05);
}
section.container#intro.cro .grid.features .row .col.img .pulse.cro-dark {
  animation: 'pulse-cro-dark' 2s infinite;
  border: 2px solid #da6262;
  background: rgba(218,98,98,0.05);
}
section.container#intro.cro .grid.features .row .col.img .pulse.chro {
  animation: 'pulse-chro' 2s infinite;
  border: 2px solid #c8b5eb;
  background: rgba(200,181,235,0.05);
}
section.container#intro.cro .grid.features .row .col.img .pulse.chro-dark {
  animation: 'pulse-chro-dark' 2s infinite;
  border: 2px solid #9e7cdb;
  background: rgba(158,124,219,0.05);
}
section.container#intro.cro .grid.features .row .col.img .pulse.cco {
  animation: 'pulse-cco' 2s infinite;
  border: 2px solid #93dfb8;
  background: rgba(147,223,184,0.05);
}
section.container#intro.cro .grid.features .row .col.img .pulse.cco-dark {
  animation: 'pulse-cco-dark' 2s infinite;
  border: 2px solid #40c681;
  background: rgba(64,198,129,0.05);
}
section.container#intro.cro .grid.features .row .col.featureitem {
  flex: auto;
  width: 50%;
  max-width: 1100px;
}
section.container#intro.cro .grid.features .row .col .row {
  align-items: stretch;
  margin: 0;
  padding: 0;
}
section.container#intro.cro .grid.features .row .col .row .col {
  padding: 0 0 0 0;
}
section.container#intro.cro .grid.features .row .col .row .col:nth-child(odd) {
  padding: 0 2em 0 0;
}
section.container#intro.cro .grid.features .row .col .row .col:nth-child(even) {
  padding: 0 0 0 2em;
}
section.container#intro.cro .grid.features .row .col .row .col i {
  margin-right: 0.5em;
}
section.container#intro.cro .grid.features .row .col .row .col p {
  margin-top: 0;
}
section.container#intro.cro-dark .grid {
  border-top: 2px solid rgba(218,98,98,0.1);
  margin-top: 0;
}
section.container#intro.cro-dark .grid .row {
  margin: 0 auto;
  padding: 0 2em;
  max-width: 100%;
  flex-wrap: wrap;
  align-items: center;
}
section.container#intro.cro-dark .grid .row .col {
  margin: 0;
  padding: 3em 2em;
  border: none;
}
section.container#intro.cro-dark .grid.products .row {
  padding-bottom: 1.1em;
}
section.container#intro.cro-dark .grid.features .row {
  justify-content: space-around;
}
section.container#intro.cro-dark .grid.features .row.blue {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(118,150,194,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(118,150,194,0.2);
}
section.container#intro.cro-dark .grid.features .row.hc {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(118,150,194,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(118,150,194,0.2);
}
section.container#intro.cro-dark .grid.features .row.dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(83,93,101,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(83,93,101,0.2);
}
section.container#intro.cro-dark .grid.features .row.white {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(255,255,255,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(255,255,255,0.2);
}
section.container#intro.cro-dark .grid.features .row.gray {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(239,240,241,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(239,240,241,0.2);
}
section.container#intro.cro-dark .grid.features .row.slate {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(187,194,199,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(187,194,199,0.2);
}
section.container#intro.cro-dark .grid.features .row.slate-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(83,93,101,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(83,93,101,0.2);
}
section.container#intro.cro-dark .grid.features .row.green {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(163,194,118,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(163,194,118,0.2);
}
section.container#intro.cro-dark .grid.features .row.purple {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(158,124,219,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(158,124,219,0.2);
}
section.container#intro.cro-dark .grid.features .row.red {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(221,146,133,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(221,146,133,0.2);
}
section.container#intro.cro-dark .grid.features .row.yellow {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(234,233,166,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(234,233,166,0.2);
}
section.container#intro.cro-dark .grid.features .row.orange {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(235,197,151,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(235,197,151,0.2);
}
section.container#intro.cro-dark .grid.features .row.orange-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(217,159,90,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(217,159,90,0.2);
}
section.container#intro.cro-dark .grid.features .row.pink {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(241,187,208,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(241,187,208,0.2);
}
section.container#intro.cro-dark .grid.features .row.pink-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(227,50,119,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(227,50,119,0.2);
}
section.container#intro.cro-dark .grid.features .row.aqua {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(182,228,237,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(182,228,237,0.2);
}
section.container#intro.cro-dark .grid.features .row.aqua-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(126,185,196,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(126,185,196,0.2);
}
section.container#intro.cro-dark .grid.features .row.navy {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(146,160,196,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(146,160,196,0.2);
}
section.container#intro.cro-dark .grid.features .row.navy-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(45,69,135,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(45,69,135,0.2);
}
section.container#intro.cro-dark .grid.features .row.cto {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(181,216,235,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(181,216,235,0.2);
}
section.container#intro.cro-dark .grid.features .row.cto-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(118,150,194,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(118,150,194,0.2);
}
section.container#intro.cro-dark .grid.features .row.cro {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(234,166,166,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(234,166,166,0.2);
}
section.container#intro.cro-dark .grid.features .row.cro-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(218,98,98,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(218,98,98,0.2);
}
section.container#intro.cro-dark .grid.features .row.chro {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(200,181,235,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(200,181,235,0.2);
}
section.container#intro.cro-dark .grid.features .row.chro-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(158,124,219,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(158,124,219,0.2);
}
section.container#intro.cro-dark .grid.features .row.cco {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(147,223,184,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(147,223,184,0.2);
}
section.container#intro.cro-dark .grid.features .row.cco-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(64,198,129,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(64,198,129,0.2);
}
section.container#intro.cro-dark .grid.features .row:last-child {
  border-bottom: none;
}
section.container#intro.cro-dark .grid.features .row:nth-of-type(even) .col.img {
  order: 2;
  padding-right: 0;
  padding-left: 5em;
}
section.container#intro.cro-dark .grid.features .row .col {
  padding: 6em 0;
}
section.container#intro.cro-dark .grid.features .row .col.blue h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #7696c2;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cro-dark .grid.features .row .col.hc h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #7696c2;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cro-dark .grid.features .row .col.dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #535d65;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cro-dark .grid.features .row .col.white h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #fff;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cro-dark .grid.features .row .col.gray h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #eff0f1;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cro-dark .grid.features .row .col.slate h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #bbc2c7;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cro-dark .grid.features .row .col.slate-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #535d65;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cro-dark .grid.features .row .col.green h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #a3c276;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cro-dark .grid.features .row .col.purple h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #9e7cdb;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cro-dark .grid.features .row .col.red h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #dd9285;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cro-dark .grid.features .row .col.yellow h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #eae9a6;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cro-dark .grid.features .row .col.orange h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #ebc597;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cro-dark .grid.features .row .col.orange-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #d99f5a;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cro-dark .grid.features .row .col.pink h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #f1bbd0;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cro-dark .grid.features .row .col.pink-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #e33277;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cro-dark .grid.features .row .col.aqua h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #b6e4ed;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cro-dark .grid.features .row .col.aqua-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #7eb9c4;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cro-dark .grid.features .row .col.navy h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #92a0c4;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cro-dark .grid.features .row .col.navy-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #2d4587;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cro-dark .grid.features .row .col.cto h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #b5d8eb;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cro-dark .grid.features .row .col.cto-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #7696c2;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cro-dark .grid.features .row .col.cro h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #eaa6a6;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cro-dark .grid.features .row .col.cro-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #da6262;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cro-dark .grid.features .row .col.chro h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #c8b5eb;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cro-dark .grid.features .row .col.chro-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #9e7cdb;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cro-dark .grid.features .row .col.cco h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #93dfb8;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cro-dark .grid.features .row .col.cco-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #40c681;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cro-dark .grid.features .row .col.img {
  flex: none;
  padding-right: 5em;
}
section.container#intro.cro-dark .grid.features .row .col.img .pulse {
  width: 200px;
  height: 200px;
  border-radius: 100%;
  display: flex;
  position: relative;
}
section.container#intro.cro-dark .grid.features .row .col.img .pulse img {
  position: absolute;
  width: 260px;
  height: 220px;
  left: -32px;
  top: -12px;
}
section.container#intro.cro-dark .grid.features .row .col.img .pulse.blue {
  animation: 'pulse-blue' 2s infinite;
  border: 2px solid #7696c2;
  background: rgba(118,150,194,0.05);
}
section.container#intro.cro-dark .grid.features .row .col.img .pulse.hc {
  animation: 'pulse-hc' 2s infinite;
  border: 2px solid #7696c2;
  background: rgba(118,150,194,0.05);
}
section.container#intro.cro-dark .grid.features .row .col.img .pulse.dark {
  animation: 'pulse-dark' 2s infinite;
  border: 2px solid #535d65;
  background: rgba(83,93,101,0.05);
}
section.container#intro.cro-dark .grid.features .row .col.img .pulse.white {
  animation: 'pulse-white' 2s infinite;
  border: 2px solid #fff;
  background: rgba(255,255,255,0.05);
}
section.container#intro.cro-dark .grid.features .row .col.img .pulse.gray {
  animation: 'pulse-gray' 2s infinite;
  border: 2px solid #eff0f1;
  background: rgba(239,240,241,0.05);
}
section.container#intro.cro-dark .grid.features .row .col.img .pulse.slate {
  animation: 'pulse-slate' 2s infinite;
  border: 2px solid #bbc2c7;
  background: rgba(187,194,199,0.05);
}
section.container#intro.cro-dark .grid.features .row .col.img .pulse.slate-dark {
  animation: 'pulse-slate-dark' 2s infinite;
  border: 2px solid #535d65;
  background: rgba(83,93,101,0.05);
}
section.container#intro.cro-dark .grid.features .row .col.img .pulse.green {
  animation: 'pulse-green' 2s infinite;
  border: 2px solid #a3c276;
  background: rgba(163,194,118,0.05);
}
section.container#intro.cro-dark .grid.features .row .col.img .pulse.purple {
  animation: 'pulse-purple' 2s infinite;
  border: 2px solid #9e7cdb;
  background: rgba(158,124,219,0.05);
}
section.container#intro.cro-dark .grid.features .row .col.img .pulse.red {
  animation: 'pulse-red' 2s infinite;
  border: 2px solid #dd9285;
  background: rgba(221,146,133,0.05);
}
section.container#intro.cro-dark .grid.features .row .col.img .pulse.yellow {
  animation: 'pulse-yellow' 2s infinite;
  border: 2px solid #eae9a6;
  background: rgba(234,233,166,0.05);
}
section.container#intro.cro-dark .grid.features .row .col.img .pulse.orange {
  animation: 'pulse-orange' 2s infinite;
  border: 2px solid #ebc597;
  background: rgba(235,197,151,0.05);
}
section.container#intro.cro-dark .grid.features .row .col.img .pulse.orange-dark {
  animation: 'pulse-orange-dark' 2s infinite;
  border: 2px solid #d99f5a;
  background: rgba(217,159,90,0.05);
}
section.container#intro.cro-dark .grid.features .row .col.img .pulse.pink {
  animation: 'pulse-pink' 2s infinite;
  border: 2px solid #f1bbd0;
  background: rgba(241,187,208,0.05);
}
section.container#intro.cro-dark .grid.features .row .col.img .pulse.pink-dark {
  animation: 'pulse-pink-dark' 2s infinite;
  border: 2px solid #e33277;
  background: rgba(227,50,119,0.05);
}
section.container#intro.cro-dark .grid.features .row .col.img .pulse.aqua {
  animation: 'pulse-aqua' 2s infinite;
  border: 2px solid #b6e4ed;
  background: rgba(182,228,237,0.05);
}
section.container#intro.cro-dark .grid.features .row .col.img .pulse.aqua-dark {
  animation: 'pulse-aqua-dark' 2s infinite;
  border: 2px solid #7eb9c4;
  background: rgba(126,185,196,0.05);
}
section.container#intro.cro-dark .grid.features .row .col.img .pulse.navy {
  animation: 'pulse-navy' 2s infinite;
  border: 2px solid #92a0c4;
  background: rgba(146,160,196,0.05);
}
section.container#intro.cro-dark .grid.features .row .col.img .pulse.navy-dark {
  animation: 'pulse-navy-dark' 2s infinite;
  border: 2px solid #2d4587;
  background: rgba(45,69,135,0.05);
}
section.container#intro.cro-dark .grid.features .row .col.img .pulse.cto {
  animation: 'pulse-cto' 2s infinite;
  border: 2px solid #b5d8eb;
  background: rgba(181,216,235,0.05);
}
section.container#intro.cro-dark .grid.features .row .col.img .pulse.cto-dark {
  animation: 'pulse-cto-dark' 2s infinite;
  border: 2px solid #7696c2;
  background: rgba(118,150,194,0.05);
}
section.container#intro.cro-dark .grid.features .row .col.img .pulse.cro {
  animation: 'pulse-cro' 2s infinite;
  border: 2px solid #eaa6a6;
  background: rgba(234,166,166,0.05);
}
section.container#intro.cro-dark .grid.features .row .col.img .pulse.cro-dark {
  animation: 'pulse-cro-dark' 2s infinite;
  border: 2px solid #da6262;
  background: rgba(218,98,98,0.05);
}
section.container#intro.cro-dark .grid.features .row .col.img .pulse.chro {
  animation: 'pulse-chro' 2s infinite;
  border: 2px solid #c8b5eb;
  background: rgba(200,181,235,0.05);
}
section.container#intro.cro-dark .grid.features .row .col.img .pulse.chro-dark {
  animation: 'pulse-chro-dark' 2s infinite;
  border: 2px solid #9e7cdb;
  background: rgba(158,124,219,0.05);
}
section.container#intro.cro-dark .grid.features .row .col.img .pulse.cco {
  animation: 'pulse-cco' 2s infinite;
  border: 2px solid #93dfb8;
  background: rgba(147,223,184,0.05);
}
section.container#intro.cro-dark .grid.features .row .col.img .pulse.cco-dark {
  animation: 'pulse-cco-dark' 2s infinite;
  border: 2px solid #40c681;
  background: rgba(64,198,129,0.05);
}
section.container#intro.cro-dark .grid.features .row .col.featureitem {
  flex: auto;
  width: 50%;
  max-width: 1100px;
}
section.container#intro.cro-dark .grid.features .row .col .row {
  align-items: stretch;
  margin: 0;
  padding: 0;
}
section.container#intro.cro-dark .grid.features .row .col .row .col {
  padding: 0 0 0 0;
}
section.container#intro.cro-dark .grid.features .row .col .row .col:nth-child(odd) {
  padding: 0 2em 0 0;
}
section.container#intro.cro-dark .grid.features .row .col .row .col:nth-child(even) {
  padding: 0 0 0 2em;
}
section.container#intro.cro-dark .grid.features .row .col .row .col i {
  margin-right: 0.5em;
}
section.container#intro.cro-dark .grid.features .row .col .row .col p {
  margin-top: 0;
}
section.container#intro.chro .grid {
  border-top: 2px solid rgba(200,181,235,0.1);
  margin-top: 0;
}
section.container#intro.chro .grid .row {
  margin: 0 auto;
  padding: 0 2em;
  max-width: 100%;
  flex-wrap: wrap;
  align-items: center;
}
section.container#intro.chro .grid .row .col {
  margin: 0;
  padding: 3em 2em;
  border: none;
}
section.container#intro.chro .grid.products .row {
  padding-bottom: 1.1em;
}
section.container#intro.chro .grid.features .row {
  justify-content: space-around;
}
section.container#intro.chro .grid.features .row.blue {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(118,150,194,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(118,150,194,0.2);
}
section.container#intro.chro .grid.features .row.hc {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(118,150,194,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(118,150,194,0.2);
}
section.container#intro.chro .grid.features .row.dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(83,93,101,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(83,93,101,0.2);
}
section.container#intro.chro .grid.features .row.white {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(255,255,255,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(255,255,255,0.2);
}
section.container#intro.chro .grid.features .row.gray {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(239,240,241,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(239,240,241,0.2);
}
section.container#intro.chro .grid.features .row.slate {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(187,194,199,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(187,194,199,0.2);
}
section.container#intro.chro .grid.features .row.slate-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(83,93,101,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(83,93,101,0.2);
}
section.container#intro.chro .grid.features .row.green {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(163,194,118,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(163,194,118,0.2);
}
section.container#intro.chro .grid.features .row.purple {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(158,124,219,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(158,124,219,0.2);
}
section.container#intro.chro .grid.features .row.red {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(221,146,133,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(221,146,133,0.2);
}
section.container#intro.chro .grid.features .row.yellow {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(234,233,166,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(234,233,166,0.2);
}
section.container#intro.chro .grid.features .row.orange {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(235,197,151,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(235,197,151,0.2);
}
section.container#intro.chro .grid.features .row.orange-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(217,159,90,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(217,159,90,0.2);
}
section.container#intro.chro .grid.features .row.pink {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(241,187,208,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(241,187,208,0.2);
}
section.container#intro.chro .grid.features .row.pink-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(227,50,119,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(227,50,119,0.2);
}
section.container#intro.chro .grid.features .row.aqua {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(182,228,237,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(182,228,237,0.2);
}
section.container#intro.chro .grid.features .row.aqua-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(126,185,196,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(126,185,196,0.2);
}
section.container#intro.chro .grid.features .row.navy {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(146,160,196,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(146,160,196,0.2);
}
section.container#intro.chro .grid.features .row.navy-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(45,69,135,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(45,69,135,0.2);
}
section.container#intro.chro .grid.features .row.cto {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(181,216,235,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(181,216,235,0.2);
}
section.container#intro.chro .grid.features .row.cto-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(118,150,194,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(118,150,194,0.2);
}
section.container#intro.chro .grid.features .row.cro {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(234,166,166,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(234,166,166,0.2);
}
section.container#intro.chro .grid.features .row.cro-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(218,98,98,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(218,98,98,0.2);
}
section.container#intro.chro .grid.features .row.chro {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(200,181,235,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(200,181,235,0.2);
}
section.container#intro.chro .grid.features .row.chro-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(158,124,219,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(158,124,219,0.2);
}
section.container#intro.chro .grid.features .row.cco {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(147,223,184,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(147,223,184,0.2);
}
section.container#intro.chro .grid.features .row.cco-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(64,198,129,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(64,198,129,0.2);
}
section.container#intro.chro .grid.features .row:last-child {
  border-bottom: none;
}
section.container#intro.chro .grid.features .row:nth-of-type(even) .col.img {
  order: 2;
  padding-right: 0;
  padding-left: 5em;
}
section.container#intro.chro .grid.features .row .col {
  padding: 6em 0;
}
section.container#intro.chro .grid.features .row .col.blue h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #7696c2;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.chro .grid.features .row .col.hc h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #7696c2;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.chro .grid.features .row .col.dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #535d65;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.chro .grid.features .row .col.white h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #fff;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.chro .grid.features .row .col.gray h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #eff0f1;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.chro .grid.features .row .col.slate h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #bbc2c7;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.chro .grid.features .row .col.slate-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #535d65;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.chro .grid.features .row .col.green h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #a3c276;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.chro .grid.features .row .col.purple h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #9e7cdb;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.chro .grid.features .row .col.red h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #dd9285;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.chro .grid.features .row .col.yellow h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #eae9a6;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.chro .grid.features .row .col.orange h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #ebc597;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.chro .grid.features .row .col.orange-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #d99f5a;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.chro .grid.features .row .col.pink h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #f1bbd0;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.chro .grid.features .row .col.pink-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #e33277;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.chro .grid.features .row .col.aqua h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #b6e4ed;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.chro .grid.features .row .col.aqua-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #7eb9c4;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.chro .grid.features .row .col.navy h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #92a0c4;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.chro .grid.features .row .col.navy-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #2d4587;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.chro .grid.features .row .col.cto h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #b5d8eb;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.chro .grid.features .row .col.cto-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #7696c2;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.chro .grid.features .row .col.cro h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #eaa6a6;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.chro .grid.features .row .col.cro-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #da6262;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.chro .grid.features .row .col.chro h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #c8b5eb;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.chro .grid.features .row .col.chro-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #9e7cdb;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.chro .grid.features .row .col.cco h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #93dfb8;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.chro .grid.features .row .col.cco-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #40c681;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.chro .grid.features .row .col.img {
  flex: none;
  padding-right: 5em;
}
section.container#intro.chro .grid.features .row .col.img .pulse {
  width: 200px;
  height: 200px;
  border-radius: 100%;
  display: flex;
  position: relative;
}
section.container#intro.chro .grid.features .row .col.img .pulse img {
  position: absolute;
  width: 260px;
  height: 220px;
  left: -32px;
  top: -12px;
}
section.container#intro.chro .grid.features .row .col.img .pulse.blue {
  animation: 'pulse-blue' 2s infinite;
  border: 2px solid #7696c2;
  background: rgba(118,150,194,0.05);
}
section.container#intro.chro .grid.features .row .col.img .pulse.hc {
  animation: 'pulse-hc' 2s infinite;
  border: 2px solid #7696c2;
  background: rgba(118,150,194,0.05);
}
section.container#intro.chro .grid.features .row .col.img .pulse.dark {
  animation: 'pulse-dark' 2s infinite;
  border: 2px solid #535d65;
  background: rgba(83,93,101,0.05);
}
section.container#intro.chro .grid.features .row .col.img .pulse.white {
  animation: 'pulse-white' 2s infinite;
  border: 2px solid #fff;
  background: rgba(255,255,255,0.05);
}
section.container#intro.chro .grid.features .row .col.img .pulse.gray {
  animation: 'pulse-gray' 2s infinite;
  border: 2px solid #eff0f1;
  background: rgba(239,240,241,0.05);
}
section.container#intro.chro .grid.features .row .col.img .pulse.slate {
  animation: 'pulse-slate' 2s infinite;
  border: 2px solid #bbc2c7;
  background: rgba(187,194,199,0.05);
}
section.container#intro.chro .grid.features .row .col.img .pulse.slate-dark {
  animation: 'pulse-slate-dark' 2s infinite;
  border: 2px solid #535d65;
  background: rgba(83,93,101,0.05);
}
section.container#intro.chro .grid.features .row .col.img .pulse.green {
  animation: 'pulse-green' 2s infinite;
  border: 2px solid #a3c276;
  background: rgba(163,194,118,0.05);
}
section.container#intro.chro .grid.features .row .col.img .pulse.purple {
  animation: 'pulse-purple' 2s infinite;
  border: 2px solid #9e7cdb;
  background: rgba(158,124,219,0.05);
}
section.container#intro.chro .grid.features .row .col.img .pulse.red {
  animation: 'pulse-red' 2s infinite;
  border: 2px solid #dd9285;
  background: rgba(221,146,133,0.05);
}
section.container#intro.chro .grid.features .row .col.img .pulse.yellow {
  animation: 'pulse-yellow' 2s infinite;
  border: 2px solid #eae9a6;
  background: rgba(234,233,166,0.05);
}
section.container#intro.chro .grid.features .row .col.img .pulse.orange {
  animation: 'pulse-orange' 2s infinite;
  border: 2px solid #ebc597;
  background: rgba(235,197,151,0.05);
}
section.container#intro.chro .grid.features .row .col.img .pulse.orange-dark {
  animation: 'pulse-orange-dark' 2s infinite;
  border: 2px solid #d99f5a;
  background: rgba(217,159,90,0.05);
}
section.container#intro.chro .grid.features .row .col.img .pulse.pink {
  animation: 'pulse-pink' 2s infinite;
  border: 2px solid #f1bbd0;
  background: rgba(241,187,208,0.05);
}
section.container#intro.chro .grid.features .row .col.img .pulse.pink-dark {
  animation: 'pulse-pink-dark' 2s infinite;
  border: 2px solid #e33277;
  background: rgba(227,50,119,0.05);
}
section.container#intro.chro .grid.features .row .col.img .pulse.aqua {
  animation: 'pulse-aqua' 2s infinite;
  border: 2px solid #b6e4ed;
  background: rgba(182,228,237,0.05);
}
section.container#intro.chro .grid.features .row .col.img .pulse.aqua-dark {
  animation: 'pulse-aqua-dark' 2s infinite;
  border: 2px solid #7eb9c4;
  background: rgba(126,185,196,0.05);
}
section.container#intro.chro .grid.features .row .col.img .pulse.navy {
  animation: 'pulse-navy' 2s infinite;
  border: 2px solid #92a0c4;
  background: rgba(146,160,196,0.05);
}
section.container#intro.chro .grid.features .row .col.img .pulse.navy-dark {
  animation: 'pulse-navy-dark' 2s infinite;
  border: 2px solid #2d4587;
  background: rgba(45,69,135,0.05);
}
section.container#intro.chro .grid.features .row .col.img .pulse.cto {
  animation: 'pulse-cto' 2s infinite;
  border: 2px solid #b5d8eb;
  background: rgba(181,216,235,0.05);
}
section.container#intro.chro .grid.features .row .col.img .pulse.cto-dark {
  animation: 'pulse-cto-dark' 2s infinite;
  border: 2px solid #7696c2;
  background: rgba(118,150,194,0.05);
}
section.container#intro.chro .grid.features .row .col.img .pulse.cro {
  animation: 'pulse-cro' 2s infinite;
  border: 2px solid #eaa6a6;
  background: rgba(234,166,166,0.05);
}
section.container#intro.chro .grid.features .row .col.img .pulse.cro-dark {
  animation: 'pulse-cro-dark' 2s infinite;
  border: 2px solid #da6262;
  background: rgba(218,98,98,0.05);
}
section.container#intro.chro .grid.features .row .col.img .pulse.chro {
  animation: 'pulse-chro' 2s infinite;
  border: 2px solid #c8b5eb;
  background: rgba(200,181,235,0.05);
}
section.container#intro.chro .grid.features .row .col.img .pulse.chro-dark {
  animation: 'pulse-chro-dark' 2s infinite;
  border: 2px solid #9e7cdb;
  background: rgba(158,124,219,0.05);
}
section.container#intro.chro .grid.features .row .col.img .pulse.cco {
  animation: 'pulse-cco' 2s infinite;
  border: 2px solid #93dfb8;
  background: rgba(147,223,184,0.05);
}
section.container#intro.chro .grid.features .row .col.img .pulse.cco-dark {
  animation: 'pulse-cco-dark' 2s infinite;
  border: 2px solid #40c681;
  background: rgba(64,198,129,0.05);
}
section.container#intro.chro .grid.features .row .col.featureitem {
  flex: auto;
  width: 50%;
  max-width: 1100px;
}
section.container#intro.chro .grid.features .row .col .row {
  align-items: stretch;
  margin: 0;
  padding: 0;
}
section.container#intro.chro .grid.features .row .col .row .col {
  padding: 0 0 0 0;
}
section.container#intro.chro .grid.features .row .col .row .col:nth-child(odd) {
  padding: 0 2em 0 0;
}
section.container#intro.chro .grid.features .row .col .row .col:nth-child(even) {
  padding: 0 0 0 2em;
}
section.container#intro.chro .grid.features .row .col .row .col i {
  margin-right: 0.5em;
}
section.container#intro.chro .grid.features .row .col .row .col p {
  margin-top: 0;
}
section.container#intro.chro-dark .grid {
  border-top: 2px solid rgba(158,124,219,0.1);
  margin-top: 0;
}
section.container#intro.chro-dark .grid .row {
  margin: 0 auto;
  padding: 0 2em;
  max-width: 100%;
  flex-wrap: wrap;
  align-items: center;
}
section.container#intro.chro-dark .grid .row .col {
  margin: 0;
  padding: 3em 2em;
  border: none;
}
section.container#intro.chro-dark .grid.products .row {
  padding-bottom: 1.1em;
}
section.container#intro.chro-dark .grid.features .row {
  justify-content: space-around;
}
section.container#intro.chro-dark .grid.features .row.blue {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(118,150,194,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(118,150,194,0.2);
}
section.container#intro.chro-dark .grid.features .row.hc {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(118,150,194,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(118,150,194,0.2);
}
section.container#intro.chro-dark .grid.features .row.dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(83,93,101,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(83,93,101,0.2);
}
section.container#intro.chro-dark .grid.features .row.white {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(255,255,255,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(255,255,255,0.2);
}
section.container#intro.chro-dark .grid.features .row.gray {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(239,240,241,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(239,240,241,0.2);
}
section.container#intro.chro-dark .grid.features .row.slate {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(187,194,199,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(187,194,199,0.2);
}
section.container#intro.chro-dark .grid.features .row.slate-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(83,93,101,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(83,93,101,0.2);
}
section.container#intro.chro-dark .grid.features .row.green {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(163,194,118,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(163,194,118,0.2);
}
section.container#intro.chro-dark .grid.features .row.purple {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(158,124,219,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(158,124,219,0.2);
}
section.container#intro.chro-dark .grid.features .row.red {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(221,146,133,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(221,146,133,0.2);
}
section.container#intro.chro-dark .grid.features .row.yellow {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(234,233,166,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(234,233,166,0.2);
}
section.container#intro.chro-dark .grid.features .row.orange {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(235,197,151,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(235,197,151,0.2);
}
section.container#intro.chro-dark .grid.features .row.orange-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(217,159,90,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(217,159,90,0.2);
}
section.container#intro.chro-dark .grid.features .row.pink {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(241,187,208,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(241,187,208,0.2);
}
section.container#intro.chro-dark .grid.features .row.pink-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(227,50,119,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(227,50,119,0.2);
}
section.container#intro.chro-dark .grid.features .row.aqua {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(182,228,237,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(182,228,237,0.2);
}
section.container#intro.chro-dark .grid.features .row.aqua-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(126,185,196,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(126,185,196,0.2);
}
section.container#intro.chro-dark .grid.features .row.navy {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(146,160,196,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(146,160,196,0.2);
}
section.container#intro.chro-dark .grid.features .row.navy-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(45,69,135,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(45,69,135,0.2);
}
section.container#intro.chro-dark .grid.features .row.cto {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(181,216,235,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(181,216,235,0.2);
}
section.container#intro.chro-dark .grid.features .row.cto-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(118,150,194,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(118,150,194,0.2);
}
section.container#intro.chro-dark .grid.features .row.cro {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(234,166,166,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(234,166,166,0.2);
}
section.container#intro.chro-dark .grid.features .row.cro-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(218,98,98,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(218,98,98,0.2);
}
section.container#intro.chro-dark .grid.features .row.chro {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(200,181,235,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(200,181,235,0.2);
}
section.container#intro.chro-dark .grid.features .row.chro-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(158,124,219,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(158,124,219,0.2);
}
section.container#intro.chro-dark .grid.features .row.cco {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(147,223,184,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(147,223,184,0.2);
}
section.container#intro.chro-dark .grid.features .row.cco-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(64,198,129,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(64,198,129,0.2);
}
section.container#intro.chro-dark .grid.features .row:last-child {
  border-bottom: none;
}
section.container#intro.chro-dark .grid.features .row:nth-of-type(even) .col.img {
  order: 2;
  padding-right: 0;
  padding-left: 5em;
}
section.container#intro.chro-dark .grid.features .row .col {
  padding: 6em 0;
}
section.container#intro.chro-dark .grid.features .row .col.blue h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #7696c2;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.chro-dark .grid.features .row .col.hc h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #7696c2;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.chro-dark .grid.features .row .col.dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #535d65;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.chro-dark .grid.features .row .col.white h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #fff;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.chro-dark .grid.features .row .col.gray h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #eff0f1;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.chro-dark .grid.features .row .col.slate h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #bbc2c7;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.chro-dark .grid.features .row .col.slate-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #535d65;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.chro-dark .grid.features .row .col.green h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #a3c276;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.chro-dark .grid.features .row .col.purple h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #9e7cdb;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.chro-dark .grid.features .row .col.red h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #dd9285;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.chro-dark .grid.features .row .col.yellow h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #eae9a6;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.chro-dark .grid.features .row .col.orange h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #ebc597;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.chro-dark .grid.features .row .col.orange-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #d99f5a;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.chro-dark .grid.features .row .col.pink h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #f1bbd0;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.chro-dark .grid.features .row .col.pink-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #e33277;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.chro-dark .grid.features .row .col.aqua h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #b6e4ed;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.chro-dark .grid.features .row .col.aqua-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #7eb9c4;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.chro-dark .grid.features .row .col.navy h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #92a0c4;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.chro-dark .grid.features .row .col.navy-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #2d4587;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.chro-dark .grid.features .row .col.cto h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #b5d8eb;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.chro-dark .grid.features .row .col.cto-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #7696c2;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.chro-dark .grid.features .row .col.cro h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #eaa6a6;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.chro-dark .grid.features .row .col.cro-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #da6262;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.chro-dark .grid.features .row .col.chro h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #c8b5eb;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.chro-dark .grid.features .row .col.chro-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #9e7cdb;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.chro-dark .grid.features .row .col.cco h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #93dfb8;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.chro-dark .grid.features .row .col.cco-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #40c681;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.chro-dark .grid.features .row .col.img {
  flex: none;
  padding-right: 5em;
}
section.container#intro.chro-dark .grid.features .row .col.img .pulse {
  width: 200px;
  height: 200px;
  border-radius: 100%;
  display: flex;
  position: relative;
}
section.container#intro.chro-dark .grid.features .row .col.img .pulse img {
  position: absolute;
  width: 260px;
  height: 220px;
  left: -32px;
  top: -12px;
}
section.container#intro.chro-dark .grid.features .row .col.img .pulse.blue {
  animation: 'pulse-blue' 2s infinite;
  border: 2px solid #7696c2;
  background: rgba(118,150,194,0.05);
}
section.container#intro.chro-dark .grid.features .row .col.img .pulse.hc {
  animation: 'pulse-hc' 2s infinite;
  border: 2px solid #7696c2;
  background: rgba(118,150,194,0.05);
}
section.container#intro.chro-dark .grid.features .row .col.img .pulse.dark {
  animation: 'pulse-dark' 2s infinite;
  border: 2px solid #535d65;
  background: rgba(83,93,101,0.05);
}
section.container#intro.chro-dark .grid.features .row .col.img .pulse.white {
  animation: 'pulse-white' 2s infinite;
  border: 2px solid #fff;
  background: rgba(255,255,255,0.05);
}
section.container#intro.chro-dark .grid.features .row .col.img .pulse.gray {
  animation: 'pulse-gray' 2s infinite;
  border: 2px solid #eff0f1;
  background: rgba(239,240,241,0.05);
}
section.container#intro.chro-dark .grid.features .row .col.img .pulse.slate {
  animation: 'pulse-slate' 2s infinite;
  border: 2px solid #bbc2c7;
  background: rgba(187,194,199,0.05);
}
section.container#intro.chro-dark .grid.features .row .col.img .pulse.slate-dark {
  animation: 'pulse-slate-dark' 2s infinite;
  border: 2px solid #535d65;
  background: rgba(83,93,101,0.05);
}
section.container#intro.chro-dark .grid.features .row .col.img .pulse.green {
  animation: 'pulse-green' 2s infinite;
  border: 2px solid #a3c276;
  background: rgba(163,194,118,0.05);
}
section.container#intro.chro-dark .grid.features .row .col.img .pulse.purple {
  animation: 'pulse-purple' 2s infinite;
  border: 2px solid #9e7cdb;
  background: rgba(158,124,219,0.05);
}
section.container#intro.chro-dark .grid.features .row .col.img .pulse.red {
  animation: 'pulse-red' 2s infinite;
  border: 2px solid #dd9285;
  background: rgba(221,146,133,0.05);
}
section.container#intro.chro-dark .grid.features .row .col.img .pulse.yellow {
  animation: 'pulse-yellow' 2s infinite;
  border: 2px solid #eae9a6;
  background: rgba(234,233,166,0.05);
}
section.container#intro.chro-dark .grid.features .row .col.img .pulse.orange {
  animation: 'pulse-orange' 2s infinite;
  border: 2px solid #ebc597;
  background: rgba(235,197,151,0.05);
}
section.container#intro.chro-dark .grid.features .row .col.img .pulse.orange-dark {
  animation: 'pulse-orange-dark' 2s infinite;
  border: 2px solid #d99f5a;
  background: rgba(217,159,90,0.05);
}
section.container#intro.chro-dark .grid.features .row .col.img .pulse.pink {
  animation: 'pulse-pink' 2s infinite;
  border: 2px solid #f1bbd0;
  background: rgba(241,187,208,0.05);
}
section.container#intro.chro-dark .grid.features .row .col.img .pulse.pink-dark {
  animation: 'pulse-pink-dark' 2s infinite;
  border: 2px solid #e33277;
  background: rgba(227,50,119,0.05);
}
section.container#intro.chro-dark .grid.features .row .col.img .pulse.aqua {
  animation: 'pulse-aqua' 2s infinite;
  border: 2px solid #b6e4ed;
  background: rgba(182,228,237,0.05);
}
section.container#intro.chro-dark .grid.features .row .col.img .pulse.aqua-dark {
  animation: 'pulse-aqua-dark' 2s infinite;
  border: 2px solid #7eb9c4;
  background: rgba(126,185,196,0.05);
}
section.container#intro.chro-dark .grid.features .row .col.img .pulse.navy {
  animation: 'pulse-navy' 2s infinite;
  border: 2px solid #92a0c4;
  background: rgba(146,160,196,0.05);
}
section.container#intro.chro-dark .grid.features .row .col.img .pulse.navy-dark {
  animation: 'pulse-navy-dark' 2s infinite;
  border: 2px solid #2d4587;
  background: rgba(45,69,135,0.05);
}
section.container#intro.chro-dark .grid.features .row .col.img .pulse.cto {
  animation: 'pulse-cto' 2s infinite;
  border: 2px solid #b5d8eb;
  background: rgba(181,216,235,0.05);
}
section.container#intro.chro-dark .grid.features .row .col.img .pulse.cto-dark {
  animation: 'pulse-cto-dark' 2s infinite;
  border: 2px solid #7696c2;
  background: rgba(118,150,194,0.05);
}
section.container#intro.chro-dark .grid.features .row .col.img .pulse.cro {
  animation: 'pulse-cro' 2s infinite;
  border: 2px solid #eaa6a6;
  background: rgba(234,166,166,0.05);
}
section.container#intro.chro-dark .grid.features .row .col.img .pulse.cro-dark {
  animation: 'pulse-cro-dark' 2s infinite;
  border: 2px solid #da6262;
  background: rgba(218,98,98,0.05);
}
section.container#intro.chro-dark .grid.features .row .col.img .pulse.chro {
  animation: 'pulse-chro' 2s infinite;
  border: 2px solid #c8b5eb;
  background: rgba(200,181,235,0.05);
}
section.container#intro.chro-dark .grid.features .row .col.img .pulse.chro-dark {
  animation: 'pulse-chro-dark' 2s infinite;
  border: 2px solid #9e7cdb;
  background: rgba(158,124,219,0.05);
}
section.container#intro.chro-dark .grid.features .row .col.img .pulse.cco {
  animation: 'pulse-cco' 2s infinite;
  border: 2px solid #93dfb8;
  background: rgba(147,223,184,0.05);
}
section.container#intro.chro-dark .grid.features .row .col.img .pulse.cco-dark {
  animation: 'pulse-cco-dark' 2s infinite;
  border: 2px solid #40c681;
  background: rgba(64,198,129,0.05);
}
section.container#intro.chro-dark .grid.features .row .col.featureitem {
  flex: auto;
  width: 50%;
  max-width: 1100px;
}
section.container#intro.chro-dark .grid.features .row .col .row {
  align-items: stretch;
  margin: 0;
  padding: 0;
}
section.container#intro.chro-dark .grid.features .row .col .row .col {
  padding: 0 0 0 0;
}
section.container#intro.chro-dark .grid.features .row .col .row .col:nth-child(odd) {
  padding: 0 2em 0 0;
}
section.container#intro.chro-dark .grid.features .row .col .row .col:nth-child(even) {
  padding: 0 0 0 2em;
}
section.container#intro.chro-dark .grid.features .row .col .row .col i {
  margin-right: 0.5em;
}
section.container#intro.chro-dark .grid.features .row .col .row .col p {
  margin-top: 0;
}
section.container#intro.cco .grid {
  border-top: 2px solid rgba(147,223,184,0.1);
  margin-top: 0;
}
section.container#intro.cco .grid .row {
  margin: 0 auto;
  padding: 0 2em;
  max-width: 100%;
  flex-wrap: wrap;
  align-items: center;
}
section.container#intro.cco .grid .row .col {
  margin: 0;
  padding: 3em 2em;
  border: none;
}
section.container#intro.cco .grid.products .row {
  padding-bottom: 1.1em;
}
section.container#intro.cco .grid.features .row {
  justify-content: space-around;
}
section.container#intro.cco .grid.features .row.blue {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(118,150,194,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(118,150,194,0.2);
}
section.container#intro.cco .grid.features .row.hc {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(118,150,194,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(118,150,194,0.2);
}
section.container#intro.cco .grid.features .row.dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(83,93,101,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(83,93,101,0.2);
}
section.container#intro.cco .grid.features .row.white {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(255,255,255,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(255,255,255,0.2);
}
section.container#intro.cco .grid.features .row.gray {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(239,240,241,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(239,240,241,0.2);
}
section.container#intro.cco .grid.features .row.slate {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(187,194,199,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(187,194,199,0.2);
}
section.container#intro.cco .grid.features .row.slate-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(83,93,101,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(83,93,101,0.2);
}
section.container#intro.cco .grid.features .row.green {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(163,194,118,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(163,194,118,0.2);
}
section.container#intro.cco .grid.features .row.purple {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(158,124,219,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(158,124,219,0.2);
}
section.container#intro.cco .grid.features .row.red {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(221,146,133,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(221,146,133,0.2);
}
section.container#intro.cco .grid.features .row.yellow {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(234,233,166,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(234,233,166,0.2);
}
section.container#intro.cco .grid.features .row.orange {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(235,197,151,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(235,197,151,0.2);
}
section.container#intro.cco .grid.features .row.orange-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(217,159,90,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(217,159,90,0.2);
}
section.container#intro.cco .grid.features .row.pink {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(241,187,208,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(241,187,208,0.2);
}
section.container#intro.cco .grid.features .row.pink-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(227,50,119,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(227,50,119,0.2);
}
section.container#intro.cco .grid.features .row.aqua {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(182,228,237,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(182,228,237,0.2);
}
section.container#intro.cco .grid.features .row.aqua-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(126,185,196,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(126,185,196,0.2);
}
section.container#intro.cco .grid.features .row.navy {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(146,160,196,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(146,160,196,0.2);
}
section.container#intro.cco .grid.features .row.navy-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(45,69,135,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(45,69,135,0.2);
}
section.container#intro.cco .grid.features .row.cto {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(181,216,235,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(181,216,235,0.2);
}
section.container#intro.cco .grid.features .row.cto-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(118,150,194,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(118,150,194,0.2);
}
section.container#intro.cco .grid.features .row.cro {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(234,166,166,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(234,166,166,0.2);
}
section.container#intro.cco .grid.features .row.cro-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(218,98,98,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(218,98,98,0.2);
}
section.container#intro.cco .grid.features .row.chro {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(200,181,235,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(200,181,235,0.2);
}
section.container#intro.cco .grid.features .row.chro-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(158,124,219,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(158,124,219,0.2);
}
section.container#intro.cco .grid.features .row.cco {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(147,223,184,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(147,223,184,0.2);
}
section.container#intro.cco .grid.features .row.cco-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(64,198,129,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(64,198,129,0.2);
}
section.container#intro.cco .grid.features .row:last-child {
  border-bottom: none;
}
section.container#intro.cco .grid.features .row:nth-of-type(even) .col.img {
  order: 2;
  padding-right: 0;
  padding-left: 5em;
}
section.container#intro.cco .grid.features .row .col {
  padding: 6em 0;
}
section.container#intro.cco .grid.features .row .col.blue h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #7696c2;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cco .grid.features .row .col.hc h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #7696c2;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cco .grid.features .row .col.dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #535d65;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cco .grid.features .row .col.white h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #fff;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cco .grid.features .row .col.gray h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #eff0f1;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cco .grid.features .row .col.slate h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #bbc2c7;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cco .grid.features .row .col.slate-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #535d65;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cco .grid.features .row .col.green h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #a3c276;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cco .grid.features .row .col.purple h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #9e7cdb;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cco .grid.features .row .col.red h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #dd9285;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cco .grid.features .row .col.yellow h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #eae9a6;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cco .grid.features .row .col.orange h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #ebc597;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cco .grid.features .row .col.orange-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #d99f5a;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cco .grid.features .row .col.pink h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #f1bbd0;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cco .grid.features .row .col.pink-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #e33277;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cco .grid.features .row .col.aqua h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #b6e4ed;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cco .grid.features .row .col.aqua-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #7eb9c4;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cco .grid.features .row .col.navy h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #92a0c4;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cco .grid.features .row .col.navy-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #2d4587;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cco .grid.features .row .col.cto h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #b5d8eb;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cco .grid.features .row .col.cto-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #7696c2;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cco .grid.features .row .col.cro h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #eaa6a6;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cco .grid.features .row .col.cro-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #da6262;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cco .grid.features .row .col.chro h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #c8b5eb;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cco .grid.features .row .col.chro-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #9e7cdb;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cco .grid.features .row .col.cco h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #93dfb8;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cco .grid.features .row .col.cco-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #40c681;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cco .grid.features .row .col.img {
  flex: none;
  padding-right: 5em;
}
section.container#intro.cco .grid.features .row .col.img .pulse {
  width: 200px;
  height: 200px;
  border-radius: 100%;
  display: flex;
  position: relative;
}
section.container#intro.cco .grid.features .row .col.img .pulse img {
  position: absolute;
  width: 260px;
  height: 220px;
  left: -32px;
  top: -12px;
}
section.container#intro.cco .grid.features .row .col.img .pulse.blue {
  animation: 'pulse-blue' 2s infinite;
  border: 2px solid #7696c2;
  background: rgba(118,150,194,0.05);
}
section.container#intro.cco .grid.features .row .col.img .pulse.hc {
  animation: 'pulse-hc' 2s infinite;
  border: 2px solid #7696c2;
  background: rgba(118,150,194,0.05);
}
section.container#intro.cco .grid.features .row .col.img .pulse.dark {
  animation: 'pulse-dark' 2s infinite;
  border: 2px solid #535d65;
  background: rgba(83,93,101,0.05);
}
section.container#intro.cco .grid.features .row .col.img .pulse.white {
  animation: 'pulse-white' 2s infinite;
  border: 2px solid #fff;
  background: rgba(255,255,255,0.05);
}
section.container#intro.cco .grid.features .row .col.img .pulse.gray {
  animation: 'pulse-gray' 2s infinite;
  border: 2px solid #eff0f1;
  background: rgba(239,240,241,0.05);
}
section.container#intro.cco .grid.features .row .col.img .pulse.slate {
  animation: 'pulse-slate' 2s infinite;
  border: 2px solid #bbc2c7;
  background: rgba(187,194,199,0.05);
}
section.container#intro.cco .grid.features .row .col.img .pulse.slate-dark {
  animation: 'pulse-slate-dark' 2s infinite;
  border: 2px solid #535d65;
  background: rgba(83,93,101,0.05);
}
section.container#intro.cco .grid.features .row .col.img .pulse.green {
  animation: 'pulse-green' 2s infinite;
  border: 2px solid #a3c276;
  background: rgba(163,194,118,0.05);
}
section.container#intro.cco .grid.features .row .col.img .pulse.purple {
  animation: 'pulse-purple' 2s infinite;
  border: 2px solid #9e7cdb;
  background: rgba(158,124,219,0.05);
}
section.container#intro.cco .grid.features .row .col.img .pulse.red {
  animation: 'pulse-red' 2s infinite;
  border: 2px solid #dd9285;
  background: rgba(221,146,133,0.05);
}
section.container#intro.cco .grid.features .row .col.img .pulse.yellow {
  animation: 'pulse-yellow' 2s infinite;
  border: 2px solid #eae9a6;
  background: rgba(234,233,166,0.05);
}
section.container#intro.cco .grid.features .row .col.img .pulse.orange {
  animation: 'pulse-orange' 2s infinite;
  border: 2px solid #ebc597;
  background: rgba(235,197,151,0.05);
}
section.container#intro.cco .grid.features .row .col.img .pulse.orange-dark {
  animation: 'pulse-orange-dark' 2s infinite;
  border: 2px solid #d99f5a;
  background: rgba(217,159,90,0.05);
}
section.container#intro.cco .grid.features .row .col.img .pulse.pink {
  animation: 'pulse-pink' 2s infinite;
  border: 2px solid #f1bbd0;
  background: rgba(241,187,208,0.05);
}
section.container#intro.cco .grid.features .row .col.img .pulse.pink-dark {
  animation: 'pulse-pink-dark' 2s infinite;
  border: 2px solid #e33277;
  background: rgba(227,50,119,0.05);
}
section.container#intro.cco .grid.features .row .col.img .pulse.aqua {
  animation: 'pulse-aqua' 2s infinite;
  border: 2px solid #b6e4ed;
  background: rgba(182,228,237,0.05);
}
section.container#intro.cco .grid.features .row .col.img .pulse.aqua-dark {
  animation: 'pulse-aqua-dark' 2s infinite;
  border: 2px solid #7eb9c4;
  background: rgba(126,185,196,0.05);
}
section.container#intro.cco .grid.features .row .col.img .pulse.navy {
  animation: 'pulse-navy' 2s infinite;
  border: 2px solid #92a0c4;
  background: rgba(146,160,196,0.05);
}
section.container#intro.cco .grid.features .row .col.img .pulse.navy-dark {
  animation: 'pulse-navy-dark' 2s infinite;
  border: 2px solid #2d4587;
  background: rgba(45,69,135,0.05);
}
section.container#intro.cco .grid.features .row .col.img .pulse.cto {
  animation: 'pulse-cto' 2s infinite;
  border: 2px solid #b5d8eb;
  background: rgba(181,216,235,0.05);
}
section.container#intro.cco .grid.features .row .col.img .pulse.cto-dark {
  animation: 'pulse-cto-dark' 2s infinite;
  border: 2px solid #7696c2;
  background: rgba(118,150,194,0.05);
}
section.container#intro.cco .grid.features .row .col.img .pulse.cro {
  animation: 'pulse-cro' 2s infinite;
  border: 2px solid #eaa6a6;
  background: rgba(234,166,166,0.05);
}
section.container#intro.cco .grid.features .row .col.img .pulse.cro-dark {
  animation: 'pulse-cro-dark' 2s infinite;
  border: 2px solid #da6262;
  background: rgba(218,98,98,0.05);
}
section.container#intro.cco .grid.features .row .col.img .pulse.chro {
  animation: 'pulse-chro' 2s infinite;
  border: 2px solid #c8b5eb;
  background: rgba(200,181,235,0.05);
}
section.container#intro.cco .grid.features .row .col.img .pulse.chro-dark {
  animation: 'pulse-chro-dark' 2s infinite;
  border: 2px solid #9e7cdb;
  background: rgba(158,124,219,0.05);
}
section.container#intro.cco .grid.features .row .col.img .pulse.cco {
  animation: 'pulse-cco' 2s infinite;
  border: 2px solid #93dfb8;
  background: rgba(147,223,184,0.05);
}
section.container#intro.cco .grid.features .row .col.img .pulse.cco-dark {
  animation: 'pulse-cco-dark' 2s infinite;
  border: 2px solid #40c681;
  background: rgba(64,198,129,0.05);
}
section.container#intro.cco .grid.features .row .col.featureitem {
  flex: auto;
  width: 50%;
  max-width: 1100px;
}
section.container#intro.cco .grid.features .row .col .row {
  align-items: stretch;
  margin: 0;
  padding: 0;
}
section.container#intro.cco .grid.features .row .col .row .col {
  padding: 0 0 0 0;
}
section.container#intro.cco .grid.features .row .col .row .col:nth-child(odd) {
  padding: 0 2em 0 0;
}
section.container#intro.cco .grid.features .row .col .row .col:nth-child(even) {
  padding: 0 0 0 2em;
}
section.container#intro.cco .grid.features .row .col .row .col i {
  margin-right: 0.5em;
}
section.container#intro.cco .grid.features .row .col .row .col p {
  margin-top: 0;
}
section.container#intro.cco-dark .grid {
  border-top: 2px solid rgba(64,198,129,0.1);
  margin-top: 0;
}
section.container#intro.cco-dark .grid .row {
  margin: 0 auto;
  padding: 0 2em;
  max-width: 100%;
  flex-wrap: wrap;
  align-items: center;
}
section.container#intro.cco-dark .grid .row .col {
  margin: 0;
  padding: 3em 2em;
  border: none;
}
section.container#intro.cco-dark .grid.products .row {
  padding-bottom: 1.1em;
}
section.container#intro.cco-dark .grid.features .row {
  justify-content: space-around;
}
section.container#intro.cco-dark .grid.features .row.blue {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(118,150,194,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(118,150,194,0.2);
}
section.container#intro.cco-dark .grid.features .row.hc {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(118,150,194,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(118,150,194,0.2);
}
section.container#intro.cco-dark .grid.features .row.dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(83,93,101,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(83,93,101,0.2);
}
section.container#intro.cco-dark .grid.features .row.white {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(255,255,255,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(255,255,255,0.2);
}
section.container#intro.cco-dark .grid.features .row.gray {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(239,240,241,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(239,240,241,0.2);
}
section.container#intro.cco-dark .grid.features .row.slate {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(187,194,199,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(187,194,199,0.2);
}
section.container#intro.cco-dark .grid.features .row.slate-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(83,93,101,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(83,93,101,0.2);
}
section.container#intro.cco-dark .grid.features .row.green {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(163,194,118,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(163,194,118,0.2);
}
section.container#intro.cco-dark .grid.features .row.purple {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(158,124,219,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(158,124,219,0.2);
}
section.container#intro.cco-dark .grid.features .row.red {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(221,146,133,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(221,146,133,0.2);
}
section.container#intro.cco-dark .grid.features .row.yellow {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(234,233,166,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(234,233,166,0.2);
}
section.container#intro.cco-dark .grid.features .row.orange {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(235,197,151,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(235,197,151,0.2);
}
section.container#intro.cco-dark .grid.features .row.orange-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(217,159,90,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(217,159,90,0.2);
}
section.container#intro.cco-dark .grid.features .row.pink {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(241,187,208,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(241,187,208,0.2);
}
section.container#intro.cco-dark .grid.features .row.pink-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(227,50,119,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(227,50,119,0.2);
}
section.container#intro.cco-dark .grid.features .row.aqua {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(182,228,237,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(182,228,237,0.2);
}
section.container#intro.cco-dark .grid.features .row.aqua-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(126,185,196,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(126,185,196,0.2);
}
section.container#intro.cco-dark .grid.features .row.navy {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(146,160,196,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(146,160,196,0.2);
}
section.container#intro.cco-dark .grid.features .row.navy-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(45,69,135,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(45,69,135,0.2);
}
section.container#intro.cco-dark .grid.features .row.cto {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(181,216,235,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(181,216,235,0.2);
}
section.container#intro.cco-dark .grid.features .row.cto-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(118,150,194,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(118,150,194,0.2);
}
section.container#intro.cco-dark .grid.features .row.cro {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(234,166,166,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(234,166,166,0.2);
}
section.container#intro.cco-dark .grid.features .row.cro-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(218,98,98,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(218,98,98,0.2);
}
section.container#intro.cco-dark .grid.features .row.chro {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(200,181,235,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(200,181,235,0.2);
}
section.container#intro.cco-dark .grid.features .row.chro-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(158,124,219,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(158,124,219,0.2);
}
section.container#intro.cco-dark .grid.features .row.cco {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(147,223,184,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(147,223,184,0.2);
}
section.container#intro.cco-dark .grid.features .row.cco-dark {
  background: url("img/pattern-mask.png") bottom, linear-gradient(-180deg, rgba(255,255,255,0.08) 0%, rgba(64,198,129,0.08) 100%);
  background-size: 64px auto, 100vw auto;
  border-bottom: 2px solid rgba(64,198,129,0.2);
}
section.container#intro.cco-dark .grid.features .row:last-child {
  border-bottom: none;
}
section.container#intro.cco-dark .grid.features .row:nth-of-type(even) .col.img {
  order: 2;
  padding-right: 0;
  padding-left: 5em;
}
section.container#intro.cco-dark .grid.features .row .col {
  padding: 6em 0;
}
section.container#intro.cco-dark .grid.features .row .col.blue h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #7696c2;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cco-dark .grid.features .row .col.hc h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #7696c2;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cco-dark .grid.features .row .col.dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #535d65;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cco-dark .grid.features .row .col.white h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #fff;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cco-dark .grid.features .row .col.gray h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #eff0f1;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cco-dark .grid.features .row .col.slate h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #bbc2c7;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cco-dark .grid.features .row .col.slate-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #535d65;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cco-dark .grid.features .row .col.green h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #a3c276;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cco-dark .grid.features .row .col.purple h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #9e7cdb;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cco-dark .grid.features .row .col.red h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #dd9285;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cco-dark .grid.features .row .col.yellow h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #eae9a6;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cco-dark .grid.features .row .col.orange h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #ebc597;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cco-dark .grid.features .row .col.orange-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #d99f5a;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cco-dark .grid.features .row .col.pink h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #f1bbd0;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cco-dark .grid.features .row .col.pink-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #e33277;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cco-dark .grid.features .row .col.aqua h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #b6e4ed;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cco-dark .grid.features .row .col.aqua-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #7eb9c4;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cco-dark .grid.features .row .col.navy h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #92a0c4;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cco-dark .grid.features .row .col.navy-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #2d4587;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cco-dark .grid.features .row .col.cto h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #b5d8eb;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cco-dark .grid.features .row .col.cto-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #7696c2;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cco-dark .grid.features .row .col.cro h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #eaa6a6;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cco-dark .grid.features .row .col.cro-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #da6262;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cco-dark .grid.features .row .col.chro h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #c8b5eb;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cco-dark .grid.features .row .col.chro-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #9e7cdb;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cco-dark .grid.features .row .col.cco h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #93dfb8;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cco-dark .grid.features .row .col.cco-dark h3:after {
  display: block;
  content: "";
  height: 2px;
  width: 100px;
  background: #40c681;
  margin-top: 0.6em;
  border-radius: 1px;
}
section.container#intro.cco-dark .grid.features .row .col.img {
  flex: none;
  padding-right: 5em;
}
section.container#intro.cco-dark .grid.features .row .col.img .pulse {
  width: 200px;
  height: 200px;
  border-radius: 100%;
  display: flex;
  position: relative;
}
section.container#intro.cco-dark .grid.features .row .col.img .pulse img {
  position: absolute;
  width: 260px;
  height: 220px;
  left: -32px;
  top: -12px;
}
section.container#intro.cco-dark .grid.features .row .col.img .pulse.blue {
  animation: 'pulse-blue' 2s infinite;
  border: 2px solid #7696c2;
  background: rgba(118,150,194,0.05);
}
section.container#intro.cco-dark .grid.features .row .col.img .pulse.hc {
  animation: 'pulse-hc' 2s infinite;
  border: 2px solid #7696c2;
  background: rgba(118,150,194,0.05);
}
section.container#intro.cco-dark .grid.features .row .col.img .pulse.dark {
  animation: 'pulse-dark' 2s infinite;
  border: 2px solid #535d65;
  background: rgba(83,93,101,0.05);
}
section.container#intro.cco-dark .grid.features .row .col.img .pulse.white {
  animation: 'pulse-white' 2s infinite;
  border: 2px solid #fff;
  background: rgba(255,255,255,0.05);
}
section.container#intro.cco-dark .grid.features .row .col.img .pulse.gray {
  animation: 'pulse-gray' 2s infinite;
  border: 2px solid #eff0f1;
  background: rgba(239,240,241,0.05);
}
section.container#intro.cco-dark .grid.features .row .col.img .pulse.slate {
  animation: 'pulse-slate' 2s infinite;
  border: 2px solid #bbc2c7;
  background: rgba(187,194,199,0.05);
}
section.container#intro.cco-dark .grid.features .row .col.img .pulse.slate-dark {
  animation: 'pulse-slate-dark' 2s infinite;
  border: 2px solid #535d65;
  background: rgba(83,93,101,0.05);
}
section.container#intro.cco-dark .grid.features .row .col.img .pulse.green {
  animation: 'pulse-green' 2s infinite;
  border: 2px solid #a3c276;
  background: rgba(163,194,118,0.05);
}
section.container#intro.cco-dark .grid.features .row .col.img .pulse.purple {
  animation: 'pulse-purple' 2s infinite;
  border: 2px solid #9e7cdb;
  background: rgba(158,124,219,0.05);
}
section.container#intro.cco-dark .grid.features .row .col.img .pulse.red {
  animation: 'pulse-red' 2s infinite;
  border: 2px solid #dd9285;
  background: rgba(221,146,133,0.05);
}
section.container#intro.cco-dark .grid.features .row .col.img .pulse.yellow {
  animation: 'pulse-yellow' 2s infinite;
  border: 2px solid #eae9a6;
  background: rgba(234,233,166,0.05);
}
section.container#intro.cco-dark .grid.features .row .col.img .pulse.orange {
  animation: 'pulse-orange' 2s infinite;
  border: 2px solid #ebc597;
  background: rgba(235,197,151,0.05);
}
section.container#intro.cco-dark .grid.features .row .col.img .pulse.orange-dark {
  animation: 'pulse-orange-dark' 2s infinite;
  border: 2px solid #d99f5a;
  background: rgba(217,159,90,0.05);
}
section.container#intro.cco-dark .grid.features .row .col.img .pulse.pink {
  animation: 'pulse-pink' 2s infinite;
  border: 2px solid #f1bbd0;
  background: rgba(241,187,208,0.05);
}
section.container#intro.cco-dark .grid.features .row .col.img .pulse.pink-dark {
  animation: 'pulse-pink-dark' 2s infinite;
  border: 2px solid #e33277;
  background: rgba(227,50,119,0.05);
}
section.container#intro.cco-dark .grid.features .row .col.img .pulse.aqua {
  animation: 'pulse-aqua' 2s infinite;
  border: 2px solid #b6e4ed;
  background: rgba(182,228,237,0.05);
}
section.container#intro.cco-dark .grid.features .row .col.img .pulse.aqua-dark {
  animation: 'pulse-aqua-dark' 2s infinite;
  border: 2px solid #7eb9c4;
  background: rgba(126,185,196,0.05);
}
section.container#intro.cco-dark .grid.features .row .col.img .pulse.navy {
  animation: 'pulse-navy' 2s infinite;
  border: 2px solid #92a0c4;
  background: rgba(146,160,196,0.05);
}
section.container#intro.cco-dark .grid.features .row .col.img .pulse.navy-dark {
  animation: 'pulse-navy-dark' 2s infinite;
  border: 2px solid #2d4587;
  background: rgba(45,69,135,0.05);
}
section.container#intro.cco-dark .grid.features .row .col.img .pulse.cto {
  animation: 'pulse-cto' 2s infinite;
  border: 2px solid #b5d8eb;
  background: rgba(181,216,235,0.05);
}
section.container#intro.cco-dark .grid.features .row .col.img .pulse.cto-dark {
  animation: 'pulse-cto-dark' 2s infinite;
  border: 2px solid #7696c2;
  background: rgba(118,150,194,0.05);
}
section.container#intro.cco-dark .grid.features .row .col.img .pulse.cro {
  animation: 'pulse-cro' 2s infinite;
  border: 2px solid #eaa6a6;
  background: rgba(234,166,166,0.05);
}
section.container#intro.cco-dark .grid.features .row .col.img .pulse.cro-dark {
  animation: 'pulse-cro-dark' 2s infinite;
  border: 2px solid #da6262;
  background: rgba(218,98,98,0.05);
}
section.container#intro.cco-dark .grid.features .row .col.img .pulse.chro {
  animation: 'pulse-chro' 2s infinite;
  border: 2px solid #c8b5eb;
  background: rgba(200,181,235,0.05);
}
section.container#intro.cco-dark .grid.features .row .col.img .pulse.chro-dark {
  animation: 'pulse-chro-dark' 2s infinite;
  border: 2px solid #9e7cdb;
  background: rgba(158,124,219,0.05);
}
section.container#intro.cco-dark .grid.features .row .col.img .pulse.cco {
  animation: 'pulse-cco' 2s infinite;
  border: 2px solid #93dfb8;
  background: rgba(147,223,184,0.05);
}
section.container#intro.cco-dark .grid.features .row .col.img .pulse.cco-dark {
  animation: 'pulse-cco-dark' 2s infinite;
  border: 2px solid #40c681;
  background: rgba(64,198,129,0.05);
}
section.container#intro.cco-dark .grid.features .row .col.featureitem {
  flex: auto;
  width: 50%;
  max-width: 1100px;
}
section.container#intro.cco-dark .grid.features .row .col .row {
  align-items: stretch;
  margin: 0;
  padding: 0;
}
section.container#intro.cco-dark .grid.features .row .col .row .col {
  padding: 0 0 0 0;
}
section.container#intro.cco-dark .grid.features .row .col .row .col:nth-child(odd) {
  padding: 0 2em 0 0;
}
section.container#intro.cco-dark .grid.features .row .col .row .col:nth-child(even) {
  padding: 0 0 0 2em;
}
section.container#intro.cco-dark .grid.features .row .col .row .col i {
  margin-right: 0.5em;
}
section.container#intro.cco-dark .grid.features .row .col .row .col p {
  margin-top: 0;
}
section#signup.blue {
  text-align: center;
  overflow: hidden;
}
section#signup.blue > * {
  position: relative;
}
section#signup.blue .stripes {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
section#signup.blue .stripes span {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  background: rgba(118,150,194,0.1);
  height: 200px;
}
section#signup.blue .stripes span:first-child {
  transform-origin: left top;
  transform: skewY(-4deg);
}
section#signup.blue .stripes span:last-child {
  transform-origin: right top;
  transform: skewY(4deg);
}
section#signup.hc {
  text-align: center;
  overflow: hidden;
}
section#signup.hc > * {
  position: relative;
}
section#signup.hc .stripes {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
section#signup.hc .stripes span {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  background: rgba(118,150,194,0.1);
  height: 200px;
}
section#signup.hc .stripes span:first-child {
  transform-origin: left top;
  transform: skewY(-4deg);
}
section#signup.hc .stripes span:last-child {
  transform-origin: right top;
  transform: skewY(4deg);
}
section#signup.dark {
  text-align: center;
  overflow: hidden;
}
section#signup.dark > * {
  position: relative;
}
section#signup.dark .stripes {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
section#signup.dark .stripes span {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  background: rgba(83,93,101,0.1);
  height: 200px;
}
section#signup.dark .stripes span:first-child {
  transform-origin: left top;
  transform: skewY(-4deg);
}
section#signup.dark .stripes span:last-child {
  transform-origin: right top;
  transform: skewY(4deg);
}
section#signup.white {
  text-align: center;
  overflow: hidden;
}
section#signup.white > * {
  position: relative;
}
section#signup.white .stripes {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
section#signup.white .stripes span {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  background: rgba(255,255,255,0.1);
  height: 200px;
}
section#signup.white .stripes span:first-child {
  transform-origin: left top;
  transform: skewY(-4deg);
}
section#signup.white .stripes span:last-child {
  transform-origin: right top;
  transform: skewY(4deg);
}
section#signup.gray {
  text-align: center;
  overflow: hidden;
}
section#signup.gray > * {
  position: relative;
}
section#signup.gray .stripes {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
section#signup.gray .stripes span {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  background: rgba(239,240,241,0.1);
  height: 200px;
}
section#signup.gray .stripes span:first-child {
  transform-origin: left top;
  transform: skewY(-4deg);
}
section#signup.gray .stripes span:last-child {
  transform-origin: right top;
  transform: skewY(4deg);
}
section#signup.slate {
  text-align: center;
  overflow: hidden;
}
section#signup.slate > * {
  position: relative;
}
section#signup.slate .stripes {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
section#signup.slate .stripes span {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  background: rgba(187,194,199,0.1);
  height: 200px;
}
section#signup.slate .stripes span:first-child {
  transform-origin: left top;
  transform: skewY(-4deg);
}
section#signup.slate .stripes span:last-child {
  transform-origin: right top;
  transform: skewY(4deg);
}
section#signup.slate-dark {
  text-align: center;
  overflow: hidden;
}
section#signup.slate-dark > * {
  position: relative;
}
section#signup.slate-dark .stripes {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
section#signup.slate-dark .stripes span {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  background: rgba(83,93,101,0.1);
  height: 200px;
}
section#signup.slate-dark .stripes span:first-child {
  transform-origin: left top;
  transform: skewY(-4deg);
}
section#signup.slate-dark .stripes span:last-child {
  transform-origin: right top;
  transform: skewY(4deg);
}
section#signup.green {
  text-align: center;
  overflow: hidden;
}
section#signup.green > * {
  position: relative;
}
section#signup.green .stripes {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
section#signup.green .stripes span {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  background: rgba(163,194,118,0.1);
  height: 200px;
}
section#signup.green .stripes span:first-child {
  transform-origin: left top;
  transform: skewY(-4deg);
}
section#signup.green .stripes span:last-child {
  transform-origin: right top;
  transform: skewY(4deg);
}
section#signup.purple {
  text-align: center;
  overflow: hidden;
}
section#signup.purple > * {
  position: relative;
}
section#signup.purple .stripes {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
section#signup.purple .stripes span {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  background: rgba(158,124,219,0.1);
  height: 200px;
}
section#signup.purple .stripes span:first-child {
  transform-origin: left top;
  transform: skewY(-4deg);
}
section#signup.purple .stripes span:last-child {
  transform-origin: right top;
  transform: skewY(4deg);
}
section#signup.red {
  text-align: center;
  overflow: hidden;
}
section#signup.red > * {
  position: relative;
}
section#signup.red .stripes {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
section#signup.red .stripes span {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  background: rgba(221,146,133,0.1);
  height: 200px;
}
section#signup.red .stripes span:first-child {
  transform-origin: left top;
  transform: skewY(-4deg);
}
section#signup.red .stripes span:last-child {
  transform-origin: right top;
  transform: skewY(4deg);
}
section#signup.yellow {
  text-align: center;
  overflow: hidden;
}
section#signup.yellow > * {
  position: relative;
}
section#signup.yellow .stripes {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
section#signup.yellow .stripes span {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  background: rgba(234,233,166,0.1);
  height: 200px;
}
section#signup.yellow .stripes span:first-child {
  transform-origin: left top;
  transform: skewY(-4deg);
}
section#signup.yellow .stripes span:last-child {
  transform-origin: right top;
  transform: skewY(4deg);
}
section#signup.orange {
  text-align: center;
  overflow: hidden;
}
section#signup.orange > * {
  position: relative;
}
section#signup.orange .stripes {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
section#signup.orange .stripes span {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  background: rgba(235,197,151,0.1);
  height: 200px;
}
section#signup.orange .stripes span:first-child {
  transform-origin: left top;
  transform: skewY(-4deg);
}
section#signup.orange .stripes span:last-child {
  transform-origin: right top;
  transform: skewY(4deg);
}
section#signup.orange-dark {
  text-align: center;
  overflow: hidden;
}
section#signup.orange-dark > * {
  position: relative;
}
section#signup.orange-dark .stripes {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
section#signup.orange-dark .stripes span {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  background: rgba(217,159,90,0.1);
  height: 200px;
}
section#signup.orange-dark .stripes span:first-child {
  transform-origin: left top;
  transform: skewY(-4deg);
}
section#signup.orange-dark .stripes span:last-child {
  transform-origin: right top;
  transform: skewY(4deg);
}
section#signup.pink {
  text-align: center;
  overflow: hidden;
}
section#signup.pink > * {
  position: relative;
}
section#signup.pink .stripes {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
section#signup.pink .stripes span {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  background: rgba(241,187,208,0.1);
  height: 200px;
}
section#signup.pink .stripes span:first-child {
  transform-origin: left top;
  transform: skewY(-4deg);
}
section#signup.pink .stripes span:last-child {
  transform-origin: right top;
  transform: skewY(4deg);
}
section#signup.pink-dark {
  text-align: center;
  overflow: hidden;
}
section#signup.pink-dark > * {
  position: relative;
}
section#signup.pink-dark .stripes {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
section#signup.pink-dark .stripes span {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  background: rgba(227,50,119,0.1);
  height: 200px;
}
section#signup.pink-dark .stripes span:first-child {
  transform-origin: left top;
  transform: skewY(-4deg);
}
section#signup.pink-dark .stripes span:last-child {
  transform-origin: right top;
  transform: skewY(4deg);
}
section#signup.aqua {
  text-align: center;
  overflow: hidden;
}
section#signup.aqua > * {
  position: relative;
}
section#signup.aqua .stripes {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
section#signup.aqua .stripes span {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  background: rgba(182,228,237,0.1);
  height: 200px;
}
section#signup.aqua .stripes span:first-child {
  transform-origin: left top;
  transform: skewY(-4deg);
}
section#signup.aqua .stripes span:last-child {
  transform-origin: right top;
  transform: skewY(4deg);
}
section#signup.aqua-dark {
  text-align: center;
  overflow: hidden;
}
section#signup.aqua-dark > * {
  position: relative;
}
section#signup.aqua-dark .stripes {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
section#signup.aqua-dark .stripes span {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  background: rgba(126,185,196,0.1);
  height: 200px;
}
section#signup.aqua-dark .stripes span:first-child {
  transform-origin: left top;
  transform: skewY(-4deg);
}
section#signup.aqua-dark .stripes span:last-child {
  transform-origin: right top;
  transform: skewY(4deg);
}
section#signup.navy {
  text-align: center;
  overflow: hidden;
}
section#signup.navy > * {
  position: relative;
}
section#signup.navy .stripes {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
section#signup.navy .stripes span {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  background: rgba(146,160,196,0.1);
  height: 200px;
}
section#signup.navy .stripes span:first-child {
  transform-origin: left top;
  transform: skewY(-4deg);
}
section#signup.navy .stripes span:last-child {
  transform-origin: right top;
  transform: skewY(4deg);
}
section#signup.navy-dark {
  text-align: center;
  overflow: hidden;
}
section#signup.navy-dark > * {
  position: relative;
}
section#signup.navy-dark .stripes {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
section#signup.navy-dark .stripes span {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  background: rgba(45,69,135,0.1);
  height: 200px;
}
section#signup.navy-dark .stripes span:first-child {
  transform-origin: left top;
  transform: skewY(-4deg);
}
section#signup.navy-dark .stripes span:last-child {
  transform-origin: right top;
  transform: skewY(4deg);
}
section#signup.cto {
  text-align: center;
  overflow: hidden;
}
section#signup.cto > * {
  position: relative;
}
section#signup.cto .stripes {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
section#signup.cto .stripes span {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  background: rgba(181,216,235,0.1);
  height: 200px;
}
section#signup.cto .stripes span:first-child {
  transform-origin: left top;
  transform: skewY(-4deg);
}
section#signup.cto .stripes span:last-child {
  transform-origin: right top;
  transform: skewY(4deg);
}
section#signup.cto-dark {
  text-align: center;
  overflow: hidden;
}
section#signup.cto-dark > * {
  position: relative;
}
section#signup.cto-dark .stripes {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
section#signup.cto-dark .stripes span {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  background: rgba(118,150,194,0.1);
  height: 200px;
}
section#signup.cto-dark .stripes span:first-child {
  transform-origin: left top;
  transform: skewY(-4deg);
}
section#signup.cto-dark .stripes span:last-child {
  transform-origin: right top;
  transform: skewY(4deg);
}
section#signup.cro {
  text-align: center;
  overflow: hidden;
}
section#signup.cro > * {
  position: relative;
}
section#signup.cro .stripes {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
section#signup.cro .stripes span {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  background: rgba(234,166,166,0.1);
  height: 200px;
}
section#signup.cro .stripes span:first-child {
  transform-origin: left top;
  transform: skewY(-4deg);
}
section#signup.cro .stripes span:last-child {
  transform-origin: right top;
  transform: skewY(4deg);
}
section#signup.cro-dark {
  text-align: center;
  overflow: hidden;
}
section#signup.cro-dark > * {
  position: relative;
}
section#signup.cro-dark .stripes {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
section#signup.cro-dark .stripes span {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  background: rgba(218,98,98,0.1);
  height: 200px;
}
section#signup.cro-dark .stripes span:first-child {
  transform-origin: left top;
  transform: skewY(-4deg);
}
section#signup.cro-dark .stripes span:last-child {
  transform-origin: right top;
  transform: skewY(4deg);
}
section#signup.chro {
  text-align: center;
  overflow: hidden;
}
section#signup.chro > * {
  position: relative;
}
section#signup.chro .stripes {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
section#signup.chro .stripes span {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  background: rgba(200,181,235,0.1);
  height: 200px;
}
section#signup.chro .stripes span:first-child {
  transform-origin: left top;
  transform: skewY(-4deg);
}
section#signup.chro .stripes span:last-child {
  transform-origin: right top;
  transform: skewY(4deg);
}
section#signup.chro-dark {
  text-align: center;
  overflow: hidden;
}
section#signup.chro-dark > * {
  position: relative;
}
section#signup.chro-dark .stripes {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
section#signup.chro-dark .stripes span {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  background: rgba(158,124,219,0.1);
  height: 200px;
}
section#signup.chro-dark .stripes span:first-child {
  transform-origin: left top;
  transform: skewY(-4deg);
}
section#signup.chro-dark .stripes span:last-child {
  transform-origin: right top;
  transform: skewY(4deg);
}
section#signup.cco {
  text-align: center;
  overflow: hidden;
}
section#signup.cco > * {
  position: relative;
}
section#signup.cco .stripes {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
section#signup.cco .stripes span {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  background: rgba(147,223,184,0.1);
  height: 200px;
}
section#signup.cco .stripes span:first-child {
  transform-origin: left top;
  transform: skewY(-4deg);
}
section#signup.cco .stripes span:last-child {
  transform-origin: right top;
  transform: skewY(4deg);
}
section#signup.cco-dark {
  text-align: center;
  overflow: hidden;
}
section#signup.cco-dark > * {
  position: relative;
}
section#signup.cco-dark .stripes {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
section#signup.cco-dark .stripes span {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  background: rgba(64,198,129,0.1);
  height: 200px;
}
section#signup.cco-dark .stripes span:first-child {
  transform-origin: left top;
  transform: skewY(-4deg);
}
section#signup.cco-dark .stripes span:last-child {
  transform-origin: right top;
  transform: skewY(4deg);
}
.columns-price {
  display: inline-block;
  width: 33.3%;
  padding: 8px;
}
.price {
  list-style-type: none;
  border: 1px solid #eff0f1;
  margin: 0;
  padding: 0;
}
.price .header {
  background-color: #535d65;
  color: #fff;
  font-size: 25px;
}
.price li {
  border-bottom: 1px solid #eff0f1;
  padding: 20px;
  text-align: center;
}
.price .gray {
  background-color: #eff0f1;
  font-size: 20px;
}
.grid_item {
  display: inline-block;
  width: 33.3%;
  padding: 8px;
}
.grid_item .grid_photo img {
  border-radius: 50%;
}
.grid_item .grid_title {
  font-weight: 600;
  color: #7696c2;
  font-size: 1.2em;
  padding-top: 10px;
  padding-bottom: 5px;
}
footer {
  padding: 4em 0;
  position: relative;
  z-index: 10;
  background: #fff;
  box-shadow: 0 0 0 1px rgba(83,93,101,0.05);
}
footer .productlogo.hc {
  margin: 0;
}
footer .productlogo.hc svg {
  margin: 0 auto;
  height: 40px;
}
footer ul {
  margin: 3em auto;
  list-style: none;
  text-align: center;
}
footer ul li {
  display: inline-block;
  font-size: 1.2em;
  margin: 0 2em;
}
footer ul li .productlogo svg {
  height: 32px;
}
footer .copyright {
  background: none;
  padding: 0;
  text-align: center;
}
@media screen and (min-width: 1300px) {
  .grid.features .row:nth-child(odd) .col.featureitem {
    margin-right: auto !important;
  }
  .grid.features .row:nth-child(odd) .col.img {
    margin-left: auto !important;
  }
  .grid.features .row:nth-child(even) .col.featureitem {
    margin-left: auto !important;
  }
  .grid.features .row:nth-child(even) .col.img {
    margin-right: auto !important;
  }
}
@media screen and (max-width: 750px) {
  .grid.features .row .col.img {
    width: 100%;
    flex: auto;
    padding: 0 !important;
    order: 0 !important;
  }
  .grid.features .row .col.img .pulse {
    margin: 4em auto 0 auto;
  }
  .grid.features .row .col.featureitem {
    width: 100%;
    padding-top: 3em !important;
  }
}
@media screen and (max-width: 650px) {
  body {
    font-size: 0.9em !important;
  }
  body h1 {
    font-size: 2.25em;
  }
  body h2 {
    font-size: 1.5em;
  }
  body h3 {
    font-size: 1.125em;
  }
  body h4,
  body h5 {
    font-size: 1em;
  }
  .button,
  input[type=text],
  input[type=email],
  input[type=password],
  input[type=name] {
    padding: 1.5em;
    margin: 1em 0.5em;
  }
  header.hc {
    padding-bottom: 0 !important;
    height: 350px !important;
  }
  nav ul li {
    display: none !important;
  }
  .container {
    padding: 2em 0;
  }
  .container#signup {
    padding: 2em 0;
  }
  .container#intro {
    padding-top: 6em !important;
  }
  .container#intro .productlogo.giant {
    top: -60px !important;
  }
  .container#intro .products {
    margin-top: 3em !important;
  }
  .row {
    flex-wrap: wrap;
    border: none !important;
  }
  .row .col {
    width: 100% !important;
    border: none !important;
    margin: 0 1.25em;
  }
  .products .col {
    padding: 1.5em 1.25em !important;
  }
  .grid.features .row .col .row .col {
    width: 50% !important;
  }
  .grid.features .row .col .row .col:nth-child(odd) {
    padding: 0 1em 0 0 !important;
  }
  .grid.features .row .col .row .col:nth-child(even) {
    padding: 0 0 0 1em !important;
  }
  footer ul.products li {
    margin: 0.5em 2em;
  }
  footer ul.social li {
    margin: 0 1em;
  }
}
header.hc {
  padding-bottom: 500px;
}
header.hc #particles {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0 !important;
  background: #7696c2;
}
.container#intro.hc {
  background: #535d65;
  color: #fff;
  text-align: center;
  padding-bottom: 0;
}
.container#intro.hc .grid:before {
  position: absolute;
  content: "";
  width: 100%;
  max-width: 391px;
  height: 350px;
  background: url("img/flat-colour-product.svg") 100% center no-repeat;
  opacity: 0.05;
  margin: 0 auto;
  top: -349px;
  right: 0;
  bottom: 0;
  left: 0;
}
.container#intro.hc > * {
  position: relative;
  z-index: 1;
}
.container#intro.hc:after {
  top: 0;
  left: 0;
  transform-origin: left top;
  transform: skewY(-2deg);
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  background: inherit;
  z-index: 0;
  border-top: 10px solid rgba(255,255,255,0.05);
}
.container#join {
  background: #a3c276 url("img/pattern.png") left bottom;
  background-size: 128px;
  color: #fff;
  text-align: center;
}
.container#join > * {
  position: relative;
  z-index: 2;
}
.container#join:before {
  top: 0;
  left: 0;
  transform-origin: left top;
  transform: skewY(-2deg);
  content: "";
  width: 100%;
  height: 110%;
  position: absolute;
  background: inherit;
  box-shadow: inset 0 10px 0 0 rgba(40,44,48,0.05);
  z-index: 1;
}
.container#join:after {
  position: absolute;
  width: 100%;
  height: 10px;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(40,44,48,0.05);
  content: "";
  z-index: 2;
}
header.cto {
  height: auto;
  padding-bottom: 200px;
  overflow: hidden;
}
header.cto:before,
header.cto:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  background: none;
  bottom: 0;
  z-index: 2;
  display: block;
  border-style: solid;
  background: transparent;
}
header.cto:before {
  left: 0;
  border-color: transparent transparent #fff transparent;
  border-width: 0 0 75px 50vw;
}
header.cto:after {
  right: 0;
  border-color: transparent #fff #fff #fff;
  border-width: 75px 0 0 50vw;
}
header.cro {
  height: auto;
  padding-bottom: 200px;
  overflow: hidden;
}
header.cro:before,
header.cro:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  background: none;
  bottom: 0;
  z-index: 2;
  display: block;
  border-style: solid;
  background: transparent;
}
header.cro:before {
  left: 0;
  border-color: transparent transparent #fff transparent;
  border-width: 0 0 75px 50vw;
}
header.cro:after {
  right: 0;
  border-color: transparent #fff #fff #fff;
  border-width: 75px 0 0 50vw;
}
header.cco {
  height: auto;
  padding-bottom: 200px;
  overflow: hidden;
}
header.cco:before,
header.cco:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  background: none;
  bottom: 0;
  z-index: 2;
  display: block;
  border-style: solid;
  background: transparent;
}
header.cco:before {
  left: 0;
  border-color: transparent transparent #fff transparent;
  border-width: 0 0 75px 50vw;
}
header.cco:after {
  right: 0;
  border-color: transparent #fff #fff #fff;
  border-width: 75px 0 0 50vw;
}
header.chro {
  height: auto;
  padding-bottom: 200px;
  overflow: hidden;
}
header.chro:before,
header.chro:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  background: none;
  bottom: 0;
  z-index: 2;
  display: block;
  border-style: solid;
  background: transparent;
}
header.chro:before {
  left: 0;
  border-color: transparent transparent #fff transparent;
  border-width: 0 0 75px 50vw;
}
header.chro:after {
  right: 0;
  border-color: transparent #fff #fff #fff;
  border-width: 75px 0 0 50vw;
}