@charset "UTF-8";

/* src/styles/styles.scss */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
html {
  box-sizing: border-box;
}
*,
*:before,
*:after {
  box-sizing: inherit;
}
@keyframes pulse {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
  }
}
html {
  font-size: 18px;
  line-height: 24px;
  box-sizing: border-box;
}
*,
*:before,
*:after {
  box-sizing: inherit;
}
body {
  font-family:
    Roboto,
    Arial,
    sans-serif;
  color: #636469;
  overflow-x: hidden;
  background-color: #ffffff;
}
.wrapper {
  max-width: 1260px;
  width: 100%;
  margin: 0 auto;
  padding: 80px 50px;
}
.home-banner-wrapper {
  max-width: 1260px;
  width: 100%;
  margin: 0 auto;
  padding: 0;
}
.wrapper-spacing {
  max-width: 1260px;
  width: 100%;
  margin: 0 auto;
  padding: 10px 50px 80px 50px;
}
.wrapper-flexible {
  max-width: 1260px;
  width: 100%;
  margin: 0 auto;
  padding: 80px 50px 0 50px;
}
.columns {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.equal-width-column {
  flex: 0 0 calc(50% - 17px);
  width: calc(50% - 17px);
}
.left-aside-column {
  flex: 0 0 calc(66.6667% - 15px);
  width: calc(66.6667% - 15px);
}
.left-aside-column-video {
  flex: 40 40 calc(66.6667% - 40px);
  width: calc(66.6667% - 40px);
}
.right-aside-column {
  flex: 0 0 calc(33.333% - 15px);
  width: calc(33.333% - 15px);
}
@media only screen and (max-width: 700px) {
  .columns {
    flex-wrap: wrap;
  }
  .columns .left-aside-column {
    flex: 1 1 100%;
    margin-bottom: 2rem;
  }
  .columns .right-aside-column {
    flex: 1 1 100%;
  }
}
ul {
  font-weight: 300;
}
ol {
  list-style-type: number;
}
.flex-order {
  order: 2;
}
hr {
  border-top: 1px solid #F9F8F5;
  border-left: none;
  border-right: none;
  border-bottom: none;
  height: 1px;
}
.bullet {
  background: #ffffff;
  border-radius: 50%;
  display: inline-block;
  height: 5px;
  margin-left: 5px;
  margin-right: 5px;
  width: 5px;
  vertical-align: middle;
  position: relative;
  bottom: 1px;
}
.sr-only {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}
.arrow {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: none;
  border-top-style: solid;
  border-top-width: 5px;
  display: inline-block;
  transition: all 0.4s;
  vertical-align: middle;
  position: relative;
  bottom: 2px;
}
.full-width {
  width: 100%;
}
.text-align-left {
  text-align: left;
}
.text-align-right {
  text-align: right;
}
.text-align-center {
  text-align: center;
}
.no-padding-left {
  padding-left: 0;
}
.no-padding-right {
  padding-right: 0;
}
.margin-bottom-x-small {
  margin-bottom: 0.5rem;
}
.margin-left-x-small {
  margin-left: 0.5rem;
}
.margin-bottom-small {
  margin-bottom: 1rem;
}
.margin-bottom-large {
  margin-bottom: 2rem;
}
.margin-bottom-larger {
  margin-bottom: 3rem;
}
.margin-top-small {
  margin-top: 1rem;
}
.margin-top-large {
  margin-top: 2rem;
}
.margin-top-larger {
  margin-top: 3rem;
}
.margin-left-small {
  margin-left: 1rem;
}
.margin-left-large {
  margin-left: 2rem;
}
.margin-left-larger {
  margin-left: 2.5rem !important;
}
.margin-left-x-large {
  margin-left: 4rem;
}
.margin-left-auto {
  margin-left: auto;
}
.margin-right-small {
  margin-right: 1rem;
}
.margin-right-smallest {
  margin-right: 0.5rem;
}
.margin-right-auto {
  margin-right: auto;
}
.margin-right-large {
  margin-right: 2rem !important;
}
.padding-top-small {
  padding-top: 1rem;
}
.padding-top-x-small {
  padding-top: 0.3125rem;
}
.padding-top-large {
  padding-top: 2rem;
}
.padding-top-x-large {
  padding-top: 6rem;
}
.padding-bottom-small {
  padding-bottom: 1rem;
}
.padding-bottom-large {
  padding-bottom: 2rem;
}
.padding-left-small {
  padding-left: 1rem !important;
}
.padding-left-large {
  padding-left: 2rem !important;
}
.padding-right-small {
  padding-right: 1rem !important;
}
.padding-right-large {
  padding-right: 2rem !important;
}
.padding-right-x-large {
  padding-right: 2.5rem !important;
}
.text-color-white {
  color: #ffffff;
}
.text-color-black {
  color: #000000;
}
.flexbox {
  display: flex;
}
.gap-2-rem {
  gap: 2rem;
}
.gap-3-rem {
  gap: 3rem;
}
.flex-direction-row {
  flex-direction: row;
}
.flex-direction-row-reverse {
  flex-direction: row-reverse;
}
.flex-direction-column {
  flex-direction: column;
}
.align-items-center {
  align-items: center;
}
.align-self-start {
  align-self: start;
}
.justify-content-center {
  justify-content: center;
}
.justify-content-end {
  justify-content: flex-end;
}
.justify-flex-start {
  justify-content: flex-start;
}
.justify-space-between {
  justify-content: space-between;
}
.flexwrap {
  flex-wrap: wrap;
}
.list-style-disc {
  list-style-type: disc;
}
img {
  max-width: 100%;
  max-height: 100%;
  display: block;
}
.font-size-small {
  font-size: 14px;
  font-size: 0.7777777778rem;
}
.font-size-large,
.font-size-large p {
  font-size: 23px;
  font-size: 1.2777777778rem;
}
.shadow {
  box-shadow: 0 0.667rem 1.333rem rgba(0, 0, 0, 0.15) !important;
}
.menu-shadow {
  box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.1);
}
.card-shadow {
  box-shadow: 0 1px 8px rgba(110, 110, 110, 0.35);
}
.tile-box-shadow {
  box-shadow: 0 6px 20px rgba(196, 196, 196, 0.5);
}
.tile-box-shadow-black {
  box-shadow: 10px 20px 20px rgb(10, 0, 0);
}
.cursor {
  cursor: pointer;
}
.auto-margin-center {
  margin: 0 auto;
}
.auto-margin-center-video {
  margin: 0 auto;
  width: 100%;
  max-width: 1500px;
}
iframe {
  border: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.border-none {
  border: none;
}
.border-right {
  border-right: 1px solid #F9F8F5;
}
.no-wrap {
  white-space: nowrap;
}
.tile-border-radius {
  border-radius: 1rem;
}
@media only screen and (max-width: 1000px) {
  html {
    font-size: 16px;
    line-height: 22px;
  }
}
@media only screen and (max-width: 1250px) and (min-width: 701px) {
  html {
    font-size: 14px;
    line-height: 18px;
  }
}
@media only screen and (max-width: 850px) {
  #gkn-univ-nav-container .gkn-univ-nav-toggle {
    display: none !important;
  }
}
@media only screen and (max-width: 700px) {
  html {
    font-size: 14px;
    line-height: 18px;
  }
}
@media only screen and (max-width: 600px) {
  .wrapper {
    padding-left: 5%;
    padding-right: 5%;
  }
}
.beyond-logo-header a {
  display: block;
  background: url(/assets/img/Genesys_Education_Logo.png) center no-repeat;
  background-size: 100%;
  width: 164px;
  height: 48px;
  text-indent: 200%;
  overflow: hidden;
  white-space: nowrap;
}
.beyond-logo-header span {
  display: block;
  background: url(/assets/img/icon/svg-red/logo.svg) center no-repeat;
  background-size: 100%;
  width: 164px;
  height: 48px;
  text-indent: 200%;
  overflow: hidden;
  white-space: nowrap;
}
.beyond-logo-login a {
  display: block;
  background: url(/assets/img/Genesys_Education_Logo.png) center no-repeat;
  background-size: 100%;
  width: 140px;
  height: 45px;
  text-indent: 200%;
  overflow: hidden;
  white-space: nowrap;
}
.beyond-logo-login span {
  display: block;
  background: url(/assets/img/Genesys_Education_Logo.png) center no-repeat;
  background-size: 100%;
  width: 140px;
  height: 45px;
  text-indent: 200%;
  overflow: hidden;
  white-space: nowrap;
}
.background-position-center-x {
  background-position-x: center;
}
.background-position-top-y {
  background-position-y: top;
}
.background-position-bottom-y {
  background-position-y: bottom;
}
.background-repeat {
  background-repeat: no-repeat;
}
h1 {
  font-family:
    Roboto,
    Arial,
    sans-serif;
  font-size: 50px;
  font-size: 2.7777777778rem;
  line-height: 54px;
  line-height: 3rem;
  font-weight: 300;
}
h2 {
  font-size: 40px;
  font-size: 2.2222222222rem;
  line-height: 34px;
  line-height: 1.8888888889rem;
  font-weight: 300;
  text-align: center;
  color: #4e5054;
}
h2.font-color-white {
  color: #ffffff;
}
h3 {
  font-size: 25px;
  font-size: 1.3888888889rem;
  line-height: 30px;
  line-height: 1.6666666667rem;
  font-weight: 300;
}
h3.font-color-gray {
  color: #4e5054;
  cursor: pointer;
}
h4 {
  font-size: 20px;
  font-size: 1.1111111111rem;
  line-height: 28px;
  line-height: 1.5555555556rem;
}
h5 {
  font-size: 18px;
  font-size: 1rem;
  line-height: 26px;
  line-height: 1.4444444444rem;
}
h6 {
  font-size: 12px;
  font-size: 0.6666666667rem;
  line-height: 22px;
  line-height: 1.2222222222rem;
}
.custom-h1 {
  font-family:
    Roboto,
    Arial,
    sans-serif;
  font-size: 32px;
  font-size: 1.7777777778rem;
  line-height: normal;
  font-weight: 400;
}
.custom-h2 {
  font-size: 22px;
  font-size: 1.2222222222rem;
  line-height: normal;
}
.banner-home-title {
  font-family:
    Roboto,
    Arial,
    sans-serif;
  font-size: 65px;
  font-size: 3.6111111111rem;
  line-height: 72px;
  line-height: 4rem;
  font-weight: 700;
  margin-bottom: 35px;
}
.banner-home-desc {
  font-size: 25px;
  font-size: 1.3888888889rem;
  line-height: 34px;
  line-height: 1.8888888889rem;
  margin-bottom: 35px;
}
p {
  font-size: 16px;
  font-size: 0.8888888889rem;
  line-height: 26px;
  line-height: 1.4444444444rem;
  font-weight: 300;
  margin: 0;
}
p.medium {
  font-size: 18px;
  font-size: 1rem;
  line-height: 28px;
  line-height: 1.5555555556rem;
}
p.large {
  margin: 1rem 0;
}
p.line-height-small p {
  line-height: 20px;
  line-height: 1.1111111111rem;
}
em {
  font-style: italic;
}
.wrapped-text-height {
  height: 3.5rem;
  width: 10rem;
  margin-bottom: 1rem;
}
.even-smaller-text {
  font-size: 12px;
  font-size: 0.6666666667rem;
  line-height: 18px;
  line-height: 1rem;
  font-weight: 300;
}
.smaller-text {
  font-size: 14px;
  font-size: 0.7777777778rem;
}
.small-text {
  font-size: 16px;
  font-size: 0.8888888889rem;
  line-height: 26px;
  line-height: 1.4444444444rem;
}
.medium-text {
  font-size: 18px;
  font-size: 1rem;
  line-height: 28px;
  line-height: 1.5555555556rem;
}
.large-text {
  font-size: 24px;
  font-size: 1.3333333333rem;
  line-height: 34px;
  line-height: 1.8888888889rem;
  margin: 1rem 0;
}
.large-text-no-margin {
  font-size: 24px;
  font-size: 1.3333333333rem;
  line-height: 34px;
  line-height: 1.8888888889rem;
}
.extra-large-text {
  font-size: 50px;
  font-size: 2.7777777778rem;
  line-height: 64px;
  line-height: 3.5555555556rem;
  font-weight: 100;
}
.lighter {
  font-weight: 300;
}
.bold {
  font-weight: 400;
}
.bolder {
  font-weight: 700;
}
strong {
  font-weight: 700;
}
.inactive {
  color: #959699;
}
.brand {
  color: #152550;
}
.charcoal {
  color: #4e5054;
}
.white {
  color: #ffffff;
}
.red {
  color: #ff451a;
}
.block-content {
}
.block-content ul,
.block-content ol {
}
.block-content ul li,
.block-content ol li {
  font-size: 16px;
  font-size: 0.8888888889rem;
  line-height: 26px;
  line-height: 1.4444444444rem;
  color: #4e5054;
  font-weight: 300;
}
.block-content ul li:last-child,
.block-content ol li:last-child {
  margin-bottom: 2rem;
}
.block-content ul li:before,
.block-content ol li:before {
  content: "\b7";
  font-size: 40px;
  font-size: 2.2222222222rem;
  line-height: 26px;
  line-height: 1.4444444444rem;
  vertical-align: middle;
  color: #ff451a;
  margin-right: 0.25rem;
}
.block-content p {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.list-content {
}
.list-content ul,
.list-content ol {
}
.list-content ul li,
.list-content ol li {
  font-size: 14px;
  font-size: 0.7777777778rem;
  line-height: 20px;
  line-height: 1.1111111111rem;
  color: #4e5054;
  font-weight: 300;
}
.list-content ul li:last-child,
.list-content ol li:last-child {
  margin-bottom: 2rem;
}
.list-content ul li:before,
.list-content ol li:before {
  content: "\b7";
  font-size: 40px;
  font-size: 2.2222222222rem;
  line-height: 26px;
  line-height: 1.4444444444rem;
  vertical-align: middle;
  color: #ff451a;
  margin-right: 0.25rem;
}
.list-content p {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.icon {
  background-position: center center;
  background-repeat: no-repeat;
  display: inline-block;
}
.icon > span {
  visibility: hidden;
}
.icon.x-smallest {
  width: 15px;
  height: 15px;
  background-size: 15px 15px;
}
.icon.x-small {
  width: 20px;
  height: 20px;
  background-size: 20px 20px;
}
.icon.small {
  width: 30px;
  height: 30px;
  background-size: 30px 30px;
}
.icon.medium {
  width: 50px;
  height: 50px;
  background-size: 50px 50px;
}
.icon.regular {
  width: 40px;
  height: 40px;
  background-size: 40px 40px;
}
.icon.large {
  width: 75px;
  height: 75px;
  background-size: 75px 75px;
}
.icon.x-large {
  width: 150px;
  height: 150px;
  background-size: 150px 150px;
}
.icon.right {
  transform: rotate(180deg);
}
.icon.left {
  transform: rotate(45deg);
}
.icon.logo.red {
  background-image: url(/assets/img/icon/svg-red/logo.svg);
}
.icon.logo.black {
  background-image: url(/assets/img/icon/svg-black/logo.svg);
}
.icon.logo.white {
  background-image: url(/assets/img/icon/svg-white/logo.svg);
}
.icon.logo.lightblue {
  background-image: url(/assets/img/icon/svg-lightblue/logo.svg);
}
.icon.logo.gray {
  background-image: url(/assets/img/icon/svg-gray/logo.svg);
}
.icon.logo.blue {
  background-image: url(/assets/img/icon/svg-blue/logo.svg);
}
.icon.time.red {
  background-image: url(/assets/img/icon/svg-red/time.svg);
}
.icon.time.black {
  background-image: url(/assets/img/icon/svg-black/time.svg);
}
.icon.time.white {
  background-image: url(/assets/img/icon/svg-white/time.svg);
}
.icon.time.lightblue {
  background-image: url(/assets/img/icon/svg-lightblue/time.svg);
}
.icon.time.gray {
  background-image: url(/assets/img/icon/svg-gray/time.svg);
}
.icon.time.blue {
  background-image: url(/assets/img/icon/svg-blue/time.svg);
}
.icon.Genesys-Cloud_LPB.red {
  background-image: url(/assets/img/icon/svg-red/Genesys-Cloud_LPB.svg);
}
.icon.Genesys-Cloud_LPB.black {
  background-image: url(/assets/img/icon/svg-black/Genesys-Cloud_LPB.svg);
}
.icon.Genesys-Cloud_LPB.white {
  background-image: url(/assets/img/icon/svg-white/Genesys-Cloud_LPB.svg);
}
.icon.Genesys-Cloud_LPB.lightblue {
  background-image: url(/assets/img/icon/svg-lightblue/Genesys-Cloud_LPB.svg);
}
.icon.Genesys-Cloud_LPB.gray {
  background-image: url(/assets/img/icon/svg-gray/Genesys-Cloud_LPB.svg);
}
.icon.Genesys-Cloud_LPB.blue {
  background-image: url(/assets/img/icon/svg-blue/Genesys-Cloud_LPB.svg);
}
.icon.Genesys-Engage_LPB.red {
  background-image: url(/assets/img/icon/svg-red/Genesys-Engage_LPB.svg);
}
.icon.Genesys-Engage_LPB.black {
  background-image: url(/assets/img/icon/svg-black/Genesys-Engage_LPB.svg);
}
.icon.Genesys-Engage_LPB.white {
  background-image: url(/assets/img/icon/svg-white/Genesys-Engage_LPB.svg);
}
.icon.Genesys-Engage_LPB.lightblue {
  background-image: url(/assets/img/icon/svg-lightblue/Genesys-Engage_LPB.svg);
}
.icon.Genesys-Engage_LPB.gray {
  background-image: url(/assets/img/icon/svg-gray/Genesys-Engage_LPB.svg);
}
.icon.Genesys-Engage_LPB.blue {
  background-image: url(/assets/img/icon/svg-blue/Genesys-Engage_LPB.svg);
}
.icon.genesyscloud.red {
  background-image: url(/assets/img/icon/svg-red/genesyscloud.svg);
}
.icon.genesyscloud.black {
  background-image: url(/assets/img/icon/svg-black/genesyscloud.svg);
}
.icon.genesyscloud.white {
  background-image: url(/assets/img/icon/svg-white/genesyscloud.svg);
}
.icon.genesyscloud.lightblue {
  background-image: url(/assets/img/icon/svg-lightblue/genesyscloud.svg);
}
.icon.genesyscloud.gray {
  background-image: url(/assets/img/icon/svg-gray/genesyscloud.svg);
}
.icon.genesyscloud.blue {
  background-image: url(/assets/img/icon/svg-blue/genesyscloud.svg);
}
.icon.pureconnect_LPB.red {
  background-image: url(/assets/img/icon/svg-red/pureconnect_LPB.svg);
}
.icon.pureconnect_LPB.black {
  background-image: url(/assets/img/icon/svg-black/pureconnect_LPB.svg);
}
.icon.pureconnect_LPB.white {
  background-image: url(/assets/img/icon/svg-white/pureconnect_LPB.svg);
}
.icon.pureconnect_LPB.lightblue {
  background-image: url(/assets/img/icon/svg-lightblue/pureconnect_LPB.svg);
}
.icon.pureconnect_LPB.gray {
  background-image: url(/assets/img/icon/svg-gray/pureconnect_LPB.svg);
}
.icon.pureconnect_LPB.blue {
  background-image: url(/assets/img/icon/svg-blue/pureconnect_LPB.svg);
}
.icon.pureconnect.red {
  background-image: url(/assets/img/icon/svg-red/pureconnect.svg);
}
.icon.pureconnect.black {
  background-image: url(/assets/img/icon/svg-black/pureconnect.svg);
}
.icon.pureconnect.white {
  background-image: url(/assets/img/icon/svg-white/pureconnect.svg);
}
.icon.pureconnect.lightblue {
  background-image: url(/assets/img/icon/svg-lightblue/pureconnect.svg);
}
.icon.pureconnect.gray {
  background-image: url(/assets/img/icon/svg-gray/pureconnect.svg);
}
.icon.pureconnect.blue {
  background-image: url(/assets/img/icon/svg-blue/pureconnect.svg);
}
.icon.genesysengage.red {
  background-image: url(/assets/img/icon/svg-red/genesysengage.svg);
}
.icon.genesysengage.black {
  background-image: url(/assets/img/icon/svg-black/genesysengage.svg);
}
.icon.genesysengage.white {
  background-image: url(/assets/img/icon/svg-white/genesysengage.svg);
}
.icon.genesysengage.lightblue {
  background-image: url(/assets/img/icon/svg-lightblue/genesysengage.svg);
}
.icon.genesysengage.gray {
  background-image: url(/assets/img/icon/svg-gray/genesysengage.svg);
}
.icon.genesysengage.blue {
  background-image: url(/assets/img/icon/svg-blue/genesysengage.svg);
}
.icon.learning-plan.red {
  background-image: url(/assets/img/icon/svg-red/learning-plan.svg);
}
.icon.learning-plan.black {
  background-image: url(/assets/img/icon/svg-black/learning-plan.svg);
}
.icon.learning-plan.white {
  background-image: url(/assets/img/icon/svg-white/learning-plan.svg);
}
.icon.learning-plan.lightblue {
  background-image: url(/assets/img/icon/svg-lightblue/learning-plan.svg);
}
.icon.learning-plan.gray {
  background-image: url(/assets/img/icon/svg-gray/learning-plan.svg);
}
.icon.learning-plan.blue {
  background-image: url(/assets/img/icon/svg-blue/learning-plan.svg);
}
.icon.people-male.red {
  background-image: url(/assets/img/icon/svg-red/people-male.svg);
}
.icon.people-male.black {
  background-image: url(/assets/img/icon/svg-black/people-male.svg);
}
.icon.people-male.white {
  background-image: url(/assets/img/icon/svg-white/people-male.svg);
}
.icon.people-male.lightblue {
  background-image: url(/assets/img/icon/svg-lightblue/people-male.svg);
}
.icon.people-male.gray {
  background-image: url(/assets/img/icon/svg-gray/people-male.svg);
}
.icon.people-male.blue {
  background-image: url(/assets/img/icon/svg-blue/people-male.svg);
}
.icon.laptop-chat.red {
  background-image: url(/assets/img/icon/svg-red/laptop-chat.svg);
}
.icon.laptop-chat.black {
  background-image: url(/assets/img/icon/svg-black/laptop-chat.svg);
}
.icon.laptop-chat.white {
  background-image: url(/assets/img/icon/svg-white/laptop-chat.svg);
}
.icon.laptop-chat.lightblue {
  background-image: url(/assets/img/icon/svg-lightblue/laptop-chat.svg);
}
.icon.laptop-chat.gray {
  background-image: url(/assets/img/icon/svg-gray/laptop-chat.svg);
}
.icon.laptop-chat.blue {
  background-image: url(/assets/img/icon/svg-blue/laptop-chat.svg);
}
.icon.laptop-icon.red {
  background-image: url(/assets/img/icon/svg-red/laptop-icon.svg);
}
.icon.laptop-icon.black {
  background-image: url(/assets/img/icon/svg-black/laptop-icon.svg);
}
.icon.laptop-icon.white {
  background-image: url(/assets/img/icon/svg-white/laptop-icon.svg);
}
.icon.laptop-icon.lightblue {
  background-image: url(/assets/img/icon/svg-lightblue/laptop-icon.svg);
}
.icon.laptop-icon.gray {
  background-image: url(/assets/img/icon/svg-gray/laptop-icon.svg);
}
.icon.laptop-icon.blue {
  background-image: url(/assets/img/icon/svg-blue/laptop-icon.svg);
}
.icon.arrow-forward.red {
  background-image: url(/assets/img/icon/svg-red/arrow-forward.svg);
}
.icon.arrow-forward.black {
  background-image: url(/assets/img/icon/svg-black/arrow-forward.svg);
}
.icon.arrow-forward.white {
  background-image: url(/assets/img/icon/svg-white/arrow-forward.svg);
}
.icon.arrow-forward.lightblue {
  background-image: url(/assets/img/icon/svg-lightblue/arrow-forward.svg);
}
.icon.arrow-forward.gray {
  background-image: url(/assets/img/icon/svg-gray/arrow-forward.svg);
}
.icon.arrow-forward.blue {
  background-image: url(/assets/img/icon/svg-blue/arrow-forward.svg);
}
.icon.arrow-up.red {
  background-image: url(/assets/img/icon/svg-red/arrow-up.svg);
}
.icon.arrow-up.black {
  background-image: url(/assets/img/icon/svg-black/arrow-up.svg);
}
.icon.arrow-up.white {
  background-image: url(/assets/img/icon/svg-white/arrow-up.svg);
}
.icon.arrow-up.lightblue {
  background-image: url(/assets/img/icon/svg-lightblue/arrow-up.svg);
}
.icon.arrow-up.gray {
  background-image: url(/assets/img/icon/svg-gray/arrow-up.svg);
}
.icon.arrow-up.blue {
  background-image: url(/assets/img/icon/svg-blue/arrow-up.svg);
}
.icon.arrow-down.red {
  background-image: url(/assets/img/icon/svg-red/arrow-down.svg);
}
.icon.arrow-down.black {
  background-image: url(/assets/img/icon/svg-black/arrow-down.svg);
}
.icon.arrow-down.white {
  background-image: url(/assets/img/icon/svg-white/arrow-down.svg);
}
.icon.arrow-down.lightblue {
  background-image: url(/assets/img/icon/svg-lightblue/arrow-down.svg);
}
.icon.arrow-down.gray {
  background-image: url(/assets/img/icon/svg-gray/arrow-down.svg);
}
.icon.arrow-down.blue {
  background-image: url(/assets/img/icon/svg-blue/arrow-down.svg);
}
.icon.arrow-left.red {
  background-image: url(/assets/img/icon/svg-red/arrow-left.svg);
}
.icon.arrow-left.black {
  background-image: url(/assets/img/icon/svg-black/arrow-left.svg);
}
.icon.arrow-left.white {
  background-image: url(/assets/img/icon/svg-white/arrow-left.svg);
}
.icon.arrow-left.lightblue {
  background-image: url(/assets/img/icon/svg-lightblue/arrow-left.svg);
}
.icon.arrow-left.gray {
  background-image: url(/assets/img/icon/svg-gray/arrow-left.svg);
}
.icon.arrow-left.blue {
  background-image: url(/assets/img/icon/svg-blue/arrow-left.svg);
}
.icon.arrow-right.red {
  background-image: url(/assets/img/icon/svg-red/arrow-right.svg);
}
.icon.arrow-right.black {
  background-image: url(/assets/img/icon/svg-black/arrow-right.svg);
}
.icon.arrow-right.white {
  background-image: url(/assets/img/icon/svg-white/arrow-right.svg);
}
.icon.arrow-right.lightblue {
  background-image: url(/assets/img/icon/svg-lightblue/arrow-right.svg);
}
.icon.arrow-right.gray {
  background-image: url(/assets/img/icon/svg-gray/arrow-right.svg);
}
.icon.arrow-right.blue {
  background-image: url(/assets/img/icon/svg-blue/arrow-right.svg);
}
.icon.arrow-right-submenu.red {
  background-image: url(/assets/img/icon/svg-red/arrow-right-submenu.svg);
}
.icon.arrow-right-submenu.black {
  background-image: url(/assets/img/icon/svg-black/arrow-right-submenu.svg);
}
.icon.arrow-right-submenu.white {
  background-image: url(/assets/img/icon/svg-white/arrow-right-submenu.svg);
}
.icon.arrow-right-submenu.lightblue {
  background-image: url(/assets/img/icon/svg-lightblue/arrow-right-submenu.svg);
}
.icon.arrow-right-submenu.gray {
  background-image: url(/assets/img/icon/svg-gray/arrow-right-submenu.svg);
}
.icon.arrow-right-submenu.blue {
  background-image: url(/assets/img/icon/svg-blue/arrow-right-submenu.svg);
}
.icon.plus.red {
  background-image: url(/assets/img/icon/svg-red/plus.svg);
}
.icon.plus.black {
  background-image: url(/assets/img/icon/svg-black/plus.svg);
}
.icon.plus.white {
  background-image: url(/assets/img/icon/svg-white/plus.svg);
}
.icon.plus.lightblue {
  background-image: url(/assets/img/icon/svg-lightblue/plus.svg);
}
.icon.plus.gray {
  background-image: url(/assets/img/icon/svg-gray/plus.svg);
}
.icon.plus.blue {
  background-image: url(/assets/img/icon/svg-blue/plus.svg);
}
.icon.search.red {
  background-image: url(/assets/img/icon/svg-red/search.svg);
}
.icon.search.black {
  background-image: url(/assets/img/icon/svg-black/search.svg);
}
.icon.search.white {
  background-image: url(/assets/img/icon/svg-white/search.svg);
}
.icon.search.lightblue {
  background-image: url(/assets/img/icon/svg-lightblue/search.svg);
}
.icon.search.gray {
  background-image: url(/assets/img/icon/svg-gray/search.svg);
}
.icon.search.blue {
  background-image: url(/assets/img/icon/svg-blue/search.svg);
}
.icon.wallet.red {
  background-image: url(/assets/img/icon/svg-red/wallet.svg);
}
.icon.wallet.black {
  background-image: url(/assets/img/icon/svg-black/wallet.svg);
}
.icon.wallet.white {
  background-image: url(/assets/img/icon/svg-white/wallet.svg);
}
.icon.wallet.lightblue {
  background-image: url(/assets/img/icon/svg-lightblue/wallet.svg);
}
.icon.wallet.gray {
  background-image: url(/assets/img/icon/svg-gray/wallet.svg);
}
.icon.wallet.blue {
  background-image: url(/assets/img/icon/svg-blue/wallet.svg);
}
.icon.inbox.red {
  background-image: url(/assets/img/icon/svg-red/inbox.svg);
}
.icon.inbox.black {
  background-image: url(/assets/img/icon/svg-black/inbox.svg);
}
.icon.inbox.white {
  background-image: url(/assets/img/icon/svg-white/inbox.svg);
}
.icon.inbox.lightblue {
  background-image: url(/assets/img/icon/svg-lightblue/inbox.svg);
}
.icon.inbox.gray {
  background-image: url(/assets/img/icon/svg-gray/inbox.svg);
}
.icon.inbox.blue {
  background-image: url(/assets/img/icon/svg-blue/inbox.svg);
}
.icon.calendar.red {
  background-image: url(/assets/img/icon/svg-red/calendar.svg);
}
.icon.calendar.black {
  background-image: url(/assets/img/icon/svg-black/calendar.svg);
}
.icon.calendar.white {
  background-image: url(/assets/img/icon/svg-white/calendar.svg);
}
.icon.calendar.lightblue {
  background-image: url(/assets/img/icon/svg-lightblue/calendar.svg);
}
.icon.calendar.gray {
  background-image: url(/assets/img/icon/svg-gray/calendar.svg);
}
.icon.calendar.blue {
  background-image: url(/assets/img/icon/svg-blue/calendar.svg);
}
.icon.certification.red {
  background-image: url(/assets/img/icon/svg-red/certification.svg);
}
.icon.certification.black {
  background-image: url(/assets/img/icon/svg-black/certification.svg);
}
.icon.certification.white {
  background-image: url(/assets/img/icon/svg-white/certification.svg);
}
.icon.certification.lightblue {
  background-image: url(/assets/img/icon/svg-lightblue/certification.svg);
}
.icon.certification.gray {
  background-image: url(/assets/img/icon/svg-gray/certification.svg);
}
.icon.certification.blue {
  background-image: url(/assets/img/icon/svg-blue/certification.svg);
}
.icon.documentation.red {
  background-image: url(/assets/img/icon/svg-red/documentation.svg);
}
.icon.documentation.black {
  background-image: url(/assets/img/icon/svg-black/documentation.svg);
}
.icon.documentation.white {
  background-image: url(/assets/img/icon/svg-white/documentation.svg);
}
.icon.documentation.lightblue {
  background-image: url(/assets/img/icon/svg-lightblue/documentation.svg);
}
.icon.documentation.gray {
  background-image: url(/assets/img/icon/svg-gray/documentation.svg);
}
.icon.documentation.blue {
  background-image: url(/assets/img/icon/svg-blue/documentation.svg);
}
.icon.quote.red {
  background-image: url(/assets/img/icon/svg-red/quote.svg);
}
.icon.quote.black {
  background-image: url(/assets/img/icon/svg-black/quote.svg);
}
.icon.quote.white {
  background-image: url(/assets/img/icon/svg-white/quote.svg);
}
.icon.quote.lightblue {
  background-image: url(/assets/img/icon/svg-lightblue/quote.svg);
}
.icon.quote.gray {
  background-image: url(/assets/img/icon/svg-gray/quote.svg);
}
.icon.quote.blue {
  background-image: url(/assets/img/icon/svg-blue/quote.svg);
}
.icon.licensing.red {
  background-image: url(/assets/img/icon/svg-red/licensing.svg);
}
.icon.licensing.black {
  background-image: url(/assets/img/icon/svg-black/licensing.svg);
}
.icon.licensing.white {
  background-image: url(/assets/img/icon/svg-white/licensing.svg);
}
.icon.licensing.lightblue {
  background-image: url(/assets/img/icon/svg-lightblue/licensing.svg);
}
.icon.licensing.gray {
  background-image: url(/assets/img/icon/svg-gray/licensing.svg);
}
.icon.licensing.blue {
  background-image: url(/assets/img/icon/svg-blue/licensing.svg);
}
.icon.print.red {
  background-image: url(/assets/img/icon/svg-red/print.svg);
}
.icon.print.black {
  background-image: url(/assets/img/icon/svg-black/print.svg);
}
.icon.print.white {
  background-image: url(/assets/img/icon/svg-white/print.svg);
}
.icon.print.lightblue {
  background-image: url(/assets/img/icon/svg-lightblue/print.svg);
}
.icon.print.gray {
  background-image: url(/assets/img/icon/svg-gray/print.svg);
}
.icon.print.blue {
  background-image: url(/assets/img/icon/svg-blue/print.svg);
}
.icon.person.red {
  background-image: url(/assets/img/icon/svg-red/person.svg);
}
.icon.person.black {
  background-image: url(/assets/img/icon/svg-black/person.svg);
}
.icon.person.white {
  background-image: url(/assets/img/icon/svg-white/person.svg);
}
.icon.person.lightblue {
  background-image: url(/assets/img/icon/svg-lightblue/person.svg);
}
.icon.person.gray {
  background-image: url(/assets/img/icon/svg-gray/person.svg);
}
.icon.person.blue {
  background-image: url(/assets/img/icon/svg-blue/person.svg);
}
.icon.menu.red {
  background-image: url(/assets/img/icon/svg-red/menu.svg);
}
.icon.menu.black {
  background-image: url(/assets/img/icon/svg-black/menu.svg);
}
.icon.menu.white {
  background-image: url(/assets/img/icon/svg-white/menu.svg);
}
.icon.menu.lightblue {
  background-image: url(/assets/img/icon/svg-lightblue/menu.svg);
}
.icon.menu.gray {
  background-image: url(/assets/img/icon/svg-gray/menu.svg);
}
.icon.menu.blue {
  background-image: url(/assets/img/icon/svg-blue/menu.svg);
}
.icon.filtering.red {
  background-image: url(/assets/img/icon/svg-red/filtering.svg);
}
.icon.filtering.black {
  background-image: url(/assets/img/icon/svg-black/filtering.svg);
}
.icon.filtering.white {
  background-image: url(/assets/img/icon/svg-white/filtering.svg);
}
.icon.filtering.lightblue {
  background-image: url(/assets/img/icon/svg-lightblue/filtering.svg);
}
.icon.filtering.gray {
  background-image: url(/assets/img/icon/svg-gray/filtering.svg);
}
.icon.filtering.blue {
  background-image: url(/assets/img/icon/svg-blue/filtering.svg);
}
.icon.announcement.red {
  background-image: url(/assets/img/icon/svg-red/announcement.svg);
}
.icon.announcement.black {
  background-image: url(/assets/img/icon/svg-black/announcement.svg);
}
.icon.announcement.white {
  background-image: url(/assets/img/icon/svg-white/announcement.svg);
}
.icon.announcement.lightblue {
  background-image: url(/assets/img/icon/svg-lightblue/announcement.svg);
}
.icon.announcement.gray {
  background-image: url(/assets/img/icon/svg-gray/announcement.svg);
}
.icon.announcement.blue {
  background-image: url(/assets/img/icon/svg-blue/announcement.svg);
}
.icon.warning.red {
  background-image: url(/assets/img/icon/svg-red/warning.svg);
}
.icon.warning.black {
  background-image: url(/assets/img/icon/svg-black/warning.svg);
}
.icon.warning.white {
  background-image: url(/assets/img/icon/svg-white/warning.svg);
}
.icon.warning.lightblue {
  background-image: url(/assets/img/icon/svg-lightblue/warning.svg);
}
.icon.warning.gray {
  background-image: url(/assets/img/icon/svg-gray/warning.svg);
}
.icon.warning.blue {
  background-image: url(/assets/img/icon/svg-blue/warning.svg);
}
.icon.info-icon.red {
  background-image: url(/assets/img/icon/svg-red/info-icon.svg);
}
.icon.info-icon.black {
  background-image: url(/assets/img/icon/svg-black/info-icon.svg);
}
.icon.info-icon.white {
  background-image: url(/assets/img/icon/svg-white/info-icon.svg);
}
.icon.info-icon.lightblue {
  background-image: url(/assets/img/icon/svg-lightblue/info-icon.svg);
}
.icon.info-icon.gray {
  background-image: url(/assets/img/icon/svg-gray/info-icon.svg);
}
.icon.info-icon.blue {
  background-image: url(/assets/img/icon/svg-blue/info-icon.svg);
}
.icon.laptop-arrow.red {
  background-image: url(/assets/img/icon/svg-red/laptop-arrow.svg);
}
.icon.laptop-arrow.black {
  background-image: url(/assets/img/icon/svg-black/laptop-arrow.svg);
}
.icon.laptop-arrow.white {
  background-image: url(/assets/img/icon/svg-white/laptop-arrow.svg);
}
.icon.laptop-arrow.lightblue {
  background-image: url(/assets/img/icon/svg-lightblue/laptop-arrow.svg);
}
.icon.laptop-arrow.gray {
  background-image: url(/assets/img/icon/svg-gray/laptop-arrow.svg);
}
.icon.laptop-arrow.blue {
  background-image: url(/assets/img/icon/svg-blue/laptop-arrow.svg);
}
.icon.document.red {
  background-image: url(/assets/img/icon/svg-red/document.svg);
}
.icon.document.black {
  background-image: url(/assets/img/icon/svg-black/document.svg);
}
.icon.document.white {
  background-image: url(/assets/img/icon/svg-white/document.svg);
}
.icon.document.lightblue {
  background-image: url(/assets/img/icon/svg-lightblue/document.svg);
}
.icon.document.gray {
  background-image: url(/assets/img/icon/svg-gray/document.svg);
}
.icon.document.blue {
  background-image: url(/assets/img/icon/svg-blue/document.svg);
}
.icon.Administrator_LPB.red {
  background-image: url(/assets/img/icon/svg-red/Administrator_LPB.svg);
}
.icon.Administrator_LPB.black {
  background-image: url(/assets/img/icon/svg-black/Administrator_LPB.svg);
}
.icon.Administrator_LPB.white {
  background-image: url(/assets/img/icon/svg-white/Administrator_LPB.svg);
}
.icon.Administrator_LPB.lightblue {
  background-image: url(/assets/img/icon/svg-lightblue/Administrator_LPB.svg);
}
.icon.Administrator_LPB.gray {
  background-image: url(/assets/img/icon/svg-gray/Administrator_LPB.svg);
}
.icon.Administrator_LPB.blue {
  background-image: url(/assets/img/icon/svg-blue/Administrator_LPB.svg);
}
.icon.Agent_LPB.red {
  background-image: url(/assets/img/icon/svg-red/Agent_LPB.svg);
}
.icon.Agent_LPB.black {
  background-image: url(/assets/img/icon/svg-black/Agent_LPB.svg);
}
.icon.Agent_LPB.white {
  background-image: url(/assets/img/icon/svg-white/Agent_LPB.svg);
}
.icon.Agent_LPB.lightblue {
  background-image: url(/assets/img/icon/svg-lightblue/Agent_LPB.svg);
}
.icon.Agent_LPB.gray {
  background-image: url(/assets/img/icon/svg-gray/Agent_LPB.svg);
}
.icon.Agent_LPB.blue {
  background-image: url(/assets/img/icon/svg-blue/Agent_LPB.svg);
}
.icon.Business-User_LPB.red {
  background-image: url(/assets/img/icon/svg-red/Business-User_LPB.svg);
}
.icon.Business-User_LPB.black {
  background-image: url(/assets/img/icon/svg-black/Business-User_LPB.svg);
}
.icon.Business-User_LPB.white {
  background-image: url(/assets/img/icon/svg-white/Business-User_LPB.svg);
}
.icon.Business-User_LPB.lightblue {
  background-image: url(/assets/img/icon/svg-lightblue/Business-User_LPB.svg);
}
.icon.Business-User_LPB.gray {
  background-image: url(/assets/img/icon/svg-gray/Business-User_LPB.svg);
}
.icon.Business-User_LPB.blue {
  background-image: url(/assets/img/icon/svg-blue/Business-User_LPB.svg);
}
.icon.Developer_LPB.red {
  background-image: url(/assets/img/icon/svg-red/Developer_LPB.svg);
}
.icon.Developer_LPB.black {
  background-image: url(/assets/img/icon/svg-black/Developer_LPB.svg);
}
.icon.Developer_LPB.white {
  background-image: url(/assets/img/icon/svg-white/Developer_LPB.svg);
}
.icon.Developer_LPB.lightblue {
  background-image: url(/assets/img/icon/svg-lightblue/Developer_LPB.svg);
}
.icon.Developer_LPB.gray {
  background-image: url(/assets/img/icon/svg-gray/Developer_LPB.svg);
}
.icon.Developer_LPB.blue {
  background-image: url(/assets/img/icon/svg-blue/Developer_LPB.svg);
}
.icon.eLearning.red {
  background-image: url(/assets/img/icon/svg-red/eLearning.svg);
}
.icon.eLearning.black {
  background-image: url(/assets/img/icon/svg-black/eLearning.svg);
}
.icon.eLearning.white {
  background-image: url(/assets/img/icon/svg-white/eLearning.svg);
}
.icon.eLearning.lightblue {
  background-image: url(/assets/img/icon/svg-lightblue/eLearning.svg);
}
.icon.eLearning.gray {
  background-image: url(/assets/img/icon/svg-gray/eLearning.svg);
}
.icon.eLearning.blue {
  background-image: url(/assets/img/icon/svg-blue/eLearning.svg);
}
.icon.workshop.red {
  background-image: url(/assets/img/icon/svg-red/workshop.svg);
}
.icon.workshop.black {
  background-image: url(/assets/img/icon/svg-black/workshop.svg);
}
.icon.workshop.white {
  background-image: url(/assets/img/icon/svg-white/workshop.svg);
}
.icon.workshop.lightblue {
  background-image: url(/assets/img/icon/svg-lightblue/workshop.svg);
}
.icon.workshop.gray {
  background-image: url(/assets/img/icon/svg-gray/workshop.svg);
}
.icon.workshop.blue {
  background-image: url(/assets/img/icon/svg-blue/workshop.svg);
}
.icon.eLearning_LPB.red {
  background-image: url(/assets/img/icon/svg-red/eLearning_LPB.svg);
}
.icon.eLearning_LPB.black {
  background-image: url(/assets/img/icon/svg-black/eLearning_LPB.svg);
}
.icon.eLearning_LPB.white {
  background-image: url(/assets/img/icon/svg-white/eLearning_LPB.svg);
}
.icon.eLearning_LPB.lightblue {
  background-image: url(/assets/img/icon/svg-lightblue/eLearning_LPB.svg);
}
.icon.eLearning_LPB.gray {
  background-image: url(/assets/img/icon/svg-gray/eLearning_LPB.svg);
}
.icon.eLearning_LPB.blue {
  background-image: url(/assets/img/icon/svg-blue/eLearning_LPB.svg);
}
.icon.I-dont-know_LPB.red {
  background-image: url(/assets/img/icon/svg-red/I-dont-know_LPB.svg);
}
.icon.I-dont-know_LPB.black {
  background-image: url(/assets/img/icon/svg-black/I-dont-know_LPB.svg);
}
.icon.I-dont-know_LPB.white {
  background-image: url(/assets/img/icon/svg-white/I-dont-know_LPB.svg);
}
.icon.I-dont-know_LPB.lightblue {
  background-image: url(/assets/img/icon/svg-lightblue/I-dont-know_LPB.svg);
}
.icon.I-dont-know_LPB.gray {
  background-image: url(/assets/img/icon/svg-gray/I-dont-know_LPB.svg);
}
.icon.I-dont-know_LPB.blue {
  background-image: url(/assets/img/icon/svg-blue/I-dont-know_LPB.svg);
}
.icon.In-Person_LPB.red {
  background-image: url(/assets/img/icon/svg-red/In-Person_LPB.svg);
}
.icon.In-Person_LPB.black {
  background-image: url(/assets/img/icon/svg-black/In-Person_LPB.svg);
}
.icon.In-Person_LPB.white {
  background-image: url(/assets/img/icon/svg-white/In-Person_LPB.svg);
}
.icon.In-Person_LPB.lightblue {
  background-image: url(/assets/img/icon/svg-lightblue/In-Person_LPB.svg);
}
.icon.In-Person_LPB.gray {
  background-image: url(/assets/img/icon/svg-gray/In-Person_LPB.svg);
}
.icon.In-Person_LPB.blue {
  background-image: url(/assets/img/icon/svg-blue/In-Person_LPB.svg);
}
.icon.IT_LPB.red {
  background-image: url(/assets/img/icon/svg-red/IT_LPB.svg);
}
.icon.IT_LPB.black {
  background-image: url(/assets/img/icon/svg-black/IT_LPB.svg);
}
.icon.IT_LPB.white {
  background-image: url(/assets/img/icon/svg-white/IT_LPB.svg);
}
.icon.IT_LPB.lightblue {
  background-image: url(/assets/img/icon/svg-lightblue/IT_LPB.svg);
}
.icon.IT_LPB.gray {
  background-image: url(/assets/img/icon/svg-gray/IT_LPB.svg);
}
.icon.IT_LPB.blue {
  background-image: url(/assets/img/icon/svg-blue/IT_LPB.svg);
}
.icon.self-study.red {
  background-image: url(/assets/img/icon/svg-red/self-study.svg);
}
.icon.self-study.black {
  background-image: url(/assets/img/icon/svg-black/self-study.svg);
}
.icon.self-study.white {
  background-image: url(/assets/img/icon/svg-white/self-study.svg);
}
.icon.self-study.lightblue {
  background-image: url(/assets/img/icon/svg-lightblue/self-study.svg);
}
.icon.self-study.gray {
  background-image: url(/assets/img/icon/svg-gray/self-study.svg);
}
.icon.self-study.blue {
  background-image: url(/assets/img/icon/svg-blue/self-study.svg);
}
.icon.Self-Study_LPB.red {
  background-image: url(/assets/img/icon/svg-red/Self-Study_LPB.svg);
}
.icon.Self-Study_LPB.black {
  background-image: url(/assets/img/icon/svg-black/Self-Study_LPB.svg);
}
.icon.Self-Study_LPB.white {
  background-image: url(/assets/img/icon/svg-white/Self-Study_LPB.svg);
}
.icon.Self-Study_LPB.lightblue {
  background-image: url(/assets/img/icon/svg-lightblue/Self-Study_LPB.svg);
}
.icon.Self-Study_LPB.gray {
  background-image: url(/assets/img/icon/svg-gray/Self-Study_LPB.svg);
}
.icon.Self-Study_LPB.blue {
  background-image: url(/assets/img/icon/svg-blue/Self-Study_LPB.svg);
}
.icon.virtual.red {
  background-image: url(/assets/img/icon/svg-red/virtual.svg);
}
.icon.virtual.black {
  background-image: url(/assets/img/icon/svg-black/virtual.svg);
}
.icon.virtual.white {
  background-image: url(/assets/img/icon/svg-white/virtual.svg);
}
.icon.virtual.lightblue {
  background-image: url(/assets/img/icon/svg-lightblue/virtual.svg);
}
.icon.virtual.gray {
  background-image: url(/assets/img/icon/svg-gray/virtual.svg);
}
.icon.virtual.blue {
  background-image: url(/assets/img/icon/svg-blue/virtual.svg);
}
.icon.Virtual_LPB.red {
  background-image: url(/assets/img/icon/svg-red/Virtual_LPB.svg);
}
.icon.Virtual_LPB.black {
  background-image: url(/assets/img/icon/svg-black/Virtual_LPB.svg);
}
.icon.Virtual_LPB.white {
  background-image: url(/assets/img/icon/svg-white/Virtual_LPB.svg);
}
.icon.Virtual_LPB.lightblue {
  background-image: url(/assets/img/icon/svg-lightblue/Virtual_LPB.svg);
}
.icon.Virtual_LPB.gray {
  background-image: url(/assets/img/icon/svg-gray/Virtual_LPB.svg);
}
.icon.Virtual_LPB.blue {
  background-image: url(/assets/img/icon/svg-blue/Virtual_LPB.svg);
}
.icon.No-Results-Icon.red {
  background-image: url(/assets/img/icon/svg-red/No-Results-Icon.svg);
}
.icon.No-Results-Icon.black {
  background-image: url(/assets/img/icon/svg-black/No-Results-Icon.svg);
}
.icon.No-Results-Icon.white {
  background-image: url(/assets/img/icon/svg-white/No-Results-Icon.svg);
}
.icon.No-Results-Icon.lightblue {
  background-image: url(/assets/img/icon/svg-lightblue/No-Results-Icon.svg);
}
.icon.No-Results-Icon.gray {
  background-image: url(/assets/img/icon/svg-gray/No-Results-Icon.svg);
}
.icon.No-Results-Icon.blue {
  background-image: url(/assets/img/icon/svg-blue/No-Results-Icon.svg);
}
.icon.chat.red {
  background-image: url(/assets/img/icon/svg-red/chat.svg);
}
.icon.chat.black {
  background-image: url(/assets/img/icon/svg-black/chat.svg);
}
.icon.chat.white {
  background-image: url(/assets/img/icon/svg-white/chat.svg);
}
.icon.chat.lightblue {
  background-image: url(/assets/img/icon/svg-lightblue/chat.svg);
}
.icon.chat.gray {
  background-image: url(/assets/img/icon/svg-gray/chat.svg);
}
.icon.chat.blue {
  background-image: url(/assets/img/icon/svg-blue/chat.svg);
}
.icon.checkmark.red {
  background-image: url(/assets/img/icon/svg-red/checkmark.svg);
}
.icon.checkmark.black {
  background-image: url(/assets/img/icon/svg-black/checkmark.svg);
}
.icon.checkmark.white {
  background-image: url(/assets/img/icon/svg-white/checkmark.svg);
}
.icon.checkmark.lightblue {
  background-image: url(/assets/img/icon/svg-lightblue/checkmark.svg);
}
.icon.checkmark.gray {
  background-image: url(/assets/img/icon/svg-gray/checkmark.svg);
}
.icon.checkmark.blue {
  background-image: url(/assets/img/icon/svg-blue/checkmark.svg);
}
.icon.roles-checkmark.red {
  background-image: url(/assets/img/icon/svg-red/roles-checkmark.svg);
}
.icon.roles-checkmark.black {
  background-image: url(/assets/img/icon/svg-black/roles-checkmark.svg);
}
.icon.roles-checkmark.white {
  background-image: url(/assets/img/icon/svg-white/roles-checkmark.svg);
}
.icon.roles-checkmark.lightblue {
  background-image: url(/assets/img/icon/svg-lightblue/roles-checkmark.svg);
}
.icon.roles-checkmark.gray {
  background-image: url(/assets/img/icon/svg-gray/roles-checkmark.svg);
}
.icon.roles-checkmark.blue {
  background-image: url(/assets/img/icon/svg-blue/roles-checkmark.svg);
}
.icon.blog-icon.red {
  background-image: url(/assets/img/icon/svg-red/blog-icon.svg);
}
.icon.blog-icon.black {
  background-image: url(/assets/img/icon/svg-black/blog-icon.svg);
}
.icon.blog-icon.white {
  background-image: url(/assets/img/icon/svg-white/blog-icon.svg);
}
.icon.blog-icon.lightblue {
  background-image: url(/assets/img/icon/svg-lightblue/blog-icon.svg);
}
.icon.blog-icon.gray {
  background-image: url(/assets/img/icon/svg-gray/blog-icon.svg);
}
.icon.blog-icon.blue {
  background-image: url(/assets/img/icon/svg-blue/blog-icon.svg);
}
.icon.facebook-icon.red {
  background-image: url(/assets/img/icon/svg-red/facebook-icon.svg);
}
.icon.facebook-icon.black {
  background-image: url(/assets/img/icon/svg-black/facebook-icon.svg);
}
.icon.facebook-icon.white {
  background-image: url(/assets/img/icon/svg-white/facebook-icon.svg);
}
.icon.facebook-icon.lightblue {
  background-image: url(/assets/img/icon/svg-lightblue/facebook-icon.svg);
}
.icon.facebook-icon.gray {
  background-image: url(/assets/img/icon/svg-gray/facebook-icon.svg);
}
.icon.facebook-icon.blue {
  background-image: url(/assets/img/icon/svg-blue/facebook-icon.svg);
}
.icon.instagram-icon.red {
  background-image: url(/assets/img/icon/svg-red/instagram-icon.svg);
}
.icon.instagram-icon.black {
  background-image: url(/assets/img/icon/svg-black/instagram-icon.svg);
}
.icon.instagram-icon.white {
  background-image: url(/assets/img/icon/svg-white/instagram-icon.svg);
}
.icon.instagram-icon.lightblue {
  background-image: url(/assets/img/icon/svg-lightblue/instagram-icon.svg);
}
.icon.instagram-icon.gray {
  background-image: url(/assets/img/icon/svg-gray/instagram-icon.svg);
}
.icon.instagram-icon.blue {
  background-image: url(/assets/img/icon/svg-blue/instagram-icon.svg);
}
.icon.linkedin-icon.red {
  background-image: url(/assets/img/icon/svg-red/linkedin-icon.svg);
}
.icon.linkedin-icon.black {
  background-image: url(/assets/img/icon/svg-black/linkedin-icon.svg);
}
.icon.linkedin-icon.white {
  background-image: url(/assets/img/icon/svg-white/linkedin-icon.svg);
}
.icon.linkedin-icon.lightblue {
  background-image: url(/assets/img/icon/svg-lightblue/linkedin-icon.svg);
}
.icon.linkedin-icon.gray {
  background-image: url(/assets/img/icon/svg-gray/linkedin-icon.svg);
}
.icon.linkedin-icon.blue {
  background-image: url(/assets/img/icon/svg-blue/linkedin-icon.svg);
}
.icon.slideshare-icon.red {
  background-image: url(/assets/img/icon/svg-red/slideshare-icon.svg);
}
.icon.slideshare-icon.black {
  background-image: url(/assets/img/icon/svg-black/slideshare-icon.svg);
}
.icon.slideshare-icon.white {
  background-image: url(/assets/img/icon/svg-white/slideshare-icon.svg);
}
.icon.slideshare-icon.lightblue {
  background-image: url(/assets/img/icon/svg-lightblue/slideshare-icon.svg);
}
.icon.slideshare-icon.gray {
  background-image: url(/assets/img/icon/svg-gray/slideshare-icon.svg);
}
.icon.slideshare-icon.blue {
  background-image: url(/assets/img/icon/svg-blue/slideshare-icon.svg);
}
.icon.twitter-x-icon.red {
  background-image: url(/assets/img/icon/svg-red/twitter-x-icon.svg);
}
.icon.twitter-x-icon.black {
  background-image: url(/assets/img/icon/svg-black/twitter-x-icon.svg);
}
.icon.twitter-x-icon.white {
  background-image: url(/assets/img/icon/svg-white/twitter-x-icon.svg);
}
.icon.twitter-x-icon.lightblue {
  background-image: url(/assets/img/icon/svg-lightblue/twitter-x-icon.svg);
}
.icon.twitter-x-icon.gray {
  background-image: url(/assets/img/icon/svg-gray/twitter-x-icon.svg);
}
.icon.twitter-x-icon.blue {
  background-image: url(/assets/img/icon/svg-blue/twitter-x-icon.svg);
}
.icon.youtube-icon.red {
  background-image: url(/assets/img/icon/svg-red/youtube-icon.svg);
}
.icon.youtube-icon.black {
  background-image: url(/assets/img/icon/svg-black/youtube-icon.svg);
}
.icon.youtube-icon.white {
  background-image: url(/assets/img/icon/svg-white/youtube-icon.svg);
}
.icon.youtube-icon.lightblue {
  background-image: url(/assets/img/icon/svg-lightblue/youtube-icon.svg);
}
.icon.youtube-icon.gray {
  background-image: url(/assets/img/icon/svg-gray/youtube-icon.svg);
}
.icon.youtube-icon.blue {
  background-image: url(/assets/img/icon/svg-blue/youtube-icon.svg);
}
.icon.icon-role.red {
  background-image: url(/assets/img/icon/svg-red/icon-role.svg);
}
.icon.icon-role.black {
  background-image: url(/assets/img/icon/svg-black/icon-role.svg);
}
.icon.icon-role.white {
  background-image: url(/assets/img/icon/svg-white/icon-role.svg);
}
.icon.icon-role.lightblue {
  background-image: url(/assets/img/icon/svg-lightblue/icon-role.svg);
}
.icon.icon-role.gray {
  background-image: url(/assets/img/icon/svg-gray/icon-role.svg);
}
.icon.icon-role.blue {
  background-image: url(/assets/img/icon/svg-blue/icon-role.svg);
}
.icon.icon-search.red {
  background-image: url(/assets/img/icon/svg-red/icon-search.svg);
}
.icon.icon-search.black {
  background-image: url(/assets/img/icon/svg-black/icon-search.svg);
}
.icon.icon-search.white {
  background-image: url(/assets/img/icon/svg-white/icon-search.svg);
}
.icon.icon-search.lightblue {
  background-image: url(/assets/img/icon/svg-lightblue/icon-search.svg);
}
.icon.icon-search.gray {
  background-image: url(/assets/img/icon/svg-gray/icon-search.svg);
}
.icon.icon-search.blue {
  background-image: url(/assets/img/icon/svg-blue/icon-search.svg);
}
.icon.icon-topic.red {
  background-image: url(/assets/img/icon/svg-red/icon-topic.svg);
}
.icon.icon-topic.black {
  background-image: url(/assets/img/icon/svg-black/icon-topic.svg);
}
.icon.icon-topic.white {
  background-image: url(/assets/img/icon/svg-white/icon-topic.svg);
}
.icon.icon-topic.lightblue {
  background-image: url(/assets/img/icon/svg-lightblue/icon-topic.svg);
}
.icon.icon-topic.gray {
  background-image: url(/assets/img/icon/svg-gray/icon-topic.svg);
}
.icon.icon-topic.blue {
  background-image: url(/assets/img/icon/svg-blue/icon-topic.svg);
}
.icon.icon-type.red {
  background-image: url(/assets/img/icon/svg-red/icon-type.svg);
}
.icon.icon-type.black {
  background-image: url(/assets/img/icon/svg-black/icon-type.svg);
}
.icon.icon-type.white {
  background-image: url(/assets/img/icon/svg-white/icon-type.svg);
}
.icon.icon-type.lightblue {
  background-image: url(/assets/img/icon/svg-lightblue/icon-type.svg);
}
.icon.icon-type.gray {
  background-image: url(/assets/img/icon/svg-gray/icon-type.svg);
}
.icon.icon-type.blue {
  background-image: url(/assets/img/icon/svg-blue/icon-type.svg);
}
.icon.ai-essentials-basics.red {
  background-image: url(/assets/img/icon/svg-red/ai-essentials-basics.svg);
}
.icon.ai-essentials-basics.black {
  background-image: url(/assets/img/icon/svg-black/ai-essentials-basics.svg);
}
.icon.ai-essentials-basics.white {
  background-image: url(/assets/img/icon/svg-white/ai-essentials-basics.svg);
}
.icon.ai-essentials-basics.lightblue {
  background-image: url(/assets/img/icon/svg-lightblue/ai-essentials-basics.svg);
}
.icon.ai-essentials-basics.gray {
  background-image: url(/assets/img/icon/svg-gray/ai-essentials-basics.svg);
}
.icon.ai-essentials-basics.blue {
  background-image: url(/assets/img/icon/svg-blue/ai-essentials-basics.svg);
}
.icon.ai-essentials-knowledge-workbench-and-bots.red {
  background-image: url(/assets/img/icon/svg-red/ai-essentials-knowledge-workbench-and-bots.svg);
}
.icon.ai-essentials-knowledge-workbench-and-bots.black {
  background-image: url(/assets/img/icon/svg-black/ai-essentials-knowledge-workbench-and-bots.svg);
}
.icon.ai-essentials-knowledge-workbench-and-bots.white {
  background-image: url(/assets/img/icon/svg-white/ai-essentials-knowledge-workbench-and-bots.svg);
}
.icon.ai-essentials-knowledge-workbench-and-bots.lightblue {
  background-image: url(/assets/img/icon/svg-lightblue/ai-essentials-knowledge-workbench-and-bots.svg);
}
.icon.ai-essentials-knowledge-workbench-and-bots.gray {
  background-image: url(/assets/img/icon/svg-gray/ai-essentials-knowledge-workbench-and-bots.svg);
}
.icon.ai-essentials-knowledge-workbench-and-bots.blue {
  background-image: url(/assets/img/icon/svg-blue/ai-essentials-knowledge-workbench-and-bots.svg);
}
.icon.ai-essentials-predictive-engagement-and-predictive-routing.red {
  background-image: url(/assets/img/icon/svg-red/ai-essentials-predictive-engagement-and-predictive-routing.svg);
}
.icon.ai-essentials-predictive-engagement-and-predictive-routing.black {
  background-image: url(/assets/img/icon/svg-black/ai-essentials-predictive-engagement-and-predictive-routing.svg);
}
.icon.ai-essentials-predictive-engagement-and-predictive-routing.white {
  background-image: url(/assets/img/icon/svg-white/ai-essentials-predictive-engagement-and-predictive-routing.svg);
}
.icon.ai-essentials-predictive-engagement-and-predictive-routing.lightblue {
  background-image: url(/assets/img/icon/svg-lightblue/ai-essentials-predictive-engagement-and-predictive-routing.svg);
}
.icon.ai-essentials-predictive-engagement-and-predictive-routing.gray {
  background-image: url(/assets/img/icon/svg-gray/ai-essentials-predictive-engagement-and-predictive-routing.svg);
}
.icon.ai-essentials-predictive-engagement-and-predictive-routing.blue {
  background-image: url(/assets/img/icon/svg-blue/ai-essentials-predictive-engagement-and-predictive-routing.svg);
}
.icon.arrow-down {
  background-image: url(/assets/img/icon/svg-white/arrow-down.svg);
}
.icon.avatar {
  background-image: url(/assets/img/icon/avatar.svg);
}
button {
  background-color: transparent;
}
.btn {
  transition: all 0.3s;
  color: #F9F8F5;
  font-size: 16px;
  font-size: 0.8888888889rem;
  text-decoration: none;
  font-weight: 300;
  border: 2px solid #F9F8F5;
  border-radius: 25px;
  white-space: nowrap;
  padding: 10px 8px;
  display: inline-block;
  cursor: pointer;
}
.btn.larger-btn {
  padding-left: 40px;
  padding-right: 40px;
}
.btn.list {
  height: 2.5rem;
  min-width: 9rem;
  margin: auto;
  text-align: center;
}
.btn.small-list {
  height: 2.5rem;
  min-width: 4rem;
  margin: auto;
  text-align: center;
}
.btn.box {
  display: flex;
  align-items: center;
  border-radius: 16px;
  background-color: #ffffff;
}
.btn:focus {
  background-color: transparent;
  color: #F9F8F5;
  outline: none;
}
.btn:hover,
.btn:active {
  background-color: #F9F8F5;
  color: #ffffff;
  text-decoration: none;
  outline: none;
}
.btn.btn-brand {
  background-color: #152550;
  border-color: #152550;
  color: #ffffff;
}
.btn.btn-brand:focus {
  background-color: #152550;
  border-color: #152550;
  color: #ffffff;
}
.btn.btn-brand:hover,
.btn.btn-brand:active {
  background-color: #152550;
  color: #ffffff;
}
.btn.btn-brand-inverse {
  background-color: #ffffff;
  border-color: #152550;
  color: #152550;
}
.btn.btn-brand-inverse:focus {
  background-color: #152550;
  border-color: #152550;
  color: #ffffff;
}
.btn.btn-brand-inverse:hover {
  background-color: #152550;
  border-color: #152550;
  color: #ffffff;
}
.btn.btn-brand-inverse:active {
  background-color: #ffffff;
  color: #152550;
}
.btn.btn-primary {
  background-color: #ff451a;
  border-color: #ff451a;
  color: #ffffff;
}
.btn.btn-primary:focus {
  background-color: #ff451a;
  border-color: #ff451a;
  color: #ffffff;
}
.btn.btn-primary:hover,
.btn.btn-primary:active {
  background-color: #ff451a;
  color: #ffffff;
}
.btn.btn-primary[disabled] {
  opacity: 0.5;
  cursor: default;
}
.btn.btn-primary[disabled]:hover {
  background: #ff451a;
  color: #ffffff;
}
.btn.btn-white {
  background-color: #ffffff;
  border-color: rgb(59, 144, 170);
  color: rgb(59, 144, 170);
}
.btn.btn-white:focus {
  background-color: rgb(59, 144, 170);
  border-color: #ff451a;
  color: #ffffff;
}
.btn.btn-white:hover {
  background-color: rgb(59, 144, 170);
  border-color: #ff451a;
  color: #ffffff;
}
.btn.btn-white:active {
  background-color: #ff451a;
  color: #ff451a;
  background: #ffffff;
}
.btn.btn-white-inverse {
  background-color: #ffffff;
  border-color: #ffffff;
  color: #ffffff;
}
.btn.btn-white-inverse:focus {
  background-color: rgb(59, 144, 170);
  border-color: #ff451a;
  color: #ffffff;
}
.btn.btn-white-inverse:hover {
  border-color: #ff451a;
  color: #ff451a;
}
.btn.btn-white-inverse:active {
  color: #ff451a;
}
.btn.btn-inverse {
  border-color: #ff451a;
  color: #ff451a;
  font-weight: inherit;
}
.btn.btn-inverse:focus {
  border-color: #ff451a;
  color: #ff451a;
}
.btn.btn-inverse:hover,
.btn.btn-inverse:active {
  background-color: #ffffff;
  color: #ff451a;
}
.btn.btn-inverse:hover .icon.virtual.red,
.btn.btn-inverse:active .icon.virtual.red {
  background-image: url(/assets/img/icon/svg-white/virtual.svg);
}
.btn.btn-inverse:hover .icon.self-study.red,
.btn.btn-inverse:active .icon.self-study.red {
  background-image: url(/assets/img/icon/svg-white/self-study.svg);
}
.btn.btn-inverse-gray {
  border-color: #959699;
  color: #959699;
  font-weight: inherit;
}
.btn.btn-inverse-gray:focus {
  background-color: rgb(255, 110.423580786, 77);
  color: #ffffff;
}
.btn.btn-inverse-gray:hover,
.btn.btn-inverse-gray:active {
  border-color: #ff451a;
  background-color: rgb(255, 110.423580786, 77);
  color: #ffffff;
}
.btn.btn-inverse-gray:hover .icon.virtual.gray,
.btn.btn-inverse-gray:active .icon.virtual.gray {
  background-image: url(/assets/img/icon/svg-white/virtual.svg);
}
.btn.btn-inverse-gray:hover .icon.self-study.gray,
.btn.btn-inverse-gray:active .icon.self-study.gray {
  background-image: url(/assets/img/icon/svg-white/self-study.svg);
}
.btn.btn-inverse-elearning {
  border-color: rgb(59, 144, 170);
  color: rgb(59, 144, 170);
}
.btn.btn-inverse-elearning:focus {
  border-color: rgb(59, 144, 170);
  color: rgb(59, 144, 170);
}
.btn.btn-inverse-elearning:hover,
.btn.btn-inverse-elearning:active {
  background-color: rgb(84.2576419214, 169.6288209607, 195.7423580786);
  color: #ffffff;
}
.btn.btn-inverse-course {
  border-color: #152550;
  color: #152550;
}
.btn.btn-inverse-course:focus {
  border-color: #152550;
  color: #152550;
}
.btn.btn-inverse-course:hover,
.btn.btn-inverse-course:active {
  background-color: rgb(31.603960396, 55.6831683168, 120.396039604);
  color: #ffffff;
}
.btn.btn-inverse-certificate-exam {
  border-color: #ff8f14;
  color: #ff8f14;
}
.btn.btn-inverse-certificate-exam:focus {
  border-color: #ff8f14;
  color: #ff8f14;
}
.btn.btn-inverse-certificate-exam:hover,
.btn.btn-inverse-certificate-exam:active {
  background-color: rgb(255, 167.3063829787, 71);
  color: #ffffff;
}
.btn.btn-elastic {
  display: block;
  width: 100%;
  text-align: center;
}
.btn.btn-elastic-icon {
  display: flex;
}
.btn.btn-elastic-icon .button-title {
  flex: 1 1;
}
.btn.btn-elastic-icon .button-icons {
  flex: 0 0;
}
.btn.btn-small {
  width: 165px;
  height: 44px;
}
.btn.btn-medium {
  width: 205px;
  height: 44px;
}
.btn.font-size-button {
  font-size: 20px;
  font-size: 1.1111111111rem;
  height: 50px;
  padding-top: 12px;
}
.btn.btn-transparent {
  border-color: transparent;
  background: transparent;
  color: #ffffff;
}
.btn.btn-transparent:focus {
  border-color: transparent;
  background: transparent;
  color: #ffffff;
}
.btn.btn-transparent:hover,
.btn.btn-transparent:active {
  color: #ff451a;
}
.btn.btn-cancel {
  color: #4e5054;
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 100px;
  text-align: center;
  margin-top: 10px;
  font-size: 14px;
  font-size: 0.7777777778rem;
}
.btn.btn-cancel:hover {
  color: #ff451a;
}
.action-button {
  transition: 0.5s;
}
.action-button ::after {
  content: url(/assets/img/icon/svg-white/arrow-right-submenu.svg);
  display: inline-block;
  margin-left: 5px;
  transition: 0.5s;
  opacity: 0;
}
.action-button:hover ::after {
  transition: 0.5s;
  opacity: 1;
}
a.gen-primary-link,
a.gen-primary-link--accesible {
  color: #ff451a;
  text-decoration: none;
}
a.gen-primary-link.with-underline,
a.with-underline.gen-primary-link--accesible {
  text-decoration: underline;
}
a.gen-primary-link:hover,
a.gen-primary-link--accesible:hover {
  text-decoration: underline;
}
a.gen-primary-link--accesible {
  font-weight: bold;
}
a.gen-neutral-link {
  color: #ffffff;
  text-decoration: none;
}
a.gen-neutral-link:hover {
  color: #ff451a;
}
a.gen-neutral-link-on-primary {
  color: #ffffff;
  text-decoration: none;
}
a.gen-neutral-link-on-primary:hover {
  color: #ffffff;
  text-decoration: underline;
}
a.gen-neutral-black-link {
  color: #4e5054;
  text-decoration: none;
  transition: color 0.2s;
  font-weight: 300;
}
a.gen-neutral-black-link.bold {
  font-weight: 700;
}
a.gen-neutral-black-link:hover {
  color: #ff451a;
}
a.gen-neutral-black-link-underline {
  color: #4e5054;
  text-decoration: none;
  line-height: 2rem;
  font-weight: 300;
}
a.gen-neutral-black-link-underline:hover {
  text-decoration: underline;
}
a.gen-neutral-white-link-underline {
  color: #ffffff;
  text-decoration: underline;
  font-weight: 700;
}
a.gen-neutral-white-link-underline:hover {
  text-decoration: underline;
}
a.gen-neutral-orange-link-underline {
  color: #4e5054;
  text-decoration: none;
  line-height: 2rem;
  font-weight: 300;
}
a.gen-neutral-orange-link-underline:hover {
  color: #ff451a;
  text-decoration: underline;
}
a.gen-neutral-black-link-no-text-decoration {
  color: #4e5054;
  text-decoration: none;
  line-height: 2rem;
  font-weight: 300;
}
a.gen-neutral-black-link-no-text-decoration:hover {
  text-decoration: none;
}
.small-link {
  font-size: 13px;
  font-size: 0.7222222222rem;
}
input,
input[type=password],
input[type=text] {
  font-size: 14px;
  font-size: 0.7777777778rem;
  background: #ffffff;
  height: 2rem;
  border: 1px solid #959699;
  border-radius: 0.375rem;
  padding: 0.5rem;
  width: 100%;
}
input ::-webkit-input-placeholder,
input[type=password] ::-webkit-input-placeholder,
input[type=text] ::-webkit-input-placeholder {
  color: #959699;
}
input ::-moz-placeholder,
input[type=password] ::-moz-placeholder,
input[type=text] ::-moz-placeholder {
  color: #959699;
}
input :-ms-input-placeholder,
input[type=password] :-ms-input-placeholder,
input[type=text] :-ms-input-placeholder {
  color: #959699;
}
input :-moz-placeholder,
input[type=password] :-moz-placeholder,
input[type=text] :-moz-placeholder {
  color: #959699;
}
input.is-invalid,
input[type=password].is-invalid,
input[type=text].is-invalid {
  border-color: #ff451a;
}
input.search,
input[type=password].search,
input[type=text].search {
  border-radius: 1.563rem;
  outline: none;
  color: #4e5054;
  padding: 0.625rem 2rem;
  background-image: url(/assets/img/icon/svg-red/icon-search.svg) !important;
  background-repeat: no-repeat, repeat !important;
  background-position: right 0.8rem top 50%, 0 0 !important;
  background-size: 20px auto, 100% !important;
}
input[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  appearance: none;
  height: 15px;
  width: 15px;
  padding-left: 10px;
  background-repeat: no-repeat;
  background-image: url(/assets/img/icon/close.svg);
  background-size: 15px 15px;
  cursor: pointer;
}
[type=checkbox]:not(:checked),
[type=checkbox]:checked {
  opacity: 0;
  width: 0;
  height: 0;
}
[type=checkbox]:not(:checked) + label,
[type=checkbox]:checked + label {
  position: relative;
  font-size: 14px;
  font-size: 0.7777777778rem;
  padding-left: 1.5rem;
  cursor: pointer;
  line-height: normal;
}
[type=checkbox]:not(:checked) + label:before,
[type=checkbox]:checked + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 1rem;
  height: 1rem;
  border: 1px solid #959699;
  background-color: #ffffff;
  border-radius: 0.2rem;
  -webkit-transition: all 0.275s;
  transition: all 0.275s;
}
[type=checkbox]:not(:checked) + label:after,
[type=checkbox]:checked + label:after {
  content: "\2715";
  position: absolute;
  top: 0.5rem;
  left: 0.15rem;
  font-size: 1rem;
  background-color: #152550;
  color: #ffffff;
  line-height: 0;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
[type=checkbox]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0) rotate(45deg);
  transform: scale(0) rotate(45deg);
}
[type=checkbox]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1) rotate(0);
  transform: scale(1) rotate(0);
  background-color: #152550;
  color: #ff451a;
}
[type=checkbox]:disabled:not(:checked) + label:before,
[type=checkbox]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #959699;
  background-color: #F9F8F5;
}
[type=checkbox]:disabled:checked + label:after {
  color: #959699;
}
[type=checkbox]:disabled + label {
  color: #F9F8F5;
}
[type=checkbox]:checked:focus + label:before,
[type=checkbox]:not(:checked):focus + label:before {
  background-color: #ffffff;
}
.search-pagination .ngx-pagination {
  text-align: center;
  font-weight: 300;
  font-size: 18px;
  font-size: 1rem;
  line-height: 28px;
  line-height: 1.5555555556rem;
}
.search-pagination .ngx-pagination a {
  color: #4e5054;
}
.search-pagination .ngx-pagination a:hover {
  color: #ff451a;
  background: none;
}
.search-pagination .ngx-pagination .current {
  background: #ff451a;
  color: #ffffff;
  border-radius: 50%;
  font-weight: 400;
  width: 2rem;
  text-align: center;
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
}
.search-pagination .ngx-pagination .pagination-next,
.search-pagination .ngx-pagination .pagination-prev {
  color: #959699;
}
.search-pagination .ngx-pagination .pagination-next:hover,
.search-pagination .ngx-pagination .pagination-prev:hover {
  color: #ff451a;
}
.search-pagination .ngx-pagination .disabled {
  padding: 10px 20px !important;
  color: #F9F8F5 !important;
}
.search-pagination .ngx-pagination .pagination-next a::after,
.search-pagination .ngx-pagination .pagination-next.disabled::after {
  content: ">" !important;
}
.search-pagination .ngx-pagination .pagination-previous a::before,
.search-pagination .ngx-pagination .pagination-previous.disabled::before {
  content: "<" !important;
}
.ngucarousel {
  position: static !important;
}
.left-slider {
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  width: 50px;
  height: 50px;
  border-radius: 999px;
  left: 20px;
  z-index: 1;
}
.right-slider {
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  width: 50px;
  height: 50px;
  border-radius: 999px;
  right: 20px;
  z-index: 1;
}
.myPoint {
  list-style-type: none;
  text-align: center;
  padding: 12px;
  margin: 0;
  white-space: nowrap;
  overflow: auto;
  box-sizing: border-box;
}
.myPoint li {
  display: inline-block;
  border-radius: 50%;
  background: #959699;
  padding: 4px;
  margin: 0 3px;
  transition-timing-function: cubic-bezier(0.17, 0.67, 0.83, 0.67);
  transition: 0.4s;
}
.myPoint li.default-active {
  background: #4e5054;
  transform: scale(1.2);
}
.myPoint li.orange-active {
  background: #ff451a;
  transform: scale(1.2);
}
.myPoint li.white-active {
  background: #ffffff;
  transform: scale(1.2);
}
.arrow-right {
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 50%;
  height: 3rem !important;
  width: 3rem !important;
}
.arrow-left {
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 0.25rem;
  border-radius: 50%;
  height: 3rem !important;
  width: 3rem !important;
}
.arrow-right-no-background {
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 50%;
  height: 3rem !important;
  width: 3rem !important;
}
.arrow-left-no-background {
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 0.25rem;
  border-radius: 50%;
  height: 3rem !important;
  width: 3rem !important;
}
.card-carousel {
}
.card-carousel .left-arrow {
  position: absolute;
  top: 50%;
  left: -5%;
  z-index: 1;
  width: 2rem !important;
  height: 2rem !important;
  border-radius: 50%;
  background-color: #152550;
}
.card-carousel .right-arrow {
  position: absolute;
  top: 50%;
  right: -5%;
  z-index: 1;
  width: 2rem !important;
  height: 2rem !important;
  border-radius: 50%;
  background-color: #152550;
}
.-hero {
  background-color: #152550;
  color: #ffffff;
}
.default-hero {
  background-color: #ffffff;
  color: #000000;
}
.agent-platform-hero-small {
  background: url(/assets/img/APLS-Hero.png) right no-repeat;
  background-color: #ffffff;
  color: #ffffff;
  height: 600px;
}
.beyond-cx-hero-small {
  background: url(/assets/img/PLS-Hero.png) right no-repeat;
  background-color: #ffffff;
  color: #ffffff;
  height: 600px;
}
.beyond-home-hero {
  background: url(/assets/img/bg-brush-2.png) 100% 100% no-repeat;
  background-color: #F9F8F5;
  background-position: top center;
  background-size: auto 100%;
  color: #ffffff;
}
.beyond-cx-roi-hero {
  background: url(/assets/img/ROI-bg.svg) center left no-repeat;
  background-color: rgb(59, 144, 170);
  background-size: cover;
}
.beyond-learning-paths-hero {
  background: url(/assets/img/Roles-Background-1.svg) center left;
  background-size: cover;
}
.genesyscloud-hero-small {
  background: url(/assets/img/GCLS-Hero.png) right no-repeat;
  background-color: #ffffff;
  color: #ffffff;
  height: 600px;
}
.genesysengage-hero-circle {
  background: url(/assets/img/GELS-Hero-circle.png) center right no-repeat;
  background-color: #ffffff;
  color: #ffffff;
}
.genesysengage-hero-small {
  background: url(/assets/img/GELS-Hero.png) right no-repeat;
  background-color: #ffffff;
  color: #ffffff;
  height: 600px;
}
.pointillist-hero-small {
  background: url(/assets/img/Pointillist-Hero.png) right no-repeat;
  background-color: #ffffff;
  color: #ffffff;
  height: 600px;
}
.pureconnect-hero {
  background: url(/assets/img/PLS-Hero.png) bottom right no-repeat;
  background-color: #152550;
  color: #ffffff;
}
.pureconnect-hero-small {
  background: url(/assets/img/PLS-Hero.png) right no-repeat;
  background-color: #ffffff;
  color: #ffffff;
  height: 600px;
}
.contact-us-hero-old {
  background: #152550;
  background-size: cover;
}
.contact-us-hero {
  background: url(/assets/img/contact-sales.png) center center no-repeat;
  border-radius: 2.5rem;
  background-size: cover;
}
.certifications-hero {
  background: url(/assets/img/Certs-Background-2.svg) center left no-repeat;
  background-size: cover;
}
.training-for-all-cx-roles-hero {
  background: url(/assets/img/Roles-Background-1.svg) center left;
  background-size: cover;
}
.course-feature-hero {
  background: url(/assets/img/Roles-Background-1.svg) center left;
  background-size: cover;
}
.products-hero {
  background: url(/assets/img/Roles-Background-1.svg) center left;
  background-size: cover;
}
.announcement-hero {
  background: url(/assets/img/Roles-Background-1.svg) center left;
}
.course-hero {
  background: url(/assets/img/CTA-Background-1.png) bottom center no-repeat;
  background-size: cover;
  color: #ffffff;
}
.contact-sales-hero {
  background: #ff451a;
}
.certification-exam {
  background-color: #ff8f14;
}
.neutral-background {
  background-color: #F9F8F5;
}
.hero-banner-large {
  height: 550px;
}
.hero-wrapper-auto {
  text-align: left;
  width: 100;
}
.hero-wrapper-left {
  text-align: left;
  max-width: 600px;
}
.hero-wrapper-smaller-left {
  text-align: left;
  max-width: 475px;
}
.hero-wrapper-right {
  text-align: right;
  max-width: 600px;
}
.hero-wrapper-center {
  text-align: center;
  max-width: 1200px;
}
.columns-hero {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.left-aside-hero-column {
  flex: 0 0 calc(40% - 15px);
  width: calc(40% - 15px);
}
.right-aside-hero-column {
  flex: 0 0 calc(60% - 15px);
  width: calc(60% - 15px);
}
@media only screen and (max-width: 768px) {
  .columns-hero {
    flex-wrap: wrap;
  }
  .columns-hero .left-aside-hero-column {
    flex: 1 1 100%;
    margin-bottom: 2rem;
  }
  .columns-hero .right-aside-hero-column {
    flex: 1 1 100%;
  }
  .contact-us-hero {
    width: 100%;
    border-radius: 0;
  }
}
ul.checkmark-list li.list-item {
  list-style-type: none;
  display: flex;
  align-items: center;
}
ul.checkmark-list li.list-item > span {
  margin-right: 1rem;
}
a.gen-primary-link,
a.gen-primary-link--accesible {
  color: #ff451a;
  text-decoration: none;
}
a.gen-primary-link.with-underline,
a.with-underline.gen-primary-link--accesible {
  text-decoration: underline;
}
a.gen-primary-link:hover,
a.gen-primary-link--accesible:hover {
  text-decoration: underline;
}
a.gen-primary-link--accesible {
  font-weight: bold;
}
a.gen-neutral-link {
  color: #ffffff;
  text-decoration: none;
}
a.gen-neutral-link:hover {
  color: #ff451a;
}
a.gen-neutral-link-on-primary {
  color: #ffffff;
  text-decoration: none;
}
a.gen-neutral-link-on-primary:hover {
  color: #ffffff;
  text-decoration: underline;
}
a.gen-neutral-black-link {
  color: #4e5054;
  text-decoration: none;
  transition: color 0.2s;
  font-weight: 300;
}
a.gen-neutral-black-link.bold {
  font-weight: 700;
}
a.gen-neutral-black-link:hover {
  color: #ff451a;
}
a.gen-neutral-black-link-underline {
  color: #4e5054;
  text-decoration: none;
  line-height: 2rem;
  font-weight: 300;
}
a.gen-neutral-black-link-underline:hover {
  text-decoration: underline;
}
a.gen-neutral-white-link-underline {
  color: #ffffff;
  text-decoration: underline;
  font-weight: 700;
}
a.gen-neutral-white-link-underline:hover {
  text-decoration: underline;
}
a.gen-neutral-orange-link-underline {
  color: #4e5054;
  text-decoration: none;
  line-height: 2rem;
  font-weight: 300;
}
a.gen-neutral-orange-link-underline:hover {
  color: #ff451a;
  text-decoration: underline;
}
a.gen-neutral-black-link-no-text-decoration {
  color: #4e5054;
  text-decoration: none;
  line-height: 2rem;
  font-weight: 300;
}
a.gen-neutral-black-link-no-text-decoration:hover {
  text-decoration: none;
}
.small-link {
  font-size: 13px;
  font-size: 0.7222222222rem;
}
.htmlresponse {
}
.htmlresponse a {
  color: #ff451a;
  text-decoration: none;
}
.htmlresponse a.with-underline {
  text-decoration: underline;
}
.htmlresponse a:hover {
  text-decoration: underline;
}
.htmlresponse a--accesible {
  font-weight: bold;
}
.htmlresponse p {
  margin: 30px 0 30px 0;
}
.htmlresponse h1 {
  font-family:
    Roboto,
    Arial,
    sans-serif;
}
.htmlresponse ul {
  list-style-type: square;
  list-style-position: inside;
  font-size: 16px;
  font-size: 0.8888888889rem;
  line-height: 26px;
  line-height: 1.4444444444rem;
  margin-left: 30px;
}
.htmlresponse img {
  max-width: 100%;
  max-height: 100%;
  display: block;
  height: auto;
}
.htmlresponse ul.checkmark-list-circle {
  margin-left: 0;
}
.htmlresponse ul.checkmark-list-circle li.list-item {
  list-style-type: circle;
  font-size: 16px;
  font-size: 0.8888888889rem;
  line-height: 26px;
  line-height: 1.4444444444rem;
}
.htmlresponse .wp-block-table {
  overflow-x: auto;
}
.htmlresponse table {
  border-collapse: collapse;
  width: 100%;
  font-size: 15px;
  font-size: 0.8333333333rem;
}
.htmlresponse td,
.htmlresponse th {
  border: 1px solid #f3f3f3;
  text-align: left;
  padding: 15px;
  line-height: 20px;
  line-height: 1.1111111111rem;
}
.htmlresponse tr:nth-child(even) {
  background-color: #f3f3f3;
}
.htmlresponse .btn-primary {
  text-decoration: none !important;
}
select {
  background: #ffffff;
  border: 1px solid #F9F8F5;
  border-radius: 3px;
  outline: none;
  font-size: 14px;
  font-size: 0.7777777778rem;
  line-height: 16px;
  line-height: 0.8888888889rem;
  font-weight: 300;
  padding: 12px;
  width: 100%;
  color: #959699;
  -webkit-appearance: none;
  -webkit-border-radius: 3px;
  background-image: url(/assets/img/icon/svg-red/arrow-down.svg) !important;
  background-repeat: no-repeat, repeat !important;
  background-position: right 0.5rem top 50%, 0 0 !important;
  background-size: 1.5em auto, 100% !important;
  cursor: pointer;
}
.tooltip.show {
  z-index: 1000;
  padding: 0.5rem;
  color: #000000;
  font-size: 12px;
  font-size: 0.6666666667rem;
  line-height: 24px;
  line-height: 1.3333333333rem;
}
.tooltip.show .tooltip-inner {
  padding: 1rem;
  text-align: left;
  max-width: 310px;
  background-color: #ffffff;
  box-shadow: #999 0px 0px 9px;
}
#eloqExternal {
}
#eloqExternal .request-quote-row {
  display: flex;
  justify-content: space-between;
}
#eloqExternal .request-quote-row .request-quote-column {
  flex: 0 0 calc(50% - 10px);
  width: calc(50% - 10px);
  padding-bottom: 20px;
}
#eloqExternal .gmkto_form_title {
  margin-bottom: 1rem;
  line-height: normal;
}
#eloqExternal label {
  text-transform: uppercase;
  font-size: 12px;
  font-size: 0.6666666667rem;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 1.25;
}
.dark-theme #eloqExternal label {
  text-transform: none;
  font-size: 13px;
  font-size: 0.7222222222rem;
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 1.25;
  color: #ffffff;
}
#eloqExternal label span {
  color: #ff451a;
}
#eloqExternal .honeypp,
#eloqExternal .single-checkbox-row input {
  display: none !important;
  height: 0;
}
#eloqExternal label[for=fe285] {
  display: none;
}
#eloqExternal #fe285 {
  display: none;
}
#eloqExternal input,
#eloqExternal select,
#eloqExternal textarea {
  padding: 0.75rem;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  border: 1px solid #F9F8F5;
  width: 100%;
  border-radius: 3px;
  outline: none;
  font-size: 14px;
  font-size: 0.7777777778rem;
  line-height: 14px;
  line-height: 0.7777777778rem;
  color: #ffffff;
  height: 100%;
}
#eloqExternal .legal span,
#eloqExternal .legal label {
  font-size: 12px;
  font-size: 0.6666666667rem;
  color: #4e5054;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-weight: 700;
  letter-spacing: 1px;
}
.dark-theme #eloqExternal .legal span,
.dark-theme #eloqExternal .legal label {
  font-size: 13px;
  font-size: 0.7222222222rem;
  color: #ffffff;
  text-transform: none;
  margin-bottom: 10px;
  font-weight: 300;
  letter-spacing: 1px;
}
#eloqExternal .legal a {
  color: #ff451a;
}
#eloqExternal ::placeholder {
  color: #959699;
}
#eloqExternal .elq-form .flex.container-fluid input[type=submit]:disabled,
#eloqExternal .elq-form .flex.container-fluid input[type=submit]:focus:disabled {
  cursor: not-allowed;
  font-size: 17px;
  font-size: 0.9444444444rem;
}
#eloqExternal .elq-form .flex.container-fluid input[type=submit]:disabled:hover,
#eloqExternal .elq-form .flex.container-fluid input[type=submit]:focus:disabled:hover {
  -webkit-filter: blur(1px);
  filter: blur(1px);
}
#eloqExternal input[type=Submit] {
  font-size: 17px;
  font-size: 0.9444444444rem;
  cursor: pointer;
  transition: all 0.3s;
  color: #F9F8F5;
  text-decoration: none;
  font-weight: 300;
  border: 2px solid #F9F8F5;
  border-radius: 20px;
  padding: 10px 25px;
  display: inline-block;
  background-color: #ff451a;
  border-color: #ff451a;
  color: #ffffff;
}
#eloqExternal .error {
  background-color: #fff4f4;
  border-color: #ff451a !important;
  color: #ff451a !important;
}
#eloqExternal .elq-form p#strictemail {
  color: #ff451a;
  font-size: 13px;
  font-size: 0.7222222222rem;
  font-weight: 300;
}
#eloqExternal .single-checkbox-row {
  display: flex;
  margin: 20px -18px 20px -18px;
}
#eloqExternal .single-checkbox-row input[type=checkbox] {
  flex: 1 1;
}
#eloqExternal .elq-form {
  background-color: #f3f3f3;
  padding: 30px;
  border-radius: 30px;
}
.dark-theme #eloqExternal .elq-form {
  background:
    linear-gradient(
      to right,
      rgba(86, 85, 83, 0.2) 0%,
      rgba(86, 85, 83, 0.5) 25%,
      rgba(86, 85, 83, 0.8) 50%,
      #565553 75%);
  box-shadow: 0 15px 35px -15px rgba(86, 85, 83, 0.9), 0 5px 15px -5px rgba(0, 0, 0, 0.5);
  padding: 30px;
  border-radius: 30px;
}
#eloqExternal .elq-form .btn-cancel,
#eloqExternal .elq-form .cb_available,
#eloqExternal .elq-form .pre-exclude {
  display: none;
}
#eloqExternal .elq-form .eloq_filled {
  display: none;
}
#eloqExternal .elq-form .country_dep {
  display: none;
}
#eloqExternal .elq-form .cb_noinfo {
  display: block;
}
#eloqExternal .elq-form .cb_noinfo.country_dep {
  display: none;
}
#eloqExternal .elq-form .cb_noinfo.country_dep.active {
  display: block;
}
#eloqExternal .elq-form .cb_disabled {
  display: none;
}
#eloqExternal .elq-form .pp_filled {
  display: none;
}
#eloqExternal .elq-form .eloq_ppe.pp_checked {
  display: none;
}
#eloqExternal .elq-form .eloq_ppe.pp_checked.active_pp {
  display: block;
}
#eloqExternal .elq-form .known_active {
  display: none;
}
#eloqExternal .elq-form .submitting {
  display: none;
}
#eloqExternal .elq-form #known_person {
  padding: 1.5rem 1rem;
  border: 2px solid #F9F8F5;
  margin: 0 0.25em 0.5rem;
  background: #F9F8F5;
  border-radius: 10px;
}
#eloqExternal .elq-form #known_person #welcome_person {
  margin: 0 0 0.5rem;
  color: #959699;
}
#eloqExternal .elq-form #known_person p {
  margin: 0;
  padding: 0;
  line-height: normal;
  font-size: 1rem;
}
#eloqExternal .elq-form #known_person p.welcome_user {
  margin: 0 0 0.5rem;
}
#eloqExternal .elq-form #known_person p.welcome_user #person_info {
  color: #4e5054;
  font-weight: 300;
}
#eloqExternal .elq-form #known_person p.welcome_user #person_info .person_last,
#eloqExternal .elq-form #known_person p.welcome_user #person_info .person_first {
  color: #4e5054;
  text-transform: capitalize;
}
#eloqExternal .elq-form #known_person p.delete_button {
  font-size: 1rem;
}
#eloqExternal .elq-form #known_person p.delete_button .deletemyrecord {
  color: #ff451a;
}
#eloqExternal .elq-form #known_person p p#strictemail {
  font-size: 0.8rem;
  line-height: 1.2rem;
  font-weight: 300;
  padding: 0 0 0 1rem;
  color: #ff451a;
  flex: 1 1 100%;
}
#eloqExternal .elq-form .eloq_ppe.pp_checked.active_pp {
  display: block;
}
#eloqExternal .elq-form .flex.container-fluid input:focus,
#eloqExternal .elq-form .flex.container-fluid select:focus,
#eloqExternal .elq-form .flex.container-fluid textarea:focus,
#eloqExternal .elq-form .flex.container-fluid .select2:focus,
#eloqExternal .elq-form .flex.container-fluid .radio-group:focus {
  color: #4e5054 !important;
  box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.15);
}
.beyond-cx-form-demo #eloqExternal .elq-form {
  padding: 0 !important;
}
#requestQuote #eloqExternal .elq-form {
  background-color: transparent;
  padding: 0 !important;
}
.printer-view-instructor-type,
.print-course-title,
.printer-instruction-type {
  display: none;
}
@media print {
  .printer-view-instructor-type {
    display: block;
    margin-top: 15px;
  }
  .printer-view-instructor-type .inline {
    display: inline-block;
  }
  .header *,
  .details-section *,
  .course-sessions *,
  .container-list *,
  .btn,
  .right-aside-column,
  .feedback-container *,
  .widgets,
  .footer,
  .course-desc,
  .instruction-details,
  .duration {
    display: none;
  }
  .print-course-title {
    display: block !important;
    font-size: 24px;
    font-size: 1.3333333333rem;
    line-height: 34px;
    line-height: 1.8888888889rem;
    font-family:
      Roboto,
      Arial,
      sans-serif;
  }
  .printer-instruction-type {
    display: block !important;
  }
  .gen-primary-link--accesible {
    color: #000000 !important;
    font-weight: 300 !important;
  }
  hr {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .block-content ul li:before {
    color: #000000;
  }
  .block-content ol li:last-child,
  .block-content ul li:last-child {
    margin-bottom: 0.5rem !important;
  }
  .block-content p {
    margin-top: 0.2rem !important;
    margin-bottom: 0.2rem !important;
  }
  .course-objective ul li:last-child {
    margin-bottom: -15px !important;
  }
  h4 {
    font-size: 1rem !important;
    margin-bottom: 0.5rem !important;
  }
  .course-content * {
    flex-wrap: wrap;
  }
  .course-content * .course-column * {
    flex: 1 1 100%;
  }
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src:
    local("Roboto Thin"),
    local("Roboto-Thin"),
    url(/assets/fonts/roboto/roboto-v29-latin-100.woff) format("woff"),
    url(/assets/fonts/roboto/roboto-v29-latin-100.woff2) format("woff2");
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src:
    local("Roboto Thin Italic"),
    local("Roboto-ThinItalic"),
    url(/assets/fonts/roboto/roboto-v29-latin-100italic.woff) format("woff"),
    url(/assets/fonts/roboto/roboto-v29-latin-100italic.woff2) format("woff2");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src:
    local("Roboto Light"),
    local("Roboto-Light"),
    url(/assets/fonts/roboto/roboto-v29-latin-300.woff) format("woff"),
    url(/assets/fonts/roboto/roboto-v29-latin-300.woff2) format("woff2");
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src:
    local("Roboto Light"),
    local("Roboto-LightItalic"),
    url(/assets/fonts/roboto/roboto-v29-latin-300italic.woff) format("woff"),
    url(/assets/fonts/roboto/roboto-v29-latin-300italic.woff2) format("woff2");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src:
    local("Roboto Regular"),
    local("Roboto-Regular"),
    url(/assets/fonts/roboto/roboto-v29-latin-regular.woff) format("woff"),
    url(/assets/fonts/roboto/roboto-v29-latin-regular.woff2) format("woff2");
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src:
    local("Roboto"),
    local("Roboto-Italic"),
    url(/assets/fonts/roboto/roboto-v29-latin-italic.woff) format("woff"),
    url(/assets/fonts/roboto/roboto-v29-latin-italic.woff2) format("woff2");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src:
    local("Roboto Bold"),
    local("Roboto-Bold"),
    url(/assets/fonts/roboto/roboto-v29-latin-700.woff) format("woff"),
    url(/assets/fonts/roboto/roboto-v29-latin-700.woff2) format("woff2");
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src:
    local("Roboto Bold"),
    local("Roboto-BoldItalic"),
    url(/assets/fonts/roboto/roboto-v29-latin-700italic.woff) format("woff"),
    url(/assets/fonts/roboto/roboto-v29-latin-700italic.woff2) format("woff2");
}
[class^=tile-layout] {
  display: grid;
  width: 100%;
  padding: 0;
  list-style: none;
  justify-content: center;
  --grid-column-count: 3;
  --grid-layout-gap: 3rem;
  --grid-item--min-width: 18rem;
  --gap-count: calc(var(--grid-column-count) - 1);
  --total-gap-width: calc(var(--gap-count) * var(--grid-layout-gap));
  --grid-item--max-width: calc((100% - var(--total-gap-width)) / var(--grid-column-count));
  grid-template-columns: repeat(auto-fill, minmax(max(var(--grid-item--min-width), var(--grid-item--max-width)), 1fr));
  grid-gap: var(--grid-layout-gap);
  grid-auto-rows: 1fr;
}
.tile-layout-2 {
  --grid-column-count: 2;
  --grid-layout-gap: 3rem;
  --grid-item--min-width: 25rem;
}
.tile-layout-3 {
  --grid-column-count: 3;
  --grid-layout-gap: 2rem;
  --grid-item--min-width: 10rem;
}
.tile-layout-4 {
  --grid-column-count: 4;
  --grid-layout-gap: 2rem;
  --grid-item--min-width: 11rem;
}
.tile-layout-5 {
  --grid-column-count: 5;
  --grid-layout-gap: 1rem;
  --grid-item--min-width: 11rem;
}
.tile-layout-6 {
  --grid-column-count: 6;
  --grid-layout-gap: 0.5rem;
  --grid-item--min-width: 12rem;
  row-gap: 4rem;
}
@media only screen and (max-width: 950px) and (min-width: 343px) {
  .tile-layout-3 {
    --grid-column-count: 3;
    --grid-layout-gap: 2rem;
    --grid-item--min-width: 15rem;
  }
}
@media only screen and (max-width: 700px) and (min-width: 363px) {
  .tile-layout-4 {
    --grid-column-count: 1;
    --grid-layout-gap: 3rem;
    --grid-item--min-width: 25rem;
  }
}
@media only screen and (max-width: 1096px) and (min-width: 703px) {
  .tile-layout-4 {
    --grid-column-count: 2;
    --grid-layout-gap: 3rem;
    --grid-item--min-width: 25rem;
  }
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles-TFTGXXP5.css.map */