/* Variables - Define variables in here for reusable colors, sizes, etc */
/* Base Elements & Resets - Put info for base HTML elements here (no classes) */
/* Base HTML Elements / Resets */
html {
  font-family: 'Proxima-Nova',proxima-nova,sans-serif;
  font-size: 100%;
  padding: 0;
  margin: 0; }

body,
button,
input,
select,
textarea {
  font-family: 'Proxima-Nova',proxima-nova,sans-serif;
  font-weight: 400;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.7;
  padding: 0;
  margin: 0; }

a {
  color: #9B2AFF; }

a:hover,
a:focus {
  color: #9394FF; }

blockquote {
  color: #2a2d3d; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Proxima-Nova',proxima-nova,sans-serif;
  font-weight: 400;
  text-transform: none; }

h1 {
  font-size: 52px;
  line-height: 1.1em;
  margin-bottom: 15px; }

h2 {
  font-weight: bold !important; }

h3 {
  font-size: 28px;
  line-height: 1.3em;
  margin-bottom: 15px; }

h4 {
  line-height: 1.2em;
  font-size: 1.2rem;
  color: #020a47;
  font-weight: 700; }

h5 {
  font-size: 18px;
  line-height: 1.3em;
  margin-bottom: 15px;
  font-weight: 700; }

p {
  margin-bottom: 15px; }

a {
  font-family: 'Proxima-Nova',proxima-nova, sans-serif; }

nav.nav-primary {
  z-index: 31;
  background: transparent; }

header {
  z-index: 31;
  position: sticky;
  top: 0;
  -webkit-transition: 0.2s;
  transition: 0.2s; }
  @media (min-width: 0) {
    header {
      background-color: #020A47; } }
  @media (min-width: 1024px) {
    header {
      background-color: #fff; } }
.floatingNav {
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.05); }

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(2, 10, 71, 0.5);
  display: none;
  z-index: 30; }

@media (min-width: 1024px) {
  nav.navbar {
    flex-wrap: wrap; } }

nav.navbar p {
  color: #020A47; }

nav.navbar a.navbar-link {
  color: #020A47; }

nav.navbar a.navbar-link:hover {
  color: #9B2AFF; }

nav.navbar a.navbar-link:not(.is-arrowless)::after {
  border-color: #020A47;
  border-width: 1px;
  border-radius: 0;
  height: 0.45em;
  width: 0.45em;
  background: none; }

.navbar-brand.desktop .navbar-item {
  padding: 0;
  margin: auto; }

@media (min-width: 0) {
  .navbar-brand.desktop .desktop-logo {
    display: none; } }

@media (min-width: 769px) {
  .navbar-brand.desktop .desktop-logo {
    display: none; } }

@media (min-width: 1024px) {
  .navbar-brand.desktop .desktop-logo {
    display: inline-block; } }

.navbar-brand.desktop .desktop-logo img {
  width: 180px;
  height: auto;
  margin-right: 15px; }

@media (min-width: 0) {
  .navbar-menu.desktop {
    display: none; } }

@media (min-width: 1024px) {
  .navbar-menu.desktop {
    display: flex;
    flex-wrap: wrap; } }

.navbar-menu.desktop .navbar-start {
  height: 90px;
  margin: auto; }

.navbar-menu.desktop .navbar-item.is-mega {
  position: static; }
  .navbar-menu.desktop .navbar-item.is-mega .navbar-dropdown {
    background: transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
    border: none; }
    .navbar-menu.desktop .navbar-item.is-mega .navbar-dropdown .drop-container {
      display: flex;
      flex-direction: column;
      border-radius: 14px;
      overflow: hidden; }
      .navbar-menu.desktop .navbar-item.is-mega .navbar-dropdown .drop-container .has-purple-bgr, .navbar-menu.desktop .navbar-item.is-mega .navbar-dropdown .drop-container .has-green-bgr, .navbar-menu.desktop .navbar-item.is-mega .navbar-dropdown .drop-container .has-pink-bgr, .navbar-menu.desktop .navbar-item.is-mega .navbar-dropdown .drop-container .has-teal-bgr {
        padding: 10px 30px; }
      .navbar-menu.desktop .navbar-item.is-mega .navbar-dropdown .drop-container .nav-box {
        display: flex;
        gap: 30px;
        background-color: #fff; }
        .navbar-menu.desktop .navbar-item.is-mega .navbar-dropdown .drop-container .nav-box .col {
          padding: 40px 30px;
          flex: 1; }
        .navbar-menu.desktop .navbar-item.is-mega .navbar-dropdown .drop-container .nav-box .col.last {
          background-color: rgba(191, 206, 220, 0.2); }
        .navbar-menu.desktop .navbar-item.is-mega .navbar-dropdown .drop-container .nav-box .col.dev-last {
          padding: 0px; }
      .navbar-menu.desktop .navbar-item.is-mega .navbar-dropdown .drop-container .solutions-nav-box {
        display: flex;
        flex-direction: row;
        background-color: #fff; }
        .navbar-menu.desktop .navbar-item.is-mega .navbar-dropdown .drop-container .solutions-nav-box .white-box {
          min-width: 74%; }
          .navbar-menu.desktop .navbar-item.is-mega .navbar-dropdown .drop-container .solutions-nav-box .white-box .nav-box {
            display: flex;
            gap: 5px !important; }
            .navbar-menu.desktop .navbar-item.is-mega .navbar-dropdown .drop-container .solutions-nav-box .white-box .nav-box .col {
              padding: 20px 30px !important;
              flex-grow: 1; }
            .navbar-menu.desktop .navbar-item.is-mega .navbar-dropdown .drop-container .solutions-nav-box .white-box .nav-box .one {
              flex: 1; }
            .navbar-menu.desktop .navbar-item.is-mega .navbar-dropdown .drop-container .solutions-nav-box .white-box .nav-box .two {
              flex: 2; }
        .navbar-menu.desktop .navbar-item.is-mega .navbar-dropdown .drop-container .solutions-nav-box .grey-box {
          min-width: 26%;
          background-color: #fff;
          padding: 0;
          border-left: 1px solid #E2E2E2; }
          .navbar-menu.desktop .navbar-item.is-mega .navbar-dropdown .drop-container .solutions-nav-box .grey-box .fringe-text-nav {
            display: inline-block;
            background-color: #D6D8F7;
            padding: 8px 15px;
            border-radius: 0 0 14px  0; }

.navbar-menu.desktop .navbar-end .nav-right .navbar-dropdown {
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-top: none;
  padding: 30px 10px;
  margin-left: -50px; }

.navbar-menu.desktop .navbar-end .drop-container-login {
  background-color: #fff;
  padding: 20px 10px;
  border-radius: 15px;
  min-width: 320px; }
  .navbar-menu.desktop .navbar-end .drop-container-login .links {
    gap: 30px; }

.navbar-menu.desktop .indst-flex {
  display: flex;
  flex-direction: row;
  gap: 70px; }
  .navbar-menu.desktop .indst-flex .indst-links {
    flex: 1; }

.links {
  display: flex;
  gap: 10px;
  align-items: center;
  padding: 10px 0px;
  font-weight: 500; }
  .links img {
    display: none;
    width: 100%;
    max-width: 23px; }
  .links .underline {
    position: relative;
    display: inline-block;
    color: inherit; }
    .links .underline:after {
      content: '';
      position: absolute;
      left: 0;
      bottom: 0px;
      margin-bottom: -4px;
      width: 0;
      height: 2px;
      background: -webkit-gradient(linear, left top, right top, from(#D30971), to(#9B2AFF));
      background: linear-gradient(90deg, #D30971 0%, #9B2AFF 100%);
      -webkit-transition: width 0.5s ease;
      transition: width 0.5s ease; }
  .links:hover .underline:after {
    width: 100%; }
  .links:hover img {
    display: none; }

.icon-link {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 15px;
  font-weight: 500; }
  .icon-link img.arrow {
    opacity: 0;
    width: 100%;
    max-width: 23px; }
  .icon-link .underline {
    position: relative;
    display: inline-block;
    color: inherit; }
    .icon-link .underline:after {
      content: '';
      position: absolute;
      left: 0;
      bottom: 0px;
      margin-bottom: -4px;
      width: 0;
      height: 2px;
      background: -webkit-gradient(linear, left top, right top, from(#D30971), to(#9B2AFF));
      background: linear-gradient(90deg, #D30971 0%, #9B2AFF 100%);
      -webkit-transition: width 0.5s ease;
      transition: width 0.5s ease; }
  .icon-link:hover .underline:after {
    width: 100%; }
  .icon-link:hover img.arrow {
    opacity: 1; }

/*---  Mobile nav styles ---*/
.navbar-brand.mobile {
  justify-content: space-between;
  align-items: center;
  background-color: #020A47;
  padding: 15px 20px; }
  .navbar-brand.mobile .mobile-logo {
    max-width: 170px; }
  .navbar-brand.mobile .navbar-burger-wrapper {
    display: inline-block;
    padding: 1px;
    background: linear-gradient(45deg, #D30971, #9B2AFF);
    border-radius: 4px; }
  .navbar-brand.mobile .navbar-burger {
    color: #fff;
    position: relative;
    z-index: 1;
    background-color: #020A47;
    padding: 11px 5px 5px 5px;
    border-radius: 4px; }
    .navbar-brand.mobile .navbar-burger:hover {
      background-color: #020A47; }
    .navbar-brand.mobile .navbar-burger span {
      display: block;
      left: calc(50% - 14px);
      height: 1px;
      width: 30px;
      background-color: #fff;
      position: relative; }
    .navbar-brand.mobile .navbar-burger span:nth-child(1) {
      top: calc(50% - 11px); }
    .navbar-brand.mobile .navbar-burger span:nth-child(2) {
      top: calc(50% - 3.5px); }
    .navbar-brand.mobile .navbar-burger span:nth-child(3) {
      top: calc(50% + 4px); }
  .navbar-brand.mobile .navbar-burger.is-active span:nth-child(3) {
    -webkit-transform: translateY(-11px) rotate(-45deg);
    transform: translateY(-11px) rotate(-45deg); }

.navbar-menu.mobile {
  padding: 20px;
  -webkit-box-shadow: none;
          box-shadow: none; }
  .navbar-menu.mobile a.navbar-link {
    color: #020A47 !important;
    font-size: 24px;
    font-weight: bold; }
  .navbar-menu.mobile .navbar-link:not(.is-arrowless) {
    padding-right: 1px; }
  .navbar-menu.mobile .navbar-start .navbar-item.has-dropdown-old {
    position: relative;
    padding-left: 0px; }
    .navbar-menu.mobile .navbar-start .navbar-item.has-dropdown-old .mob-open {
      display: flex;
      justify-content: space-between;
      align-content: center;
      width: 100%; }
      .navbar-menu.mobile .navbar-start .navbar-item.has-dropdown-old .mob-open i.fa-solid.fa-chevron-right {
        color: #D6D8F7; }
    .navbar-menu.mobile .navbar-start .navbar-item.has-dropdown-old .mob-dropdown {
      display: none;
      position: fixed;
      top: 84px;
      left: 0;
      width: 100vw;
      height: 100vh;
      background-color: #fff;
      z-index: 9999;
      padding: 0 0 50px 0;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      overflow-y: auto;
      -webkit-overflow-scrolling: touch; }
      .navbar-menu.mobile .navbar-start .navbar-item.has-dropdown-old .mob-dropdown .close-dropdown {
        font-size: 23px;
        cursor: pointer;
        position: relative;
        color: #020A47;
        font-weight: bold; }
      .navbar-menu.mobile .navbar-start .navbar-item.has-dropdown-old .mob-dropdown .mob-name {
        color: #020A47;
        font-weight: bold;
        font-size: 24px;
        margin-bottom: 0px !important;
        margin-top: 5px;
        line-height: 1em !important; }
  .navbar-menu.mobile .navbar-bottom {
    padding: 0px; }
    .navbar-menu.mobile .navbar-bottom .navbar-item {
      padding: 0px; }
      .navbar-menu.mobile .navbar-bottom .navbar-item a {
        color: #9B2AFF; }
        .navbar-menu.mobile .navbar-bottom .navbar-item a:hover {
          color: #9394FF; }
      .navbar-menu.mobile .navbar-bottom .navbar-item .navbar-link.has-dropdown .navbar-dropdown .navbar-item {
        padding: 5px 17px;
        font-size: 16px; }
  .navbar-menu.mobile hr {
    border-bottom: 1px solid #E8E8E8;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 15px; }

/*--- New styles for rebranded navigation ---*/
.navbar-link {
  background-color: transparent !important; }
  .navbar-link:hover {
    background-color: transparent !important; }

.navbar-link.is-arrowless.navbar-item.has-dropdown.is-hoverable {
  background-color: transparent; }
  .navbar-link.is-arrowless.navbar-item.has-dropdown.is-hoverable:hover {
    background-color: transparent !important; }

.navbar-link.is-arrowless {
  background-color: transparent; }
  .navbar-link.is-arrowless:hover {
    background-color: transparent !important; }

.navbar-item img {
  max-height: 3rem; }

.mob-dropdown .grey-bgr-new {
  padding-bottom: 160px; }

.footer {
  background-color: #020A47;
  color: #ffffff;
  display: block;
  width: 100%; }
  .footer a {
    color: #ffffff;
    text-decoration: none; }
    .footer a:hover {
      color: #9394FF; }
  .footer ul li {
    font-size: 15px;
    padding-bottom: 2px; }
  .footer .social-icons a {
    display: inline-block;
    margin: 0 6px 6px 0; }
    .footer .social-icons a i {
      color: #ffffff;
      font-size: 23px;
      background: #020A47;
      border-radius: 3px;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      line-height: 36px;
      height: 36px;
      width: 36px;
      text-align: center; }
  .footer .with-logo {
    border-top: 1px solid rgba(247, 249, 251, 0.8); }
  .footer .legal-links {
    display: flex;
    gap: 20px; }
    @media (min-width: 0) {
      .footer .legal-links {
        justify-content: flex-start; } }
    @media (min-width: 1024px) {
      .footer .legal-links {
        justify-content: flex-end; } }
    .footer .legal-links a {
      color: rgba(255, 255, 255, 0.6); }
      .footer .legal-links a:hover {
        color: #9394FF; }
  .footer .footer-copyright {
    display: flex; }
    @media (min-width: 0) {
      .footer .footer-copyright {
        flex-direction: column; } }
    @media (min-width: 769px) {
      .footer .footer-copyright {
        flex-direction: row;
        justify-content: space-between; } }
/* end footer */
/*Marekto form styling*/
form.mktoForm label.mktoLabel[for='Privacy_Policy_Consent__c'] {
  display: none !important; }

.mktoForm.mktoLayoutAbove .mktoLogicalField.mktoCheckboxList {
  clear: none; }

form.mktoForm {
  display: inline-block;
  width: 100%; }

form.mktoForm .mktoFieldWrap {
  position: relative;
  padding: 20px 0; }

form.mktoForm input[type=text],
form.mktoForm input[type=url],
form.mktoForm input[type=email],
form.mktoForm input[type=tel],
form.mktoForm input[type=number],
form.mktoForm input[type=date],
form.mktoForm textarea.mktoField,
form.mktoForm select.mktoField {
  border-radius: 5px 5px 0 0px;
  background-color: #eeeff2;
  font-weight: 500;
  border: 1px solid #eeeff2;
  border-bottom: 2px solid #757888;
  -webkit-box-shadow: none;
          box-shadow: none;
  width: 100%;
  height: 52px;
  padding: 0px 0px 0 10px;
  font-size: 16px;
  line-height: normal;
  margin: 0;
  color: #020A47 !important; }

form.mktoForm input[type=text]:focus, form.mktoForm input[type=tel]:focus, form.mktoForm input[type=email]:focus {
  outline: none;
  border-bottom: 2px solid #9B2AFF !important; }

form.mktoForm textarea.mktoField {
  height: 102px;
  padding-top: 26px; }

form.mktoForm button.mktoButton {
  color: #fff !important;
  background: #D30971;
  background: -webkit-gradient(linear, left top, right top, from(#D30971), to(#9B2AFF)) !important;
  background: linear-gradient(90deg, #D30971 0%, #9B2AFF 100%) !important;
  border: none !important;
  border-radius: 5px !important;
  font-size: 14px;
  font-weight: 700;
  padding: 8px 17px;
  line-height: 1.5;
  white-space: nowrap;
  width: 100% !important;
  float: none;
  left: 0px !important;
  position: relative; }

form.mktoForm button.mktoButton:hover {
  background: #D30971;
  background: -webkit-gradient(linear, left top, right top, from(#9B2AFF), to(#D30971)) !important;
  background: linear-gradient(90deg, #9B2AFF 0%, #D30971 100%) !important;
  border: none !important;
  border-radius: 5px !important; }

form.mktoForm label.mktoLabel {
  font-weight: 400;
  display: inline-block;
  float: none;
  color: #757888 !important;
  font-size: 15px;
  line-height: 1.5;
  padding-left: 0px !important;
  position: absolute;
  top: -5px;
  left: 0px; }

form.mktoForm .mktoRequiredField label.mktoLabel[for=prospectCountry] {
  font-size: 12px;
  top: 12px;
  left: 5px; }

form.mktoForm select.mktoField {
  font-weight: normal;
  color: #757888;
  margin-top: -12px; }

form.mktoForm select.mktoField.triggered {
  font-weight: normal;
  color: #4e4e4e; }

form.mktoForm label.radio_label {
  margin-top: 0px;
  padding: 0 10px 0 0;
  left: 0; }

form.mktoForm .mktoAsterix {
  display: inline-block;
  color: #757888;
  margin-right: 5px !important;
  float: right; }

form.mktoForm .mktoCheckboxList {
  margin-top: 10px; }

form.mktoForm input.mktoField[type="checkbox"] {
  margin: 0 5px 0 5px; }

form.mktoForm .mktoRadioList {
  margin-top: 30px; }

.minvalInvalid, .minvalInvalid:focus, .mktoInvalid:focus .mktoInvalid {
  border-color: red !important;
  outline: none; }

.mktoErrorMsg {
  color: red; }

.mktoForm.mktoLayoutAbove .mktoLogicalField.mktoCheckboxList {
  overflow: hidden; }

.mktoForm.mktoLayoutAbove input.mktoField[type="checkbox"] {
  float: left;
  clear: left;
  margin-top: 6px;
  margin-left: 8px; }

label.checkboxLabel {
  float: left;
  clear: right; }

.mktoForm .mktoFieldWrap label.mktoLabel.checkboxLabel {
  left: 0px;
  top: 0;
  font-weight: bold;
  float: none; }

form.mktoForm textarea.mktoField {
  height: 102px;
  padding-top: 40px; }

form.mktoForm ::-webkit-input-placeholder {
  color: #020A47;
  font-size: 16px; }

form.mktoForm ::-moz-placeholder {
  color: #020A47;
  font-size: 16px; }

form.mktoForm :-ms-input-placeholder {
  color: #020A47;
  font-size: 16px; }

form.mktoForm ::-ms-input-placeholder {
  color: #020A47;
  font-size: 16px; }

form.mktoForm ::placeholder {
  color: #020A47;
  font-size: 16px; }

select.mktoField.mktoHasWidth.mktoRequired {
  color: #757888; }

/*-styling form in the footer -*/
#mktoForm_1212 {
  max-width: 350px; }
  #mktoForm_1212 .mktoCheckboxList {
    font-size: 13px !important;
    line-height: 1.2rem; }
  #mktoForm_1212 .mktoFieldWrap {
    padding-bottom: 0px;
    padding-top: 0px; }
  #mktoForm_1212 .mktoLogicalField.mktoCheckboxList {
    display: flex;
    justify-content: flex-start;
    gap: 10px;
    padding-bottom: 13px;
    font-size: 14px;
    line-height: 1.2rem; }
  #mktoForm_1212 #LblEmail {
    margin-top: -20px; }
  #mktoForm_1212 #LblEmail {
    color: #fff !important; }

/* Other Stuff... */
@font-face {
  font-family: ultimate-icons;
  src: url(fonts/Ultimate-Icons-a6367a5d.ttf?1ddi1j) format("truetype"), url(fonts/Ultimate-Icons.woff?1ddi1j) format("woff"), url(fonts/Ultimate-Icons.svg?1ddi1j#Ultimate-Icons) format("svg");
  font-weight: 400;
  font-style: normal; }

.ua-icon {
  font-family: ultimate-icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.ua-icon-google-plus:before {
  content: "\ea82"; }

.ua-icon-facebook22:before {
  content: "\ea81"; }

.ua-icon-basket:before {
  content: "\e900"; }

.ua-icon-briefcase:before {
  content: "\e901"; }

.ua-icon-calendar:before {
  content: "\e902"; }

.ua-icon-chat:before {
  content: "\e903"; }

.ua-icon-clock:before {
  content: "\e904"; }

.ua-icon-desktop:before {
  content: "\e905"; }

.ua-icon-dribbble:before {
  content: "\e906"; }

.ua-icon-edit:before {
  content: "\e907"; }

.ua-icon-envelope:before {
  content: "\e908"; }

.ua-icon-facebook:before {
  content: "\e909"; }

.ua-icon-gears:before {
  content: "\e90a"; }

.ua-icon-global:before {
  content: "\e90b"; }

.ua-icon-globe:before {
  content: "\e90c"; }

.ua-icon-googleplus:before {
  content: "\e90d"; }

.ua-icon-heart:before {
  content: "\e90e"; }

.ua-icon-key:before {
  content: "\e90f"; }

.ua-icon-laptop:before {
  content: "\e910"; }

.ua-icon-linkedin:before {
  content: "\e911"; }

.ua-icon-lock:before {
  content: "\e912"; }

.ua-icon-magnifying-glass:before {
  content: "\e913"; }

.ua-icon-map-pin:before {
  content: "\e914"; }

.ua-icon-map:before {
  content: "\e915"; }

.ua-icon-mobile:before {
  content: "\e916"; }

.ua-icon-newspaper:before {
  content: "\e917"; }

.ua-icon-paperclip:before {
  content: "\e918"; }

.ua-icon-pencil:before {
  content: "\e919"; }

.ua-icon-phone:before {
  content: "\e91a"; }

.ua-icon-picture:before {
  content: "\e91b"; }

.ua-icon-presentation:before {
  content: "\e91c"; }

.ua-icon-printer:before {
  content: "\e91d"; }

.ua-icon-profile-female:before {
  content: "\e91e"; }

.ua-icon-profile-male:before {
  content: "\e91f"; }

.ua-icon-quote:before {
  content: "\e920"; }

.ua-icon-streetsign:before {
  content: "\e921"; }

.ua-icon-tablet:before {
  content: "\e922"; }

.ua-icon-tools-2:before {
  content: "\e923"; }

.ua-icon-tools:before {
  content: "\e924"; }

.ua-icon-tumblr:before {
  content: "\e925"; }

.ua-icon-twitter:before {
  content: "\e926"; }

.ua-icon-video:before {
  content: "\e927"; }

.ua-icon-icon-3-mail-envelope-closed:before {
  content: "\e928"; }

.ua-icon-icon-6-mail-envelope-closed:before {
  content: "\e929"; }

.ua-icon-icon-24-key:before {
  content: "\e92a"; }

.ua-icon-icon-29-information:before {
  content: "\e92b"; }

.ua-icon-icon-111-search:before {
  content: "\e92c"; }

.ua-icon-icon-112-search-plus:before {
  content: "\e92d"; }

.ua-icon-icon-113-search-minus:before {
  content: "\e92e"; }

.ua-icon-icon-114-lock:before {
  content: "\e92f"; }

.ua-icon-icon-116-lock-open:before {
  content: "\e930"; }

.ua-icon-icon-118-lock-rounded:before {
  content: "\e931"; }

.ua-icon-icon-120-lock-rounded-open:before {
  content: "\e932"; }

.ua-icon-icon-121-combination-lock:before {
  content: "\e933"; }

.ua-icon-icon-122-printer:before {
  content: "\e934"; }

.ua-icon-icon-123-printer:before {
  content: "\e935"; }

.ua-icon-icon-124-printer-text:before {
  content: "\e936"; }

.ua-icon-icon-125-printer-text:before {
  content: "\e937"; }

.ua-icon-icon-134-pen:before {
  content: "\e938"; }

.ua-icon-icon-135-pen-angled:before {
  content: "\e939"; }

.ua-icon-icon-145-tag-cord:before {
  content: "\e93a"; }

.ua-icon-icon-146-tag:before {
  content: "\e93b"; }

.ua-icon-icon-3-mail-envelope-closed2:before {
  content: "\e93c"; }

.ua-icon-icon-6-mail-envelope-closed2:before {
  content: "\e93d"; }

.ua-icon-icon-24-key2:before {
  content: "\e93e"; }

.ua-icon-icon-29-information2:before {
  content: "\e93f"; }

.ua-icon-icon-111-search2:before {
  content: "\e940"; }

.ua-icon-icon-112-search-plus2:before {
  content: "\e941"; }

.ua-icon-icon-113-search-minus2:before {
  content: "\e942"; }

.ua-icon-icon-114-lock2:before {
  content: "\e943"; }

.ua-icon-icon-116-lock-open2:before {
  content: "\e944"; }

.ua-icon-icon-118-lock-rounded2:before {
  content: "\e945"; }

.ua-icon-icon-120-lock-rounded-open2:before {
  content: "\e946"; }

.ua-icon-icon-121-combination-lock2:before {
  content: "\e947"; }

.ua-icon-icon-122-printer2:before {
  content: "\e948"; }

.ua-icon-icon-123-printer2:before {
  content: "\e949"; }

.ua-icon-icon-124-printer-text2:before {
  content: "\e94a"; }

.ua-icon-icon-125-printer-text2:before {
  content: "\e94b"; }

.ua-icon-icon-134-pen2:before {
  content: "\e94c"; }

.ua-icon-icon-135-pen-angled2:before {
  content: "\e94d"; }

.ua-icon-icon-145-tag-cord2:before {
  content: "\e94e"; }

.ua-icon-icon-146-tag2:before {
  content: "\e94f"; }

.ua-icon-arrow-down:before {
  content: "\e950"; }

.ua-icon-arrow-left:before {
  content: "\e951"; }

.ua-icon-arrow-right:before {
  content: "\e952"; }

.ua-icon-arrow-up:before {
  content: "\e953"; }

.ua-icon-briefcase2:before {
  content: "\e954"; }

.ua-icon-check:before {
  content: "\e955"; }

.ua-icon-circle-add:before {
  content: "\e956"; }

.ua-icon-circle-check:before {
  content: "\e957"; }

.ua-icon-circle-cross:before {
  content: "\e958"; }

.ua-icon-circle-minus:before {
  content: "\e959"; }

.ua-icon-clock2:before {
  content: "\e95a"; }

.ua-icon-cog:before {
  content: "\e95b"; }

.ua-icon-cross:before {
  content: "\e95c"; }

.ua-icon-disc:before {
  content: "\e95d"; }

.ua-icon-fast-forward:before {
  content: "\e95e"; }

.ua-icon-globe2:before {
  content: "\e95f"; }

.ua-icon-head:before {
  content: "\e960"; }

.ua-icon-heart2:before {
  content: "\e961"; }

.ua-icon-help:before {
  content: "\e962"; }

.ua-icon-lock2:before {
  content: "\e963"; }

.ua-icon-mail:before {
  content: "\e964"; }

.ua-icon-map2:before {
  content: "\e965"; }

.ua-icon-minus:before {
  content: "\e966"; }

.ua-icon-monitor:before {
  content: "\e967"; }

.ua-icon-paper-clip:before {
  content: "\e968"; }

.ua-icon-pause:before {
  content: "\e969"; }

.ua-icon-play:before {
  content: "\e96a"; }

.ua-icon-plus:before {
  content: "\e96b"; }

.ua-icon-printer2:before {
  content: "\e96c"; }

.ua-icon-record:before {
  content: "\e96d"; }

.ua-icon-rewind:before {
  content: "\e96e"; }

.ua-icon-search:before {
  content: "\e96f"; }

.ua-icon-speech-bubble:before {
  content: "\e970"; }

.ua-icon-square-add:before {
  content: "\e971"; }

.ua-icon-square-check:before {
  content: "\e972"; }

.ua-icon-square-cross:before {
  content: "\e973"; }

.ua-icon-square-minus:before {
  content: "\e974"; }

.ua-icon-unlock:before {
  content: "\e975"; }

.ua-icon-zoom-in:before {
  content: "\e976"; }

.ua-icon-zoom-out:before {
  content: "\e977"; }

.ua-icon-alarm:before {
  content: "\e978"; }

.ua-icon-arrow-down-circle:before {
  content: "\e979"; }

.ua-icon-arrow-down2:before {
  content: "\e97a"; }

.ua-icon-arrow-left-circle:before {
  content: "\e97b"; }

.ua-icon-arrow-left2:before {
  content: "\e97c"; }

.ua-icon-arrow-right-circle:before {
  content: "\e97d"; }

.ua-icon-arrow-right2:before {
  content: "\e97e"; }

.ua-icon-arrow-up-circle:before {
  content: "\e97f"; }

.ua-icon-arrow-up2:before {
  content: "\e980"; }

.ua-icon-briefcase3:before {
  content: "\e981"; }

.ua-icon-bubble:before {
  content: "\e982"; }

.ua-icon-calendar-full:before {
  content: "\e983"; }

.ua-icon-camera-video:before {
  content: "\e984"; }

.ua-icon-camera:before {
  content: "\e985"; }

.ua-icon-cart:before {
  content: "\e986"; }

.ua-icon-chart-bars:before {
  content: "\e987"; }

.ua-icon-checkmark-circle:before {
  content: "\e988"; }

.ua-icon-chevron-down-circle:before {
  content: "\e989"; }

.ua-icon-chevron-down:before {
  content: "\e98a"; }

.ua-icon-chevron-left-circle:before {
  content: "\e98b"; }

.ua-icon-chevron-left:before {
  content: "\e98c"; }

.ua-icon-chevron-right-circle:before {
  content: "\e98d"; }

.ua-icon-chevron-right:before {
  content: "\e98e"; }

.ua-icon-chevron-up-circle:before {
  content: "\e98f"; }

.ua-icon-chevron-up:before {
  content: "\e990"; }

.ua-icon-circle-minus2:before {
  content: "\e991"; }

.ua-icon-clock3:before {
  content: "\e992"; }

.ua-icon-cog2:before {
  content: "\e993"; }

.ua-icon-cross-circle:before {
  content: "\e994"; }

.ua-icon-cross2:before {
  content: "\e995"; }

.ua-icon-earth:before {
  content: "\e996"; }

.ua-icon-envelope2:before {
  content: "\e997"; }

.ua-icon-eye:before {
  content: "\e998"; }

.ua-icon-film-play:before {
  content: "\e999"; }

.ua-icon-gift:before {
  content: "\e99a"; }

.ua-icon-heart3:before {
  content: "\e99b"; }

.ua-icon-history:before {
  content: "\e99c"; }

.ua-icon-home:before {
  content: "\e99d"; }

.ua-icon-keyboard:before {
  content: "\e99e"; }

.ua-icon-laptop-phone:before {
  content: "\e99f"; }

.ua-icon-laptop2:before {
  content: "\e9a0"; }

.ua-icon-leaf:before {
  content: "\e9a1"; }

.ua-icon-license:before {
  content: "\e9a2"; }

.ua-icon-location:before {
  content: "\e9a3"; }

.ua-icon-lock3:before {
  content: "\e9a4"; }

.ua-icon-magnifier:before {
  content: "\e9a5"; }

.ua-icon-map-marker:before {
  content: "\e9a6"; }

.ua-icon-map3:before {
  content: "\e9a7"; }

.ua-icon-menu-circle:before {
  content: "\e9a8"; }

.ua-icon-menu:before {
  content: "\e9a9"; }

.ua-icon-mic:before {
  content: "\e9aa"; }

.ua-icon-moon:before {
  content: "\e9ab"; }

.ua-icon-move:before {
  content: "\e9ac"; }

.ua-icon-mustache:before {
  content: "\e9ad"; }

.ua-icon-neutral:before {
  content: "\e9ae"; }

.ua-icon-paperclip2:before {
  content: "\e9af"; }

.ua-icon-paw:before {
  content: "\e9b0"; }

.ua-icon-pencil2:before {
  content: "\e9b1"; }

.ua-icon-phone-handset:before {
  content: "\e9b2"; }

.ua-icon-phone2:before {
  content: "\e9b3"; }

.ua-icon-picture2:before {
  content: "\e9b4"; }

.ua-icon-pie-chart:before {
  content: "\e9b5"; }

.ua-icon-plus-circle:before {
  content: "\e9b6"; }

.ua-icon-printer3:before {
  content: "\e9b7"; }

.ua-icon-question-circle:before {
  content: "\e9b8"; }

.ua-icon-rocket:before {
  content: "\e9b9"; }

.ua-icon-sad:before {
  content: "\e9ba"; }

.ua-icon-screen:before {
  content: "\e9bb"; }

.ua-icon-shirt:before {
  content: "\e9bc"; }

.ua-icon-smartphone:before {
  content: "\e9bd"; }

.ua-icon-smile:before {
  content: "\e9be"; }

.ua-icon-star:before {
  content: "\e9bf"; }

.ua-icon-store:before {
  content: "\e9c0"; }

.ua-icon-sync:before {
  content: "\e9c1"; }

.ua-icon-tablet2:before {
  content: "\e9c2"; }

.ua-icon-tag:before {
  content: "\e9c3"; }

.ua-icon-trash:before {
  content: "\e9c4"; }

.ua-icon-unlink:before {
  content: "\e9c5"; }

.ua-icon-user:before {
  content: "\e9c6"; }

.ua-icon-users:before {
  content: "\e9c7"; }

.ua-icon-px-with-circle:before {
  content: "\e9c8"; }

.ua-icon-px:before {
  content: "\e9c9"; }

.ua-icon-app-store:before {
  content: "\e9ca"; }

.ua-icon-dribbble-with-circle:before {
  content: "\e9cb"; }

.ua-icon-dribbble2:before {
  content: "\e9cc"; }

.ua-icon-facebook-with-circle:before {
  content: "\e9cd"; }

.ua-icon-facebook2:before {
  content: "\e9ce"; }

.ua-icon-flickr-with-circle:before {
  content: "\e9cf"; }

.ua-icon-flickr:before {
  content: "\e9d0"; }

.ua-icon-github-with-circle:before {
  content: "\e9d1"; }

.ua-icon-github:before {
  content: "\e9d2"; }

.ua-icon-google-with-circle:before {
  content: "\e9d3"; }

.ua-icon-google:before {
  content: "\e9d4"; }

.ua-icon-instagram-with-circle:before {
  content: "\e9d5"; }

.ua-icon-instagram:before {
  content: "\e9d6"; }

.ua-icon-linkedin-with-circle:before {
  content: "\e9d7"; }

.ua-icon-linkedin2:before {
  content: "\e9d8"; }

.ua-icon-pinterest-with-circle:before {
  content: "\e9d9"; }

.ua-icon-pinterest:before {
  content: "\e9da"; }

.ua-icon-tripadvisor:before {
  content: "\e9db"; }

.ua-icon-tumblr-with-circle:before {
  content: "\e9dc"; }

.ua-icon-tumblr2:before {
  content: "\e9dd"; }

.ua-icon-twitter-with-circle:before {
  content: "\e9de"; }

.ua-icon-twitter2:before {
  content: "\e9df"; }

.ua-icon-vimeo-with-circle:before {
  content: "\e9e0"; }

.ua-icon-vimeo:before {
  content: "\e9e1"; }

.ua-icon-windows-store:before {
  content: "\e9e2"; }

.ua-icon-yelp:before {
  content: "\e9e3"; }

.ua-icon-youtube-with-circle:before {
  content: "\e9e4"; }

.ua-icon-youtube:before {
  content: "\e9e5"; }

.ua-icon-air:before {
  content: "\e9e6"; }

.ua-icon-arrow-long-down:before {
  content: "\e9e7"; }

.ua-icon-arrow-long-left:before {
  content: "\e9e8"; }

.ua-icon-arrow-long-right:before {
  content: "\e9e9"; }

.ua-icon-arrow-long-up:before {
  content: "\e9ea"; }

.ua-icon-arrow-with-circle-down:before {
  content: "\e9eb"; }

.ua-icon-arrow-with-circle-left:before {
  content: "\e9ec"; }

.ua-icon-arrow-with-circle-right:before {
  content: "\e9ed"; }

.ua-icon-arrow-with-circle-up:before {
  content: "\e9ee"; }

.ua-icon-attachment:before {
  content: "\e9ef"; }

.ua-icon-bar-graph:before {
  content: "\e9f0"; }

.ua-icon-briefcase4:before {
  content: "\e9f1"; }

.ua-icon-browser:before {
  content: "\e9f2"; }

.ua-icon-calculator:before {
  content: "\e9f3"; }

.ua-icon-calendar2:before {
  content: "\e9f4"; }

.ua-icon-camera2:before {
  content: "\e9f5"; }

.ua-icon-chat2:before {
  content: "\e9f6"; }

.ua-icon-check2:before {
  content: "\e9f7"; }

.ua-icon-chevron-down2:before {
  content: "\e9f8"; }

.ua-icon-chevron-left2:before {
  content: "\e9f9"; }

.ua-icon-chevron-right2:before {
  content: "\e9fa"; }

.ua-icon-chevron-small-down:before {
  content: "\e9fb"; }

.ua-icon-chevron-small-left:before {
  content: "\e9fc"; }

.ua-icon-chevron-small-right:before {
  content: "\e9fd"; }

.ua-icon-chevron-small-up:before {
  content: "\e9fe"; }

.ua-icon-chevron-thin-down:before {
  content: "\e9ff"; }

.ua-icon-chevron-thin-left:before {
  content: "\ea00"; }

.ua-icon-chevron-thin-right:before {
  content: "\ea01"; }

.ua-icon-chevron-thin-up:before {
  content: "\ea02"; }

.ua-icon-chevron-up2:before {
  content: "\ea03"; }

.ua-icon-chevron-with-circle-down:before {
  content: "\ea04"; }

.ua-icon-chevron-with-circle-left:before {
  content: "\ea05"; }

.ua-icon-chevron-with-circle-right:before {
  content: "\ea06"; }

.ua-icon-chevron-with-circle-up:before {
  content: "\ea07"; }

.ua-icon-circle-with-cross:before {
  content: "\ea08"; }

.ua-icon-circle-with-minus:before {
  content: "\ea09"; }

.ua-icon-circle-with-plus:before {
  content: "\ea0a"; }

.ua-icon-clock4:before {
  content: "\ea0b"; }

.ua-icon-cog3:before {
  content: "\ea0c"; }

.ua-icon-compass:before {
  content: "\ea0d"; }

.ua-icon-controller-play:before {
  content: "\ea0e"; }

.ua-icon-controller-record:before {
  content: "\ea0f"; }

.ua-icon-controller-stop:before {
  content: "\ea10"; }

.ua-icon-creative-commons-noderivs:before {
  content: "\ea11"; }

.ua-icon-credit-card:before {
  content: "\ea12"; }

.ua-icon-credit:before {
  content: "\ea13"; }

.ua-icon-cross3:before {
  content: "\ea14"; }

.ua-icon-direction:before {
  content: "\ea15"; }

.ua-icon-dot-single:before {
  content: "\ea16"; }

.ua-icon-edit2:before {
  content: "\ea17"; }

.ua-icon-email:before {
  content: "\ea18"; }

.ua-icon-emoji-flirt:before {
  content: "\ea19"; }

.ua-icon-emoji-happy:before {
  content: "\ea1a"; }

.ua-icon-emoji-neutral:before {
  content: "\ea1b"; }

.ua-icon-emoji-sad:before {
  content: "\ea1c"; }

.ua-icon-eye2:before {
  content: "\ea1d"; }

.ua-icon-fingerprint:before {
  content: "\ea1e"; }

.ua-icon-flow-tree:before {
  content: "\ea1f"; }

.ua-icon-gauge:before {
  content: "\ea20"; }

.ua-icon-globe3:before {
  content: "\ea21"; }

.ua-icon-grid:before {
  content: "\ea22"; }

.ua-icon-hair-cross:before {
  content: "\ea23"; }

.ua-icon-heart-outlined:before {
  content: "\ea24"; }

.ua-icon-heart4:before {
  content: "\ea25"; }

.ua-icon-help-with-circle:before {
  content: "\ea26"; }

.ua-icon-help2:before {
  content: "\ea27"; }

.ua-icon-home2:before {
  content: "\ea28"; }

.ua-icon-infinity:before {
  content: "\ea29"; }

.ua-icon-info-with-circle:before {
  content: "\ea2a"; }

.ua-icon-info:before {
  content: "\ea2b"; }

.ua-icon-key2:before {
  content: "\ea2c"; }

.ua-icon-keyboard2:before {
  content: "\ea2d"; }

.ua-icon-landline:before {
  content: "\ea2e"; }

.ua-icon-laptop3:before {
  content: "\ea2f"; }

.ua-icon-lifebuoy:before {
  content: "\ea30"; }

.ua-icon-light-bulb:before {
  content: "\ea31"; }

.ua-icon-location-pin:before {
  content: "\ea32"; }

.ua-icon-lock-open:before {
  content: "\ea33"; }

.ua-icon-lock4:before {
  content: "\ea34"; }

.ua-icon-magnifying-glass2:before {
  content: "\ea35"; }

.ua-icon-mail2:before {
  content: "\ea36"; }

.ua-icon-map4:before {
  content: "\ea37"; }

.ua-icon-medal:before {
  content: "\ea38"; }

.ua-icon-menu2:before {
  content: "\ea39"; }

.ua-icon-message:before {
  content: "\ea3a"; }

.ua-icon-minus2:before {
  content: "\ea3b"; }

.ua-icon-mobile2:before {
  content: "\ea3c"; }

.ua-icon-news:before {
  content: "\ea3d"; }

.ua-icon-phone3:before {
  content: "\ea3e"; }

.ua-icon-plus2:before {
  content: "\ea3f"; }

.ua-icon-quote2:before {
  content: "\ea40"; }

.ua-icon-shopping-basket:before {
  content: "\ea41"; }

.ua-icon-shopping-cart:before {
  content: "\ea42"; }

.ua-icon-squared-minus:before {
  content: "\ea43"; }

.ua-icon-squared-plus:before {
  content: "\ea44"; }

.ua-icon-tablet-mobile-combo:before {
  content: "\ea45"; }

.ua-icon-tablet3:before {
  content: "\ea46"; }

.ua-icon-tools2:before {
  content: "\ea47"; }

.ua-icon-tv:before {
  content: "\ea48"; }

.ua-icon-typing:before {
  content: "\ea49"; }

.ua-icon-user2:before {
  content: "\ea4a"; }

.ua-icon-users2:before {
  content: "\ea4b"; }

.ua-icon-video-camera:before {
  content: "\ea4c"; }

.ua-icon-video2:before {
  content: "\ea4d"; }

.ua-icon-vinyl:before {
  content: "\ea4e"; }

.ua-icon-Home:before {
  content: "\ea4f"; }

.ua-icon-LightBulb:before {
  content: "\ea50"; }

.ua-icon-Anchor:before {
  content: "\ea51"; }

.ua-icon-Feather:before {
  content: "\ea52"; }

.ua-icon-Expand:before {
  content: "\ea53"; }

.ua-icon-Maximize:before {
  content: "\ea54"; }

.ua-icon-Search:before {
  content: "\ea55"; }

.ua-icon-Zoomin:before {
  content: "\ea56"; }

.ua-icon-Zoomout:before {
  content: "\ea57"; }

.ua-icon-Add:before {
  content: "\ea58"; }

.ua-icon-Subtract:before {
  content: "\ea59"; }

.ua-icon-Exclamation:before {
  content: "\ea5a"; }

.ua-icon-Question:before {
  content: "\ea5b"; }

.ua-icon-Close:before {
  content: "\ea5c"; }

.ua-icon-Pause:before {
  content: "\ea5d"; }

.ua-icon-Envelope:before {
  content: "\ea5e"; }

.ua-icon-Compose:before {
  content: "\ea5f"; }

.ua-icon-Newspaper:before {
  content: "\ea60"; }

.ua-icon-Newspaperalt:before {
  content: "\ea61"; }

.ua-icon-Calendar:before {
  content: "\ea62"; }

.ua-icon-Hyperlink:before {
  content: "\ea63"; }

.ua-icon-Trash:before {
  content: "\ea64"; }

.ua-icon-Trashalt:before {
  content: "\ea65"; }

.ua-icon-Grid:before {
  content: "\ea66"; }

.ua-icon-Gridalt:before {
  content: "\ea67"; }

.ua-icon-List:before {
  content: "\ea68"; }

.ua-icon-Calculator:before {
  content: "\ea69"; }

.ua-icon-Windows:before {
  content: "\ea6a"; }

.ua-icon-Browser:before {
  content: "\ea6b"; }

.ua-icon-Alarm:before {
  content: "\ea6c"; }

.ua-icon-Clock:before {
  content: "\ea6d"; }

.ua-icon-Attachment:before {
  content: "\ea6e"; }

.ua-icon-Settings:before {
  content: "\ea6f"; }

.ua-icon-Portfolio:before {
  content: "\ea70"; }

.ua-icon-User:before {
  content: "\ea71"; }

.ua-icon-Users:before {
  content: "\ea72"; }

.ua-icon-Heart:before {
  content: "\ea73"; }

.ua-icon-Chat:before {
  content: "\ea74"; }

.ua-icon-Comments:before {
  content: "\ea75"; }

.ua-icon-Screen:before {
  content: "\ea76"; }

.ua-icon-iPhone:before {
  content: "\ea77"; }

.ua-icon-Instagram:before {
  content: "\ea78"; }

.ua-icon-facebook3:before {
  content: "\ea79"; }

.ua-icon-Delicious:before {
  content: "\ea7a"; }

.ua-icon-GooglePlus:before {
  content: "\ea7b"; }

.ua-icon-Dribbble:before {
  content: "\ea7c"; }

.ua-icon-Pin:before {
  content: "\ea7d"; }

.ua-icon-Pinalt:before {
  content: "\ea7e"; }

.ua-icon-Cloud:before {
  content: "\ea7f"; }

.ua-icon-Circle-Full:before {
  content: "\ea80"; }

/*
 * Copied from old site for social icons in footer
 */
.uabb-icon-wrap {
  display: inline-block; }

.uabb-icon a {
  text-decoration: none; }

.uabb-icon i {
  display: block; }

.uabb-icon i:before {
  border: none !important;
  background: 0 0 !important; }

.uabb-icon-text {
  display: table-cell;
  text-align: left;
  padding-left: 15px;
  vertical-align: middle; }

.uabb-icon-text *:last-child {
  margin: 0 !important;
  padding: 0 !important; }

.uabb-icon-text a {
  text-decoration: none; }

.uabb-imgicon-wrap .uabb-icon {
  display: block; }

.uabb-imgicon-wrap .uabb-icon i {
  float: none; }

.uabb-imgicon-wrap .uabb-image {
  line-height: 0;
  position: relative; }

.uabb-imgicon-wrap .uabb-image-align-left {
  text-align: left; }

.uabb-imgicon-wrap .uabb-image-align-center {
  text-align: center; }

.uabb-imgicon-wrap .uabb-image-align-right {
  text-align: right; }

.uabb-imgicon-wrap .uabb-image-content {
  display: inline-block;
  border-radius: 0;
  line-height: 0;
  position: relative;
  max-width: 100%; }

.uabb-imgicon-wrap .uabb-image-content img {
  display: inline;
  height: auto !important;
  max-width: 100%;
  width: auto;
  border-radius: inherit;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-box-sizing: content-box;
          box-sizing: content-box; }

@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/rubik/v14/iJWZBXyIfDnIV5PNhY1KTN7Z-Yh-WYiFV0Uw.ttf) format("truetype"); }

@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/rubik/v14/iJWZBXyIfDnIV5PNhY1KTN7Z-Yh-B4iFV0Uw.ttf) format("truetype"); }

@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/rubik/v14/iJWZBXyIfDnIV5PNhY1KTN7Z-Yh-NYiFV0Uw.ttf) format("truetype"); }

@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/rubik/v14/iJWZBXyIfDnIV5PNhY1KTN7Z-Yh-2Y-FV0Uw.ttf) format("truetype"); }

@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/rubik/v14/iJWZBXyIfDnIV5PNhY1KTN7Z-Yh-4I-FV0Uw.ttf) format("truetype"); }

@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 800;
  src: url(https://fonts.gstatic.com/s/rubik/v14/iJWZBXyIfDnIV5PNhY1KTN7Z-Yh-h4-FV0Uw.ttf) format("truetype"); }

/*@font-face {
    font-family: "Proxima-Nova";
    src: url(fonts/Proxima_Nova-bd03ad80.otf) format("opentype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Proxima-Nova";
    src: url(fonts/Proxima_Nova_Medium-21f676f4.otf) format("opentype");
    font-weight: medium;
    font-style: normal;
}

@font-face {
    font-family: "Proxima-Nova";
    src: url(fonts/Proxima_Nova_Bold-07b2ff04.otf) format("opentype");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: "Proxima-Nova";
    src: url(fonts/Proxima_Nova_Semibold-d5ec4b37.otf) format("opentype");
    font-weight: 600;
    font-style: normal;
}*/
@-webkit-keyframes spinAround {
  from {
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@keyframes spinAround {
  from {
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

.slider {
  position: relative;
  width: 100%; }

.slider-container {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  min-height: 100%; }

.slider-container.is-vertical {
  flex-direction: column; }

.slider-container .slider-item {
  flex: none; }

.slider-container .slider-item .image.is-covered img {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
  height: 100%;
  width: 100%; }

.slider-container .slider-item .video-container {
  height: 0;
  padding-bottom: 0;
  padding-top: 56.25%;
  margin: 0;
  position: relative; }

.slider-container .slider-item .video-container.is-1by1, .slider-container .slider-item .video-container.is-square {
  padding-top: 100%; }

.slider-container .slider-item .video-container.is-4by3 {
  padding-top: 75%; }

.slider-container .slider-item .video-container.is-21by9 {
  padding-top: 42.857143%; }

.slider-container .slider-item .video-container embed, .slider-container .slider-item .video-container iframe, .slider-container .slider-item .video-container object {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important; }

.slider-navigation-next, .slider-navigation-previous {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 42px;
  height: 42px;
  background: #fff center center no-repeat;
  background-size: 20px 20px;
  border: 1px solid #fff;
  border-radius: 25091983px;
  -webkit-box-shadow: 0 2px 5px #3232321a;
          box-shadow: 0 2px 5px #3232321a;
  top: 50%;
  margin-top: -20px;
  left: 0;
  cursor: pointer;
  transition: opacity .3s,-webkit-transform .3s;
  -webkit-transition: opacity .3s,-webkit-transform .3s;
  transition: transform .3s,opacity .3s;
  transition: transform .3s,opacity .3s,-webkit-transform .3s; }

.slider-navigation-next:hover, .slider-navigation-previous:hover {
  -webkit-transform: scale(1.2);
  transform: scale(1.2); }

.slider-navigation-next.is-hidden, .slider-navigation-previous.is-hidden {
  display: none;
  opacity: 0; }

.slider-navigation-next svg, .slider-navigation-previous svg {
  width: 25%; }

.slider-navigation-next {
  left: auto;
  right: 0;
  background: #fff center center no-repeat;
  background-size: 20px 20px; }

.slider-pagination {
  display: none;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: .5rem 1rem;
  text-align: center; }

.slider-pagination .slider-page {
  background: #fff;
  width: 10px;
  height: 10px;
  border-radius: 25091983px;
  display: inline-block;
  margin: 0 3px;
  -webkit-box-shadow: 0 2px 5px #3232321a;
          box-shadow: 0 2px 5px #3232321a;
  transition: -webkit-transform .3s;
  -webkit-transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
  transition: transform .3s,-webkit-transform .3s;
  cursor: pointer; }

.slider-pagination .slider-page.is-active, .slider-pagination .slider-page:hover {
  -webkit-transform: scale(1.4);
  transform: scale(1.4); }

@media screen and (min-width: 800px) {
  .slider-pagination {
    display: flex; } }

.hero.has-carousel {
  position: relative; }

.hero.has-carousel + .hero-body, .hero.has-carousel + .hero-footer, .hero.has-carousel + .hero-head {
  z-index: 10;
  overflow: hidden; }

.hero.has-carousel .hero-carousel {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
  border: none;
  margin: auto;
  padding: 0;
  z-index: 0; }

.hero.has-carousel .hero-carousel .slider {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  height: 100% !important;
  max-height: 100%;
  z-index: 0; }

.hero.has-carousel .hero-carousel .slider .has-background {
  max-height: 100%; }

.hero.has-carousel .hero-carousel .slider .has-background .is-background {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
  height: 100%;
  width: 100%; }

.hero.has-carousel .hero-body {
  margin: 0 3rem;
  z-index: 10; }

@-webkit-keyframes spinAround {
  from {
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@keyframes spinAround {
  from {
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

.is-collapsible {
  height: 0;
  overflow-y: hidden;
  -webkit-transition: height .2s ease;
  transition: height .2s ease; }

.is-collapsible.is-active {
  -webkit-transition: height .2s ease;
  transition: height .2s ease; }

.is-collapsible.message-body {
  padding: 0 !important; }

.is-collapsible.message-body .message-body-content {
  padding: 1.25em 1.5em; }

@media (min-width: 0) {
  main {
    padding: 0px; } }

@media (min-width: 769px) {
  main {
    padding: 0px; } }

@media (min-width: 1024px) {
  main {
    padding: 5px 0px; } }

@media (min-width: 0) {
  html {
    scroll-padding-top: 5px; } }

@media (min-width: 769px) {
  html {
    scroll-padding-top: 5px; } }

@media (min-width: 1024px) {
  html {
    scroll-padding-top: 110px; } }

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important; }

.spinner {
  display: inline-block;
  width: 80px;
  height: 80px; }

.spinner:after {
  content: " ";
  display: block;
  width: 64px;
  height: 64px;
  margin: 8px;
  border-radius: 50%;
  border: 6px solid #e0e0e0;
  border-color: #e0e0e0 transparent #e0e0e0 transparent;
  -webkit-animation: spinner 2.2s linear infinite;
          animation: spinner 2.2s linear infinite; }

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

#cntfl_preview {
  display: block;
  position: fixed;
  top: 2px;
  left: 53%;
  font-weight: bold;
  padding: 0 40px 0px 40px;
  outline: 1px solid #d7a204;
  z-index: 99999;
  background-color: rgba(255, 180, 4, 0.39);
  color: #fff;
  text-shadow: 1px 1px 1px #333;
  letter-spacing: 0.15em; }

@media (min-width: 0) {
  .about .dev-icon-wrap {
    display: none; } }

@media (min-width: 1024px) {
  .about .dev-icon-wrap {
    display: block;
    margin-top: -450px;
    margin-bottom: 300px;
    margin-left: -70px; } }

@media (min-width: 1024px) {
  .about .column.with-img {
    margin-top: -190px;
    margin-right: -60px; } }

.about .column.white-bg {
  background-color: #fff;
  border-radius: 16px;
  padding: 30px;
  margin: 30px;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.14);
          box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.14); }

.about .related p.has-text-weight-semibold {
  line-height: 1.25em; }

.about .container.light-grey {
  padding: 30px 25px 0px 25px;
  background-color: #f2f2f2;
  border-radius: 30px; }

.about .tab_btns {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  text-align: left;
  background-color: #fff;
  padding: 20px 23px;
  border-radius: 14px; }
  .about .tab_btns:-webkit-scrollbar {
    display: none;
    -ms-overflow-style: none;
    scrollbar-width: none; }
  .about .tab_btns a.button {
    margin-left: -4px;
    border: none;
    border-bottom: 1px solid rgba(2, 10, 71, 0.2);
    border-radius: 0; }
  .about .tab_btns a.button.active_tab {
    position: relative;
    display: inline-block;
    color: inherit;
    font-weight: bold; }
    .about .tab_btns a.button.active_tab:after {
      content: '';
      position: absolute;
      left: 0;
      bottom: 0;
      margin-bottom: -1px;
      width: 100%;
      height: 2px;
      background: -webkit-gradient(linear, left top, right top, from(#D30971), to(#9B2AFF));
      background: linear-gradient(90deg, #D30971 0%, #9B2AFF 100%);
      -webkit-transition: width 0.5s ease;
      transition: width 0.5s ease;
      border-radius: 10px; }

.about .investor-logos {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1%; }
  .about .investor-logos .item {
    width: 15%; }
    @media (min-width: 0) {
      .about .investor-logos .item {
        width: 32%; } }
    @media (min-width: 769px) {
      .about .investor-logos .item {
        width: 20%; } }
    @media (min-width: 1024px) {
      .about .investor-logos .item {
        width: 15%; } }
    .about .investor-logos .item img.investor-logo {
      padding: 0px 30px;
      -webkit-filter: grayscale(100%);
              filter: grayscale(100%); }
      .about .investor-logos .item img.investor-logo:hover {
        -webkit-filter: grayscale(0%);
                filter: grayscale(0%); }

.about .award-wrapper {
  background: #FFFFFF;
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
  webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
  border-radius: 20px;
  padding: 30px 5px 10px 5px; }
  .about .award-wrapper img.awards-logo {
    max-width: 170px;
    padding-bottom: 15px;
    margin: auto; }
  .about .award-wrapper p.award-txt {
    line-height: 1.25; }
    @media (min-width: 0) {
      .about .award-wrapper p.award-txt {
        min-height: 40px; } }
    @media (min-width: 1239px) {
      .about .award-wrapper p.award-txt {
        min-height: 20px; } }
.about .subheading.for-awards {
  max-width: 900px; }

@media (min-width: 0) {
  .about .columns.investors-second {
    padding: 0px; } }

@media (min-width: 769px) {
  .about .columns.investors-second {
    padding: 0px 5%; } }

.about .person {
  padding-bottom: 30px; }

.about .icon {
  display: inline; }
  .about .icon svg.svg-inline--fa {
    font-size: 16px;
    padding: 5px;
    border-radius: 4px;
    margin-right: 5px;
    margin-bottom: -5px;
    color: #fff;
    background-color: #020A47 !important; }

.about .leader-bio {
  background-color: #fff;
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid #E2E2E2;
  padding: 10px 20px 20px 20px; }
  .about .leader-bio:hover {
    border: 1px solid #9B2AFF; }
  .about .leader-bio img.modal-button {
    display: block;
    width: 100%;
    max-width: 250px;
    margin: 0 auto; }
  .about .leader-bio h4 {
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 0px; }
  .about .leader-bio p {
    margin-bottom: 10px; }
  .about .leader-bio .job-title {
    min-height: 58px; }

.about .modal-background {
  background-color: rgba(9, 13, 46, 0.7); }

.about button.modal-close.is-large {
  border: 1px solid #D30971; }
  @media (min-width: 0) {
    .about button.modal-close.is-large {
      right: 11%;
      margin-top: 12%; } }
  @media (min-width: 1024px) {
    .about button.modal-close.is-large {
      right: calc(50% - 530px);
      margin-top: 12%; } }
.about .modal-close::before, .about .modal-close::after {
  background-color: #D30971; }

.about .modal-content {
  background-color: #F2F4F6;
  margin-top: 12%;
  border-radius: 30px;
  -webkit-box-shadow: 0px 0px 30px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 30px 10px rgba(0, 0, 0, 0.1); }
  @media (min-width: 0) {
    .about .modal-content {
      width: 90%;
      padding: 20px 25px; } }
  @media (min-width: 769px) {
    .about .modal-content {
      width: 80%;
      padding: 30px 40px; } }
  @media (min-width: 1024px) {
    .about .modal-content {
      max-width: 1100px;
      width: 90%;
      padding: 30px 60px; } }
  .about .modal-content .subheading {
    color: #020A47; }
  @media (min-width: 0) {
    .about .modal-content .with-photo {
      padding-right: 0; } }
  @media (min-width: 769px) {
    .about .modal-content .with-photo {
      padding-right: 60px; } }
.about .team-images .hero-body.px-0 {
  margin-right: -15px;
  margin-left: -15px; }

.about .team-images img.team-img {
  border-radius: 20px; }

.about .team-images .columns.is-variable.is-2 {
  margin-bottom: 0; }

.about .people-career p {
  font-size: 18px; }

.about .people-career img {
  border-radius: 30px; }

@media (min-width: 0) {
  .about .people-career .column.is-one-quarter {
    padding-right: 0px; } }

@media (min-width: 769px) {
  .about .people-career .column.is-one-quarter {
    padding-right: 60px; } }

.about .temp-hide {
  display: none; }

.about #grnhse_iframe {
  display: block;
  width: 100% !important; }

.about .who-we-are {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .about .who-we-are .item {
    background-color: #fff;
    border: 1px solid #E2E2E2;
    padding: 30px; }
    @media (min-width: 0) {
      .about .who-we-are .item {
        width: 100%;
        margin-bottom: 15px; } }
    @media (min-width: 769px) {
      .about .who-we-are .item {
        width: 48.5%;
        margin-bottom: 15px; } }
    @media (min-width: 1024px) {
      .about .who-we-are .item {
        width: 23.5%;
        margin: 0px; } }
/*---Styling for main blog roll page--*/
.blog_index {
  padding-top: 0px;
  /*---Styling posts grid--*/
  /*styling categories*/ }
  .blog_index .blog-title {
    font-weight: bold;
    text-transform: none;
    color: #020A47; }
    @media (min-width: 0) {
      .blog_index .blog-title {
        font-size: 2.5rem;
        line-height: 1.2; } }
    @media (min-width: 769px) {
      .blog_index .blog-title {
        font-size: 3.5rem;
        line-height: 1.2; } }
    @media (min-width: 1024px) {
      .blog_index .blog-title {
        font-size: 4.5rem;
        line-height: 1.2; } }
  .blog_index .v-l-line p {
    border-left: 2px solid #020A47;
    padding-left: 30px; }
  .blog_index .featured-post h2 {
    font-size: 24px; }
  .blog_index .featured-post .post-details-flex {
    display: flex;
    justify-content: space-between;
    flex-direction: column; }
    .blog_index .featured-post .post-details-flex .post-summary h2 {
      font-size: 22px;
      color: #020A47;
      line-height: 1.3em; }
  .blog_index .mktoTemplateBox {
    color: #171717 !important;
    text-align: left !important; }
  .blog_index .post-flex {
    padding-top: 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .blog_index .post-flex .post-item {
      display: flex;
      margin-bottom: 40px;
      border-radius: 20px;
      -webkit-box-shadow: 0px 0px 13px 1px rgba(27, 20, 65, 0.08);
              box-shadow: 0px 0px 13px 1px rgba(27, 20, 65, 0.08);
      align-content: flex-end;
      overflow: hidden; }
      @media (min-width: 0) {
        .blog_index .post-flex .post-item {
          width: 100%; } }
      @media (min-width: 769px) {
        .blog_index .post-flex .post-item {
          width: 48%; } }
      @media (min-width: 1024px) {
        .blog_index .post-flex .post-item {
          width: 31.5%; } }
      .blog_index .post-flex .post-item .post-meta {
        padding: 5px 25px; }
      .blog_index .post-flex .post-item .title-text {
        padding: 25px;
        min-height: 280px; }
        .blog_index .post-flex .post-item .title-text h2 {
          font-size: 24px;
          line-height: 1 !important;
          padding-bottom: 10px; }
    .blog_index .post-flex .purple-bgr {
      margin-bottom: 60px;
      margin-top: 20px; }
  .blog_index h2.cat-title {
    display: none; }
  .blog_index .categories {
    padding: 0 5px 40px 6px; }
    .blog_index .categories a {
      font-size: 20px;
      color: #020A47; }
    .blog_index .categories .cat-main {
      display: inline-block;
      margin-right: 30px; }
    .blog_index .categories .active.cat-main {
      padding-bottom: 6px;
      border-bottom: 3px solid #5EE4E4; }
    .blog_index .categories .cat-all {
      display: inline-block;
      margin-right: 30px; }
    .blog_index .categories .active.cat-all {
      padding-bottom: 6px;
      border-bottom: 3px solid #5EE4E4; }

.pagination {
  text-align: left;
  justify-content: left; }
  .pagination a {
    display: inline-block;
    padding: 0 20px;
    font-weight: bold; }
  .pagination a.active {
    text-decoration: underline; }

/*--Author page---*/
.post .author-info {
  padding-top: 40px;
  padding-bottom: 20px; }
  @media (min-width: 0) {
    .post .author-info {
      display: block; } }
  @media (min-width: 1024px) {
    .post .author-info {
      display: flex; } }
  .post .author-info .author-img {
    width: 300px;
    margin-right: 30px; }
    .post .author-info .author-img img {
      width: 150px;
      border-radius: 150px; }

/*--Post page---*/
@media (min-width: 0) {
  .blog_post {
    padding: 15px 20px; } }

@media (min-width: 769px) {
  .blog_post {
    padding: 10px 20px; } }

@media (min-width: 1024px) {
  .blog_post {
    padding: 0px 10px; } }

.blog_post .grey-bg-f7 {
  background-color: #F7F7F7; }

.blog_post figcaption {
  display: block;
  text-align: center;
  font-size: 14px;
  padding-bottom: 20px;
  margin-top: -10px; }

.blog_post img {
  display: block;
  margin: 15px auto; }

.blog_post img.aligncenter {
  display: block;
  margin: 15px auto; }

@media (min-width: 0) {
  .blog_post img.is-half-screen {
    display: block;
    width: 100%;
    padding: 20px 0px;
    float: none; } }

@media (min-width: 1024px) {
  .blog_post img.is-half-screen {
    display: inline-block;
    width: 46%;
    float: right;
    padding: 0px 0px 10px 25px; } }

.blog_post hr.dark {
  border-top: 1px solid #171717 !important; }

.blog_post table, .blog_post td, .blog_post th {
  border: 1px solid rgba(0, 0, 0, 0.1) !important; }

.blog_post .post.content.is-content {
  overflow: hidden; }
  .blog_post .post.content.is-content p {
    font-size: 18px; }
  .blog_post .post.content.is-content li {
    font-size: 18px; }

.blog_post .content {
  font-family: 'Proxima-Nova',proxima-nova,sans-serif; }
  .blog_post .content h1 {
    font-weight: bold;
    line-height: 1.1;
    text-transform: none;
    color: #020A47; }
    @media (min-width: 0) {
      .blog_post .content h1 {
        font-size: 2rem; } }
    @media (min-width: 769px) {
      .blog_post .content h1 {
        font-size: 3rem; } }
  .blog_post .content h2 {
    font-weight: 700;
    line-height: 1.2;
    text-transform: none;
    color: #020A47; }
    @media (min-width: 0) {
      .blog_post .content h2 {
        font-size: 1.8rem; } }
    @media (min-width: 769px) {
      .blog_post .content h2 {
        font-size: 2.5rem; } }
  .blog_post .content h2:not(:first-child) {
    margin-top: 0.7em; }
  .blog_post .content h3:not(:first-child) {
    margin-top: 0.7em; }
  .blog_post .content h3 {
    font-weight: 700;
    line-height: 1.2;
    text-transform: none;
    color: #020A47; }
    @media (min-width: 0) {
      .blog_post .content h3 {
        font-size: 1.4rem; } }
    @media (min-width: 769px) {
      .blog_post .content h3 {
        font-size: 2rem; } }
  .blog_post .content h4 {
    font-weight: bold;
    line-height: 1.2;
    text-transform: none;
    color: #020A47; }
    @media (min-width: 0) {
      .blog_post .content h4 {
        font-size: 1.2rem; } }
    @media (min-width: 769px) {
      .blog_post .content h4 {
        font-size: 1.7rem; } }
  .blog_post .content h5 {
    font-weight: 700;
    line-height: 1.2;
    text-transform: none;
    color: #020A47; }
    @media (min-width: 0) {
      .blog_post .content h5 {
        font-size: 1.1rem; } }
    @media (min-width: 769px) {
      .blog_post .content h5 {
        font-size: 1.4rem; } }
.blog_post h3.byline {
  display: block;
  font-size: 14px;
  line-height: 1.2;
  word-wrap: break-word;
  font-family: 'Proxima-Nova',proxima-nova,sans-serif;
  font-weight: normal;
  color: #171717; }

.blog_post a {
  color: #9B2AFF; }
  .blog_post a:hover {
    color: #9394FF; }

.blog_post a.is-navy {
  color: #020A47 !important; }
  .blog_post a.is-navy:hover {
    color: #9B2AFF !important; }

.blog_post td.blob-code.blob-code-inner, .blog_post td.blob-num, .blog_post .highlight.tab-size {
  border: #fff !important; }

.blog_post .gradient-outline {
  padding: 10px 45px;
  line-height: 1.2;
  display: inline-block;
  border-radius: 10px;
  font-size: 18px;
  color: #020A47 !important;
  -webkit-box-shadow: 0 0 6px 0 rgba(157, 96, 212, 0.5);
          box-shadow: 0 0 6px 0 rgba(157, 96, 212, 0.5);
  border: solid 3px transparent;
  background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(101deg, #D30971, #9B2AFF);
  background-origin: border-box;
  background-clip: content-box, border-box;
  -webkit-box-shadow: 3px 1000px 1px #fff inset;
          box-shadow: 3px 1000px 1px #fff inset; }

.blog_post .gradient-outline:hover {
  border: solid 3px transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #f7f7f7 !important; }

.blog_post .video-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 73%;
  margin-bottom: 20px; }

.blog_post .youtube-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 60%;
  margin-bottom: 20px; }

.blog_post .responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%; }

.blog_post .db3-quote {
  margin: 30px 0px;
  background-image: url(//images.ctfassets.net/o7xu9whrs0u9/2WYvZDswYeOgssCD7qUGSP/6d282a1dc9a967b0209a75102ea33810/purple-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  font-size: 20px;
  text-align: center; }
  @media (min-width: 0) {
    .blog_post .db3-quote {
      padding: 25px;
      border-radius: 10px; } }
  @media (min-width: 1024px) {
    .blog_post .db3-quote {
      padding: 50px 60px;
      border-radius: 15px; } }
code {
  font-family: "Roboto Mono", monospace !important;
  font-size: 16px;
  background: transparent;
  color: inherit; }

span.token.number {
  font-size: 15px;
  height: 1.5em; }

.post pre.code-toolbar {
  background-color: #eeeff2 !important;
  max-height: 41em; }

.post :not(pre) > code[class*="language-"] {
  background-color: #eeeff2 !important; }

code.h2-code.language-markup {
  color: #020A47;
  white-space: nowrap; }
  @media (min-width: 0) {
    code.h2-code.language-markup {
      font-size: 1.5rem; } }
  @media (min-width: 0) {
    code.h2-code.language-markup {
      font-size: 1.8rem; } }
  @media (min-width: 769px) {
    code.h2-code.language-markup {
      font-size: 2.7; } }
.code-link {
  color: #9B2AFF !important; }

.code-link:hover {
  color: #9394ff !important; }

/*--styling Newsroom page --*/
.newsroom .hero.code_section_bg {
  background-color: #020a47; }

.newsroom .post-summary h2 {
  font-size: 18px !important;
  line-height: 1.4em;
  min-height: 130px; }

.newsroom .press-release {
  width: 100%;
  max-width: 1344px;
  display: flex;
  flex-wrap: wrap; }
  @media (min-width: 0) {
    .newsroom .press-release {
      margin: 0px; } }
  @media (min-width: 1239px) {
    .newsroom .press-release {
      margin-left: -1.6%;
      margin-right: -1.6%; } }
  .newsroom .press-release .post-summary {
    display: block;
    -webkit-box-shadow: 0px 0px 13px 1px rgba(27, 20, 65, 0.08);
            box-shadow: 0px 0px 13px 1px rgba(27, 20, 65, 0.08);
    padding: 20px;
    border-radius: 10px; }
    .newsroom .press-release .post-summary:hover {
      -webkit-box-shadow: 0px 0px 7px 0px rgba(27, 20, 65, 0.07);
              box-shadow: 0px 0px 7px 0px rgba(27, 20, 65, 0.07); }
    @media (min-width: 0) {
      .newsroom .press-release .post-summary {
        width: 100%;
        margin-bottom: 20px; } }
    @media (min-width: 769px) {
      .newsroom .press-release .post-summary {
        width: 47%;
        margin: 1.5%; } }
    @media (min-width: 1239px) {
      .newsroom .press-release .post-summary {
        width: 30.3%;
        margin: 1.5%; } }
    .newsroom .press-release .post-summary .post-details .date {
      display: inline-block; }
    .newsroom .press-release .post-summary .post-details hr.teal-line {
      margin-top: 7px;
      margin-bottom: 30px; }

.newsroom .navy-icons-block {
  background-color: #020a47;
  border-radius: 20px;
  padding: 13px 15px;
  width: 310px; }
  .newsroom .navy-icons-block span.icon {
    background-color: #5ee4e4;
    border-radius: 7px;
    width: 50px;
    height: 50px;
    margin: 8px; }
    .newsroom .navy-icons-block span.icon .fa-brands {
      font-size: 30px;
      color: #020a47; }

.clien-libraries {
  /*--code section styling--*/ }
  .clien-libraries .container.navy-bg {
    background-color: #fff;
    background-image: url("//images.ctfassets.net/o7xu9whrs0u9/5Y3TzG0xTnS4g78dRRPyS9/c6c88f664d1aebf3e108e792f5f314d4/gradient-bg.svg");
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    border-radius: 50px;
    padding: 40px 20px; }
    .clien-libraries .container.navy-bg .breadcrumb-left {
      text-align: left; }
      @media (min-width: 0) {
        .clien-libraries .container.navy-bg .breadcrumb-left {
          padding-left: 0px; } }
      @media (min-width: 769px) {
        .clien-libraries .container.navy-bg .breadcrumb-left {
          padding-left: 20px; } }
    .clien-libraries .container.navy-bg .subheading {
      font-size: 1.8rem;
      display: block;
      padding: 5px 0px 10px 0px;
      max-width: 880px;
      margin: auto; }
    .clien-libraries .container.navy-bg .purple-link {
      color: #5EE4E4; }
      .clien-libraries .container.navy-bg .purple-link:hover {
        color: #9394FF; }
  .clien-libraries .link-icon {
    font-size: 18px; }
  .clien-libraries .icon {
    font-size: 15px; }
  .clien-libraries #client_libraries {
    overflow: hidden; }
    .clien-libraries #client_libraries .card {
      overflow: hidden;
      display: block;
      float: left;
      padding: 15px;
      margin: 15px 10px 20px 10px;
      min-height: 100px;
      border-radius: 11px; }
    .clien-libraries #client_libraries .card img {
      width: 130px;
      height: auto; }
    .clien-libraries #client_libraries .slider-item {
      max-width: 144px;
      margin-top: 60px; }
    .clien-libraries #client_libraries .slider-pagination {
      display: none; }
    .clien-libraries #client_libraries .slider-navigation-next {
      position: absolute;
      top: 20px;
      right: 10px; }
    .clien-libraries #client_libraries .slider-navigation-previous {
      position: absolute;
      top: 20px;
      margin-left: calc(100% - 105px); }
    .clien-libraries #client_libraries .slider-navigation-next:hover {
      -webkit-transform: scale(1);
      transform: scale(1); }
    .clien-libraries #client_libraries .slider-navigation-previous:hover {
      -webkit-transform: scale(1);
      transform: scale(1); }
    .clien-libraries #client_libraries svg {
      width: 7px; }
      .clien-libraries #client_libraries svg polyline {
        color: white;
        stroke: black;
        stroke-width: 13px; }
  .clien-libraries .features {
    display: flex;
    justify-content: space-between; }
    .clien-libraries .features .related-white {
      background-color: #fff;
      width: 31%;
      border-radius: 16px;
      padding: 30px; }
      .clien-libraries .features .related-white p {
        color: #171717; }
  .clien-libraries .code_section_bg {
    /*--code section styling--*/
    padding: 0px; }
    @media (min-width: 0) {
      .clien-libraries .code_section_bg {
        margin-top: 40px;
        margin-bottom: 40px;
        background: #F1F4F6; } }
    @media (min-width: 1024px) {
      .clien-libraries .code_section_bg {
        margin-top: 80px;
        margin-bottom: 80px;
        background: -webkit-gradient(linear, left top, right top, color-stop(50%, #fff), color-stop(50%, #F1F4F6));
        background: linear-gradient(90deg, #fff 50%, #F1F4F6 50%); } }
    @media (min-width: 0) {
      .clien-libraries .code_section_bg .hero-body {
        padding: 0px 10px; } }
    @media (min-width: 769px) {
      .clien-libraries .code_section_bg .hero-body {
        padding: 0px; } }
    @media (min-width: 1024px) {
      .clien-libraries .code_section_bg .hero-body {
        padding: 0px; } }
    .clien-libraries .code_section_bg .container {
      padding-top: 60px;
      padding-bottom: 10px;
      background-color: #F1F4F6;
      border-radius: 30px; }
      .clien-libraries .code_section_bg .container .title.is-2.teal {
        margin-bottom: 30px; }
      .clien-libraries .code_section_bg .container a {
        color: #020A47;
        font-weight: bold; }
      @media (min-width: 0) {
        .clien-libraries .code_section_bg .container .columns.reverse-mobile {
          flex-direction: row-reverse; } }
      @media (min-width: 1024px) {
        .clien-libraries .code_section_bg .container .columns.reverse-mobile {
          flex-direction: row; } }
  .clien-libraries .code-area {
    margin: 0 auto; }
    @media (min-width: 0) {
      .clien-libraries .code-area {
        max-width: 100%; } }
    @media (min-width: 769px) {
      .clien-libraries .code-area {
        max-width: 90%; } }
    @media (min-width: 1024px) {
      .clien-libraries .code-area {
        max-width: 90%; } }
    .clien-libraries .code-area .hidden {
      display: none; }
    .clien-libraries .code-area .id-code-scroll {
      color: #d8d8d8 !important;
      background: #020A47 !important;
      font-size: 14px;
      line-height: 1.3em;
      height: 430px;
      overflow-y: scroll;
      overflow-x: scroll;
      padding: 15px;
      border-radius: 0 0 16px 16px; }
    .clien-libraries .code-area .pre-container {
      position: relative; }
    .clien-libraries .code-area .cp {
      display: none;
      color: #ccc;
      border: 1px solid #fff;
      position: absolute;
      top: 0;
      right: 0;
      padding: 0px 5px;
      cursor: pointer; }
    .clien-libraries .code-area pre.id-home-pre.id-code-scroll {
      white-space: pre-line;
      margin-top: 0; }
  .clien-libraries .sw-btn {
    display: inline-block;
    margin-right: 20px; }
    .clien-libraries .sw-btn .selector.rw-block {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 8px;
      border: 1px solid #fff;
      border-radius: 10px;
      margin-left: 5px; }
      .clien-libraries .sw-btn .selector.rw-block .rw-selector {
        display: inline-block;
        flex-basis: auto;
        width: 75px;
        text-align: center;
        font-size: 13px;
        color: #fff;
        line-height: 2em; }
      .clien-libraries .sw-btn .selector.rw-block .rw-selector.active {
        flex-basis: auto;
        text-align: center;
        border: 1px solid #fff;
        background-color: #fff;
        border-radius: 10px;
        color: #020A47 !important; }
  .clien-libraries .c-hide {
    display: none !important; }
  .clien-libraries .selector {
    cursor: pointer; }
  .clien-libraries #code_example {
    padding: 0px; }
    .clien-libraries #code_example .top-code {
      display: flex;
      justify-content: space-between;
      margin: 0px auto;
      padding: 20px 10px;
      background-color: #020A47;
      border-bottom: 1px solid #656565;
      border-radius: 16px 16px 0px 0px; }
      @media (min-width: 0) {
        .clien-libraries #code_example .top-code {
          max-width: 100%; } }
      @media (min-width: 769px) {
        .clien-libraries #code_example .top-code {
          max-width: 90%; } }
      @media (min-width: 1024px) {
        .clien-libraries #code_example .top-code {
          max-width: 90%; } }
      .clien-libraries #code_example .top-code .selector {
        display: inline-block;
        cursor: pointer; }
        .clien-libraries #code_example .top-code .selector span {
          font-weight: 400;
          font-size: 12px;
          line-height: 1.6;
          text-transform: none;
          display: inline-block;
          color: #fff;
          padding: 3px 25px;
          border: 1px solid #fff;
          border-radius: 30px;
          margin-right: 10px;
          margin-top: 10px; }
        .clien-libraries #code_example .top-code .selector span.active {
          border: 1px solid #5EE4E4;
          color: #020A47 !important; }
  .clien-libraries h4 {
    margin-top: 10px; }
  @media (min-width: 1024px) {
    .clien-libraries h4.cl-library {
      margin-bottom: -30px; } }
  @media (min-width: 0) {
    .clien-libraries .x-padding {
      padding-left: 20px;
      padding-right: 20px; } }
  @media (min-width: 769px) {
    .clien-libraries .x-padding {
      padding-left: 40px;
      padding-right: 40px; } }
  @media (min-width: 1024px) {
    .clien-libraries .x-padding {
      padding-left: 60px;
      padding-right: 60px; } }
  .clien-libraries .container.light-grey {
    padding: 25px;
    background-color: #f2f2f2;
    border-radius: 30px; }

.community {
  /*img.hero-img {
   display: block;
   @include mobile {
     width: 80%;
   }
    
    @include desktop {
      float: right;
      max-width: 400px;
    }
  }*/
  /*--- Video slider ---*/
  /* -closing .slideshow */ }
  .community .container.purple-gradient-bg {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(155, 42, 255, 0.3)), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(180deg, rgba(155, 42, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%);
    /*background-image: url('//images.ctfassets.net/o7xu9whrs0u9/5Y3TzG0xTnS4g78dRRPyS9/c6c88f664d1aebf3e108e792f5f314d4/gradient-bg.svg');
    background-repeat: no-repeat; 
    background-position: top center;
    background-size: cover; */
    border-radius: 50px; }
    @media (min-width: 0) {
      .community .container.purple-gradient-bg {
        padding: 30px 20px; } }
    @media (min-width: 1024px) {
      .community .container.purple-gradient-bg {
        padding: 40px 60px; } }
  .community p.purple-v {
    border-left: 3px solid;
    border-top: 0;
    border-bottom: 0;
    border-right: 0;
    -o-border-image: linear-gradient(180deg, #9394FF -7.02%, #9B2AFF 104.47%);
       border-image: -webkit-gradient(linear, left top, left bottom, color-stop(-7.02%, #9394FF), color-stop(104.47%, #9B2AFF));
       border-image: linear-gradient(180deg, #9394FF -7.02%, #9B2AFF 104.47%);
    border-image-slice: 2;
    padding-left: 25px; }
  .community .icons-row {
    display: flex;
    gap: 30px;
    text-align: center;
    padding-left: 28px; }
    .community .icons-row .icon {
      margin-bottom: 18px; }
      .community .icons-row .icon i.fa-brands {
        color: #fff;
        font-size: 26px;
        width: 60px;
        height: 44px;
        background-color: #020A47;
        padding: 10px;
        border-radius: 40px; }
        .community .icons-row .icon i.fa-brands:hover {
          background-color: #D30971; }
  .community .with-hi-icon {
    display: flex;
    align-items: flex-start;
    gap: 45px;
    padding-bottom: 25px; }
    .community .with-hi-icon img.hi-icon {
      width: 70px;
      padding-top: 10px; }
    .community .with-hi-icon p.is-size-3.has-text-weight-bold {
      line-height: 1.3; }
  .community .related {
    padding: 30px;
    border-radius: 25px; }
    .community .related:hover {
      -webkit-box-shadow: 0px 0px 17px 0px rgba(0, 0, 0, 0.12);
              box-shadow: 0px 0px 17px 0px rgba(0, 0, 0, 0.12); }
    .community .related img.blurb-icon {
      width: 85px;
      /*border-left: 3px solid;
    border-top: 0;
    border-bottom: 0;
    border-right: 0;
    border-image: linear-gradient(180deg, #9394FF -7.02%, #9B2AFF 104.47%);
    border-image-slice: 2;
    padding-left: 15px;*/ }
    .community .related .blurb-height {
      height: 200px; }
      .community .related .blurb-height p.blurb-description {
        font-size: 1.3rem;
        line-height: 1.4em; }
  .community .above-slide-title {
    margin-bottom: -50px; }
  .community .slideshow {
    max-width: 100%;
    overflow: hidden; }
    .community .slideshow .slider-pagination {
      display: none; }
    .community .slideshow .slider-navigation-next {
      position: absolute;
      top: 20px;
      right: 10px; }
    .community .slideshow .slider-container {
      padding-top: 70px; }
    .community .slideshow .slider-navigation-previous {
      position: absolute;
      top: 20px;
      margin-left: calc(100% - 105px);
      border: 1px solid black;
      -webkit-box-shadow: none;
              box-shadow: none; }
      .community .slideshow .slider-navigation-previous:hover {
        -webkit-transform: scale(1);
        transform: scale(1); }
    .community .slideshow .slider-navigation-next {
      border: 1px solid black;
      -webkit-box-shadow: none;
              box-shadow: none; }
      .community .slideshow .slider-navigation-next:hover {
        -webkit-transform: scale(1);
        transform: scale(1); }
  .community svg {
    width: 7px; }
    .community svg polyline {
      color: white;
      stroke: black;
      stroke-width: 13px; }

.comparison .grey-bg {
  background-color: #FAFAFA; }
  .comparison .grey-bg .hero-body img.icon-img {
    width: 120px; }
    @media (min-width: 0) {
      .comparison .grey-bg .hero-body img.icon-img {
        display: none; } }
    @media (min-width: 769px) {
      .comparison .grey-bg .hero-body img.icon-img {
        display: block; } }
  .comparison .grey-bg .hero-body img.icon-img.img-1 {
    margin-left: 35px; }
  .comparison .grey-bg .hero-body img.icon-img.img-3 {
    float: right;
    margin-right: 35px; }
  .comparison .grey-bg .hero-body img.icon-img.img-4 {
    float: right; }

.comparison .container.navy-bg {
  background-color: #fff;
  background-image: url("//images.ctfassets.net/o7xu9whrs0u9/5Y3TzG0xTnS4g78dRRPyS9/c6c88f664d1aebf3e108e792f5f314d4/gradient-bg.svg");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  border-radius: 50px;
  padding: 40px 20px; }
  .comparison .container.navy-bg .breadcrumb-left {
    text-align: left; }
    @media (min-width: 0) {
      .comparison .container.navy-bg .breadcrumb-left {
        padding-left: 0px; } }
    @media (min-width: 769px) {
      .comparison .container.navy-bg .breadcrumb-left {
        padding-left: 20px; } }
  .comparison .container.navy-bg .subheading {
    font-size: 1.8rem;
    display: block;
    padding: 5px 0px 10px 0px;
    max-width: 880px;
    margin: auto; }
  .comparison .container.navy-bg .purple-link {
    color: #5EE4E4; }
    .comparison .container.navy-bg .purple-link:hover {
      color: #9394FF; }

.comparison .hero.navy-bg {
  background-color: #020A47; }
  .comparison .hero.navy-bg a.sub-nav-link {
    display: inline-block;
    color: #fff;
    font-size: 20px;
    margin: 0px 10px; }

.comparison img.db-logo {
  width: 70px; }

.comparison .content h3 {
  margin-top: 0em;
  margin-bottom: 10px; }
  @media (min-width: 0) {
    .comparison .content h3 {
      font-size: 22px; } }
  @media (min-width: 1024px) {
    .comparison .content h3 {
      font-size: 27px; } }
.comparison .partners-results {
  display: flex;
  flex-wrap: wrap;
  gap: 2%;
  justify-content: flex-start; }
  .comparison .partners-results .db.card {
    height: 250px;
    background-color: #fff;
    border-radius: 20px;
    -webkit-box-shadow: 0px 0px 13px 1px rgba(27, 20, 65, 0.08);
            box-shadow: 0px 0px 13px 1px rgba(27, 20, 65, 0.08);
    padding: 30px;
    margin-bottom: 25px; }
    .comparison .partners-results .db.card:hover {
      -webkit-box-shadow: 0px 0px 7px 0px rgba(27, 20, 65, 0.07);
              box-shadow: 0px 0px 7px 0px rgba(27, 20, 65, 0.07); }
    @media (min-width: 0) {
      .comparison .partners-results .db.card {
        width: 98%; } }
    @media (min-width: 769px) {
      .comparison .partners-results .db.card {
        width: 48%; } }
    @media (min-width: 1024px) {
      .comparison .partners-results .db.card {
        width: 23%; } }
    .comparison .partners-results .db.card h3 {
      font-size: 18px;
      line-height: 1.25;
      font-weight: 600;
      text-align: center; }
      .comparison .partners-results .db.card h3:hover {
        color: #9B2AFF; }
    .comparison .partners-results .db.card img {
      height: 100px;
      width: auto;
      margin-bottom: 15px; }
    .comparison .partners-results .db.card .all-db {
      display: flex;
      justify-content: space-around;
      padding-bottom: 35px;
      padding-top: 13px; }
      .comparison .partners-results .db.card .all-db img {
        height: 75px;
        width: auto;
        margin-bottom: 15px; }

.customers {
  /*---top right slider ---*/
  /* -closing .slideshow */
  /*-- Customers grid --*/
  /*--single customer pages---*/
  /* closing .related-custom */ }
  @media (min-width: 769px) {
    .customers .haze-top-right {
      position: absolute;
      height: 550px;
      left: 61%;
      right: -30%;
      top: -90%;
      border-radius: 100px;
      background: #fff;
      mix-blend-mode: normal;
      opacity: 0.4;
      -webkit-box-shadow: 0px 40px 55px rgba(27, 20, 65, 0.08);
              box-shadow: 0px 40px 55px rgba(27, 20, 65, 0.08);
      -webkit-transform: rotate(23deg);
              transform: rotate(23deg); } }
  .customers .link-icon {
    color: #020A47;
    font-size: 18px; }
  .customers .icon {
    font-size: 15px; }
  .customers .header-buttons .icon-text {
    margin-top: 13px;
    margin-left: 20px; }
  .customers .slideshow {
    max-width: 600px;
    overflow: hidden !important;
    /*-closing .is-slide*/ }
    @media (min-width: 0) {
      .customers .slideshow {
        display: none; } }
    @media (min-width: 769px) {
      .customers .slideshow {
        display: block;
        margin-top: 10px;
        margin-left: 20px;
        margin-right: 20px; } }
    @media (min-width: 1024px) {
      .customers .slideshow {
        display: block;
        margin-top: 0px;
        margin-left: 0px;
        margin-right: 0px; } }
    @media (min-width: 1239px) {
      .customers .slideshow {
        display: block;
        margin-top: 0px;
        margin-left: 30px;
        margin-right: 0px; } }
    .customers .slideshow .is-slide {
      background-repeat: no-repeat;
      background-color: #020a47;
      overflow: hidden;
      padding: 40px;
      max-width: 600px; }
      @media (min-width: 0) {
        .customers .slideshow .is-slide {
          display: none; } }
      @media (min-width: 769px) {
        .customers .slideshow .is-slide {
          display: flex;
          background-position: center bottom;
          background-size: cover;
          border-radius: 60px;
          height: 580px; } }
      @media (min-width: 1024px) {
        .customers .slideshow .is-slide {
          display: flex;
          background-position: center bottom;
          background-size: cover;
          border-radius: 60px;
          height: 700px; } }
      .customers .slideshow .is-slide .sl-content {
        align-self: flex-end;
        margin-bottom: 5px; }
        .customers .slideshow .is-slide .sl-content p {
          color: #020A47;
          padding-bottom: 10px; }
        @media (min-width: 0) {
          .customers .slideshow .is-slide .sl-content p.slide-description {
            display: none; } }
        @media (min-width: 769px) {
          .customers .slideshow .is-slide .sl-content p.slide-description {
            display: block;
            max-width: 85%; } }
        @media (min-width: 1024px) {
          .customers .slideshow .is-slide .sl-content p.slide-description {
            display: block;
            max-width: 90%; } }
    .customers .slideshow .slide-one {
      background-image: url("https://www.influxdata.com/wp-content/uploads/capital-one-slide-1.jpg"); }
    .customers .slideshow .slide-two {
      background-image: url("https://www.influxdata.com/wp-content/uploads/capital-Texas-Instruments.jpg"); }
    .customers .slideshow .slide-three {
      background-image: url("https://www.influxdata.com/wp-content/uploads/Vera-C-Rubin-Observatory.jpg"); }
    .customers .slideshow .slider-pagination {
      margin-bottom: 20px; }
      .customers .slideshow .slider-pagination .slider-page {
        background: rgba(0, 0, 0, 0.4);
        width: 50px;
        height: 4px; }
        .customers .slideshow .slider-pagination .slider-page:hover {
          -webkit-transform: scale(1);
                  transform: scale(1); }
      .customers .slideshow .slider-pagination .slider-page.is-active {
        -webkit-transform: scale(1);
                transform: scale(1);
        background: #fff; }
    .customers .slideshow .slider-navigation-next {
      display: none; }
    .customers .slideshow .slider-navigation-previous {
      display: none; }
  .customers .slide-mobile {
    background-image: url("https://www.influxdata.com/wp-content/uploads/capital-one-slide.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 650px;
    border-radius: 50px; }
    @media (min-width: 0) {
      .customers .slide-mobile {
        display: flex; } }
    @media (min-width: 769px) {
      .customers .slide-mobile {
        display: none; } }
    .customers .slide-mobile .sl-mobile-content {
      align-self: flex-end;
      background-color: #5ee4e4;
      padding: 30px;
      border-radius: 0px 0px 50px 50px; }
  .customers .customers-grid #gridfilter {
    margin-bottom: 15px;
    margin-left: 15px; }
  .customers .customers-grid select {
    margin-right: 15px;
    min-width: 300px; }
  .customers .customers-grid .select {
    margin-bottom: 10px; }
  .customers .customers-grid .select:not(.is-multiple):not(.is-loading)::after {
    border-color: #020a47 !important;
    margin-right: 10px; }
  .customers .customers-grid input {
    margin-right: 15px;
    min-width: 300px;
    margin-bottom: 10px; }
  .customers .customers-grid .input {
    margin-bottom: 10px; }
  .customers .customers-grid .button.is-gradient.filter-btn {
    margin-bottom: 25px; }
  .customers .customers-grid .customer-results .card {
    display: block;
    float: left;
    padding: 30px;
    min-height: 310px;
    border-radius: 10px; }
    @media (min-width: 0) {
      .customers .customers-grid .customer-results .card {
        width: 98%;
        margin: 1%; } }
    @media (min-width: 769px) {
      .customers .customers-grid .customer-results .card {
        width: 31%;
        margin: 1%; } }
    @media (min-width: 1024px) {
      .customers .customers-grid .customer-results .card {
        width: 31%;
        margin: 1%; } }
    @media (min-width: 1239px) {
      .customers .customers-grid .customer-results .card {
        width: 23%;
        margin: 1%; } }
    .customers .customers-grid .customer-results .card .customer-logo {
      width: 120px;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 80px; }
    .customers .customers-grid .customer-results .card h4 {
      text-align: center;
      color: #020a47;
      font-size: 1.1em;
      font-weight: 500;
      line-height: 1.3rem; }
    .customers .customers-grid .customer-results .card p {
      display: none; }
    .customers .customers-grid .customer-results .card:hover {
      background-color: #9b2aff; }
      .customers .customers-grid .customer-results .card:hover .customer-logo {
        display: none; }
      .customers .customers-grid .customer-results .card:hover h4 {
        color: #fff; }
      .customers .customers-grid .customer-results .card:hover p {
        display: block;
        font-size: 1rem;
        line-height: 1.4em;
        color: #fff;
        text-align: center;
        min-height: 180px;
        padding-top: 10%; }
  @media (min-width: 0) {
    .customers .column.is-two-thirds.main-content {
      padding-right: 0px; } }
  @media (min-width: 769px) {
    .customers .column.is-two-thirds.main-content {
      padding-right: 70px; } }
  .customers .column.is-two-thirds.main-content .customers-inline-btn {
    padding: 20px 0px; }
  .customers .column.is-two-thirds.main-content .et_pb_button {
    display: inline-block;
    min-width: 200px;
    text-align: center;
    padding: 13px;
    margin-bottom: 15px;
    border-radius: 10px;
    color: #fff;
    font-weight: 600;
    background: -webkit-gradient(linear, left top, right top, from(#d30971), to(#9b2aff));
    background: linear-gradient(90deg, #d30971 0%, #9b2aff 100%); }
    .customers .column.is-two-thirds.main-content .et_pb_button:hover {
      background: -webkit-gradient(linear, left top, right top, from(#9b2aff), to(#d30971));
      background: linear-gradient(90deg, #9b2aff 0%, #d30971 100%); }
  .customers .column.is-two-thirds.main-content .secondary-btn {
    display: inline-block;
    min-width: 200px;
    text-align: center;
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 15px;
    color: #171717;
    font-weight: 600;
    -webkit-box-shadow: 0 0 6px 0 rgba(157, 96, 212, 0.5);
            box-shadow: 0 0 6px 0 rgba(157, 96, 212, 0.5);
    border: solid 3px transparent;
    background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(101deg, #D30971, #9B2AFF);
    background-origin: border-box;
    background-clip: content-box, border-box;
    -webkit-box-shadow: 3px 1000px 1px #fff inset;
            box-shadow: 3px 1000px 1px #fff inset; }
    .customers .column.is-two-thirds.main-content .secondary-btn:hover {
      border: solid 3px transparent;
      -webkit-box-shadow: none;
              box-shadow: none;
      color: white !important; }
  .customers .customer-description img.logo-img {
    display: inline-block;
    float: left;
    border: 1px solid #CDCFD6;
    border-radius: 20px;
    padding: 30px;
    width: 200px;
    margin-right: 40px;
    margin-bottom: 20px; }
  .customers .has-border {
    padding: 40px 0px 20px 0px;
    border-top: 1px solid #cdcfd6; }
  .customers .customer-hl .top-text {
    color: #d30971;
    font-size: 2.4rem;
    line-height: 1.2em; }
  .customers .customer-hl .bottom-text {
    font-size: 1.3rem;
    line-height: 1.3em; }
  .customers .cstmr-tstm {
    font-size: 1.4rem;
    color: #757888;
    line-height: 1.4em; }
  .customers .related-custom .columns {
    gap: 60px; }
  .customers .related-custom .column {
    display: block;
    border-radius: 20px;
    -webkit-box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.1);
            box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.1);
    padding: 0px;
    margin-bottom: 30px; }
    .customers .related-custom .column .img-wrap {
      border-bottom: 1px solid #cccfd5; }
    .customers .related-custom .column img.logo-img {
      width: 120px; }
  .customers .related-custom .rc-content {
    padding: 40px 30px; }
    .customers .related-custom .rc-content .rc-title {
      font-size: 1.4rem;
      line-height: 1em; }
    .customers .related-custom .rc-content .rc-text {
      min-height: 125px; }
  .customers .fish .has-text-weight-bold.subtitle.is-3 {
    line-height: 1.25em; }

/* closing .customers */
.text-12 {
  font-size: 12px;
  line-height: 1.3em; }

.text-14 {
  font-size: 14px;
  line-height: 1.3em; }

.text-15 {
  font-size: 15px;
  line-height: 1.2em; }

.text-16 {
  font-size: 16px;
  line-height: 1.2em; }

.text-17 {
  font-size: 17px;
  line-height: 1.2em; }

@media (min-width: 0) {
  .text-18 {
    font-size: 16px; } }

@media (min-width: 1024px) {
  .text-18 {
    font-size: 18px; } }

@media (min-width: 0) {
  .text-20 {
    font-size: 18px;
    line-height: 1.4em; } }

@media (min-width: 1024px) {
  .text-20 {
    font-size: 20px !important;
    line-height: 1.4em !important; } }

@media (min-width: 0) {
  .text-22 {
    font-size: 20px; } }

@media (min-width: 1024px) {
  .text-22 {
    font-size: 22px; } }

@media (min-width: 0) {
  .text-23 {
    font-size: 20px; } }

@media (min-width: 1024px) {
  .text-23 {
    font-size: 23px; } }

@media (min-width: 0) {
  .text-24 {
    font-size: 20px !important; } }

@media (min-width: 1024px) {
  .text-24 {
    font-size: 24px !important;
    line-height: 1.3 !important; } }

@media (min-width: 0) {
  .text-28 {
    font-size: 22px;
    line-height: 1.3em; } }

@media (min-width: 1024px) {
  .text-28 {
    font-size: 28px !important;
    line-height: 1.3em !important; } }

@media (min-width: 0) {
  .text-30 {
    font-size: 22px;
    line-height: 1.4em; } }

@media (min-width: 1024px) {
  .text-30 {
    font-size: 30px;
    line-height: 1.4em; } }

@media (min-width: 0) {
  .text-32 {
    font-size: 22px !important;
    line-height: 1.4em !important; } }

@media (min-width: 1024px) {
  .text-32 {
    font-size: 32px !important;
    line-height: 1.4em !important; } }

@media (min-width: 0) {
  .text-34 {
    font-size: 24px !important;
    line-height: 1.4em !important; } }

@media (min-width: 1024px) {
  .text-34 {
    font-size: 34px !important;
    line-height: 1.4em !important; } }

@media (min-width: 0) {
  .text-36 {
    font-size: 23px;
    line-height: 1.4em; } }

@media (min-width: 1024px) {
  .text-36 {
    font-size: 36px;
    line-height: 1.3em; } }

@media (min-width: 0) {
  .text-40 {
    font-size: 24px !important;
    line-height: 1.4em !important; } }

@media (min-width: 1024px) {
  .text-40 {
    font-size: 40px !important;
    line-height: 1.3em !important; } }

@media (min-width: 0) {
  .text-42 {
    font-size: 24px !important;
    line-height: 1.4em !important; } }

@media (min-width: 1024px) {
  .text-42 {
    font-size: 42px !important;
    line-height: 1.2em !important; } }

@media (min-width: 0) {
  .text-46 {
    font-size: 26px !important;
    line-height: 1.4em !important; } }

@media (min-width: 1024px) {
  .text-46 {
    font-size: 46px !important;
    line-height: 1.1em !important; } }

@media (min-width: 0) {
  .text-50 {
    font-size: 32px;
    line-height: 1.3em; } }

@media (min-width: 769px) {
  .text-50 {
    font-size: 40px;
    line-height: 1.3em; } }

@media (min-width: 1024px) {
  .text-50 {
    font-size: 50px;
    line-height: 1.2em; } }

@media (min-width: 0) {
  .text-54 {
    font-size: 32px !important;
    line-height: 1.3em !important; } }

@media (min-width: 769px) {
  .text-54 {
    font-size: 46px !important;
    line-height: 1.3em !important; } }

@media (min-width: 1024px) {
  .text-54 {
    font-size: 54px !important;
    line-height: 1.1em !important; } }

@media (min-width: 0) {
  .text-60 {
    font-size: 44px !important;
    line-height: 1.2em !important; } }

@media (min-width: 769px) {
  .text-60 {
    font-size: 54px !important;
    line-height: 1.3em !important; } }

@media (min-width: 1024px) {
  .text-60 {
    font-size: 60px !important;
    line-height: 1.15em !important; } }

@media (min-width: 0) {
  .text-70 {
    font-size: 36px !important;
    line-height: 1.3em !important;
    font-weight: bold !important; } }

@media (min-width: 769px) {
  .text-70 {
    font-size: 50px !important;
    line-height: 1.3em !important;
    font-weight: bold !important; } }

@media (min-width: 1024px) {
  .text-70 {
    font-size: 70px !important;
    line-height: 1.15em !important;
    font-weight: bold !important; } }

@media (min-width: 0) {
  .text-80 {
    font-size: 44px !important;
    line-height: 1.1em !important; } }

@media (min-width: 769px) {
  .text-80 {
    font-size: 70px !important;
    line-height: 1.1em !important; } }

@media (min-width: 1024px) {
  .text-80 {
    font-size: 80px !important;
    line-height: 1.1em !important;
    font-weight: bold !important; } }

@media (min-width: 0) {
  .text-120 {
    font-size: 50px !important;
    line-height: 1em !important; } }

@media (min-width: 769px) {
  .text-120 {
    font-size: 80px !important;
    line-height: 1em !important; } }

@media (min-width: 1024px) {
  .text-120 {
    font-size: 120px !important;
    line-height: 1em !important; } }

@media (min-width: 0) {
  .gap-10 {
    gap: 10px; } }

@media (min-width: 769px) {
  .gap-10 {
    gap: 10px; } }

@media (min-width: 1024px) {
  .gap-10 {
    gap: 10px; } }

@media (min-width: 0) {
  .gap-20 {
    gap: 10px; } }

@media (min-width: 769px) {
  .gap-20 {
    gap: 20px; } }

@media (min-width: 1024px) {
  .gap-20 {
    gap: 20px; } }

@media (min-width: 0) {
  .gap-30 {
    gap: 10; } }

@media (min-width: 769px) {
  .gap-30 {
    gap: 20px; } }

@media (min-width: 1024px) {
  .gap-30 {
    gap: 30px; } }

@media (min-width: 0) {
  .gap-40 {
    gap: 0; } }

@media (min-width: 769px) {
  .gap-40 {
    gap: 30px; } }

@media (min-width: 1024px) {
  .gap-40 {
    gap: 40px; } }

@media (min-width: 0) {
  .gap-60 {
    gap: 30px; } }

@media (min-width: 769px) {
  .gap-60 {
    gap: 30px; } }

@media (min-width: 1024px) {
  .gap-60 {
    gap: 60px; } }

@media (min-width: 0) {
  .gap-80 {
    gap: 0; } }

@media (min-width: 769px) {
  .gap-80 {
    gap: 40px; } }

@media (min-width: 1024px) {
  .gap-80 {
    gap: 80px; } }

.title_dark {
  color: #020A47; }

.t-border {
  border-top: 1px solid rgba(2, 10, 71, 0.3); }

@media (min-width: 0) {
  .b-border-navy {
    border-bottom: none; } }

@media (min-width: 1024px) {
  .b-border-navy {
    border-bottom: 1px solid rgba(2, 10, 71, 0.3); } }

.overline {
  font-size: 14px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #757888; }

h1.page-title {
  font-weight: 700;
  font-family: 'Proxima-Nova',proxima-nova,sans-serif;
  text-transform: none;
  color: #020A47;
  padding-bottom: 30px; }
  @media (min-width: 0) {
    h1.page-title {
      font-size: 2.5rem; } }
  @media (min-width: 769px) {
    h1.page-title {
      font-size: 3.5rem; } }
  @media (min-width: 1024px) {
    h1.page-title {
      font-size: 4rem; } }
@media (min-width: 1024px) {
  .video-flex {
    margin-top: 50px;
    margin-bottom: 50px;
    display: flex;
    justify-content: space-between;
    gap: 10px; } }

@media (min-width: 1024px) {
  .video-flex .video {
    width: 30%; } }

.is-content h3 {
  font-weight: 700;
  line-height: 1.4em;
  color: #020A47;
  text-transform: none; }
  @media (min-width: 0) {
    .is-content h3 {
      font-size: 1.5rem; } }
  @media (min-width: 769px) {
    .is-content h3 {
      font-size: 1.65rem; } }
  @media (min-width: 1024px) {
    .is-content h3 {
      font-size: 1.9rem; } }
.is-content h4 {
  font-weight: 700;
  line-height: 1.2em;
  color: #020A47;
  text-transform: none;
  margin-top: 30px; }
  @media (min-width: 0) {
    .is-content h4 {
      font-size: 1.3rem; } }
  @media (min-width: 769px) {
    .is-content h4 {
      font-size: 1.5rem; } }
  @media (min-width: 1024px) {
    .is-content h4 {
      font-size: 1.7rem; } }
.is-content h5 {
  font-weight: 700;
  line-height: 1.2em;
  color: #020A47;
  text-transform: none;
  margin-top: 30px; }
  @media (min-width: 0) {
    .is-content h5 {
      font-size: 1.2rem; } }
  @media (min-width: 769px) {
    .is-content h5 {
      font-size: 1.4rem; } }
  @media (min-width: 1024px) {
    .is-content h5 {
      font-size: 1.5rem; } }
.left-section h2:after {
  content: ' ';
  display: block;
  border: 2px solid #5EE4E4;
  width: 80px;
  margin-top: 20px;
  margin-bottom: 25px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px; }

.next-buttons .button {
  margin-bottom: 15px;
  min-width: 220px; }

.developers h4 {
  line-height: 1.2em;
  font-size: 1.5rem;
  color: #020a47;
  font-weight: 700; }

@media (min-width: 0) {
  .developers .dev-icon-wrap {
    display: none; } }

@media (min-width: 1024px) {
  .developers .dev-icon-wrap {
    display: block;
    position: absolute;
    margin-top: -330px;
    margin-bottom: 300px;
    margin-left: -70px; } }

.developers img.hero-img {
  border-radius: 60px; }

.developers .column.white-bg {
  background-color: #fff;
  border-radius: 16px;
  padding: 30px;
  margin: 25px;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.14);
          box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.14); }

.developers .has-text-centered.teal-divider h2:after {
  content: '';
  display: block;
  width: 80px;
  height: 3px;
  background: #5EE4E4;
  margin: 20px auto;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px; }

.developers .has-text-centered.teal-divider.pb-4.is-short {
  max-width: 900px;
  margin: auto; }

.developers .related p.has-text-weight-semibold {
  line-height: 1.25em; }

.developers .code_section_bg {
  padding: 0px; }
  @media (min-width: 0) {
    .developers .code_section_bg {
      margin-top: 40px;
      margin-bottom: 40px;
      background: #020A47; } }
  @media (min-width: 1024px) {
    .developers .code_section_bg {
      margin-top: 80px;
      margin-bottom: 80px;
      background: -webkit-gradient(linear, left top, right top, color-stop(50%, #020A47), color-stop(50%, #fff));
      background: linear-gradient(90deg, #020A47 50%, #fff 50%); } }
  @media (min-width: 0) {
    .developers .code_section_bg .hero-body {
      padding: 0px 10px; } }
  @media (min-width: 769px) {
    .developers .code_section_bg .hero-body {
      padding: 0px; } }
  @media (min-width: 1024px) {
    .developers .code_section_bg .hero-body {
      padding: 0px; } }
  .developers .code_section_bg .container {
    padding-top: 80px;
    padding-bottom: 10px; }
    @media (min-width: 1024px) {
      .developers .code_section_bg .container {
        background-image: url("https://www.influxdata.com/wp-content/uploads/code-bg-01.svg");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: top right;
        border-radius: 0px 60px 60px 0px; } }
    @media (min-width: 1024px) {
      .developers .code_section_bg .container .column h4 {
        min-height: 60px; } }
.developers .link-icon {
  font-size: 18px;
  color: #020a47; }
  .developers .link-icon:hover {
    color: #9394ff; }

.developers .icon {
  font-size: 15px; }

.developers .container.light-grey {
  padding: 25px;
  background-color: #f2f2f2;
  border-radius: 30px; }

.developers .integrations-title {
  margin-bottom: -50px; }

.developers #client_libraries {
  overflow: hidden; }
  .developers #client_libraries .card {
    overflow: hidden;
    display: block;
    float: left;
    padding: 15px;
    margin: 15px 10px 20px 10px;
    min-height: 100px;
    border-radius: 11px; }
  .developers #client_libraries .card img {
    width: 130px;
    height: auto; }
  .developers #client_libraries .slider-item {
    max-width: 144px;
    margin-top: 60px; }
  .developers #client_libraries .slider-pagination {
    display: none; }
  .developers #client_libraries .slider-navigation-next {
    position: absolute;
    top: 20px;
    right: 10px; }
  .developers #client_libraries .slider-navigation-previous {
    position: absolute;
    top: 20px;
    margin-left: calc(100% - 105px); }
  .developers #client_libraries .slider-navigation-next:hover {
    -webkit-transform: scale(1);
    transform: scale(1); }
  .developers #client_libraries .slider-navigation-previous:hover {
    -webkit-transform: scale(1);
    transform: scale(1); }
  .developers #client_libraries svg {
    width: 7px; }
    .developers #client_libraries svg polyline {
      color: white;
      stroke: black;
      stroke-width: 13px; }

.developers #blurbs {
  overflow: hidden; }
  .developers #blurbs .item-0, .developers #blurbs .item-1, .developers #blurbs .item-2, .developers #blurbs .item-3 {
    background-color: #fff;
    padding: 30px;
    margin: 30px;
    border-radius: 20px; }
  .developers #blurbs .b-description {
    min-height: 200px; }
  .developers #blurbs .icon-text a {
    color: #d30971; }
    .developers #blurbs .icon-text a:hover {
      color: #9b2aff; }
  .developers #blurbs img.blrb-img {
    max-width: 85px;
    background-color: transparent;
    margin-bottom: 0px; }
  .developers #blurbs .slider-pagination {
    display: none; }

.developers img.grey-filter {
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
  padding: 0px 20px; }

.developers .with-inline-buttons a.link-icon {
  margin-top: 7px; }

.developers .with-inline-buttons a.button.is-gradient {
  margin-right: 20px; }

/*--top banner with GitHub star count--*/
.hero.navy-bg.banner {
  position: relative;
  z-index: 10;
  background-color: #020A47; }
  @media (min-width: 0) {
    .hero.navy-bg.banner {
      margin: 0px; } }
  @media (min-width: 1024px) {
    .hero.navy-bg.banner {
      margin: 0px; } }
  .hero.navy-bg.banner p {
    color: #fff;
    line-height: 1.5;
    margin: 10px 0px; }
    .hero.navy-bg.banner p .has-text-weight-bold {
      padding-left: 10px;
      padding-right: 7px; }
  .hero.navy-bg.banner i.fab.fa-github-square {
    font-size: 28px; }

/*--styling for University page--*/
@media (min-width: 0) {
  .university .training-flex {
    display: flex;
    flex-direction: column; } }

@media (min-width: 1024px) {
  .university .training-flex {
    display: flex;
    flex-direction: row;
    gap: 50px; } }

.university .training-flex .training-block {
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.13);
          box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.13);
  border-radius: 30px; }
  @media (min-width: 0) {
    .university .training-flex .training-block {
      width: 100%;
      margin-bottom: 20px; } }
  @media (min-width: 1024px) {
    .university .training-flex .training-block {
      width: 25%;
      margin-bottom: 5px; } }
  .university .training-flex .training-block p {
    color: #fff;
    font-size: 23px;
    line-height: 1.25em;
    background-color: #9b2aff;
    border-radius: 30px 30px 0px 0px;
    padding: 35px 20px;
    min-height: 90px; }
  .university .training-flex .training-block span {
    color: #9b2aff;
    padding: 7px 10px 20px 10px; }
    .university .training-flex .training-block span:hover {
      color: #9394FF; }

.university img.idbu-testimonial {
  width: 100px;
  border-radius: 100px; }

.dynamic-integrations {
  /*-styling integrations tiles on single integrations dynamic page --*/ }
  .dynamic-integrations .d-intg-flex {
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 2%; }
    .dynamic-integrations .d-intg-flex .flx-item-4 {
      display: block; }
      @media (min-width: 0) {
        .dynamic-integrations .d-intg-flex .flx-item-4 {
          width: 48%; } }
      @media (min-width: 1024px) {
        .dynamic-integrations .d-intg-flex .flx-item-4 {
          width: 23%; } }
  .dynamic-integrations h2 {
    color: #020a47; }
    @media (min-width: 0) {
      .dynamic-integrations h2 {
        font-size: 24px !important;
        line-height: 1.3em !important; } }
    @media (min-width: 1024px) {
      .dynamic-integrations h2 {
        font-size: 34px !important;
        line-height: 1.3em !important; } }
  .dynamic-integrations .integration-results-dn {
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 60px;
    justify-content: space-between;
    align-items: stretch; }
    .dynamic-integrations .integration-results-dn .card {
      padding: 30px;
      border-radius: 14px;
      background-color: #fff;
      -webkit-box-shadow: none;
              box-shadow: none;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
      @media (min-width: 0) {
        .dynamic-integrations .integration-results-dn .card {
          width: 100%;
          margin-bottom: 15px; } }
      @media (min-width: 769px) {
        .dynamic-integrations .integration-results-dn .card {
          width: 48%;
          margin: 1%; } }
      @media (min-width: 1024px) {
        .dynamic-integrations .integration-results-dn .card {
          width: 48%;
          margin: 1%; } }
      .dynamic-integrations .integration-results-dn .card .int-flex {
        display: flex;
        gap: 20px;
        flex-direction: column;
        align-items: flex-start; }
        @media (min-width: 0) {
          .dynamic-integrations .integration-results-dn .card .int-flex .int-title {
            flex: 1; } }
        @media (min-width: 769px) {
          .dynamic-integrations .integration-results-dn .card .int-flex .int-title {
            flex: 4; } }
        @media (min-width: 1024px) {
          .dynamic-integrations .integration-results-dn .card .int-flex .int-title {
            flex: 5; } }
        .dynamic-integrations .integration-results-dn .card .int-flex .int-cta {
          flex: 1; }
        .dynamic-integrations .integration-results-dn .card .int-flex h4 {
          padding-bottom: 0px; }
      .dynamic-integrations .integration-results-dn .card h4 {
        font-size: 24px;
        font-weight: bold;
        text-align: left;
        padding-bottom: 15px;
        color: #020A47 !important; }
        .dynamic-integrations .integration-results-dn .card h4:hover {
          color: #9b2aff; }
      .dynamic-integrations .integration-results-dn .card p {
        color: #020a47; }
        .dynamic-integrations .integration-results-dn .card p:hover {
          color: #020a47; }
  .dynamic-integrations .workflow a.card {
    display: block !important;
    float: left;
    border-radius: 15px;
    text-align: center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 10px;
    padding: 30px 10px; }
    @media (min-width: 0) {
      .dynamic-integrations .workflow a.card {
        width: calc(1000% - 10px) !important; } }
    @media (min-width: 769px) {
      .dynamic-integrations .workflow a.card {
        width: calc(50% - 20px) !important; } }
    @media (min-width: 1024px) {
      .dynamic-integrations .workflow a.card {
        width: calc(20% - 20px) !important; } }
  .dynamic-integrations .iceberg-div {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    @media (min-width: 0) {
      .dynamic-integrations .iceberg-div {
        flex-direction: column; } }
    @media (min-width: 1024px) {
      .dynamic-integrations .iceberg-div {
        flex-direction: row; } }
section.events h1 {
  color: #020A47;
  font-weight: 700; }
  @media (min-width: 0) {
    section.events h1 {
      font-size: 2.4rem;
      line-height: 1.1; } }
  @media (min-width: 769px) {
    section.events h1 {
      font-size: 4.2REM;
      line-height: 1.1; } }
  @media (min-width: 1024px) {
    section.events h1 {
      font-size: 4.5REM;
      line-height: 1.1; } }
section.events h2 {
  font-size: 30px;
  font-weight: 500; }

section.events h3 {
  color: #020A47;
  font-weight: 500;
  line-height: 1.2; }
  @media (min-width: 0) {
    section.events h3 {
      font-size: 1.4rem; } }
  @media (min-width: 769px) {
    section.events h3 {
      font-size: 1.8REM; } }
  @media (min-width: 1024px) {
    section.events h3 {
      font-size: 2REM; } }
section.events .subheading p {
  color: #020A47;
  font-weight: 500; }
  @media (min-width: 0) {
    section.events .subheading p {
      font-size: 1.4rem;
      line-height: 1.3em; } }
  @media (min-width: 769px) {
    section.events .subheading p {
      font-size: 1.8rem;
      line-height: 1.3em; } }
  @media (min-width: 1024px) {
    section.events .subheading p {
      font-size: 2rem;
      line-height: 1.3em; } }
section.events .slider > h4 {
  border: 1px solid #9B2AFF;
  border-radius: 30px;
  background-color: #fff;
  display: block;
  float: left;
  min-width: 90px;
  text-align: center;
  padding: 5px 10px;
  margin: 0px 5px 15px 0px;
  font-size: 13px;
  color: #9B2AFF;
  cursor: pointer;
  clear: none; }

section.events .slider > h4.active {
  background-color: #9B2AFF;
  border-color: #9B2AFF;
  border-radius: 30px;
  color: #fff; }

section.events .slider ul {
  list-style: none;
  display: none;
  clear: left;
  overflow: hidden;
  margin-left: 0; }
  section.events .slider ul li {
    display: block;
    overflow: hidden; }
    section.events .slider ul li h2 {
      color: #020A47 !important;
      padding: 5px 30px 5px 0px;
      margin: 0;
      float: left;
      font-weight: 600;
      font-size: 30px;
      display: inline-block;
      min-width: 70px; }
    section.events .slider ul li h3 {
      font-weight: 400;
      padding: 10px 20px 20px 0px;
      margin: 0;
      cursor: pointer;
      overflow: hidden;
      clear: none;
      font-size: 20px !important;
      line-height: 1.3em !important;
      color: #9b2aff !important; }
    section.events .slider ul li .accordion {
      max-height: 100vh;
      padding-left: 0 !important;
      background-color: #fafafa; }

section.events .slider ul.active {
  display: block; }

section.events .slider .after-icon-text {
  font-size: 1.5rem;
  font-weight: 700;
  color: #020A47;
  padding-left: 10px;
  padding-bottom: 15px; }

section.events .slider .event-time {
  padding-top: 10px; }

section.events .slider .event-location {
  padding-top: 10px; }

section.events .slider .event-details {
  padding: 15px 20px 0px 20px; }

section.events .slider .event-cal {
  padding: 0px 20px; }

section.events .slider .calendar-text {
  font-size: 20px;
  display: inline-block;
  margin-left: 15px;
  padding-bottom: 20px; }

section.events .slider .icon {
  margin-left: -4px; }

section.events .slider tbody tr td {
  padding-left: 20px;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0; }

section.events .slider td.loc {
  border-left: 1px solid #e0e0e0; }

section.events .slider .content table {
  margin-bottom: 0em !important; }

section.events .has-events a.button.is-gradient {
  display: none; }

.event-resourse h4 {
  margin-top: 5px; }

.event-resourse .hero h1.th-title {
  font-weight: bold;
  color: #020a47; }
  @media (min-width: 0) {
    .event-resourse .hero h1.th-title {
      font-size: 2.4rem;
      margin-top: 5px; } }
  @media (min-width: 769px) {
    .event-resourse .hero h1.th-title {
      font-size: 3rem;
      margin-top: 20px; } }
  @media (min-width: 1024px) {
    .event-resourse .hero h1.th-title {
      font-size: 3.5rem;
      margin-top: 40px; } }
.event-resourse .hero .column.with-form #form {
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 17px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 0px 17px 0px rgba(0, 0, 0, 0.12);
  border-radius: 24px;
  padding: 20px 30px; }
  @media (min-width: 0) {
    .event-resourse .hero .column.with-form #form {
      margin: 0px; } }
  @media (min-width: 769px) {
    .event-resourse .hero .column.with-form #form {
      margin-left: 20px; } }
  @media (min-width: 1024px) {
    .event-resourse .hero .column.with-form #form {
      margin-left: 20px; } }
.event-resourse .event-resources {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 2%; }
  .event-resourse .event-resources .rsc {
    display: block;
    -webkit-box-shadow: 0px 0px 17px 0px rgba(0, 0, 0, 0.12);
            box-shadow: 0px 0px 17px 0px rgba(0, 0, 0, 0.12);
    border-radius: 20px;
    padding: 30px;
    margin-bottom: 30px; }
    .event-resourse .event-resources .rsc .card-name {
      display: flex; }
      .event-resourse .event-resources .rsc .card-name img.blurb-icon {
        display: none; }
      .event-resourse .event-resources .rsc .card-name .name {
        display: inline-block;
        margin-left: 20px;
        margin-top: 5px; }
    .event-resourse .event-resources .rsc h4.has-text-weight-bold {
      font-size: 19px;
      margin-top: 25px;
      min-height: 75px; }
    .event-resourse .event-resources .rsc .blurb-description {
      font-size: 15px;
      line-height: 1.4em; }
      @media (min-width: 0) {
        .event-resourse .event-resources .rsc .blurb-description .min-h {
          display: block;
          min-height: 50px;
          margin-bottom: 20px; } }
      @media (min-width: 1024px) {
        .event-resourse .event-resources .rsc .blurb-description .min-h {
          display: block;
          min-height: 140px; } }
    @media (min-width: 0) {
      .event-resourse .event-resources .rsc:nth-child(2), .event-resourse .event-resources .rsc:nth-child(3), .event-resourse .event-resources .rsc:nth-child(4), .event-resourse .event-resources .rsc:nth-child(6), .event-resourse .event-resources .rsc:nth-child(7), .event-resourse .event-resources .rsc:nth-child(8), .event-resourse .event-resources .rsc:nth-child(10), .event-resourse .event-resources .rsc:nth-child(11), .event-resourse .event-resources .rsc:nth-child(12), .event-resourse .event-resources .rsc:nth-child(13), .event-resourse .event-resources .rsc:nth-child(14), .event-resourse .event-resources .rsc:nth-child(15), .event-resourse .event-resources .rsc:nth-child(16), .event-resourse .event-resources .rsc:nth-child(17), .event-resourse .event-resources .rsc:nth-child(18), .event-resourse .event-resources .rsc:nth-child(19), .event-resourse .event-resources .rsc:nth-child(20) {
        width: 100%; } }
    @media (min-width: 1024px) {
      .event-resourse .event-resources .rsc:nth-child(2), .event-resourse .event-resources .rsc:nth-child(3), .event-resourse .event-resources .rsc:nth-child(4), .event-resourse .event-resources .rsc:nth-child(6), .event-resourse .event-resources .rsc:nth-child(7), .event-resourse .event-resources .rsc:nth-child(8), .event-resourse .event-resources .rsc:nth-child(10), .event-resourse .event-resources .rsc:nth-child(11), .event-resourse .event-resources .rsc:nth-child(12), .event-resourse .event-resources .rsc:nth-child(13), .event-resourse .event-resources .rsc:nth-child(14), .event-resourse .event-resources .rsc:nth-child(15), .event-resourse .event-resources .rsc:nth-child(16), .event-resourse .event-resources .rsc:nth-child(17), .event-resourse .event-resources .rsc:nth-child(18), .event-resourse .event-resources .rsc:nth-child(19), .event-resourse .event-resources .rsc:nth-child(20) {
        width: 23.5%; } }
    .event-resourse .event-resources .rsc:nth-child(1) {
      background: -webkit-gradient(linear, left top, right top, from(#9B2AFF), to(#9394FF));
      background: linear-gradient(90deg, #9B2AFF 0%, #9394FF 100%); }
      @media (min-width: 0) {
        .event-resourse .event-resources .rsc:nth-child(1) {
          width: 100%; } }
      @media (min-width: 1024px) {
        .event-resourse .event-resources .rsc:nth-child(1) {
          width: 49%; } }
      .event-resourse .event-resources .rsc:nth-child(1) img.blurb-icon {
        display: none; }
      .event-resourse .event-resources .rsc:nth-child(1) .name {
        font-size: 35px;
        color: #fff;
        letter-spacing: 5px;
        margin-left: 0px !important; }
      .event-resourse .event-resources .rsc:nth-child(1) h4 {
        line-height: 1em;
        color: #fff;
        margin-top: 30px;
        min-height: 60px; }
        @media (min-width: 0) {
          .event-resourse .event-resources .rsc:nth-child(1) h4 {
            font-size: 22px; } }
        @media (min-width: 769px) {
          .event-resourse .event-resources .rsc:nth-child(1) h4 {
            font-size: 36px; } }
        @media (min-width: 1024px) {
          .event-resourse .event-resources .rsc:nth-child(1) h4 {
            font-size: 44px; } }
      .event-resourse .event-resources .rsc:nth-child(1) .blurb-description {
        color: #fff; }
        .event-resourse .event-resources .rsc:nth-child(1) .blurb-description span {
          display: block; }
        .event-resourse .event-resources .rsc:nth-child(1) .blurb-description .video-link {
          display: block;
          font-size: 18px;
          margin-top: 20px; }
    .event-resourse .event-resources .rsc:nth-child(5) {
      background: -webkit-gradient(linear, left top, right top, from(#D30971), to(#9B2AFF));
      background: linear-gradient(90deg, #D30971 0%, #9B2AFF 100%); }
      @media (min-width: 0) {
        .event-resourse .event-resources .rsc:nth-child(5) {
          width: 100%; } }
      @media (min-width: 1024px) {
        .event-resourse .event-resources .rsc:nth-child(5) {
          width: 49%; } }
      .event-resourse .event-resources .rsc:nth-child(5) img.blurb-icon {
        display: inline-block;
        width: 0px; }
      .event-resourse .event-resources .rsc:nth-child(5) .name {
        font-size: 35px;
        color: #fff;
        letter-spacing: 5px;
        margin-left: 0px !important; }
      .event-resourse .event-resources .rsc:nth-child(5) h4 {
        line-height: 1em;
        color: #fff;
        margin-top: 30px;
        min-height: 60px; }
        @media (min-width: 0) {
          .event-resourse .event-resources .rsc:nth-child(5) h4 {
            font-size: 22px; } }
        @media (min-width: 769px) {
          .event-resourse .event-resources .rsc:nth-child(5) h4 {
            font-size: 36px; } }
        @media (min-width: 1024px) {
          .event-resourse .event-resources .rsc:nth-child(5) h4 {
            font-size: 44px; } }
      .event-resourse .event-resources .rsc:nth-child(5) .blurb-description {
        color: #fff; }
        .event-resourse .event-resources .rsc:nth-child(5) .blurb-description .video-link {
          display: block;
          font-size: 18px;
          margin-top: 20px; }
    .event-resourse .event-resources .rsc:nth-child(9) {
      background: -webkit-gradient(linear, left top, right top, from(#020A47), to(#5EE4E4));
      background: linear-gradient(90deg, #020A47 0%, #5EE4E4 100%); }
      @media (min-width: 0) {
        .event-resourse .event-resources .rsc:nth-child(9) {
          width: 100%; } }
      @media (min-width: 1024px) {
        .event-resourse .event-resources .rsc:nth-child(9) {
          width: 49%; } }
      .event-resourse .event-resources .rsc:nth-child(9) img.blurb-icon {
        display: inline-block;
        width: 0px; }
      .event-resourse .event-resources .rsc:nth-child(9) .name {
        font-size: 35px;
        color: #fff;
        letter-spacing: 5px;
        margin-left: 0px !important; }
      .event-resourse .event-resources .rsc:nth-child(9) h4 {
        line-height: 1em;
        color: #fff;
        margin-top: 30px;
        min-height: 60px; }
        @media (min-width: 0) {
          .event-resourse .event-resources .rsc:nth-child(9) h4 {
            font-size: 22px; } }
        @media (min-width: 769px) {
          .event-resourse .event-resources .rsc:nth-child(9) h4 {
            font-size: 36px; } }
        @media (min-width: 1024px) {
          .event-resourse .event-resources .rsc:nth-child(9) h4 {
            font-size: 44px; } }
      .event-resourse .event-resources .rsc:nth-child(9) .blurb-description {
        color: #fff; }
        .event-resourse .event-resources .rsc:nth-child(9) .blurb-description .video-link {
          display: block;
          font-size: 18px;
          margin-top: 20px; }
    .event-resourse .event-resources .rsc:nth-child(10) {
      background: -webkit-gradient(linear, left top, right top, from(#9B2AFF), to(#9394FF));
      background: linear-gradient(90deg, #9B2AFF 0%, #9394FF 100%); }
      @media (min-width: 0) {
        .event-resourse .event-resources .rsc:nth-child(10) {
          width: 100%; } }
      @media (min-width: 1024px) {
        .event-resourse .event-resources .rsc:nth-child(10) {
          width: 49%; } }
      .event-resourse .event-resources .rsc:nth-child(10) img.blurb-icon {
        display: inline-block;
        width: 0px; }
      .event-resourse .event-resources .rsc:nth-child(10) .name {
        font-size: 35px;
        color: #fff;
        letter-spacing: 5px;
        margin-left: 0px !important; }
      .event-resourse .event-resources .rsc:nth-child(10) h4 {
        line-height: 1em;
        color: #fff;
        margin-top: 30px;
        min-height: 60px; }
        @media (min-width: 0) {
          .event-resourse .event-resources .rsc:nth-child(10) h4 {
            font-size: 22px; } }
        @media (min-width: 769px) {
          .event-resourse .event-resources .rsc:nth-child(10) h4 {
            font-size: 36px; } }
        @media (min-width: 1024px) {
          .event-resourse .event-resources .rsc:nth-child(10) h4 {
            font-size: 44px; } }
      .event-resourse .event-resources .rsc:nth-child(10) .blurb-description {
        color: #fff; }
        .event-resourse .event-resources .rsc:nth-child(10) .blurb-description .video-link {
          display: block;
          font-size: 18px;
          margin-top: 20px; }

.single-event .speakers {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 40px;
  justify-content: flex-start; }
  .single-event .speakers .speaker {
    background-color: #fff;
    padding: 30px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: flex;
    flex-direction: column; }
    @media (min-width: 0) {
      .single-event .speakers .speaker {
        flex: 1 1 100%;
        max-width: 100%; } }
    @media (min-width: 769px) {
      .single-event .speakers .speaker {
        flex: 1 1 100%;
        max-width: 100%; } }
    @media (min-width: 1024px) {
      .single-event .speakers .speaker {
        flex: 1 1 calc(33.33% - 30px);
        max-width: calc(33.33% - 30px); } }
    .single-event .speakers .speaker img {
      display: block;
      border-radius: 50%; }
    .single-event .speakers .speaker p {
      padding-top: 20px; }
    .single-event .speakers .speaker h3 {
      font-weight: bold;
      color: #020a47; }

.single-event .speakers-freestanding {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 40px;
  justify-content: flex-start; }
  .single-event .speakers-freestanding .speaker {
    background-color: #fff;
    padding: 30px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: flex;
    flex-direction: column; }
    @media (min-width: 0) {
      .single-event .speakers-freestanding .speaker {
        flex: 1 1 100%;
        max-width: 100%; } }
    @media (min-width: 769px) {
      .single-event .speakers-freestanding .speaker {
        flex: 1 1 100%;
        max-width: 100%; } }
    @media (min-width: 1024px) {
      .single-event .speakers-freestanding .speaker {
        flex: 1 1 calc(25% - 30px);
        max-width: calc(25% - 30px); } }
    .single-event .speakers-freestanding .speaker img {
      display: block;
      border-radius: 50%; }
    .single-event .speakers-freestanding .speaker p {
      padding-top: 20px; }
    .single-event .speakers-freestanding .speaker h3 {
      font-weight: bold;
      color: #020a47; }

.form .container.teal-gradient-bg {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(94, 228, 228, 0.3)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(180deg, rgba(94, 228, 228, 0.3) 0%, rgba(255, 255, 255, 0) 100%); }
  @media (min-width: 0) {
    .form .container.teal-gradient-bg {
      padding: 20px;
      border-radius: 30px; } }
  @media (min-width: 1024px) {
    .form .container.teal-gradient-bg {
      padding: 60px 70px;
      border-radius: 50px; } }
  .form .container.teal-gradient-bg .with-the-form {
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); }
    @media (min-width: 0) {
      .form .container.teal-gradient-bg .with-the-form {
        padding: 20px;
        border-radius: 10px;
        margin-top: 0px;
        margin-bottom: 30px; } }
    @media (min-width: 769px) {
      .form .container.teal-gradient-bg .with-the-form {
        padding: 40px;
        border-radius: 20px;
        margin-top: 40px;
        margin-bottom: 50px; } }
    @media (min-width: 1024px) {
      .form .container.teal-gradient-bg .with-the-form {
        padding: 50px;
        border-radius: 20px;
        margin-top: 40px;
        margin-bottom: 50px; } }
.form .container.teal-gradient-20 {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, rgba(94, 228, 228, 0.3)), color-stop(25%, rgba(255, 255, 255, 0)));
  background: linear-gradient(180deg, rgba(94, 228, 228, 0.3) 5%, rgba(255, 255, 255, 0) 25%); }
  @media (min-width: 0) {
    .form .container.teal-gradient-20 {
      padding: 20px;
      border-radius: 30px; } }
  @media (min-width: 1024px) {
    .form .container.teal-gradient-20 {
      padding: 60px 70px;
      border-radius: 50px; } }
  .form .container.teal-gradient-20 .with-the-form {
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); }
    @media (min-width: 0) {
      .form .container.teal-gradient-20 .with-the-form {
        padding: 20px;
        border-radius: 10px;
        margin-top: 0px;
        margin-bottom: 30px; } }
    @media (min-width: 769px) {
      .form .container.teal-gradient-20 .with-the-form {
        padding: 40px;
        border-radius: 20px;
        margin-top: 40px;
        margin-bottom: 50px; } }
    @media (min-width: 1024px) {
      .form .container.teal-gradient-20 .with-the-form {
        padding: 50px;
        border-radius: 20px;
        margin-top: 40px;
        margin-bottom: 50px; } }
.form .flex-box-3 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start; }
  .form .flex-box-3 .box-item {
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 13px 1px rgba(27, 20, 65, 0.08);
            box-shadow: 0px 0px 13px 1px rgba(27, 20, 65, 0.08);
    border-radius: 12px;
    padding: 15px;
    z-index: 5; }
    @media (min-width: 0) {
      .form .flex-box-3 .box-item:nth-child(1) {
        margin-top: 0px; } }
    @media (min-width: 769px) {
      .form .flex-box-3 .box-item:nth-child(1) {
        margin-top: 0px; } }
    @media (min-width: 1024px) {
      .form .flex-box-3 .box-item:nth-child(1) {
        margin-top: 75px; } }
    @media (min-width: 0) {
      .form .flex-box-3 .box-item:nth-child(3) {
        margin-top: 0px; } }
    @media (min-width: 769px) {
      .form .flex-box-3 .box-item:nth-child(3) {
        margin-top: 0px; } }
    @media (min-width: 1024px) {
      .form .flex-box-3 .box-item:nth-child(3) {
        margin-top: -75px; } }
    @media (min-width: 0) {
      .form .flex-box-3 .box-item {
        width: 100%;
        min-height: 100px;
        margin-bottom: 15px; } }
    @media (min-width: 769px) {
      .form .flex-box-3 .box-item {
        width: 100%;
        min-height: 100px; } }
    @media (min-width: 1024px) {
      .form .flex-box-3 .box-item {
        width: 31%;
        min-height: 150px;
        margin-bottom: 10px; } }
.form .poc-teal-box {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  padding: 40px 30px;
  background-color: #EFFCFC; }
  @media (min-width: 0) {
    .form .poc-teal-box {
      background-image: none;
      background-repeat: no-repeat;
      background-size: 0;
      background-position: 0px 0px; } }
  @media (min-width: 1024px) {
    .form .poc-teal-box {
      background-image: url("//images.ctfassets.net/o7xu9whrs0u9/4xXpurgUFYUuttW5lzYlvr/1c62f78a29064ed446c09e3ccf299d28/arrow-opacity.svg");
      background-repeat: no-repeat;
      background-size: 94%;
      background-position: -235px 10px; } }
  .form .poc-teal-box h2 {
    display: block;
    max-width: 380px; }
  @media (min-width: 0) {
    .form .poc-teal-box .shape-img {
      display: none; } }
  @media (min-width: 1024px) {
    .form .poc-teal-box .shape-img {
      display: block;
      position: absolute;
      right: 0;
      bottom: 0;
      width: 330px; } }
  .form .poc-teal-box h4 {
    display: inline-block;
    margin-top: 8px; }

.form span.poc-num {
  display: inline-block;
  background-color: #D30971;
  color: #fff;
  width: 35px;
  height: 35px;
  border-radius: 30px;
  text-align: center;
  padding-top: 1px;
  font-size: 20px;
  font-weight: bold;
  margin-right: 10px; }

.guide-page .content h2:not(:first-child) {
  margin-top: 1.1428em; }

.guide-page .col-count {
  padding-bottom: 30px; }
  @media (min-width: 0) {
    .guide-page .col-count {
      -webkit-column-count: 1;
         -moz-column-count: 1;
              column-count: 1;
      -webkit-column-gap: 0px;
         -moz-column-gap: 0px;
              column-gap: 0px; } }
  @media (min-width: 769px) {
    .guide-page .col-count {
      -webkit-column-count: 3;
         -moz-column-count: 3;
              column-count: 3;
      -webkit-column-gap: 40px;
         -moz-column-gap: 40px;
              column-gap: 40px; } }
.guide-page h2 {
  color: #020a47;
  font-weight: bold; }

.guide-page h3 {
  line-height: 1.2em;
  font-size: 2rem;
  color: #020a47;
  font-weight: 700; }

.guide-page h4 {
  line-height: 1.2em;
  font-size: 1.5rem;
  color: #020a47;
  font-weight: 700; }

.guide-page .right-section {
  display: block;
  overflow: hidden; }
  .guide-page .right-section img {
    display: block;
    margin: 40px 0px; }

.guide-page .related p.has-text-weight-semibold {
  line-height: 1.25em; }

.guide-page .page-index-old {
  display: block;
  border: 1px solid #dddddd;
  padding: 40px;
  border-radius: 20px; }

.home {
  /*--- Industry mobile slider ---*/
  /*---verycal tabs------*/
  /*old scss*/
  /*--code section styling--*/
  /*-- CTA box with kubo logo - added for A/B testing --*/
  /*--code for toggle in the hero section */ }
  .home h1.home-title {
    line-height: 1.1em; }
  .home .purple {
    border-bottom: 16px solid #9B2AFF;
    /*&:before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: #9B2AFF;
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
      opacity: 0.4;
      z-index: 0; 
      transition: opacity 0.5s ease-in-out .2s;     
  }   */ }
  .home .with-image > * {
    position: relative;
    z-index: 1; }
  .home .pink {
    border-bottom: 16px solid #D30971; }
  .home .lime {
    border-bottom: 16px solid #D6F622; }
  .home .teal {
    border-bottom: 16px solid #5EE4E4; }
  .home .purple-text {
    color: #9394FF; }
  .home .pink-text {
    color: #D30971; }
  .home .lime-text {
    color: #D6F622; }
  .home .teal-text {
    color: #5EE4E4; }
  @media (min-width: 0) {
    .home .with-flex-boxes {
      background-image: linear-gradient(#020A47 305px, #F2F4F6 0%); } }
  @media (min-width: 1024px) {
    .home .with-flex-boxes {
      background-image: linear-gradient(#020A47 239px, #F2F4F6 0%); } }
  .home .flex-boxes {
    display: flex;
    justify-content: center;
    align-items: stretch;
    gap: 10px; }
    @media (min-width: 0) {
      .home .flex-boxes {
        flex-direction: column; } }
    @media (min-width: 1024px) {
      .home .flex-boxes {
        flex-direction: row; } }
  .home .panel {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
    border-radius: 14px;
    /*border: 1px solid rgba(243, 245, 247, 0.50);*/
    background-color: #fff;
    cursor: pointer;
    flex: 1;
    margin: 10px;
    -webkit-transition: flex 0.7s ease-in-out;
    transition: flex 0.7s ease-in-out; }
    .home .panel .details {
      flex: 1;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      position: relative;
      color: #fff; }
      .home .panel .details .top-details {
        height: 240px;
        padding: 30px 24px; }
        .home .panel .details .top-details h2 {
          -webkit-transition: 0.4s;
          transition: 0.4s;
          font-size: 24px;
          font-weight: bold;
          color: #fff; }
        .home .panel .details .top-details h2.is-dark {
          color: #020A47; }
        .home .panel .details .top-details p {
          opacity: 0;
          display: block;
          overflow: hidden;
          -webkit-transition: opacity 0.5s ease-in-out .5s, height 0.5s ease 0.2s;
          transition: opacity 0.5s ease-in-out .5s, height 0.5s ease 0.2s; }
        .home .panel .details .top-details a {
          opacity: 0;
          display: block;
          overflow: hidden;
          -webkit-transition: opacity 0.5s ease-in-out .5s, height 0.5s ease 0.2s;
          transition: opacity 0.5s ease-in-out .5s, height 0.5s ease 0.2s; }
      .home .panel .details .top-details.purple {
        background-color: #9B2AFF; }
      .home .panel .details .top-details.pink {
        background-color: #D30971; }
      .home .panel .details .top-details.lime {
        background-color: #D6F622; }
      .home .panel .details .top-details.teal {
        background-color: #5EE4E4; }
      .home .panel .details .with-image {
        position: relative;
        height: 380px;
        padding: 40px;
        /* margin-top: auto; 
             transform: translateY(93%); 
              transition: transform 0.7s ease-in-out; 
              transition-property: transform;*/ }
        .home .panel .details .with-image img {
          display: block;
          width: 380px;
          margin: auto;
          height: auto;
          opacity: 0;
          -webkit-transform: translateY(100%);
                  transform: translateY(100%);
          -webkit-transition-property: -webkit-transform;
          transition-property: -webkit-transform;
          transition-property: transform;
          transition-property: transform, -webkit-transform;
          -webkit-transition: opacity 0.5s ease-in-out .2s, -webkit-transform 0.8s ease-in-out 0.1s;
          transition: opacity 0.5s ease-in-out .2s, -webkit-transform 0.8s ease-in-out 0.1s;
          transition: transform 0.8s ease-in-out 0.1s, opacity 0.5s ease-in-out .2s;
          transition: transform 0.8s ease-in-out 0.1s, opacity 0.5s ease-in-out .2s, -webkit-transform 0.8s ease-in-out 0.1s; }
      .home .panel .details .with-image.purple {
        background-color: #9B2AFF; }
      .home .panel .details .with-image.pink {
        background-color: #D30971; }
      .home .panel .details .with-image.lime {
        background-color: #D6F622; }
      .home .panel .details .with-image.teal {
        background-color: #5EE4E4; }
  .home .panel.active {
    flex: 2;
    /* was 2.6*/ }
    .home .panel.active .details {
      opacity: 1; }
      .home .panel.active .details h2 {
        color: #020A47; }
      .home .panel.active .details p {
        opacity: 1;
        color: #020A47; }
      .home .panel.active .details a {
        opacity: 1; }
      .home .panel.active .details .top-details {
        background-color: #fff; }
      .home .panel.active .details .top-details.purple {
        background-color: #fff; }
      .home .panel.active .details .top-details.pink {
        background-color: #fff; }
      .home .panel.active .details .top-details.lime {
        background-color: #fff; }
      .home .panel.active .details .top-details.teal {
        background-color: #fff; }
      .home .panel.active .details .with-image {
        opacity: 1;
        border-bottom: none; }
        .home .panel.active .details .with-image img {
          opacity: 1;
          -webkit-transform: translateY(0%);
                  transform: translateY(0%); }
        .home .panel.active .details .with-image:before {
          opacity: 1; }
  .home .tag-text {
    display: block;
    width: 60px;
    text-align: center;
    margin-left: 24px;
    margin-top: 30px;
    padding: 5px;
    line-height: 120%; }
  .home .custom-scrollbar {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    /*
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;*/
    height: 5px;
    /* Height of the scrollbar */
    border-radius: 10px;
    background-color: rgba(94, 228, 228, 0.2);
    z-index: 10; }
    .home .custom-scrollbar .scrollbar {
      height: 100%;
      background-color: #5EE4E4;
      width: 0;
      border-radius: 10px;
      -webkit-transition: width 0.2s ease;
      transition: width 0.2s ease; }
  .home .slider-wrapper {
    overflow: hidden;
    position: relative;
    padding-top: 30px;
    /* Margin between the scrollbar and slider */ }
  .home .slider-container {
    overflow: hidden;
    width: 100%;
    position: relative;
    cursor: -webkit-grab;
    cursor: grab; }
    .home .slider-container .slider {
      display: flex;
      -webkit-transition: -webkit-transform 0.5s ease-in-out;
      transition: -webkit-transform 0.5s ease-in-out;
      transition: transform 0.5s ease-in-out;
      transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
      -ms-scroll-snap-type: x mandatory;
          scroll-snap-type: x mandatory;
      overflow-x: scroll;
      scrollbar-width: none;
      overflow-y: hidden;
      scroll-behavior: smooth; }
      .home .slider-container .slider:-webkit-scrollbar {
        display: none !important; }
      .home .slider-container .slider .slide {
        flex: 0 0 90%;
        scroll-snap-align: start;
        /*min-width: 90%; */
        /*height: 100%;*/
        display: flex;
        justify-content: center;
        align-items: center;
        margin-right: 20px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box; }
        .home .slider-container .slider .slide .slide-content {
          position: relative;
          border-radius: 10px;
          overflow: hidden; }
          @media (min-width: 0) {
            .home .slider-container .slider .slide .slide-content .is-flex {
              flex-direction: column; } }
          @media (min-width: 769px) {
            .home .slider-container .slider .slide .slide-content .is-flex {
              flex-direction: row; } }
          .home .slider-container .slider .slide .slide-content .is-flex .content-left {
            display: flex;
            flex-direction: column;
            justify-content: center;
            background-color: #fff; }
            @media (min-width: 0) {
              .home .slider-container .slider .slide .slide-content .is-flex .content-left {
                width: 100%;
                padding: 20px;
                min-height: 360px; } }
            @media (min-width: 769px) {
              .home .slider-container .slider .slide .slide-content .is-flex .content-left {
                width: 55%;
                padding: 40px 50px;
                min-height: 360px; } }
            .home .slider-container .slider .slide .slide-content .is-flex .content-left a.button.is-gradient.is-normal {
              max-width: 150px !important; }
          .home .slider-container .slider .slide .slide-content .is-flex .content-left.is-smaller {
            display: flex;
            flex-direction: column;
            justify-content: center;
            background-color: #fff; }
            @media (min-width: 0) {
              .home .slider-container .slider .slide .slide-content .is-flex .content-left.is-smaller {
                width: 100%;
                padding: 20px;
                min-height: 240px; } }
            @media (min-width: 769px) {
              .home .slider-container .slider .slide .slide-content .is-flex .content-left.is-smaller {
                width: 55%;
                padding: 40px 50px;
                min-height: 360px; } }
          .home .slider-container .slider .slide .slide-content .is-flex .content-right {
            padding: 40px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            background: #020A47;
            background-repeat: no-repeat;
            background-size: cover;
            background-position: top center; }
            @media (min-width: 0) {
              .home .slider-container .slider .slide .slide-content .is-flex .content-right {
                width: 100%;
                min-height: 300px; } }
            @media (min-width: 769px) {
              .home .slider-container .slider .slide .slide-content .is-flex .content-right {
                width: 45%;
                min-height: 550px; } }
          .home .slider-container .slider .slide .slide-content .is-flex .content-bottom {
            padding: 40px;
            display: flex;
            justify-content: space-between;
            align-items: center; }
            @media (min-width: 0) {
              .home .slider-container .slider .slide .slide-content .is-flex .content-bottom {
                width: 100%;
                min-height: 300px; } }
            @media (min-width: 769px) {
              .home .slider-container .slider .slide .slide-content .is-flex .content-bottom {
                width: 45%;
                min-height: 300px; } }
            .home .slider-container .slider .slide .slide-content .is-flex .content-bottom img {
              display: block; }
          .home .slider-container .slider .slide .slide-content .is-flex .content-bottom.purple {
            background-color: #9B2AFF; }
          .home .slider-container .slider .slide .slide-content .is-flex .content-bottom.pink {
            background-color: #D30971; }
          .home .slider-container .slider .slide .slide-content .is-flex .content-bottom.teal {
            background-color: #5EE4E4; }
          .home .slider-container .slider .slide .slide-content .is-flex .content-bottom.lime {
            background-color: #D6F622; }
          .home .slider-container .slider .slide .slide-content .is-flex .manufacturing {
            background-image: url("/images/manufacturing-0b7b2006.jpeg"); }
          .home .slider-container .slider .slide .slide-content .is-flex .energy {
            background-image: url("/images/energy-89ec32f3.jpeg"); }
          .home .slider-container .slider .slide .slide-content .is-flex .telecom {
            background-image: url("/images/telecom-8d67f0ea.jpeg"); }
          .home .slider-container .slider .slide .slide-content .is-flex .iot {
            background-image: url("/images/consumer-iot-e9f53f30.jpeg"); }
          .home .slider-container .slider .slide .slide-content .is-flex .iiot {
            background-image: url("/images/industrial-iot-c014dcbc.jpeg"); }
          .home .slider-container .slider .slide .slide-content .is-flex .aerospace {
            background-image: url("/images/aerospace-0d74774f.jpeg"); }
  .home .tabs-container {
    display: flex;
    align-items: center;
    position: relative; }
    .home .tabs-container .tabs-titles {
      width: 280px;
      display: flex;
      flex-direction: column;
      padding: 0px;
      position: relative; }
      .home .tabs-container .tabs-titles:before {
        content: '';
        position: absolute;
        left: 0px;
        top: 0px;
        bottom: 0px;
        width: 5px;
        background-color: rgba(94, 228, 228, 0.2);
        border-radius: 4px; }
      .home .tabs-container .tabs-titles .tabs-title {
        margin: 0;
        padding: 15px 35px;
        cursor: pointer;
        position: relative;
        color: #fff;
        font-weight: bold;
        font-size: 18px;
        height: 60px;
        opacity: 0.5;
        -webkit-transition: opacity 0.3s ease, color 0.3s ease;
        transition: opacity 0.3s ease, color 0.3s ease; }
        .home .tabs-container .tabs-titles .tabs-title:hover {
          opacity: 1; }
      .home .tabs-container .tabs-titles .tabs-title.active {
        color: #fff;
        opacity: 1; }
      .home .tabs-container .tabs-titles .tabs-title.dark {
        margin: 0;
        padding: 15px 35px;
        cursor: pointer;
        position: relative;
        color: #020A47;
        font-weight: bold;
        font-size: 18px;
        height: 60px;
        opacity: 0.5;
        -webkit-transition: opacity 0.3s ease, color 0.3s ease;
        transition: opacity 0.3s ease, color 0.3s ease; }
        .home .tabs-container .tabs-titles .tabs-title.dark:hover {
          opacity: 1; }
      .home .tabs-container .tabs-titles .tabs-title.dark.active {
        color: #020A47;
        opacity: 1; }
      .home .tabs-container .tabs-titles .active-line {
        position: absolute;
        left: 0;
        width: 5px;
        height: 60px;
        background-color: #5EE4E4;
        -webkit-transition: top 0.3s ease;
        transition: top 0.3s ease;
        border-radius: 4px; }
    .home .tabs-container .tabs-contents {
      flex: 1;
      position: relative; }
      .home .tabs-container .tabs-contents .tabs-content {
        display: none;
        position: relative;
        border-radius: 10px;
        overflow: hidden; }
        .home .tabs-container .tabs-contents .tabs-content .content-left {
          width: 51%;
          padding: 50px;
          display: flex;
          flex-direction: column;
          justify-content: center;
          background-color: #fff;
          height: 480px; }
          .home .tabs-container .tabs-contents .tabs-content .content-left a.button.is-gradient.is-normal {
            max-width: 150px !important; }
        .home .tabs-container .tabs-contents .tabs-content .content-right {
          width: 49%;
          padding: 50px;
          display: flex;
          justify-content: space-between;
          align-items: center;
          background: #020A47;
          background-repeat: no-repeat;
          background-size: cover;
          background-position: top center; }
        .home .tabs-container .tabs-contents .tabs-content .manufacturing {
          background-image: url("/images/manufacturing-0b7b2006.jpeg"); }
        .home .tabs-container .tabs-contents .tabs-content .energy {
          background-image: url("/images/energy-89ec32f3.jpeg"); }
        .home .tabs-container .tabs-contents .tabs-content .telecom {
          background-image: url("/images/telecom-8d67f0ea.jpeg"); }
        .home .tabs-container .tabs-contents .tabs-content .iot {
          background-image: url("/images/consumer-iot-e9f53f30.jpeg"); }
        .home .tabs-container .tabs-contents .tabs-content .iiot {
          background-image: url("/images/industrial-iot-c014dcbc.jpeg"); }
        .home .tabs-container .tabs-contents .tabs-content .aerospace {
          background-image: url("/images/aerospace-0d74774f.jpeg"); }
        .home .tabs-container .tabs-contents .tabs-content .collectors {
          background-image: url("//images.ctfassets.net/o7xu9whrs0u9/1lfuLPAtPLrea6MNoodo1d/ce52ea751355fdc6fd27b7d807f3486a/collectors.png"); }
        .home .tabs-container .tabs-contents .tabs-content .lakehouses {
          background-image: url("//images.ctfassets.net/o7xu9whrs0u9/5gwyjwhKdO8PVh3RnM2zBk/1105b5534bfe4d8803123f056c115635/lakehouse.png"); }
        .home .tabs-container .tabs-contents .tabs-content .libraries {
          background-image: url("//images.ctfassets.net/o7xu9whrs0u9/4Ci3hrvdyfitTQdijdhxH9/19c82a7ddb03a28f351f9bd8936619d9/libraries.png"); }
    .home .tabs-container .tabs-content.active {
      display: block; }
  .home .img-bg-numbers {
    background-image: url(/images/code-bg-07-eb9df15d.png);
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: top; }
  .home .change-word {
    font-weight: bold; }
    @media (min-width: 0) {
      .home .change-word {
        font-size: 50px;
        line-height: 1em !important; } }
    @media (min-width: 769px) {
      .home .change-word {
        font-size: 80px; } }
    .home .change-word span {
      color: #5EE4E4; }
  @media (min-width: 0) {
    .home .section.top-page {
      padding-top: 0px;
      padding-bottom: 0px; } }
  @media (min-width: 1024px) {
    .home .section.top-page {
      padding-top: 30px;
      padding-bottom: 10px; } }
  @media (min-width: 0) {
    .home .section.top-page .reverse-columns {
      display: flex;
      flex-direction: column-reverse; } }
  @media (min-width: 1024px) {
    .home .section.top-page .reverse-columns {
      flex-direction: row; } }
  .home .section.top-page .reverse-columns h1.page-title {
    padding-bottom: 0px !important; }
    @media (min-width: 0) {
      .home .section.top-page .reverse-columns h1.page-title {
        font-size: 2.4rem;
        line-height: 1.1;
        margin-bottom: 20px; } }
    @media (min-width: 769px) {
      .home .section.top-page .reverse-columns h1.page-title {
        font-size: 4REM;
        margin-bottom: 30px; } }
    @media (min-width: 1024px) {
      .home .section.top-page .reverse-columns h1.page-title {
        font-size: 4REM;
        margin-bottom: 35px; } }
    @media (min-width: 1239px) {
      .home .section.top-page .reverse-columns h1.page-title {
        font-size: 5REM;
        margin-bottom: 40px; } }
  @media (min-width: 0) {
    .home .section.top-page .reverse-columns .pl-6 {
      display: none; } }
  @media (min-width: 1024px) {
    .home .section.top-page .reverse-columns .pl-6 {
      display: block;
      padding-left: 3rem; } }
  @media (min-width: 0) {
    .home .section.top-page .reverse-columns .pl-6 .hero-img img {
      max-width: 300px;
      margin-bottom: -30px; } }
  @media (min-width: 1024px) {
    .home .section.top-page .reverse-columns .pl-6 .hero-img img {
      display: block;
      max-width: 600px;
      float: right;
      margin-bottom: 0px; } }
  .home .influxdb-features p.x-number {
    line-height: 1.1; }
  .home .with-icons img {
    border-radius: 20px;
    max-width: 80px;
    max-height: 80px;
    margin: 20px auto;
    padding: 10px; }
  .home .with-icons .first {
    background-color: #D6F622; }
  .home .with-icons .second {
    background-color: #5EE4E4; }
  .home .with-icons .third {
    background-color: #D30971; }
  .home .g-quote {
    max-width: 900px;
    margin: auto; }
  .home .arrow.is-centered {
    display: flex;
    justify-content: center; }
    .home .arrow.is-centered i.fa.fa-arrow-right {
      font-size: 16px; }
  .home .container.code_section_bg {
    background-color: #F8FAFB;
    /*a {
          color: $influx_navy;
          font-weight: bold;
        }*/ }
    @media (min-width: 0) {
      .home .container.code_section_bg {
        padding: 20px 20px 5px 20px; } }
    @media (min-width: 1024px) {
      .home .container.code_section_bg {
        padding: 50px 30px 10px 0px; } }
    .home .container.code_section_bg .title.is-2.teal {
      margin-bottom: 30px; }
    @media (min-width: 0) {
      .home .container.code_section_bg .columns.reverse-mobile {
        flex-direction: row-reverse; } }
    @media (min-width: 1024px) {
      .home .container.code_section_bg .columns.reverse-mobile {
        flex-direction: row; } }
    .home .container.code_section_bg .button.code-button {
      border-radius: 10px;
      font-size: 18px;
      color: #171717 !important;
      -webkit-box-shadow: 0 0 6px 0 rgba(157, 96, 212, 0.5);
              box-shadow: 0 0 6px 0 rgba(157, 96, 212, 0.5);
      border: solid 3px transparent;
      background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(101deg, #D30971, #9B2AFF);
      background-origin: border-box;
      background-clip: content-box, border-box;
      -webkit-box-shadow: 3px 1000px 1px #F1F4F6 inset;
              box-shadow: 3px 1000px 1px #F1F4F6 inset;
      padding: 25px 30px; }
      .home .container.code_section_bg .button.code-button:hover {
        border: solid 3px transparent;
        -webkit-box-shadow: none;
                box-shadow: none;
        color: #fff !important; }
      .home .container.code_section_bg .button.code-button a {
        color: #171717; }
        .home .container.code_section_bg .button.code-button a:hover {
          color: #fff !important; }
  .home .code-area {
    margin: 0 auto; }
    @media (min-width: 0) {
      .home .code-area {
        max-width: 100%; } }
    @media (min-width: 769px) {
      .home .code-area {
        max-width: 90%; } }
    @media (min-width: 1024px) {
      .home .code-area {
        max-width: 90%; } }
    .home .code-area .hidden {
      display: none; }
    .home .code-area .id-code-scroll {
      color: #d8d8d8 !important;
      background: #020A47 !important;
      font-size: 14px;
      line-height: 1.3em;
      height: 358px;
      overflow-y: scroll;
      overflow-x: scroll;
      padding: 15px;
      border-radius: 0 0 20px 20px; }
    .home .code-area .pre-container {
      position: relative; }
    .home .code-area .cp {
      display: none;
      color: #ccc;
      border: 1px solid #fff;
      position: absolute;
      top: 0;
      right: 0;
      padding: 0px 5px;
      cursor: pointer; }
    .home .code-area pre.id-home-pre.id-code-scroll {
      white-space: pre-line;
      margin-top: 0; }
  .home .sw-btn {
    display: inline-block;
    margin-right: 20px; }
    .home .sw-btn .selector.rw-block {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 8px;
      border: 1px solid #fff;
      border-radius: 10px;
      margin-left: 5px; }
      .home .sw-btn .selector.rw-block .rw-selector {
        display: inline-block;
        flex-basis: auto;
        width: 75px;
        text-align: center;
        font-size: 13px;
        color: #fff;
        line-height: 2em; }
      .home .sw-btn .selector.rw-block .rw-selector.active {
        flex-basis: auto;
        text-align: center;
        border: 1px solid #fff;
        background-color: #fff;
        border-radius: 10px;
        color: #020A47 !important; }
  .home .c-hide {
    display: none !important; }
  .home .selector {
    cursor: pointer; }
  .home .slick-arrow.fas {
    opacity: 0; }
  .home #code_example {
    padding: 0px; }
    .home #code_example .top-code {
      display: flex;
      justify-content: space-between;
      margin: 0px auto;
      padding: 20px 10px;
      background-color: #020A47;
      border-bottom: 1px solid #656565;
      border-radius: 20px 20px 0px 0px; }
      @media (min-width: 0) {
        .home #code_example .top-code {
          max-width: 100%; } }
      @media (min-width: 769px) {
        .home #code_example .top-code {
          max-width: 90%; } }
      @media (min-width: 1024px) {
        .home #code_example .top-code {
          max-width: 90%; } }
      .home #code_example .top-code .selector {
        display: inline-block;
        cursor: pointer; }
        .home #code_example .top-code .selector span {
          font-weight: 400;
          font-size: 12px;
          line-height: 1.6;
          text-transform: none;
          display: inline-block;
          color: #fff;
          padding: 3px 25px;
          border: 1px solid #fff;
          border-radius: 20px;
          margin-right: 10px;
          margin-top: 10px; }
        .home #code_example .top-code .selector span.active {
          border: 1px solid #5EE4E4;
          color: #020A47 !important; }
  @media (min-width: 0) {
    .home .cta-box {
      background: #fff;
      background-image: url(//images.ctfassets.net/o7xu9whrs0u9/30s2HAIJkAsFpjQy2820P9/a24a8c27f3be8bea953e7372cdd167a6/CTA_background.png);
      background-repeat: no-repeat;
      background-size: 80%;
      background-position: bottom right; } }
  @media (min-width: 769px) {
    .home .cta-box {
      background: #fff; } }
  @media (min-width: 0) {
    .home .cta-box img.kubo-img {
      padding-top: 10px;
      margin-bottom: 0px; } }
  @media (min-width: 769px) {
    .home .cta-box img.kubo-img {
      padding-top: 20px;
      margin-bottom: -20px; } }
  .home .cta-box img.kubo-img.is-hidden-tablet {
    display: block;
    position: relative;
    max-width: 250px;
    margin-right: -60px; }
  @media (min-width: 0) {
    .home .cta-box .column.is-7 {
      padding: 40px 20px; } }
  @media (min-width: 769px) {
    .home .cta-box .column.is-7 {
      padding: 20px; } }
  .home .cta-box h2 {
    line-height: 1.1em; }
  .home .toggle-wrapper {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    border-radius: 5px; }
    .home .toggle-wrapper .toggle-section {
      border: 1px solid #4F579A;
      background-color: #030938;
      margin-bottom: 0px;
      overflow: hidden; }
      .home .toggle-wrapper .toggle-section .toggle-header {
        background-color: #030938;
        padding: 10px 20px;
        cursor: pointer; }
      .home .toggle-wrapper .toggle-section .toggle-content {
        background-color: #030938;
        padding: 10px 20px;
        display: none; }
    .home .toggle-wrapper .toggle-section.active .toggle-content {
      display: block; }
    .home .toggle-wrapper .toggle-section p {
      color: #D6D8F7; }
    .home .toggle-wrapper .toggle-section h4 {
      color: #D6D8F7; }
    .home .toggle-wrapper .toggle-section.active p {
      color: #fff; }
    .home .toggle-wrapper .toggle-section.active h4 {
      color: #fff; }
    .home .toggle-wrapper #section1 {
      border-radius: 14px 14px 0 0; }
    .home .toggle-wrapper #section2 {
      border-radius: 0 0 14px 14px; }
    .home .toggle-wrapper .curl-container {
      display: flex;
      align-items: flex-start;
      gap: 10px;
      justify-content: space-between;
      padding: 10px;
      background-color: #030938;
      border-radius: 4px;
      border: 1px solid #4F579A;
      overflow-wrap: anywhere; }
    .home .toggle-wrapper #curl-command {
      font-size: 14px;
      color: #9394FF;
      font-family: "Courier New", Courier, monospace;
      word-break: break-all;
      overflow-wrap: break-word;
      white-space: normal;
      padding-bottom: 20px; }
    .home .toggle-wrapper button.copy-btn-oss, .home .toggle-wrapper button.copy-btn-enterprise {
      width: 100px;
      background-color: rgba(79, 87, 154, 0);
      border: none; }
      .home .toggle-wrapper button.copy-btn-oss img.copy-img, .home .toggle-wrapper button.copy-btn-enterprise img.copy-img {
        width: 80px;
        border: 1px solid #4F579A;
        border-radius: 5px;
        padding: 5px; }
        .home .toggle-wrapper button.copy-btn-oss img.copy-img:hover, .home .toggle-wrapper button.copy-btn-enterprise img.copy-img:hover {
          border: 2px solid #4F579A; }
    .home .toggle-wrapper .mono-text {
      font-family: "Roboto Mono"; }
    .home .toggle-wrapper a.mono-text {
      font-family: "Roboto Mono";
      text-decoration: underline; }
  .home .numbers-img {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    margin-right: -17%; }
  .home .toggle-wrapper {
    position: relative;
    z-index: 1; }
  .home .toggle-wrapper::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 120%;
    height: 110%;
    background: radial-gradient(circle, rgba(147, 148, 255, 0.2) 0%, rgba(155, 42, 255, 0.2) 100%);
    border-radius: 5%;
    -webkit-filter: blur(45px);
            filter: blur(45px);
    z-index: -1; }
  .home .is-flex-with-btn {
    display: flex;
    align-items: center; }
    @media (min-width: 0) {
      .home .is-flex-with-btn {
        gap: 20px;
        flex-wrap: wrap; } }
    @media (min-width: 1024px) {
      .home .is-flex-with-btn {
        gap: 40px;
        flex-wrap: nowrap; } }
    @media (min-width: 0) {
      .home .is-flex-with-btn .lef-hd {
        width: 100%; } }
    @media (min-width: 1024px) {
      .home .is-flex-with-btn .lef-hd {
        width: 70%; } }
    @media (min-width: 0) {
      .home .is-flex-with-btn .right-txt {
        width: 100%; } }
    @media (min-width: 1024px) {
      .home .is-flex-with-btn .right-txt {
        width: 30%; } }
.banner {
  /* background-image: linear-gradient(90deg, #C1AAFD 0%, #ffffff 100%);*/
  /*.banner-cta {
      color: #fff;
      background-color: #020A47;
      padding: 3px 10px;
      border-radius: 3px;
      display: inline-block;
      margin-left: 5px;
      &:hover {
        background-color: #9B2AFF;
      }      
    } */ }
  .banner p {
    color: #020A47;
    margin: 17px 0px;
    line-height: 1.4em;
    font-size: 18px; }

.take-over {
  background-color: #5EE4E4;
  background: -webkit-gradient(linear, left top, right top, from(#5EE4E4), to(#F6F022));
  background: linear-gradient(90deg, #5EE4E4 0%, #F6F022 100%);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  overflow: hidden;
  position: absolute;
  top: 0px;
  right: 0;
  left: 0;
  width: 100%;
  z-index: 1000; }
  .take-over .delete {
    position: absolute;
    right: 50px;
    background-color: rgba(2, 10, 71, 0);
    height: 60px;
    max-height: 60px;
    max-width: 60px;
    min-height: 60px;
    min-width: 60px;
    width: 60px;
    z-index: 1010; }
    .take-over .delete::before {
      color: #020A47 !important;
      background-color: #020A47 !important; }
    .take-over .delete:after {
      background-color: #020A47 !important; }
    @media (min-width: 0) {
      .take-over .delete {
        right: 20px; } }
    @media (min-width: 769px) {
      .take-over .delete {
        right: 50px; } }
  .take-over .button.is-normal {
    padding: 20px 35px;
    border-width: 2px;
    font-weight: 700;
    font-size: 18px; }
  .take-over img.influxdata-logo {
    max-width: 220px;
    margin-top: 13px; }
  @media (min-width: 0) {
    .take-over .take-over-text {
      padding-top: 20px;
      padding-bottom: 40px; } }
  @media (min-width: 769px) {
    .take-over .take-over-text {
      padding-top: 30px;
      padding-bottom: 80px; } }
  @media (min-width: 1024px) {
    .take-over .take-over-text {
      padding-top: 110px;
      padding-bottom: 100px; } }
  @media (min-width: 1239px) {
    .take-over .take-over-text {
      padding-top: 85px;
      padding-bottom: 75px; } }
  @media (min-width: 0) {
    .take-over .take-over-text .to-title {
      font-size: 3.5rem;
      line-height: 1.2;
      color: #020A47;
      margin-bottom: 30px; } }
  @media (min-width: 769px) {
    .take-over .take-over-text .to-title {
      font-size: 5rem;
      line-height: 1.1;
      color: #020A47;
      margin-bottom: 20px; } }
  @media (min-width: 1024px) {
    .take-over .take-over-text .to-title {
      font-size: 5.8rem;
      line-height: 1.1;
      color: #020A47;
      margin-bottom: 40px; } }
  @media (min-width: 1239px) {
    .take-over .take-over-text .to-title {
      font-size: 7rem;
      line-height: 1;
      color: #020A47;
      margin-bottom: 35px; } }
  @media (min-width: 0) {
    .take-over .take-over-text .to-title .announc {
      font-size: 3rem;
      font-weight: 400;
      color: #020A47; } }
  @media (min-width: 769px) {
    .take-over .take-over-text .to-title .announc {
      font-size: 4rem;
      font-weight: 400;
      color: #020A47; } }
  @media (min-width: 1024px) {
    .take-over .take-over-text .to-title .announc {
      font-size: 4.3rem;
      font-weight: 400;
      color: #020A47; } }
  @media (min-width: 1239px) {
    .take-over .take-over-text .to-title .announc {
      font-size: 5rem;
      font-weight: 400;
      color: #020A47; } }
  .take-over .take-over-text .subheading-large {
    color: #020A47 !important; }
    @media (min-width: 0) {
      .take-over .take-over-text .subheading-large {
        font-size: 1.4REM;
        line-height: 1.4;
        max-width: 450px;
        margin: auto;
        margin-bottom: 30px; } }
    @media (min-width: 769px) {
      .take-over .take-over-text .subheading-large {
        font-size: 1.8REM;
        line-height: 1.4;
        max-width: 550px;
        margin: auto;
        margin-bottom: 30px; } }
    @media (min-width: 1024px) {
      .take-over .take-over-text .subheading-large {
        font-size: 2.2REM;
        line-height: 1.25;
        max-width: 550px;
        margin: 0px;
        margin-bottom: 40px; } }
    @media (min-width: 1239px) {
      .take-over .take-over-text .subheading-large {
        font-size: 2.4REM;
        line-height: 1.25;
        max-width: 700px;
        margin: 0px;
        margin-bottom: 30px; } }
  .take-over .button.is-teal.is-outlined {
    background-color: rgba(94, 228, 228, 0);
    border-color: #020A47;
    color: #020A47;
    border-radius: 10px;
    min-width: 210px;
    min-height: 50px; }
    .take-over .button.is-teal.is-outlined:hover {
      background-color: #020A47;
      border: 2px solid #020A47;
      color: #fff; }
  .take-over .button.is-white.is-outlined.is-normal {
    border-radius: 10px; }
  @media (min-width: 0) {
    .take-over img.kubo-mobile {
      display: block;
      width: 190px;
      margin: auto;
      padding-top: 50px; } }
  @media (min-width: 769px) {
    .take-over img.kubo-mobile {
      display: block;
      width: 250px;
      margin: auto; } }
  @media (min-width: 1024px) {
    .take-over img.kubo-mobile {
      display: none; } }
  @media (min-width: 0) {
    .take-over img.promo-number {
      display: none; } }
  @media (min-width: 1024px) {
    .take-over img.promo-number {
      display: block;
      position: absolute;
      width: 45%;
      top: 160px;
      right: 0;
      margin-right: -7%; } }
  @media (min-width: 1239px) {
    .take-over img.promo-number {
      display: block;
      position: absolute;
      width: 45%;
      top: 80px;
      right: 0;
      margin-right: -3%; } }
.integrations {
  /*.field.is-horizontal {
    @include mobile {
      flex-direction: column;
    }
    @include desktop {
      flex-direction: row;
    }

    #viewall {
      @include mobile {
        width: 100%;
      }
      @include desktop {
        width: 25%;
      }      
    }

    .select {
      @include mobile {
        display: none;
      }
      @include desktop {
        display: inline-block;
      }        
    }
    .control {
      @include mobile {
        display: block;
        width: 100%;
        margin-top: 10px;
      }
      @include desktop {
        display: inline-block;
        width: 30%;
        margin-top: 0px;
      }        
    }
  } */ }
  .integrations .integration-results {
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 60px;
    margin-right: 0;
    justify-content: space-between; }
    .integrations .integration-results .card {
      padding: 30px;
      border-radius: 14px;
      background-color: #fff;
      -webkit-box-shadow: none;
              box-shadow: none;
      display: flex;
      flex-direction: column !important;
      justify-content: space-between;
      /*align-content: space-between;*/
      width: 100%;
      margin-bottom: 15px;
      /*@include mobile {
        width: 98%;
        margin: 2%;
      }
      @include tablet {
        width: 47%;
        margin: 1.2%;
      }
      @include desktop {
        width: 100%;
      }*/ }
      .integrations .integration-results .card .int-flex {
        display: flex;
        gap: 20px; }
        @media (min-width: 0) {
          .integrations .integration-results .card .int-flex {
            flex-direction: column;
            align-items: flex-start; } }
        @media (min-width: 769px) {
          .integrations .integration-results .card .int-flex {
            flex-direction: row;
            align-items: center; } }
        @media (min-width: 1024px) {
          .integrations .integration-results .card .int-flex {
            flex-direction: row;
            align-items: center; } }
        .integrations .integration-results .card .int-flex .int-item {
          flex: 1; }
        @media (min-width: 0) {
          .integrations .integration-results .card .int-flex .int-title {
            flex: 1; } }
        @media (min-width: 769px) {
          .integrations .integration-results .card .int-flex .int-title {
            flex: 4; } }
        @media (min-width: 1024px) {
          .integrations .integration-results .card .int-flex .int-title {
            flex: 5; } }
        .integrations .integration-results .card .int-flex .int-cta {
          flex: 1; }
        .integrations .integration-results .card .int-flex h4 {
          padding-bottom: 0px; }
      .integrations .integration-results .card h4 {
        font-size: 24px;
        font-weight: bold;
        text-align: left;
        padding-bottom: 15px;
        color: #020A47 !important; }
        .integrations .integration-results .card h4:hover {
          color: #9b2aff; }
      .integrations .integration-results .card p {
        color: #020a47; }
        .integrations .integration-results .card p:hover {
          color: #020a47; }
  .integrations .cl-library {
    display: flex;
    flex-direction: row;
    gap: 40px;
    padding: 35px;
    align-content: center; }
    .integrations .cl-library img {
      background-color: rgba(255, 255, 255, 0.1);
      padding: 15px;
      border-radius: 15px; }
      @media (min-width: 0) {
        .integrations .cl-library img {
          width: auto;
          height: 100px; } }
      @media (min-width: 1024px) {
        .integrations .cl-library img {
          width: auto;
          height: 140px; } }
  .integrations button.filter-option {
    display: block;
    border: none;
    background-color: transparent;
    color: #9B2AFF;
    padding-bottom: 7px; }
  .integrations #filter-options {
    background-color: #fff;
    border-radius: 15px;
    padding: 30px; }

.industry .hero.blue-gradient-bg {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#E5F6FF), to(#ffffff));
  background-image: linear-gradient(180deg, #E5F6FF 0%, #ffffff 100%); }

@media (min-width: 0) {
  .industry img.hero-img {
    width: 80%; } }

@media (min-width: 1024px) {
  .industry img.hero-img {
    width: 100%; } }

.industry .quotation {
  font-size: 1.6rem;
  padding-top: 40px; }
  .industry .quotation:before {
    content: url("//images.ctfassets.net/o7xu9whrs0u9/7d6mp0Q5dSUXcGIAR72JQw/9fa3d1004162ba0846df9a020e88d282/quots.png");
    position: relative;
    display: block;
    margin-bottom: 20px; }
  @media (min-width: 0) {
    .industry .quotation {
      line-height: 1.4em; } }
  @media (min-width: 769px) {
    .industry .quotation {
      line-height: 1.6em; } }
@media (min-width: 0) {
  .industry .industry-customers {
    margin-top: 4rem; } }

@media (min-width: 769px) {
  .industry .industry-customers {
    margin-top: 6rem; } }

@media (min-width: 0) {
  .industry .industry-customers .industry-logos {
    display: flex;
    justify-content: center;
    flex-direction: column; } }

@media (min-width: 769px) {
  .industry .industry-customers .industry-logos {
    display: flex;
    justify-content: center;
    flex-direction: row; } }

.industry .industry-customers .industry-logos img.industry-customer {
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08); }
  @media (min-width: 0) {
    .industry .industry-customers .industry-logos img.industry-customer {
      max-width: 200px;
      margin: 10px auto; } }
  @media (min-width: 769px) {
    .industry .industry-customers .industry-logos img.industry-customer {
      max-width: 210px;
      margin: 20px 40px; } }
.industry .is-short {
  max-width: 550px;
  margin: auto; }

.industry .related h4 {
  margin-top: 10px; }

.industry .related .link-icon {
  font-size: 18px; }
  .industry .related .link-icon i.fa.fa-arrow-right {
    font-size: 16px; }

.industry .related img.blurb-icon {
  height: 85px;
  width: 85px; }

.industry .related .blurb-description {
  margin-bottom: 10px; }
  @media (min-width: 0) {
    .industry .related .blurb-description {
      min-height: 70px; } }
  @media (min-width: 1024px) {
    .industry .related .blurb-description {
      min-height: 100px; } }
  @media (min-width: 1239px) {
    .industry .related .blurb-description {
      min-height: 90px; } }
.influxace .is-content h4 {
  color: #D30971;
  margin-top: 0px;
  font-weight: normal !important; }

@media (min-width: 1024px) {
  .influxace .haze-top-right {
    position: absolute;
    z-index: -10;
    height: 550px;
    left: 61%;
    right: -30%;
    top: -90%;
    border-radius: 100px;
    background: #fff;
    mix-blend-mode: normal;
    opacity: 0.4;
    -webkit-box-shadow: 0px 40px 55px rgba(27, 20, 65, 0.08);
            box-shadow: 0px 40px 55px rgba(27, 20, 65, 0.08);
    -webkit-transform: rotate(23deg);
            transform: rotate(23deg); } }

.influxace .social {
  display: inline-block;
  margin-right: 20px; }
  .influxace .social i.fa-brands {
    font-size: 25px; }

.influxace-grid .partners-results .card {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  border-radius: 10px;
  margin: 0px 20px 10px 20px;
  padding: 0px 0px 30px 0px; }
  @media (min-width: 0) {
    .influxace-grid .partners-results .card {
      width: calc(100% - 20px); } }
  @media (min-width: 769px) {
    .influxace-grid .partners-results .card {
      width: calc(50% - 40px); } }
  @media (min-width: 1239px) {
    .influxace-grid .partners-results .card {
      width: calc(25% - 40px); } }
  .influxace-grid .partners-results .card img {
    width: 100%;
    border-radius: 10px; }
  .influxace-grid .partners-results .card .txt-height {
    display: block;
    min-height: 80px !important; }
    .influxace-grid .partners-results .card .txt-height h3 {
      font-size: 20px;
      margin-bottom: 0px;
      margin-top: 5px !important; }
    .influxace-grid .partners-results .card .txt-height p {
      line-height: 1.25em;
      color: #171717 !important; }

.landing {
  /*--Styling for landing download content pages--*/
  /*--roadshow page spakers modal styling--*/ }
  .landing .centered {
    margin: auto; }
  .landing .grey-bg {
    background-color: #FAFAFA; }
    @media (min-width: 0) {
      .landing .grey-bg .hero-body .title.is-size-1 {
        font-size: 2.5REM !important; } }
    @media (min-width: 769px) {
      .landing .grey-bg .hero-body .title.is-size-1 {
        font-size: 2.8REM !important; } }
    @media (min-width: 1024px) {
      .landing .grey-bg .hero-body .title.is-size-1 {
        font-size: 3REM !important; } }
    .landing .grey-bg .hero-body img.icon-img {
      width: 85px;
      -webkit-box-shadow: 0px 0px 17px 0px rgba(0, 0, 0, 0.12);
              box-shadow: 0px 0px 17px 0px rgba(0, 0, 0, 0.12);
      border-radius: 100px;
      background-color: #fff;
      padding: 13px; }
      @media (min-width: 0) {
        .landing .grey-bg .hero-body img.icon-img {
          display: none; } }
      @media (min-width: 769px) {
        .landing .grey-bg .hero-body img.icon-img {
          display: block; } }
    .landing .grey-bg .hero-body img.icon-img.img-1 {
      margin-left: 35px; }
    .landing .grey-bg .hero-body img.icon-img.img-3 {
      float: right;
      margin-right: 35px; }
    .landing .grey-bg .hero-body img.icon-img.img-4 {
      float: right;
      margin-bottom: 30px;
      margin-top: 30px; }
    .landing .grey-bg .hero-body img.icon-img.img-2 {
      margin-bottom: 30px;
      margin-top: 30px; }
  .landing .dark-gradient-bg {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#020A47), to(#5EE4E4));
    background-image: linear-gradient(180deg, #020A47 0%, #5EE4E4 100%);
    background-color: #020A47;
    overflow: hidden; }
    .landing .dark-gradient-bg .title {
      color: #fff;
      margin-top: 20px; }
      @media (min-width: 0) {
        .landing .dark-gradient-bg .title {
          font-size: 2.5REM !important; } }
      @media (min-width: 769px) {
        .landing .dark-gradient-bg .title {
          font-size: 2.8REM !important; } }
      @media (min-width: 1024px) {
        .landing .dark-gradient-bg .title {
          font-size: 3REM !important; } }
    .landing .dark-gradient-bg .pre-header {
      font-size: 20px;
      letter-spacing: 7px; }
    .landing .dark-gradient-bg a.button.is-navy.is-normal {
      font-size: 18px;
      font-weight: 800;
      margin-right: 15px; }
    .landing .dark-gradient-bg .icon-text {
      padding-top: 13px;
      font-size: 18px; }
    .landing .dark-gradient-bg .clock {
      position: absolute;
      bottom: 0;
      margin-bottom: -55px;
      margin-left: 80px; }
  .landing .hero.navy-bg {
    background-color: #020A47; }
    .landing .hero.navy-bg a.sub-nav-link {
      display: inline-block;
      color: #fff;
      font-size: 20px;
      margin: 0px 10px; }
  @media (min-width: 0) {
    .landing .lp-content-one .lp-content {
      padding: 20px 0px; } }
  @media (min-width: 769px) {
    .landing .lp-content-one .lp-content {
      padding: 40px 0px; } }
  @media (min-width: 1024px) {
    .landing .lp-content-one .lp-content {
      padding: 50px 0px; } }
  .landing .lp-content-one .lp-width-one {
    max-width: 600px;
    margin: auto; }
  .landing .lp-content-one .lp-width-two {
    max-width: 890px;
    margin: auto; }
  .landing .lp-content-one .lp-width-three {
    max-width: 750px;
    margin: auto; }
  @media (min-width: 0) {
    .landing .lp-content-one .with-text-title {
      font-size: 18px; } }
  @media (min-width: 769px) {
    .landing .lp-content-one .with-text-title {
      font-size: 22px; } }
  .landing .lp-content-one .with-text-title .icon-text .icon {
    font-size: 16px; }
  @media (min-width: 0) {
    .landing .icon-blurb {
      display: block; } }
  @media (min-width: 1024px) {
    .landing .icon-blurb {
      display: flex;
      margin: 0px 0px 40px 0px; } }
  @media (min-width: 0) {
    .landing .icon-blurb .with-image img {
      max-width: 60px;
      margin: 20px 20px 10px 0px; } }
  @media (min-width: 1024px) {
    .landing .icon-blurb .with-image img {
      max-width: 50px;
      margin: 0px 20px 0px 0px; } }
  .landing .icon-blurb .with-image-integration img {
    max-width: 100px;
    margin-right: 25px;
    border: 1px solid #ddd;
    border-radius: 10px; }
  .landing .icon-blurb .with-image-partner img {
    max-width: 245px;
    border: 1px solid #ddd;
    border-radius: 10px; }
    @media (min-width: 0) {
      .landing .icon-blurb .with-image-partner img {
        margin: 20px 20px 20px 0px; } }
    @media (min-width: 1024px) {
      .landing .icon-blurb .with-image-partner img {
        margin: 0px 40px 0px 0px; } }
  .landing .icon-blurb h4 {
    margin-top: 10px; }
  @media (min-width: 0) {
    .landing .l-text {
      font-size: 18px; } }
  @media (min-width: 769px) {
    .landing .l-text {
      font-size: 22px; } }
  .landing a.button.is-gradient.is-normal.adjusted {
    font-size: 18px;
    padding: 28px 30px; }
    @media (min-width: 0) {
      .landing a.button.is-gradient.is-normal.adjusted {
        margin-right: 0px; } }
    @media (min-width: 769px) {
      .landing a.button.is-gradient.is-normal.adjusted {
        margin-right: 20px; } }
  .landing .blurbs img.blurb-icon {
    width: 85px; }
  .landing .navy-bg {
    background-color: #020A47; }
    .landing .navy-bg .hero-body {
      overflow-y: hidden; }
    .landing .navy-bg .columns {
      overflow-y: hidden; }
      @media (min-width: 0) {
        .landing .navy-bg .columns img.circle-form {
          display: none; } }
      @media (min-width: 769px) {
        .landing .navy-bg .columns img.circle-form {
          display: none; } }
      @media (min-width: 1024px) {
        .landing .navy-bg .columns img.circle-form {
          display: block;
          position: absolute;
          right: 0;
          margin-right: -20%;
          z-index: 0;
          opacity: 0.4; } }
      .landing .navy-bg .columns .column.with-form {
        z-index: 0; }
        @media (min-width: 0) {
          .landing .navy-bg .columns .column.with-form {
            padding: 50px 40px 50px 40px; } }
        @media (min-width: 1024px) {
          .landing .navy-bg .columns .column.with-form {
            padding: 70px 10px 70px 70px; } }
        .landing .navy-bg .columns .column.with-form .marketo-form {
          background-color: #fff;
          padding: 30px;
          border-radius: 24px; }
      .landing .navy-bg .columns .column.with-heading {
        z-index: 10; }
  .landing .whats-next.purple {
    background: -webkit-gradient(linear, left top, right top, from(#9b2aff), color-stop(70%, #020a47)) !important;
    background: linear-gradient(90deg, #9b2aff 0%, #020a47 70%) !important; }
    .landing .whats-next.purple .button.is-gradient.is-normal {
      min-width: 280px; }
      .landing .whats-next.purple .button.is-gradient.is-normal a {
        color: #fff !important; }
  .landing .column.custom-list ul {
    margin: 5px 0px;
    padding: 0; }
    .landing .column.custom-list ul li {
      list-style: none;
      position: relative;
      padding: 0 0 20px 35px;
      line-height: 1.5; }
  .landing .column.custom-list ul.circle-checkmark li::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 2px;
    border: solid 10px #fff;
    outline: 1px solid #9B2AFF;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px; }
  .landing .column.custom-list ul.circle-checkmark li::after {
    content: "";
    position: absolute;
    left: 1%;
    top: 6px;
    width: 5px;
    height: 10px;
    border: solid #9B2AFF;
    border-width: 0 1px 1px 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); }
  .landing a.secondary-btn {
    min-width: 280px; }
  .landing a.et_pb_button {
    min-width: 280px; }
  .landing .accordion .card {
    background-color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom: 1px solid rgba(2, 10, 71, 0.14); }
    .landing .accordion .card .card-header {
      -webkit-box-shadow: none;
      box-shadow: none; }
    .landing .accordion .card .card-content {
      padding: 10px 0px; }
    .landing .accordion .card svg.header-icon {
      width: 15px; }
    .landing .accordion .card .card-header-title {
      cursor: pointer;
      padding: 0px; }
      .landing .accordion .card .card-header-title h4 {
        font-size: 22px;
        line-height: 1.4em !important;
        margin: 25px 0px 7px 0px; }
  .landing .modal-background {
    background-color: rgba(0, 0, 0, 0.2); }
  @media (min-width: 1024px) {
    .landing button.modal-close.is-large {
      right: calc(50% - 530px);
      margin-top: 12%; } }
  .landing .modal-close::before, .landing .modal-close::after {
    background-color: black; }
  .landing .leader-bio img.modal-button {
    width: 250px;
    border: 1px solid #ddd;
    border-radius: 500px; }
    .landing .leader-bio img.modal-button:hover {
      border: 1px solid #9B2AFF; }
  .landing .leader-bio h4 {
    font-weight: 400;
    margin-bottom: 0px; }
  .landing .leader-bio p {
    margin-bottom: 0px; }
  .landing .modal-content {
    background-color: #fff;
    margin-top: 12%;
    border-radius: 30px;
    padding: 10px 60px;
    -webkit-box-shadow: 0px 0px 30px 10px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 0px 30px 10px rgba(0, 0, 0, 0.1); }
    @media (min-width: 0) {
      .landing .modal-content {
        width: 90%; } }
    @media (min-width: 769px) {
      .landing .modal-content {
        width: 80%; } }
    @media (min-width: 1024px) {
      .landing .modal-content {
        max-width: 1100px;
        width: 90%; } }
    .landing .modal-content img.leader-image-full {
      border: 1px solid #cccccc;
      border-radius: 15px; }
    .landing .modal-content hr.grey-line {
      width: 140px;
      border-top: 1px solid #ccc;
      background-color: #fff; }
    .landing .modal-content .subheading {
      color: #020A47; }
  .landing .flex-logos-7 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    @media (min-width: 0) {
      .landing .flex-logos-7 .flex-item {
        width: 50%; } }
    @media (min-width: 769px) {
      .landing .flex-logos-7 .flex-item {
        width: 25%; } }
    @media (min-width: 1024px) {
      .landing .flex-logos-7 .flex-item {
        width: 14.28%; } }
.landing.cloud img.hero-img {
  max-width: 350px;
  display: block;
  float: right;
  margin-top: 50px; }

@media (min-width: 0) {
  .landing.cloud .flex-boxes {
    display: flex;
    flex-direction: column;
    gap: 40px; } }

@media (min-width: 1024px) {
  .landing.cloud .flex-boxes {
    display: flex;
    flex-direction: row;
    gap: 50px; } }

.landing.cloud .flex-boxes .flex-item {
  border: 1px solid #ddd;
  border-radius: 30px;
  padding: 30px;
  text-align: center; }

.landing.cloud .haze-lp {
  position: absolute;
  z-index: -20;
  background: #fff;
  mix-blend-mode: normal;
  opacity: 0.4;
  -webkit-box-shadow: 0px 28px 55px rgba(27, 20, 65, 0.1);
          box-shadow: 0px 28px 55px rgba(27, 20, 65, 0.1);
  -webkit-transform: rotate(15deg);
          transform: rotate(15deg); }
  @media (min-width: 0) {
    .landing.cloud .haze-lp {
      border-radius: 60px;
      height: 0px;
      left: 0px;
      right: 0px;
      top: 0px; } }
  @media (min-width: 1024px) {
    .landing.cloud .haze-lp {
      border-radius: 100px;
      height: 700px;
      left: -50%;
      right: 70%;
      top: -55%; } }
/*--styling lp events pages--*/
.landing.event .hero.img-bg {
  background-image: url("//images.ctfassets.net/o7xu9whrs0u9/2oHTxXSVsyOm5jrqChDypk/bc2aeef2a4e872bc48e1549ffb50aa25/golf-hero.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }
  .landing.event .hero.img-bg img.hero-img {
    max-width: 250px; }

.landing.event .columns.event {
  max-width: 900px;
  margin: auto; }
  .landing.event .columns.event .calendar span {
    font-size: 28px;
    color: #020A47; }
  .landing.event .columns.event .calendar i.far.fa-clock, .landing.event .columns.event .calendar i.far.fa-calendar-alt {
    padding-right: 30px;
    font-size: 35px; }

.landing.event .box {
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.13);
          box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.13);
  max-width: 650px;
  padding: 30px 40px;
  border-radius: 20px; }

.landing.blue-header .container.navy-bg {
  background-color: #fff;
  background-image: url("https://www.influxdata.com/wp-content/uploads/navy-bg.png");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  border-radius: 50px;
  padding: 40px 20px; }

.landing.blue-header .is-box-shadow {
  -webkit-box-shadow: 0px 0px 13px 1px rgba(27, 20, 65, 0.08);
          box-shadow: 0px 0px 13px 1px rgba(27, 20, 65, 0.08);
  padding: 20px;
  border-radius: 30px; }

.landing-new .hero.blue-gradient-bg {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#E5F6FF), to(#ffffff));
  background-image: linear-gradient(180deg, #E5F6FF 0%, #ffffff 100%); }
  @media (min-width: 0) {
    .landing-new .hero.blue-gradient-bg .hero-img {
      margin-top: -10px; } }
  @media (min-width: 1024px) {
    .landing-new .hero.blue-gradient-bg .hero-img {
      margin-top: -40px; } }
.landing-new .teal-gradient-bg .hero-img {
  max-width: 430px; }

.landing-new .teal-gradient-bg a.button.is-gradient.is-normal {
  font-size: 18px;
  min-width: 210px; }

.landing-new .teal-gradient-bg .with-form {
  background: #fff;
  -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  padding: 40px 50px; }

.landing-new a.link-icon {
  margin-left: 20px;
  margin-top: 10px;
  color: #020A47;
  font-weight: 600;
  font-size: 18px; }
  .landing-new a.link-icon:hover {
    color: #9B2AFF; }

.landing-new .hero.grey-bg {
  background-color: #FAFAFA; }

.landing-new .blurbs .related-flex {
  justify-content: space-between; }
  @media (min-width: 0) {
    .landing-new .blurbs .related-flex {
      gap: 10px; } }
  @media (min-width: 1024px) {
    .landing-new .blurbs .related-flex {
      gap: 6%; } }
  @media (min-width: 0) {
    .landing-new .blurbs .related-flex .related {
      display: block;
      width: 100%; } }
  @media (min-width: 1024px) {
    .landing-new .blurbs .related-flex .related {
      display: block;
      width: 28%; } }
  .landing-new .blurbs .related-flex .related .flex-title {
    display: flex;
    gap: 20px; }
    .landing-new .blurbs .related-flex .related .flex-title .blurb-icon {
      width: 60px;
      height: 60px; }
    .landing-new .blurbs .related-flex .related .flex-title h4 {
      font-size: 24px;
      margin-top: 5px; }

.landing-new .button.is-gradient.is-normal.adjusted {
  padding: 27px 30px;
  min-width: 210px;
  margin-bottom: 10px; }

.landing-new .is-customer-card-three {
  -webkit-box-shadow: none !important;
          box-shadow: none !important; }
  .landing-new .is-customer-card-three img.customer-logo {
    border-left: none; }

.landing-new.download-new .column.with-form {
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 17px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 0px 17px 0px rgba(0, 0, 0, 0.12);
  border-radius: 20px;
  padding: 30px; }
  @media (min-width: 0) {
    .landing-new.download-new .column.with-form {
      margin: 0px; } }
  @media (min-width: 769px) {
    .landing-new.download-new .column.with-form {
      margin-left: 20px; } }
  @media (min-width: 1024px) {
    .landing-new.download-new .column.with-form {
      margin-left: 20px; } }
.landing-new.download-new .custom-list ul {
  margin: 5px 0px;
  padding: 0; }
  .landing-new.download-new .custom-list ul li {
    list-style: none;
    position: relative;
    padding: 0 0 20px 35px;
    line-height: 1.5; }

.landing-new.download-new .custom-list ul.circle-checkmark li::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 2px;
  border: solid 10px #fff;
  outline: 1px solid #9B2AFF;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px; }

.landing-new.download-new .custom-list ul.circle-checkmark li::after {
  content: "";
  position: absolute;
  left: 1%;
  top: 6px;
  width: 5px;
  height: 10px;
  border: solid #9B2AFF;
  border-width: 0 1px 1px 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

@media (min-width: 0) {
  .landing-new.download-new .turbine-img {
    display: none; } }

@media (min-width: 1024px) {
  .landing-new.download-new .turbine-img {
    display: block;
    position: absolute;
    max-width: 300px;
    right: 0;
    margin-top: -80px; } }

.landing-new.download-new .icon-blurb h4 {
  font-size: 24px;
  margin-top: 5px;
  line-height: 1.4em; }

.landing-new.download-new .whats-next .fish p {
  font-size: 22px;
  line-height: 1.4em;
  font-weight: 600; }

.landing.roadshow .germany-img-bg {
  background-image: url("//images.ctfassets.net/o7xu9whrs0u9/2sgb5hR0qFZvNIa5Kwouin/6239bc7eee32a4b968e8786f9e9ffdd5/influxdb-germany.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }

.lp-aerospace {
  /*---vertical open tabs---*/ }
  .lp-aerospace .kit-img {
    width: 100% !important;
    height: auto !important; }
  .lp-aerospace .tabs-container {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-left: 40px; }
    .lp-aerospace .tabs-container .vertical-line {
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      width: 5px;
      border-radius: 4px;
      background-color: rgba(2, 10, 71, 0.2); }
    .lp-aerospace .tabs-container .tab {
      position: relative;
      padding: 10px 0;
      width: 100%; }
      .lp-aerospace .tabs-container .tab .text-28 {
        margin-bottom: 5px;
        font-weight: bold;
        color: #020A47; }
    .lp-aerospace .tabs-container .active-line {
      position: absolute;
      left: 0;
      width: 5px;
      background-color: #5EE4E4;
      border-radius: 4px;
      -webkit-transition: top 0.3s ease, height 0.3s ease;
      transition: top 0.3s ease, height 0.3s ease;
      top: 0;
      height: 0; }

.landing-influxdb {
  background-color: #F7F9FB;
  /*new IoT page*/ }
  .landing-influxdb .box-item .logo {
    height: 27px;
    display: block;
    margin-bottom: 23px; }
  .landing-influxdb .box-item .icon-new {
    width: 60px; }
  .landing-influxdb .svg-wrapper {
    position: absolute;
    display: block;
    bottom: 0;
    left: 0;
    margin-bottom: 70px;
    margin-left: 8%; }
    .landing-influxdb .svg-wrapper svg.kubo {
      width: 26vw;
      height: auto; }
  @media (min-width: 0) {
    .landing-influxdb .container.is-relative.has-navy-bgr {
      margin-top: -60px; } }
  @media (min-width: 1024px) {
    .landing-influxdb .container.is-relative.has-navy-bgr {
      margin-top: 0px; } }
  .landing-influxdb .svg-wrapper-contained {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    margin-left: 0px;
    margin-top: 20px; }
    @media (min-width: 0) {
      .landing-influxdb .svg-wrapper-contained svg.kubo {
        display: none; } }
    @media (min-width: 1024px) {
      .landing-influxdb .svg-wrapper-contained svg.kubo {
        display: block;
        width: 28vw;
        height: auto; } }
  .landing-influxdb .testimonials .box-item {
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
  .landing-influxdb .testimonials .box-item {
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
    .landing-influxdb .testimonials .box-item img {
      width: 120px; }
  .landing-influxdb .for-landing .main-thead th {
    border: none; }
  .landing-influxdb .for-landing .secondary-thead th {
    background-color: #020A47;
    font-size: 16px;
    color: #fff; }
    .landing-influxdb .for-landing .secondary-thead th:nth-child(1) {
      border-radius: 15px 0 0 0;
      border: none; }
    .landing-influxdb .for-landing .secondary-thead th:nth-child(3) {
      border-radius: 0 15px 0 0;
      border: none; }
  .landing-influxdb .for-landing tbody td {
    padding: 13px !important;
    vertical-align: middle !important; }
  .landing-influxdb .for-landing .plan-dscr td {
    font-size: 14px;
    line-height: 1.55; }
  .landing-influxdb .for-landing tr.last-tr td:nth-child(1) {
    border-radius: 0 0 0 10px;
    border: none; }
  .landing-influxdb .for-landing tr.last-tr td:nth-child(3) {
    border-radius: 0 0 10px 0;
    border: none; }
  .landing-influxdb .for-landing tr.has-navy-bgr td:first-child {
    font-size: 16px; }
  .landing-influxdb .for-landing tr.dark-row {
    background-color: #F2F4F6; }
  .landing-influxdb .for-landing tr td {
    border: 1px solid #F2F4F6;
    font-size: 14px;
    line-height: 1.55;
    color: #020A47; }
    .landing-influxdb .for-landing tr td:first-child {
      font-weight: bold; }

.legal h1.title.legal {
  color: #020A47;
  font-weight: 700; }
  @media (min-width: 0) {
    .legal h1.title.legal {
      -ms-hyphens: manual;
          hyphens: manual;
      font-size: 2.2rem;
      line-height: 1.1; } }
  @media (min-width: 769px) {
    .legal h1.title.legal {
      -ms-hyphens: none;
          hyphens: none;
      font-size: 3.2REM; } }
  @media (min-width: 1024px) {
    .legal h1.title.legal {
      font-size: 3.6REM; } }
.legal h3 {
  color: #020A47;
  font-weight: 700; }
  @media (min-width: 0) {
    .legal h3 {
      font-size: 2.4rem;
      line-height: 1.5; } }
  @media (min-width: 769px) {
    .legal h3 {
      font-size: 2REM; } }
.legal .table.is-bordered.is-v-centered td {
  vertical-align: middle; }

.legal .table.is-bordered.is-v-centered th {
  vertical-align: middle; }

.legal .th-bg thead th {
  background-color: #F1F1F1; }

/*--styling for navy_header page template --*/
.navy-header .hero.img-bg {
  background-color: #020A47; }
  .navy-header .hero.img-bg img.hero-img {
    max-width: 350px; }

.navy-header .stars-counter {
  padding: 14px 0px 1px 0px;
  border-radius: 7px; }
  .navy-header .stars-counter span.icon-text {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.5; }
    .navy-header .stars-counter span.icon-text i.fab.fa-github {
      font-size: 26px; }
    .navy-header .stars-counter span.icon-text #num_stars_container {
      padding: 0px 7px; }

.navy-header .box {
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.13);
          box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.13);
  max-width: 650px;
  padding: 30px 40px;
  border-radius: 20px; }

.navy-header #videos {
  overflow: hidden; }
  .navy-header #videos .item-0, .navy-header #videos .item-1, .navy-header #videos .item-2, .navy-header #videos .item-3, .navy-header #videos .item-4, .navy-header #videos .item-5 {
    padding: 10px;
    margin: 30px 30px 10px 0px; }
  .navy-header #videos h4 {
    display: block; }
  .navy-header #videos .icon-text a {
    color: #9b2aff; }
    .navy-header #videos .icon-text a:hover {
      color: #9394ff; }
  .navy-header #videos .slider-pagination {
    display: none; }
  .navy-header #videos .slider-container {
    margin-top: 40px; }
  .navy-header #videos .slider-navigation-next {
    top: -15px;
    background-color: transparent; }
    .navy-header #videos .slider-navigation-next:hover {
      -webkit-transform: scale(1);
      transform: scale(1); }
    @media (min-width: 1024px) {
      .navy-header #videos .slider-navigation-next {
        margin-right: 2%; } }
    .navy-header #videos .slider-navigation-next svg {
      color: #171717;
      margin-left: 4px; }
  .navy-header #videos .slider-navigation-previous {
    top: -15px;
    background-color: transparent;
    margin-left: calc(100% - 120px); }
    .navy-header #videos .slider-navigation-previous:hover {
      -webkit-transform: scale(1);
      transform: scale(1); }
    .navy-header #videos .slider-navigation-previous svg {
      color: #171717; }

@media (min-width: 0) {
  .navy-header .section.blurbs {
    padding-bottom: 40px; } }

@media (min-width: 1024px) {
  .navy-header .section.blurbs {
    padding-bottom: 80px; } }

.navy-header .section.blurbs .related a h5 {
  margin-top: 10px;
  color: #9B2AFF; }
  .navy-header .section.blurbs .related a h5:hover {
    color: #9394FF; }

.navy-header .section.blurbs .related img.blurb-icon {
  height: 40px;
  width: 40px; }

.overview-test {
  /*---verycal tabs------*/
  /*--code for toggle in the hero section */ }
  .overview-test .tabs-container {
    display: flex;
    align-items: center;
    position: relative; }
    .overview-test .tabs-container .tabs-titles {
      width: 280px;
      display: flex;
      flex-direction: column;
      padding: 0px;
      position: relative; }
      .overview-test .tabs-container .tabs-titles:before {
        content: '';
        position: absolute;
        left: 0px;
        top: 0px;
        bottom: 0px;
        width: 5px;
        background-color: rgba(94, 228, 228, 0.2);
        border-radius: 4px; }
      .overview-test .tabs-container .tabs-titles .tabs-title {
        margin: 0;
        padding: 15px 35px;
        cursor: pointer;
        position: relative;
        color: #fff;
        font-weight: bold;
        font-size: 18px;
        height: 60px;
        opacity: 0.5;
        -webkit-transition: opacity 0.3s ease, color 0.3s ease;
        transition: opacity 0.3s ease, color 0.3s ease; }
        .overview-test .tabs-container .tabs-titles .tabs-title:hover {
          opacity: 1; }
      .overview-test .tabs-container .tabs-titles .tabs-title.active {
        color: #fff;
        opacity: 1; }
      .overview-test .tabs-container .tabs-titles .tabs-title.dark {
        margin: 0;
        padding: 15px 35px;
        cursor: pointer;
        position: relative;
        color: #020A47;
        font-weight: bold;
        font-size: 18px;
        height: 60px;
        opacity: 0.5;
        -webkit-transition: opacity 0.3s ease, color 0.3s ease;
        transition: opacity 0.3s ease, color 0.3s ease; }
        .overview-test .tabs-container .tabs-titles .tabs-title.dark:hover {
          opacity: 1; }
      .overview-test .tabs-container .tabs-titles .tabs-title.dark.active {
        color: #020A47;
        opacity: 1; }
      .overview-test .tabs-container .tabs-titles .active-line {
        position: absolute;
        left: 0;
        width: 5px;
        height: 60px;
        background-color: #5EE4E4;
        -webkit-transition: top 0.3s ease;
        transition: top 0.3s ease;
        border-radius: 4px; }
    .overview-test .tabs-container .tabs-contents {
      flex: 1;
      position: relative; }
      .overview-test .tabs-container .tabs-contents .tabs-content {
        display: none;
        position: relative;
        border-radius: 10px;
        overflow: hidden; }
        .overview-test .tabs-container .tabs-contents .tabs-content .content-left {
          width: 51%;
          padding: 50px;
          display: flex;
          flex-direction: column;
          justify-content: center;
          background-color: #fff;
          height: 480px; }
        .overview-test .tabs-container .tabs-contents .tabs-content .content-right {
          width: 49%;
          padding: 50px;
          display: flex;
          justify-content: space-between;
          align-items: center;
          background: #020A47;
          background-repeat: no-repeat;
          background-size: cover;
          background-position: top center; }
        .overview-test .tabs-container .tabs-contents .tabs-content .manufacturing {
          background-image: url("/images/manufacturing-0b7b2006.jpeg"); }
        .overview-test .tabs-container .tabs-contents .tabs-content .energy {
          background-image: url("/images/energy-89ec32f3.jpeg"); }
        .overview-test .tabs-container .tabs-contents .tabs-content .telecom {
          background-image: url("/images/telecom-8d67f0ea.jpeg"); }
        .overview-test .tabs-container .tabs-contents .tabs-content .iot {
          background-image: url("/images/consumer-iot-e9f53f30.jpeg"); }
        .overview-test .tabs-container .tabs-contents .tabs-content .iiot {
          background-image: url("/images/industrial-iot-c014dcbc.jpeg"); }
        .overview-test .tabs-container .tabs-contents .tabs-content .aerospace {
          background-image: url("/images/aerospace-0d74774f.jpeg"); }
        .overview-test .tabs-container .tabs-contents .tabs-content .collectors {
          background-image: url("//images.ctfassets.net/o7xu9whrs0u9/1lfuLPAtPLrea6MNoodo1d/ce52ea751355fdc6fd27b7d807f3486a/collectors.png"); }
        .overview-test .tabs-container .tabs-contents .tabs-content .lakehouses {
          background-image: url("//images.ctfassets.net/o7xu9whrs0u9/5gwyjwhKdO8PVh3RnM2zBk/1105b5534bfe4d8803123f056c115635/lakehouse.png"); }
        .overview-test .tabs-container .tabs-contents .tabs-content .libraries {
          background-image: url("//images.ctfassets.net/o7xu9whrs0u9/4Ci3hrvdyfitTQdijdhxH9/19c82a7ddb03a28f351f9bd8936619d9/libraries.png"); }
    .overview-test .tabs-container .tabs-content.active {
      display: block; }
  @media (min-width: 0) {
    .overview-test .with-testimonials-2 .column:nth-child(1) {
      border-right: none;
      padding-right: 15px; } }
  @media (min-width: 1024px) {
    .overview-test .with-testimonials-2 .column:nth-child(1) {
      border-right: 1px solid rgba(2, 10, 71, 0.2);
      padding-right: 60px; } }
  @media (min-width: 0) {
    .overview-test .with-testimonials-2 .column:nth-child(2) {
      padding-left: 15px; } }
  @media (min-width: 1024px) {
    .overview-test .with-testimonials-2 .column:nth-child(2) {
      padding-left: 60px; } }
  .overview-test .custom-scrollbar {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 5px;
    /* Height of the scrollbar */
    border-radius: 10px;
    background-color: rgba(94, 228, 228, 0.2);
    z-index: 10; }
    .overview-test .custom-scrollbar .scrollbar {
      height: 100%;
      background-color: #5EE4E4;
      width: 0;
      border-radius: 10px;
      -webkit-transition: width 0.2s ease;
      transition: width 0.2s ease; }
  .overview-test .slider-wrapper {
    overflow: hidden;
    position: relative;
    padding-top: 30px;
    /* Margin between the scrollbar and slider */ }
  .overview-test .slider-container {
    overflow: hidden;
    width: 100%;
    position: relative;
    cursor: -webkit-grab;
    cursor: grab; }
    .overview-test .slider-container .slider {
      display: flex;
      -webkit-transition: -webkit-transform 0.5s ease-in-out;
      transition: -webkit-transform 0.5s ease-in-out;
      transition: transform 0.5s ease-in-out;
      transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
      -ms-scroll-snap-type: x mandatory;
          scroll-snap-type: x mandatory;
      overflow-x: scroll;
      scrollbar-width: none;
      overflow-y: hidden;
      scroll-behavior: smooth; }
      .overview-test .slider-container .slider:-webkit-scrollbar {
        display: none !important; }
      .overview-test .slider-container .slider .slide {
        flex: 0 0 90%;
        scroll-snap-align: start;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-right: 20px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box; }
        .overview-test .slider-container .slider .slide .slide-content {
          position: relative;
          border-radius: 10px;
          overflow: hidden; }
          @media (min-width: 0) {
            .overview-test .slider-container .slider .slide .slide-content .is-flex {
              flex-direction: column; } }
          @media (min-width: 769px) {
            .overview-test .slider-container .slider .slide .slide-content .is-flex {
              flex-direction: row; } }
          .overview-test .slider-container .slider .slide .slide-content .is-flex .content-left {
            display: flex;
            flex-direction: column;
            justify-content: center;
            background-color: #fff; }
            @media (min-width: 0) {
              .overview-test .slider-container .slider .slide .slide-content .is-flex .content-left {
                width: 100%;
                padding: 20px;
                min-height: 360px; } }
            @media (min-width: 769px) {
              .overview-test .slider-container .slider .slide .slide-content .is-flex .content-left {
                width: 55%;
                padding: 40px 50px;
                min-height: 360px; } }
          .overview-test .slider-container .slider .slide .slide-content .is-flex .content-left.is-smaller {
            display: flex;
            flex-direction: column;
            justify-content: center;
            background-color: #fff; }
            @media (min-width: 0) {
              .overview-test .slider-container .slider .slide .slide-content .is-flex .content-left.is-smaller {
                width: 100%;
                padding: 20px;
                min-height: 240px; } }
            @media (min-width: 769px) {
              .overview-test .slider-container .slider .slide .slide-content .is-flex .content-left.is-smaller {
                width: 55%;
                padding: 40px 50px;
                min-height: 360px; } }
  .overview-test .left-border {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 2px;
    background-color: #E2E2E2;
    margin-left: 31px;
    margin-top: 52px;
    z-index: 5;
    height: 430px; }
    @media (min-width: 0) {
      .overview-test .left-border {
        height: 430px; } }
    @media (min-width: 1024px) {
      .overview-test .left-border {
        height: 400px; } }
  .overview-test .fdap-item {
    display: flex;
    flex-wrap: nowrap;
    gap: 30px;
    position: relative;
    z-index: 10; }
    @media (min-width: 0) {
      .overview-test .fdap-item {
        align-items: flex-start;
        padding: 20px 0px; } }
    @media (min-width: 1024px) {
      .overview-test .fdap-item {
        align-items: center;
        padding: 30px 0px; } }
    .overview-test .fdap-item .letter {
      margin: 0px;
      font-weight: bold;
      font-size: 35px;
      line-height: 1.3;
      color: #D6D8F7;
      background-color: #020A47;
      display: inline-block;
      text-align: center;
      width: 63px;
      height: 63px;
      border-radius: 60px;
      border: 7px solid #F2F4F6; }
    .overview-test .fdap-item .fdap-cntn {
      display: flex;
      flex-wrap: wrap;
      gap: 10px; }
      @media (min-width: 0) {
        .overview-test .fdap-item .fdap-cntn {
          align-items: flex-start;
          justify-content: flex-start; } }
      @media (min-width: 1024px) {
        .overview-test .fdap-item .fdap-cntn {
          align-items: center;
          justify-content: space-between; } }
      @media (min-width: 0) {
        .overview-test .fdap-item .fdap-cntn .fdap-text {
          min-width: 50px; } }
      @media (min-width: 1024px) {
        .overview-test .fdap-item .fdap-cntn .fdap-text {
          min-width: 500px; } }
      @media (min-width: 0) {
        .overview-test .fdap-item .fdap-cntn img.fdap-logo {
          display: block;
          max-width: 155px;
          height: 56px; } }
      @media (min-width: 1024px) {
        .overview-test .fdap-item .fdap-cntn img.fdap-logo {
          display: block;
          max-width: 155px; } }
  .overview-test .witht-discord {
    display: flex;
    justify-content: center;
    padding-top: 20px; }
    .overview-test .witht-discord .discord {
      background-color: #fff;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      max-width: 270px;
      gap: 20px;
      padding: 15px 20px;
      justify-content: center;
      border-radius: 14px;
      -webkit-box-shadow: 0 0 20px 0px #C1AAFD;
              box-shadow: 0 0 20px 0px #C1AAFD;
      -webkit-transition: -webkit-box-shadow 0.3s ease;
      transition: -webkit-box-shadow 0.3s ease;
      transition: box-shadow 0.3s ease;
      transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease; }
      .overview-test .witht-discord .discord:hover {
        -webkit-box-shadow: 0 0 10px 0px #C1AAFD;
                box-shadow: 0 0 10px 0px #C1AAFD; }
      .overview-test .witht-discord .discord img {
        width: 40px; }
  .overview-test .preferred {
    text-align: center;
    font-size: 14px;
    letter-spacing: 2px;
    text-transform: uppercase; }
  .overview-test .toggle-wrapper {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    border-radius: 5px; }
    .overview-test .toggle-wrapper .toggle-section {
      border: 1px solid #4F579A;
      background-color: #030938;
      margin-bottom: 0px;
      overflow: hidden; }
      .overview-test .toggle-wrapper .toggle-section .toggle-header {
        background-color: #030938;
        padding: 10px 20px;
        cursor: pointer; }
      .overview-test .toggle-wrapper .toggle-section .toggle-content {
        background-color: #030938;
        padding: 10px 20px;
        display: none; }
    .overview-test .toggle-wrapper .toggle-section.active .toggle-content {
      display: block; }
    .overview-test .toggle-wrapper .toggle-section p {
      color: #D6D8F7; }
    .overview-test .toggle-wrapper .toggle-section h4 {
      color: #D6D8F7; }
    .overview-test .toggle-wrapper .toggle-section.active p {
      color: #fff; }
    .overview-test .toggle-wrapper .toggle-section.active h4 {
      color: #fff; }
    .overview-test .toggle-wrapper #section1 {
      border-radius: 14px 14px 0 0; }
    .overview-test .toggle-wrapper #section2 {
      border-radius: 0 0 14px 14px; }
    .overview-test .toggle-wrapper .curl-container {
      display: flex;
      align-items: flex-start;
      gap: 10px;
      justify-content: space-between;
      padding: 10px;
      background-color: #030938;
      border-radius: 4px;
      border: 1px solid #4F579A;
      overflow-wrap: anywhere; }
    .overview-test .toggle-wrapper #curl-command {
      font-size: 14px;
      color: #9394FF;
      font-family: "Courier New", Courier, monospace;
      word-break: break-all;
      overflow-wrap: break-word;
      white-space: normal;
      padding-bottom: 20px; }
    .overview-test .toggle-wrapper button.copy-btn-oss, .overview-test .toggle-wrapper button.copy-btn-enterprise {
      width: 100px;
      background-color: rgba(79, 87, 154, 0);
      border: none; }
      .overview-test .toggle-wrapper button.copy-btn-oss img.copy-img, .overview-test .toggle-wrapper button.copy-btn-enterprise img.copy-img {
        width: 80px;
        border: 1px solid #4F579A;
        border-radius: 5px;
        padding: 5px; }
        .overview-test .toggle-wrapper button.copy-btn-oss img.copy-img:hover, .overview-test .toggle-wrapper button.copy-btn-enterprise img.copy-img:hover {
          border: 2px solid #4F579A; }
    .overview-test .toggle-wrapper .mono-text {
      font-family: "Roboto Mono"; }
    .overview-test .toggle-wrapper a.mono-text {
      font-family: "Roboto Mono";
      text-decoration: underline; }
  .overview-test .numbers-img {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    margin-right: -17%; }
  .overview-test .toggle-wrapper {
    position: relative;
    z-index: 1; }
  .overview-test .toggle-wrapper::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 120%;
    height: 110%;
    background: radial-gradient(circle, rgba(147, 148, 255, 0.2) 0%, rgba(155, 42, 255, 0.2) 100%);
    border-radius: 5%;
    -webkit-filter: blur(45px);
            filter: blur(45px);
    z-index: -1; }

.partners h2 {
  font-size: 40px;
  color: #020A47;
  font-weight: bold; }

.partners h3 {
  font-size: 32px;
  color: #020A47;
  font-weight: bold; }

.partners h4 {
  font-size: 28px;
  color: #020A47;
  font-weight: bold; }

.partners .subheading.for-partners {
  font-size: 20px;
  color: #020a47; }

.partners .content h2:not(:first-child) {
  margin-top: 1.2em; }

.partners .column.is-content {
  display: block;
  overflow: hidden; }

.partners .is-content h2:after {
  content: ' ';
  display: block;
  border: 2px solid #5EE4E4;
  width: 80px;
  margin-top: 20px;
  margin-bottom: 25px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px; }

.partners img.integration-logo {
  background: #FFFFFF;
  border: 1px solid #CCCCCC;
  border-radius: 30px;
  margin-right: 40px; }

.partners img.for-webinar {
  border-radius: 30px; }

.partners img.with-border {
  border: 1px solid #dddddd; }

.partners .button.is-gradient.is-normal {
  margin: 20px 0px; }

.partners .customers-inline-btn {
  margin-top: 30px;
  margin-bottom: 30px; }

.partners .et_pb_button:hover {
  color: #fff; }

.partners .et_pb_button:not(:last-child) {
  margin-right: 17px; }

.partners .secondary-btn:not(:last-child) {
  margin-right: 17px; }

.partners .compare-is-flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  background-color: #020a47;
  color: #fff;
  padding: 70px 60px;
  border-radius: 50px; }
  .partners .compare-is-flex .button.is-gradient.is-normal {
    width: 230px; }

.partners a.button.is-gradient.is-normal.is-outlined {
  font-weight: 700;
  padding: 25px 20px; }
  .partners a.button.is-gradient.is-normal.is-outlined .btn-img {
    margin-right: 13px; }

.channel-partners #partners {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-left: -15px; }
  .channel-partners #partners .card {
    display: block;
    padding: 10px 30px 30px 30px;
    border-radius: 10px; }
    @media (min-width: 0) {
      .channel-partners #partners .card {
        width: 100%;
        margin: 10px; } }
    @media (min-width: 769px) {
      .channel-partners #partners .card {
        width: 47%;
        margin: 1.5%; } }
    @media (min-width: 1024px) {
      .channel-partners #partners .card {
        width: 30%;
        margin: 1.5%; } }
    .channel-partners #partners .card .is-contact {
      min-height: 160px; }
    .channel-partners #partners .card img {
      display: block;
      max-height: 80px; }
    .channel-partners #partners .card h3 {
      color: #020a47;
      height: 55px;
      font-weight: 400;
      font-size: 18px;
      padding-top: 15px; }
    .channel-partners #partners .card .is-website {
      display: block;
      padding: 10px 0px; }
    .channel-partners #partners .card .partner_type {
      display: block;
      float: right;
      padding-top: 5px; }

.channel-partners #partner-filter .select {
  display: inline-block;
  margin-bottom: 15px; }
  .channel-partners #partner-filter .select select {
    min-width: 300px;
    height: 50px;
    padding: 10px;
    border: 2px solid #d6d6d6;
    border-radius: 10px;
    margin-right: 15px;
    color: #020a47; }

.channel-partners #partner-filter .button.is-gradient.is-normal {
  font-weight: bold;
  height: 50px; }

.channel-partners #partner-filter .select:not(.is-multiple):not(.is-loading)::after {
  border-color: #020a47;
  right: 1.8em;
  top: 1.5em;
  z-index: 4; }

.channel-partners .partners-cta-section {
  background-color: #020A47;
  border-radius: 50px;
  padding: 30px 50px; }
  .channel-partners .partners-cta-section button.button.is-gradient.is-normal {
    padding: 25px 50px; }
    .channel-partners .partners-cta-section button.button.is-gradient.is-normal a {
      color: #fff;
      font-weight: bold; }

.channel_partners .single-header {
  background-color: #F9F9F9; }
  .channel_partners .single-header img.logo-img {
    padding: 30px;
    border-radius: 20px;
    -webkit-box-shadow: 0px 40px 55px rgba(27, 20, 65, 0.08);
            box-shadow: 0px 40px 55px rgba(27, 20, 65, 0.08);
    background-color: #fff; }
  .channel_partners .single-header h1.page-title {
    padding-bottom: 0px; }

.channel_partners .partner-info .is-content h5 {
  margin-top: 0px;
  margin-bottom: 0.5em; }

.partners.sub-pages .icon-blurb {
  margin-top: 0px; }

.partners.sub-pages .content h3:not(:first-child) {
  margin-top: 0.5em !important; }

.partners.sub-pages .flex-box-3 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .partners.sub-pages .flex-box-3 .card {
    display: block;
    -webkit-box-shadow: 0px 0px 13px 1px rgba(27, 20, 65, 0.08);
            box-shadow: 0px 0px 13px 1px rgba(27, 20, 65, 0.08);
    padding: 30px;
    border-radius: 10px;
    margin-bottom: 25px; }
    @media (min-width: 0) {
      .partners.sub-pages .flex-box-3 .card {
        width: 100%; } }
    @media (min-width: 769px) {
      .partners.sub-pages .flex-box-3 .card {
        width: 49%; } }
    @media (min-width: 1024px) {
      .partners.sub-pages .flex-box-3 .card {
        width: 32%; } }
    .partners.sub-pages .flex-box-3 .card:hover {
      -webkit-box-shadow: 0px 0px 7px 0px rgba(27, 20, 65, 0.05);
              box-shadow: 0px 0px 7px 0px rgba(27, 20, 65, 0.05); }
    .partners.sub-pages .flex-box-3 .card a {
      color: #020A47;
      font-weight: bold; }
      .partners.sub-pages .flex-box-3 .card a:hover {
        color: #9B2AFF; }
    .partners.sub-pages .flex-box-3 .card .with-img {
      display: flex;
      justify-content: center;
      align-items: center;
      min-height: 250px; }
      .partners.sub-pages .flex-box-3 .card .with-img img.partner-logo {
        width: 280px; }
    .partners.sub-pages .flex-box-3 .card .with-icon {
      display: flex;
      justify-content: center;
      align-items: center; }
      .partners.sub-pages .flex-box-3 .card .with-icon img.partner-icon {
        width: 75px; }
    .partners.sub-pages .flex-box-3 .card h3 {
      margin-top: 10px; }

.partners.sub-pages .whats-next-navy {
  background-color: #020A47;
  border-radius: 50px; }
  @media (min-width: 0) {
    .partners.sub-pages .whats-next-navy {
      padding: 20px; } }
  @media (min-width: 769px) {
    .partners.sub-pages .whats-next-navy {
      padding: 30px; } }
  @media (min-width: 1024px) {
    .partners.sub-pages .whats-next-navy {
      padding: 40px; } }
.partners.sub-pages .content h1:not(:first-child) {
  margin-top: 10px; }

.partners.sub-pages .partners-results .card {
  height: 300px;
  background-color: #fff;
  border-radius: 10px;
  -webkit-box-shadow: 0px 0px 13px 1px rgba(27, 20, 65, 0.08);
          box-shadow: 0px 0px 13px 1px rgba(27, 20, 65, 0.08);
  margin: 10px;
  padding: 30px 0; }
  .partners.sub-pages .partners-results .card:hover {
    -webkit-box-shadow: 0px 0px 7px 0px rgba(27, 20, 65, 0.07);
            box-shadow: 0px 0px 7px 0px rgba(27, 20, 65, 0.07); }
  @media (min-width: 0) {
    .partners.sub-pages .partners-results .card {
      width: calc(100% - 20px); } }
  @media (min-width: 769px) {
    .partners.sub-pages .partners-results .card {
      width: calc(50% - 20px); } }
  @media (min-width: 1239px) {
    .partners.sub-pages .partners-results .card {
      width: calc(25% - 20px); } }
  .partners.sub-pages .partners-results .card h5 {
    font-size: 20px;
    line-height: 1.3;
    font-weight: 600;
    text-align: center; }
    .partners.sub-pages .partners-results .card h5:hover {
      color: #9B2AFF; }
  .partners.sub-pages .partners-results .card img {
    width: 180px; }

.pricing {
  /*Table styling on InfluxDB Cloud Pricing page*/
  /*--Accordion styling--*/
  /*--Raffle page Integrations section styling--*/
  /*-- move later to buttons --*/ }
  @media (min-width: 0) {
    .pricing .inline-txt {
      padding: 12px 0px 0px 0px; } }
  @media (min-width: 769px) {
    .pricing .inline-txt {
      padding: 12px 0px 0px 20px; } }
  .pricing .over-text {
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 3px; }
  @media (min-width: 0) {
    .pricing .hero-img {
      width: 100%; } }
  @media (min-width: 1024px) {
    .pricing .hero-img {
      max-width: 450px; } }
  .pricing .is-pink {
    color: #d30971 !important; }
  .pricing .hero.blue-bg {
    overflow: hidden;
    background-color: #020A47;
    margin-left: -20px;
    margin-right: -20px; }
    .pricing .hero.blue-bg .secondary-nav {
      max-width: 400px;
      display: flex;
      justify-content: space-between; }
      .pricing .hero.blue-bg .secondary-nav a {
        color: #fff;
        text-transform: uppercase;
        font-weight: 700;
        letter-spacing: 1px; }
  @media (min-width: 0) {
    .pricing .flex-boxes {
      display: block; } }
  @media (min-width: 769px) {
    .pricing .flex-boxes {
      display: block; } }
  @media (min-width: 1024px) {
    .pricing .flex-boxes {
      display: flex;
      gap: 30px; } }
  .pricing .flex-boxes h3 {
    line-height: 1.2; }
  .pricing .flex-boxes .col-new {
    padding: 0;
    overflow: hidden;
    background: #fff; }
    @media (min-width: 0) {
      .pricing .flex-boxes .col-new {
        width: 100%;
        margin-bottom: 50px; } }
    @media (min-width: 769px) {
      .pricing .flex-boxes .col-new {
        width: 100%;
        margin-bottom: 50px; } }
    @media (min-width: 1024px) {
      .pricing .flex-boxes .col-new {
        width: 33.3%;
        margin-bottom: 10px; } }
    .pricing .flex-boxes .col-new .popular-content {
      padding: 5px 30px 30px; }
    .pricing .flex-boxes .col-new .content {
      padding: 65px 30px 30px; }
  .pricing .flex-boxes a.button.is-gradient.is-normal {
    margin-top: 7px;
    margin-bottom: 30px; }
  .pricing .flex-boxes .with-shadow-rb.has-navy-bgr {
    padding: 0; }
  .pricing .flex-boxes .with-shadow-rb {
    border-radius: 14px;
    border: 1px solid #E2E2E2;
    padding: 0px; }
  .pricing .flex-boxes .recommended-rb {
    text-align: center;
    line-height: 1;
    height: 40px;
    font-weight: 500;
    display: block;
    background-color: #D6D8F7;
    color: #020A47;
    width: 180px;
    margin-top: 0px;
    margin-bottom: 20px;
    border-radius: 10px 0 14px 0;
    padding-top: 10px; }
  .pricing .whats-next {
    position: relative;
    overflow: hidden;
    z-index: 10;
    padding: 40px; }
    @media (min-width: 0) {
      .pricing .whats-next {
        margin-top: 0px; } }
    @media (min-width: 1024px) {
      .pricing .whats-next {
        margin-top: 40px; } }
    .pricing .whats-next .column {
      z-index: 8; }
    @media (min-width: 0) {
      .pricing .whats-next .column.with-boxes {
        padding-left: 0px; } }
    @media (min-width: 769px) {
      .pricing .whats-next .column.with-boxes {
        padding-left: 0px; } }
    @media (min-width: 1024px) {
      .pricing .whats-next .column.with-boxes {
        padding-left: 50px; } }
    @media (min-width: 0) {
      .pricing .whats-next img.backdrop {
        display: none; } }
    @media (min-width: 1024px) {
      .pricing .whats-next img.backdrop {
        display: block;
        position: absolute;
        left: 39%;
        top: -55px; } }
  @media (min-width: 0) {
    .pricing .marketplace-boxes {
      display: block; } }
  @media (min-width: 1024px) {
    .pricing .marketplace-boxes {
      display: flex;
      flex-wrap: wrap;
      gap: 4%; } }
  .pricing .marketplace-boxes .m-box {
    background-color: #fff;
    padding: 21px 20px 16px 20px;
    border-radius: 10px; }
    @media (min-width: 0) {
      .pricing .marketplace-boxes .m-box {
        width: 90%;
        margin: 20px auto; } }
    @media (min-width: 1024px) {
      .pricing .marketplace-boxes .m-box {
        width: 30%;
        margin: 0px; } }
  .pricing .with-boxes-rb {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px; }
    .pricing .with-boxes-rb .m-box-rb {
      background-color: #fff;
      border-radius: 15px;
      padding: 40px 20px;
      -webkit-box-shadow: 0 10px 20px 0 rgba(3, 10, 68, 0.1);
              box-shadow: 0 10px 20px 0 rgba(3, 10, 68, 0.1); }
      .pricing .with-boxes-rb .m-box-rb:hover {
        -webkit-box-shadow: 0 3px 7px 0 rgba(3, 10, 68, 0.1);
                box-shadow: 0 3px 7px 0 rgba(3, 10, 68, 0.1); }
      @media (min-width: 0) {
        .pricing .with-boxes-rb .m-box-rb {
          width: 100%; } }
      @media (min-width: 1024px) {
        .pricing .with-boxes-rb .m-box-rb {
          width: 33%; } }
  @media (min-width: 0) {
    .pricing .marketplace-text {
      padding-right: 0; } }
  @media (min-width: 1024px) {
    .pricing .marketplace-text {
      padding-right: 8%; } }
  .pricing .tab_btns h3 {
    margin-bottom: 0px; }
  .pricing .tab_btns .button.active_tab h3 {
    color: #d30971; }
  .pricing .tab_btns .button {
    background-color: #fff;
    border-color: #dbdbdb;
    border-width: 1px;
    color: #020a47;
    cursor: pointer;
    justify-content: center;
    text-align: center; }
    @media (min-width: 0) {
      .pricing .tab_btns .button {
        min-height: 80px;
        width: 100%; } }
    @media (min-width: 1024px) {
      .pricing .tab_btns .button {
        height: 120px;
        width: 49%; } }
  @media (min-width: 0) {
    .pricing .tab_btns .button:first-of-type {
      border-radius: 10px;
      margin: 5px auto; } }
  @media (min-width: 1024px) {
    .pricing .tab_btns .button:first-of-type {
      border-radius: 10px 0px 0px 10px;
      margin: 0px; } }
  @media (min-width: 0) {
    .pricing .tab_btns .button:last-of-type {
      border-radius: 10px;
      margin: 5px auto; } }
  @media (min-width: 1024px) {
    .pricing .tab_btns .button:last-of-type {
      margin: 0px;
      margin-left: -8px;
      border-radius: 0px 10px 10px 0px; } }
  .pricing .tab_btns .button.active_tab {
    border-bottom: 4px solid #d30971; }
  @media (min-width: 0) {
    .pricing .section.tab_target {
      padding: 40px 1% 0px; } }
  @media (min-width: 1024px) {
    .pricing .section.tab_target {
      padding: 80px 2% 0px; } }
  .pricing .section.tab_target .button.is-gradient.is-normal {
    width: 90%;
    max-width: 240px; }
  .pricing .column.custom-list ul {
    margin: 5px 0px;
    padding: 0; }
    .pricing .column.custom-list ul li {
      list-style: none;
      position: relative;
      padding: 0 0 10px 35px;
      line-height: 1.5; }
  .pricing .column.custom-list ul.circle-checkmark li::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 2px;
    border: solid 10px #020a47;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px; }
  .pricing .column.custom-list ul.circle-checkmark li::after {
    content: "";
    position: absolute;
    left: 2.2%;
    top: 6px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 1px 1px 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); }
  .pricing .column.custom-list-purple ul {
    margin: 5px 0px;
    padding: 0; }
    .pricing .column.custom-list-purple ul li {
      list-style: none;
      position: relative;
      padding: 0 0 20px 35px;
      line-height: 1.5; }
  .pricing .column.custom-list-purple ul.circle-checkmark li::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 2px;
    border: solid 10px #fff;
    outline: 1px solid #9B2AFF;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px; }
  .pricing .column.custom-list-purple ul.circle-checkmark li::after {
    content: "";
    position: absolute;
    left: 1%;
    top: 6px;
    width: 5px;
    height: 10px;
    border: solid #9B2AFF;
    border-width: 0 1px 1px 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); }
  .pricing .column.with-pricing {
    border: 1px solid #ddd;
    padding: 25px; }
    .pricing .column.with-pricing .popular {
      position: relative;
      display: block;
      background-color: #D6F622;
      max-width: 190px;
      height: 45px;
      text-align: center;
      padding-top: 10px;
      font-weight: 700;
      letter-spacing: 1px;
      margin-top: -50px; }
  @media (min-width: 0) {
    .pricing .column.with-pricing.is-first {
      border-radius: 20px;
      margin: 10px 0px; } }
  @media (min-width: 1024px) {
    .pricing .column.with-pricing.is-first {
      border-radius: 20px 0px 0px 20px;
      margin: 0px -1px 0px 0px; } }
  @media (min-width: 0) {
    .pricing .column.with-pricing.is-second {
      border-radius: 20px;
      margin: 40px 0px 10px 0px; } }
  @media (min-width: 1024px) {
    .pricing .column.with-pricing.is-second {
      border-radius: 0px;
      margin: 0px -1px 0px 0px; } }
  .pricing .column.with-pricing.is-second .h-limit {
    margin-top: 35px; }
  @media (min-width: 0) {
    .pricing .column.with-pricing.is-third {
      border-radius: 20px;
      margin: 10px 0px; } }
  @media (min-width: 1024px) {
    .pricing .column.with-pricing.is-third {
      border-radius: 0px;
      margin: 0px -1px 0px 0px; } }
  @media (min-width: 0) {
    .pricing .column.with-pricing.is-forth {
      border-radius: 20px;
      margin: 10px 0px; } }
  @media (min-width: 1024px) {
    .pricing .column.with-pricing.is-forth {
      border-radius: 0px 20px 20px 0px;
      margin: 0px -1px 0px 0px; } }
  .pricing .tooltip {
    position: relative;
    display: inline;
    margin-left: 5px; }
    .pricing .tooltip:hover .tooltiptext {
      visibility: visible; }
    .pricing .tooltip .tooltiptext {
      visibility: hidden;
      position: absolute;
      z-index: 1;
      bottom: 100%;
      left: 0px;
      margin-left: -50px;
      width: 360px;
      background-color: #FAFAFA;
      color: #171717;
      border: 1px solid #D4D3D3;
      border-radius: 4px;
      padding: 10px; }
    .pricing .tooltip i.fa.fa-info-circle {
      color: #C7C7C7; }
  .pricing .table.is-bordered.for-pricing thead tr th {
    background-color: #f6f6f6; }
  .pricing .button.whats-next {
    min-width: 250px; }
  .pricing .for-pricing .secondary-thead th {
    background-color: #E4E6EA;
    border: 1px solid #E4E6EA;
    font-size: 15px;
    color: #020A47; }
  .pricing .for-pricing .plan-dscr td {
    font-size: 14px;
    line-height: 1.4; }
  .pricing .for-pricing tr:nth-child(even) {
    background-color: #F7F7F9; }
  .pricing .for-pricing tr td {
    border: 2px solid #fff;
    font-size: 15px;
    color: #020A47; }
  .pricing .message a {
    text-decoration: none !important; }
  .pricing .message .message-header {
    align-items: center;
    background-color: #fff;
    border-radius: 4px 4px 0 0;
    color: #020a47;
    display: flex;
    font-weight: 700;
    justify-content: space-between;
    line-height: 1.25;
    padding: 0px 0px 10px 0px;
    position: relative;
    text-decoration: none; }
    .pricing .message .message-header p {
      font-size: 1.4rem;
      text-decoration: none; }
    .pricing .message .message-header span.icon {
      margin-left: 10px; }
  .pricing .message .message-body {
    border: none;
    border-bottom: 1px solid #dbdbdb;
    border-radius: 0px;
    color: #171717;
    background-color: #fff; }
  @media (min-width: 0) {
    .pricing .message .message-body-content {
      padding-right: 20px; } }
  @media (min-width: 769px) {
    .pricing .message .message-body-content {
      padding-right: 30px; } }
  @media (min-width: 1024px) {
    .pricing .message .message-body-content {
      padding-right: 30px; } }
  .pricing .message .message-body-content a {
    text-decoration: none;
    color: #9b2aff !important; }
    .pricing .message .message-body-content a:hover {
      color: #9394ff !important; }
  .pricing .message .is-collapsible.message-body .message-body-content {
    padding: 0px 0px 30px 0px; }
  .pricing .modal-button {
    cursor: pointer;
    display: block;
    font-weight: normal;
    padding-top: 10px;
    margin-bottom: 10px;
    color: #9B2AFF; }
    .pricing .modal-button:hover {
      color: #9B2AFF; }
    .pricing .modal-button .fa.fa-arrow-right {
      font-size: 17px; }
  .pricing .modal {
    z-index: 100000; }
    .pricing .modal .modal-background {
      background-color: rgba(0, 0, 0, 0.3); }
      .pricing .modal .modal-background .modal-content {
        background-color: #fff;
        margin-top: 11%;
        border-radius: 30px;
        padding: 10px 40px;
        -webkit-box-shadow: 0px 0px 30px 10px rgba(0, 0, 0, 0.1);
                box-shadow: 0px 0px 30px 10px rgba(0, 0, 0, 0.1);
        max-width: 520px;
        width: 90%; }
        .pricing .modal .modal-background .modal-content .is-content h4 {
          font-weight: 700;
          line-height: 1.2em;
          color: #020A47;
          text-transform: none;
          margin-top: 0px !important; }
  .pricing .table-container td ul {
    margin-top: 0px; }
  .pricing .is-flex-desktop.meetup img {
    width: 150px;
    height: 150px;
    margin-right: 40px;
    border-radius: 16px; }
  .pricing .is-flex-desktop.meetup h4 {
    margin-top: 0px !important;
    margin-bottom: 8px !important; }
  .pricing .is-flex-desktop.meetup a {
    display: block;
    margin-bottom: 8px !important; }
  .pricing .services h3 {
    margin-top: 10px !important; }
  .pricing #client_libraries {
    overflow: hidden; }
    .pricing #client_libraries .card {
      overflow: hidden;
      display: block;
      float: left;
      padding: 15px;
      margin: 15px 10px 20px 10px;
      min-height: 100px;
      border-radius: 11px; }
    .pricing #client_libraries .card img {
      width: 130px;
      height: auto; }
    .pricing #client_libraries .slider-item {
      max-width: 144px;
      margin-top: 60px; }
    .pricing #client_libraries .slider-pagination {
      display: none; }
    .pricing #client_libraries .slider-navigation-next {
      position: absolute;
      top: 20px;
      right: 10px; }
    .pricing #client_libraries .slider-navigation-previous {
      position: absolute;
      top: 20px;
      margin-left: calc(100% - 105px); }
    .pricing #client_libraries .slider-navigation-next:hover {
      -webkit-transform: scale(1);
      transform: scale(1); }
    .pricing #client_libraries .slider-navigation-previous:hover {
      -webkit-transform: scale(1);
      transform: scale(1); }
    .pricing #client_libraries svg {
      width: 7px; }
      .pricing #client_libraries svg polyline {
        color: white;
        stroke: black;
        stroke-width: 13px; }
  .pricing .flex-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    flex-direction: row;
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
    flex: 1;
    align-items: center; }
  .pricing a.is-navy:hover {
    color: #9B2AFF !important; }

.products .container.navy-bg {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(94, 228, 228, 0.3)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(180deg, rgba(94, 228, 228, 0.3) 0%, rgba(255, 255, 255, 0) 100%);
  border-radius: 20px;
  padding: 40px 20px; }
  .products .container.navy-bg .breadcrumb-left {
    text-align: left; }
    @media (min-width: 0) {
      .products .container.navy-bg .breadcrumb-left {
        padding-left: 0px; } }
    @media (min-width: 769px) {
      .products .container.navy-bg .breadcrumb-left {
        padding-left: 20px; } }
  .products .container.navy-bg .subheading {
    font-size: 1.8rem;
    display: block;
    padding: 5px 0px 10px 0px;
    max-width: 880px;
    margin: auto; }
  .products .container.navy-bg .purple-link {
    color: #5EE4E4; }
    .products .container.navy-bg .purple-link:hover {
      color: #9394FF; }

.products .border-box {
  padding: 20px;
  border: 1px solid #dddddd;
  border-radius: 16px; }
  .products .border-box h5 {
    margin-top: 0px; }
  .products .border-box .mheight-100 {
    min-height: 80px; }

.products h4 {
  line-height: 1.2em;
  font-size: 1.5rem;
  color: #020a47;
  font-weight: 700; }

.products img.top-icon {
  width: 85px; }

@media (min-width: 0) {
  .products .dev-icon-wrap {
    display: none; } }

@media (min-width: 1024px) {
  .products .dev-icon-wrap {
    display: block;
    margin-top: -450px;
    margin-bottom: 300px;
    margin-left: -70px; } }

.products .column.with-img img {
  border-radius: 60px; }

.products .column.white-bg {
  background-color: #fff;
  border-radius: 16px;
  padding: 30px;
  margin: 25px;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.14);
          box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.14); }

.products .has-text-centered.teal-divider h2:after {
  content: '';
  display: block;
  width: 80px;
  height: 3px;
  background: #5EE4E4;
  margin: 20px auto;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px; }

.products .has-text-centered.teal-divider.pb-4.is-short {
  max-width: 900px;
  margin: auto; }

.products .related p.has-text-weight-semibold {
  line-height: 1.25em; }

.products .container.light-grey-bg {
  padding: 30px; }
  @media (min-width: 0) {
    .products .container.light-grey-bg {
      margin-top: 20px;
      margin-bottom: 20px; } }
  @media (min-width: 1024px) {
    .products .container.light-grey-bg {
      margin-top: 40px;
      margin-bottom: 40px; } }
  .products .container.light-grey-bg h2 {
    margin-bottom: 0px !important; }

.products .link-icon {
  font-size: 18px;
  color: #020a47; }
  .products .link-icon:hover {
    color: #9394ff; }

.products .icon {
  font-size: 15px; }

.products .container.light-grey {
  padding: 25px;
  background-color: #f2f2f2;
  border-radius: 20px; }

.products .integrations-title {
  margin-bottom: -40px; }

.products #client_libraries {
  overflow: hidden; }
  .products #client_libraries .card {
    overflow: hidden;
    display: block;
    float: left;
    padding: 15px;
    margin: 15px 10px 20px 10px;
    min-height: 100px;
    border-radius: 11px; }
  .products #client_libraries .card img {
    width: 130px;
    height: auto; }
  .products #client_libraries .slider-item {
    max-width: 144px;
    margin-top: 60px; }
  .products #client_libraries .slider-pagination {
    display: none; }
  .products #client_libraries .slider-navigation-next {
    position: absolute;
    top: 20px;
    right: 10px;
    border: 1px solid #020A47; }
  .products #client_libraries .slider-navigation-previous {
    position: absolute;
    top: 20px;
    margin-left: calc(100% - 105px);
    border: 1px solid #020A47; }
  .products #client_libraries .slider-navigation-next:hover {
    -webkit-transform: scale(1);
    transform: scale(1); }
  .products #client_libraries .slider-navigation-previous:hover {
    -webkit-transform: scale(1);
    transform: scale(1); }
  .products #client_libraries svg {
    width: 7px; }
    .products #client_libraries svg polyline {
      color: #020A47;
      stroke: #020A47;
      stroke-width: 13px; }

.products #blurbs {
  overflow: hidden;
  padding-left: 15px !important; }
  .products #blurbs .item-0, .products #blurbs .item-1, .products #blurbs .item-2, .products #blurbs .item-3, .products #blurbs .item-4, .products #blurbs .item-5 {
    background-color: #fff;
    padding: 30px;
    margin: 30px 30px 30px 0px;
    border-radius: 20px; }
  .products #blurbs h4 {
    display: block;
    min-height: 58px; }
  @media (min-width: 0) {
    .products #blurbs .b-description {
      min-height: 200px; } }
  @media (min-width: 1024px) {
    .products #blurbs .b-description {
      min-height: 330px; } }
  @media (min-width: 0) {
    .products #blurbs .s-description {
      min-height: 100px; } }
  @media (min-width: 1024px) {
    .products #blurbs .s-description {
      min-height: 110px; } }
  @media (min-width: 0) {
    .products #blurbs .m-description {
      min-height: 150px; } }
  @media (min-width: 1024px) {
    .products #blurbs .m-description {
      min-height: 160px; } }
  @media (min-width: 0) {
    .products #blurbs .e-description {
      min-height: 160; } }
  @media (min-width: 1024px) {
    .products #blurbs .e-description {
      min-height: 180px; } }
  @media (min-width: 0) {
    .products #blurbs .c-description {
      min-height: 180; } }
  @media (min-width: 1024px) {
    .products #blurbs .c-description {
      min-height: 200px; } }
  @media (min-width: 0) {
    .products #blurbs .description-250 {
      min-height: 180; } }
  @media (min-width: 1024px) {
    .products #blurbs .description-250 {
      min-height: 250px; } }
  .products #blurbs .icon-text a {
    color: #9b2aff; }
    .products #blurbs .icon-text a:hover {
      color: #9394ff; }
  .products #blurbs img.blrb-img {
    max-width: 65px;
    background-color: transparent;
    margin-bottom: 0px; }
  .products #blurbs .slider-pagination {
    display: none; }
  .products #blurbs .slider-container {
    margin-top: 40px; }
  .products #blurbs .slider-navigation-next {
    top: -15px;
    background-color: transparent; }
    .products #blurbs .slider-navigation-next:hover {
      -webkit-transform: scale(1);
      transform: scale(1); }
    @media (min-width: 1024px) {
      .products #blurbs .slider-navigation-next {
        margin-right: 2%; } }
    .products #blurbs .slider-navigation-next svg {
      color: #fff;
      margin-left: 4px; }
  .products #blurbs .slider-navigation-previous {
    top: -15px;
    background-color: transparent;
    margin-left: calc(100% - 120px); }
    .products #blurbs .slider-navigation-previous:hover {
      -webkit-transform: scale(1);
      transform: scale(1); }
    .products #blurbs .slider-navigation-previous svg {
      color: #fff; }

.products img.grey-filter {
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
  padding: 0px 20px; }

.products .with-inline-buttons a.link-icon {
  margin-top: 7px; }

.products .with-inline-buttons a.button.is-gradient {
  margin-right: 20px; }

.products #app h4 {
  line-height: 1.4em; }

.products .accordion .card {
  background-color: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-bottom: 1px solid rgba(2, 10, 71, 0.14); }
  .products .accordion .card .card-header {
    -webkit-box-shadow: none;
    box-shadow: none; }
  .products .accordion .card .card-content {
    padding: 10px 0px; }
  .products .accordion .card svg.header-icon {
    width: 15px; }
  .products .accordion .card .card-header-title {
    padding: 0px; }
    .products .accordion .card .card-header-title h4 {
      font-size: 22px;
      line-height: 1.4em;
      margin: 25px 0px 7px 0px;
      line-height: 1em; }

.products .map {
  background-color: #141445;
  border-radius: 40px; }

@media (min-width: 0) {
  .products .with-channels {
    margin-left: 0px; } }

@media (min-width: 1024px) {
  .products .with-channels {
    margin-left: 50px; } }

.products .with-channels .channel {
  display: flex;
  gap: 20px;
  margin-bottom: 25px;
  border-radius: 20px;
  -webkit-box-shadow: 0px 0px 10px 1px rgba(27, 20, 65, 0.1);
          box-shadow: 0px 0px 10px 1px rgba(27, 20, 65, 0.1);
  padding: 20px 20px 10px; }
  .products .with-channels .channel p {
    font-size: 30px;
    font-weight: bold;
    color: #020a47; }
  .products .with-channels .channel img {
    width: 50px;
    height: 50px; }

.products .col-content.is-community {
  padding-top: 20px; }

.products .col-content.is-community img {
  display: block;
  margin-top: -20px; }

.products img.idbu-logo {
  padding-top: 18px; }

.products #client_libraries .card {
  padding-bottom: 5px; }

.products #videos {
  overflow: hidden; }
  .products #videos .slider-item {
    padding: 20px; }
  .products #videos .icon-text a {
    color: #9b2aff; }
    .products #videos .icon-text a:hover {
      color: #9394ff; }
  .products #videos .slider-pagination {
    display: none; }
  .products #videos .slider-container {
    margin-top: 40px; }
  .products #videos .slider-navigation-next {
    top: -15px;
    background-color: transparent;
    border: 1px solid #020A47;
    -webkit-box-shadow: none;
            box-shadow: none; }
    .products #videos .slider-navigation-next:hover {
      -webkit-transform: scale(1);
      transform: scale(1); }
    @media (min-width: 1024px) {
      .products #videos .slider-navigation-next {
        margin-right: 2%; } }
    .products #videos .slider-navigation-next svg {
      color: #020A47;
      margin-left: 4px; }
  .products #videos .slider-navigation-previous {
    top: -15px;
    background-color: transparent;
    border: 1px solid #020A47;
    -webkit-box-shadow: none;
            box-shadow: none;
    margin-left: calc(100% - 120px); }
    .products #videos .slider-navigation-previous:hover {
      -webkit-transform: scale(1);
      transform: scale(1); }
    .products #videos .slider-navigation-previous svg {
      color: #020A47; }

.products .columns.resources .link-icon {
  color: #9b2aff; }
  .products .columns.resources .link-icon:hover {
    color: #9394ff; }

.products .custom-list ul {
  margin: 5px 0px;
  padding: 0; }
  .products .custom-list ul li {
    list-style: none;
    position: relative;
    padding: 0 0 20px 35px;
    line-height: 1.5; }

.products .custom-list ul.circle-checkmark li::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 2px;
  border: solid 10px #fff;
  outline: 1px solid #9B2AFF;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px; }

.products .custom-list ul.circle-checkmark li::after {
  content: "";
  position: absolute;
  left: 1%;
  top: 6px;
  width: 5px;
  height: 10px;
  border: solid #9B2AFF;
  border-width: 0 1px 1px 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

.products .is-box {
  border: 1px solid #ddd;
  border-radius: 30px;
  padding: 30px;
  margin-bottom: 40px; }

.products .thanks-card {
  border-radius: 30px;
  -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); }
  .products .thanks-card img {
    border-radius: 30px 30px 0px 0px;
    margin-bottom: 10px; }
  .products .thanks-card p {
    padding: 10px 30px; }
  .products .thanks-card a {
    padding: 0px 30px 30px 30px; }

.products .flex-logos {
  display: flex;
  gap: 20px; }
  .products .flex-logos img {
    width: 200px;
    border: 1px solid #ddd;
    border-radius: 20px;
    padding: 20px;
    -webkit-filter: grayscale(100%);
            filter: grayscale(100%); }
    .products .flex-logos img:hover {
      -webkit-filter: grayscale(0%);
              filter: grayscale(0%); }

.products .features {
  display: flex;
  justify-content: space-between; }
  .products .features .related-white {
    background-color: #fff;
    width: 31%;
    border-radius: 16px;
    padding: 30px; }
    .products .features .related-white p {
      color: #171717; }

.products .table.legacy-pricing thead tr th {
  text-align: center;
  line-height: 1.3;
  font-weight: normal;
  background-color: #f6f6f6; }

.products .oss-page .box-item {
  padding: 30px;
  border-radius: 30px;
  background-color: #fff;
  color: #171717;
  margin-bottom: 20px; }
  .products .oss-page .box-item .cirrcle-number {
    display: inline-block;
    font-size: 40px;
    font-weight: bold;
    color: #fff;
    background-color: #020A47;
    line-height: 1;
    padding: 15px;
    width: 70px;
    height: 70px;
    text-align: center;
    border-radius: 50px; }
  .products .oss-page .box-item h4 {
    margin-top: 0px !important; }

.get-influxdb .container.navy-bg {
  background-color: #fff;
  background-image: url("//images.ctfassets.net/o7xu9whrs0u9/5JSJ0xCdo47dHDfFk0gQgk/b0d32eb7a821c24715b2f6d09ea04dfb/teal-bg.svg");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  border-radius: 50px; }
  @media (min-width: 0) {
    .get-influxdb .container.navy-bg {
      padding: 40px 20px; } }
  @media (min-width: 1024px) {
    .get-influxdb .container.navy-bg {
      padding: 50px 20px; } }
  .get-influxdb .container.navy-bg h1 {
    font-weight: bold;
    margin-bottom: 10px; }
    @media (min-width: 0) {
      .get-influxdb .container.navy-bg h1 {
        font-size: 42px; } }
    @media (min-width: 769px) {
      .get-influxdb .container.navy-bg h1 {
        font-size: 50px; } }
    @media (min-width: 1024px) {
      .get-influxdb .container.navy-bg h1 {
        font-size: 55px; } }
@media (min-width: 0) {
  .get-influxdb .flex-boxes {
    display: block; } }

@media (min-width: 769px) {
  .get-influxdb .flex-boxes {
    display: black; } }

@media (min-width: 1024px) {
  .get-influxdb .flex-boxes {
    display: flex;
    gap: 60px; } }

@media (min-width: 0) {
  .get-influxdb .flex-boxes .col {
    width: 100%;
    margin-bottom: 50px; } }

@media (min-width: 1024px) {
  .get-influxdb .flex-boxes .col {
    width: 35%;
    margin-bottom: 10px; } }

@media (min-width: 0) {
  .get-influxdb .flex-boxes .col.with-shadow-green {
    width: 100%;
    margin-bottom: 50px; } }

@media (min-width: 1024px) {
  .get-influxdb .flex-boxes .col.with-shadow-green {
    width: 65%;
    margin-bottom: 10px; } }

.get-influxdb .flex-boxes .with-shadow-green {
  padding: 60px 40px 40px 40px;
  border-radius: 20px;
  -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
  border: 2px solid #D6F622; }

.get-influxdb .flex-boxes .with-shadow {
  padding: 60px 40px 40px 40px;
  border-radius: 20px;
  -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.12); }

.get-influxdb .flex-boxes .recommended {
  text-align: center;
  letter-spacing: 4px;
  line-height: 1;
  padding-top: 12px;
  padding-bottom: 12px;
  font-weight: 700;
  display: block;
  background-color: #D6F622;
  width: 205px;
  margin-top: -80px;
  margin-bottom: 40px; }

.get-influxdb .flex-text {
  display: flex;
  margin: auto;
  justify-content: space-around; }

.get-influxdb .table.is-striped .recommended {
  text-align: center;
  letter-spacing: 4px;
  line-height: 1;
  padding-top: 12px;
  padding-bottom: 12px;
  font-weight: 700;
  display: block;
  background-color: #D6F622;
  width: 180px;
  margin: auto;
  font-size: 14px; }

.get-influxdb .table.is-striped tbody tr:not(.is-selected):nth-child(odd) {
  background-color: #F1F1F1; }

.get-influxdb .table.is-striped tbody tr:not(.is-selected):nth-child(even) {
  background-color: #fff; }

.get-influxdb .table.is-striped tr td {
  border: 4px solid #fff;
  color: #020A47;
  font-size: 20px;
  padding: 8px 15px; }

.get-influxdb .table.is-striped th {
  color: #020A47;
  font-size: 20px;
  border: none;
  /*border-top: 1px solid #f1f1f1;*/
  padding-top: 15px; }

.get-influxdb .table.is-striped th.th-pink {
  color: #D30971 !important;
  border-left: 8px solid #fff !important;
  border-bottom: 1px solid #CBCBCB !important; }

.telegraf .ts-telegraf:before {
  content: "Get Telegraf";
  margin-right: 7px; }

.products-new .container.teal-gradient-bg {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(94, 228, 228, 0.3)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(180deg, rgba(94, 228, 228, 0.3) 0%, rgba(255, 255, 255, 0) 100%);
  /*background-image: url('//images.ctfassets.net/o7xu9whrs0u9/5Y3TzG0xTnS4g78dRRPyS9/c6c88f664d1aebf3e108e792f5f314d4/gradient-bg.svg');
    background-repeat: no-repeat; 
    background-position: top center;
    background-size: cover; */
  border-radius: 20px; }
  @media (min-width: 0) {
    .products-new .container.teal-gradient-bg {
      padding: 30px 20px; } }
  @media (min-width: 1024px) {
    .products-new .container.teal-gradient-bg {
      padding: 30px 20px; } }
  .products-new .container.teal-gradient-bg .breadcrumb-left {
    text-align: left; }
    @media (min-width: 0) {
      .products-new .container.teal-gradient-bg .breadcrumb-left {
        padding-left: 0px; } }
    @media (min-width: 769px) {
      .products-new .container.teal-gradient-bg .breadcrumb-left {
        padding-left: 20px; } }
  .products-new .container.teal-gradient-bg .subheading {
    display: block;
    padding: 5px 0px 10px 0px;
    max-width: 880px;
    margin: auto; }
    @media (min-width: 0) {
      .products-new .container.teal-gradient-bg .subheading {
        font-size: 1.5rem; } }
    @media (min-width: 769px) {
      .products-new .container.teal-gradient-bg .subheading {
        font-size: 1.8rem; } }
  .products-new .container.teal-gradient-bg .purple-link {
    color: #5EE4E4; }
    .products-new .container.teal-gradient-bg .purple-link:hover {
      color: #9394FF; }
  @media (min-width: 0) {
    .products-new .container.teal-gradient-bg .with-json-animation {
      padding-left: 10px;
      padding-right: 10px; } }
  @media (min-width: 769px) {
    .products-new .container.teal-gradient-bg .with-json-animation {
      padding-left: 45px;
      padding-right: 0px; } }
  @media (min-width: 0) {
    .products-new .container.teal-gradient-bg .hero-img {
      margin-top: -10px;
      margin-right: 0px; } }
  @media (min-width: 769px) {
    .products-new .container.teal-gradient-bg .hero-img {
      margin-top: -40px;
      margin-right: 0px; } }
  .products-new .container.teal-gradient-bg .with-form {
    background-color: #fff;
    padding: 30px 30px 10px 30px;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.14);
            box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.14);
    border-radius: 16px; }
    @media (min-width: 0) {
      .products-new .container.teal-gradient-bg .with-form {
        margin-right: 0px; } }
    @media (min-width: 1024px) {
      .products-new .container.teal-gradient-bg .with-form {
        margin-right: 50px; } }
.products-new .table.is-striped tbody tr:not(.is-selected):nth-child(odd) {
  background-color: #F1F1F1; }

.products-new .table.is-striped tbody tr:not(.is-selected):nth-child(even) {
  background-color: #fff; }

.products-new .table.is-striped tr td {
  vertical-align: middle;
  border: 4px solid #fff;
  color: #020A47;
  font-size: 18px;
  line-height: 1.3em;
  padding: 13px 18px; }

.products-new .table.is-striped th {
  color: #020A47;
  font-size: 20px;
  line-height: 1.25em;
  border: none;
  /*border-top: 1px solid #f1f1f1;*/
  padding-top: 15px; }

.products-new .table.is-striped th.th-pink {
  color: #D30971 !important;
  border-left: 8px solid #fff !important;
  border-bottom: 1px solid #CBCBCB !important; }

.products-new .grey-bg {
  background-color: #F1F4F6; }

@media (min-width: 0) {
  .products-new .hero.features {
    padding-left: 20px;
    padding-right: 20px; } }

@media (min-width: 1024px) {
  .products-new .hero.features {
    padding-left: 0px;
    padding-right: 0px; } }

@media (min-width: 0) {
  .products-new .hero.features .column {
    padding-left: 0px;
    padding-right: 0px; } }

@media (min-width: 1024px) {
  .products-new .hero.features .column {
    padding-left: 40px;
    padding-right: 40px; } }

.products-new .hero.features .column .blurb {
  display: flex;
  gap: 20px;
  align-content: center;
  padding-bottom: 15px; }
  .products-new .hero.features .column .blurb .f-description {
    font-size: 24px;
    line-height: 1.2;
    font-weight: bold;
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
    padding-top: 10px; }

.products-new .hero.features .column .center-list {
  width: 190px;
  margin: auto; }
  .products-new .hero.features .column .center-list ul {
    padding: 0px;
    margin: 0px; }

.products-new .is-customer-card-three p.py-4 {
  min-height: 200px; }

.products-new h4 {
  line-height: 1.2em;
  font-size: 1.5rem;
  color: #020a47;
  font-weight: 700; }

.products-new img.top-icon {
  width: 85px; }

@media (min-width: 0) {
  .products-new .dev-icon-wrap {
    display: none; } }

@media (min-width: 1024px) {
  .products-new .dev-icon-wrap {
    display: block;
    margin-top: -450px;
    margin-bottom: 300px;
    margin-left: -70px; } }

@media (min-width: 1024px) {
  .products-new .column.with-img {
    margin-top: -190px;
    margin-right: -60px; } }

.products-new .column.white-bg {
  background-color: #fff;
  border-radius: 16px;
  padding: 30px;
  margin: 25px;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.14);
          box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.14); }

.products-new .has-text-centered.teal-divider h2:after {
  content: '';
  display: block;
  width: 80px;
  height: 3px;
  background: #5EE4E4;
  margin: 20px auto;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px; }

.products-new .has-text-centered.teal-divider.pb-4.is-short {
  max-width: 900px;
  margin: auto; }

.products-new .related p.has-text-weight-semibold {
  line-height: 1.25em; }

.products-new .code_section_bg {
  background-color: #F8FAFB;
  padding: 0px; }
  @media (min-width: 0) {
    .products-new .code_section_bg {
      margin-top: 40px;
      margin-bottom: 40px; } }
  @media (min-width: 1024px) {
    .products-new .code_section_bg {
      margin-top: 80px;
      margin-bottom: 80px; } }
  .products-new .code_section_bg .container {
    padding-top: 80px;
    padding-bottom: 10px; }
    @media (min-width: 1024px) {
      .products-new .code_section_bg .container .column h4 {
        min-height: 60px; } }
.products-new .link-icon {
  font-size: 18px;
  color: #020a47; }
  .products-new .link-icon:hover {
    color: #9394ff; }

.products-new .icon {
  font-size: 15px; }

.products-new .container.light-grey {
  padding: 25px;
  background-color: #f2f2f2;
  border-radius: 30px; }

.products-new .integrations-title {
  margin-bottom: -40px; }

.products-new #client_libraries {
  overflow: hidden; }
  .products-new #client_libraries .card {
    overflow: hidden;
    display: block;
    float: left;
    padding: 15px;
    margin: 15px 10px 20px 10px;
    min-height: 80px;
    border-radius: 11px; }
  .products-new #client_libraries .card img {
    width: 130px;
    height: auto; }
  .products-new #client_libraries .slider-item {
    max-width: 144px;
    margin-top: 50px; }
  .products-new #client_libraries .slider-pagination {
    display: none; }
  .products-new #client_libraries .slider-navigation-next {
    position: absolute;
    top: 35px;
    right: 5px;
    width: 35px;
    height: 35px; }
  .products-new #client_libraries .slider-navigation-previous {
    position: absolute;
    top: 35px;
    margin-left: calc(100% - 85px);
    width: 35px;
    height: 35px; }
  .products-new #client_libraries .slider-navigation-next:hover {
    -webkit-transform: scale(1);
    transform: scale(1); }
  .products-new #client_libraries .slider-navigation-previous:hover {
    -webkit-transform: scale(1);
    transform: scale(1); }
  .products-new #client_libraries svg {
    width: 7px; }
    .products-new #client_libraries svg polyline {
      color: white;
      stroke: black;
      stroke-width: 13px; }

.products-new #blurbs {
  overflow: hidden; }
  .products-new #blurbs .item-0, .products-new #blurbs .item-1, .products-new #blurbs .item-2, .products-new #blurbs .item-3, .products-new #blurbs .item-4, .products-new #blurbs .item-5 {
    background-color: #fff;
    padding: 30px;
    margin: 30px 30px 30px 0px;
    border-radius: 20px; }
  .products-new #blurbs h4 {
    display: block;
    min-height: 58px; }
  @media (min-width: 0) {
    .products-new #blurbs .b-description {
      min-height: 200px; } }
  @media (min-width: 1024px) {
    .products-new #blurbs .b-description {
      min-height: 430px; } }
  @media (min-width: 0) {
    .products-new #blurbs .s-description {
      min-height: 100px; } }
  @media (min-width: 1024px) {
    .products-new #blurbs .s-description {
      min-height: 110px; } }
  @media (min-width: 0) {
    .products-new #blurbs .m-description {
      min-height: 150px; } }
  @media (min-width: 1024px) {
    .products-new #blurbs .m-description {
      min-height: 160px; } }
  @media (min-width: 0) {
    .products-new #blurbs .e-description {
      min-height: 160; } }
  @media (min-width: 1024px) {
    .products-new #blurbs .e-description {
      min-height: 180px; } }
  @media (min-width: 0) {
    .products-new #blurbs .c-description {
      min-height: 180; } }
  @media (min-width: 1024px) {
    .products-new #blurbs .c-description {
      min-height: 200px; } }
  @media (min-width: 0) {
    .products-new #blurbs .description-200 {
      min-height: 160; } }
  @media (min-width: 1024px) {
    .products-new #blurbs .description-200 {
      min-height: 200px; } }
  @media (min-width: 0) {
    .products-new #blurbs .description-250 {
      min-height: 180; } }
  @media (min-width: 1024px) {
    .products-new #blurbs .description-250 {
      min-height: 250px; } }
  @media (min-width: 0) {
    .products-new #blurbs .description-300 {
      min-height: 180; } }
  @media (min-width: 1024px) {
    .products-new #blurbs .description-300 {
      min-height: 300px; } }
  .products-new #blurbs .icon-text a {
    color: #9b2aff; }
    .products-new #blurbs .icon-text a:hover {
      color: #9394ff; }
  .products-new #blurbs img.blrb-img {
    max-width: 65px;
    background-color: transparent;
    margin-bottom: 0px; }
  .products-new #blurbs .slider-pagination {
    display: none; }
  .products-new #blurbs .slider-container {
    margin-top: 40px; }
  .products-new #blurbs .slider-navigation-next {
    top: -15px;
    background-color: transparent; }
    .products-new #blurbs .slider-navigation-next:hover {
      -webkit-transform: scale(1);
      transform: scale(1); }
    @media (min-width: 1024px) {
      .products-new #blurbs .slider-navigation-next {
        margin-right: 2%; } }
    .products-new #blurbs .slider-navigation-next svg {
      color: #fff;
      margin-left: 4px; }
  .products-new #blurbs .slider-navigation-previous {
    top: -15px;
    background-color: transparent;
    margin-left: calc(100% - 120px); }
    .products-new #blurbs .slider-navigation-previous:hover {
      -webkit-transform: scale(1);
      transform: scale(1); }
    .products-new #blurbs .slider-navigation-previous svg {
      color: #fff; }

.products-new img.grey-filter {
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
  padding: 0px 20px; }

.products-new .with-inline-buttons a.link-icon {
  margin-top: 7px; }

.products-new .with-inline-buttons a.button.is-gradient {
  margin-right: 20px; }

.products-new #app h4 {
  line-height: 1.4em; }

.products-new .accordion .card {
  background-color: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-bottom: 1px solid rgba(2, 10, 71, 0.14); }
  .products-new .accordion .card .card-header {
    -webkit-box-shadow: none;
    box-shadow: none; }
  .products-new .accordion .card .card-content {
    padding: 10px 0px; }
  .products-new .accordion .card svg.header-icon {
    width: 15px; }
  .products-new .accordion .card .card-header-title {
    padding: 0px; }
    .products-new .accordion .card .card-header-title h4 {
      font-size: 22px;
      line-height: 1.4em;
      margin: 25px 0px 7px 0px;
      line-height: 1em; }

@media (min-width: 0) {
  .products-new .with-channels {
    margin-left: 0px; } }

@media (min-width: 1024px) {
  .products-new .with-channels {
    margin-left: 50px; } }

.products-new .with-channels .channel {
  display: flex;
  gap: 20px;
  margin-bottom: 25px;
  border-radius: 20px;
  -webkit-box-shadow: 0px 0px 10px 1px rgba(27, 20, 65, 0.1);
          box-shadow: 0px 0px 10px 1px rgba(27, 20, 65, 0.1);
  padding: 20px 20px 10px; }
  .products-new .with-channels .channel p {
    font-size: 30px;
    font-weight: bold;
    color: #020a47; }
  .products-new .with-channels .channel img {
    width: 50px;
    height: 50px; }

.products-new .col-content.is-community {
  padding-top: 20px; }

.products-new .col-content.is-community img {
  display: block;
  margin-top: -20px; }

.products-new img.idbu-logo {
  padding-top: 18px; }

.products-new #client_libraries .card {
  padding-bottom: 5px; }

.products-new #videos {
  overflow: hidden; }
  .products-new #videos .slider-item {
    padding: 20px; }
  .products-new #videos .icon-text a {
    color: #9b2aff; }
    .products-new #videos .icon-text a:hover {
      color: #9394ff; }
  .products-new #videos .slider-pagination {
    display: none; }
  .products-new #videos .slider-container {
    margin-top: 40px; }
  .products-new #videos .slider-navigation-next {
    top: -15px;
    background-color: transparent;
    border: 1px solid #020A47;
    -webkit-box-shadow: none;
            box-shadow: none; }
    .products-new #videos .slider-navigation-next:hover {
      -webkit-transform: scale(1);
      transform: scale(1); }
    @media (min-width: 1024px) {
      .products-new #videos .slider-navigation-next {
        margin-right: 2%; } }
    .products-new #videos .slider-navigation-next svg {
      color: #020A47;
      margin-left: 4px; }
  .products-new #videos .slider-navigation-previous {
    top: -15px;
    background-color: transparent;
    border: 1px solid #020A47;
    -webkit-box-shadow: none;
            box-shadow: none;
    margin-left: calc(100% - 120px); }
    .products-new #videos .slider-navigation-previous:hover {
      -webkit-transform: scale(1);
      transform: scale(1); }
    .products-new #videos .slider-navigation-previous svg {
      color: #020A47; }

.products-new .columns.resources .link-icon {
  color: #9b2aff; }
  .products-new .columns.resources .link-icon:hover {
    color: #9394ff; }

.products-new .custom-list ul {
  margin: 5px 0px;
  padding: 0; }
  .products-new .custom-list ul li {
    list-style: none;
    position: relative;
    padding: 0 0 20px 35px;
    line-height: 1.5; }

.products-new .custom-list ul.circle-checkmark li::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 2px;
  border: solid 10px #fff;
  outline: 1px solid #9B2AFF;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px; }

.products-new .custom-list ul.circle-checkmark li::after {
  content: "";
  position: absolute;
  left: 1%;
  top: 6px;
  width: 5px;
  height: 10px;
  border: solid #9B2AFF;
  border-width: 0 1px 1px 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

.products-new .is-box {
  border: 1px solid #ddd;
  border-radius: 30px;
  padding: 30px;
  margin-bottom: 40px; }

.products-new .thanks-card {
  border-radius: 30px;
  -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); }
  .products-new .thanks-card img {
    border-radius: 30px 30px 0px 0px;
    margin-bottom: 10px; }
  .products-new .thanks-card p {
    padding: 10px 30px; }
  .products-new .thanks-card a {
    padding: 0px 30px 30px 30px; }

.products-new .flex-logos {
  display: flex;
  gap: 20px; }
  .products-new .flex-logos img {
    width: 200px;
    border: 1px solid #ddd;
    border-radius: 20px;
    padding: 20px;
    -webkit-filter: grayscale(100%);
            filter: grayscale(100%); }
    .products-new .flex-logos img:hover {
      -webkit-filter: grayscale(0%);
              filter: grayscale(0%); }

.products-new .flex-logos-7 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }
  @media (min-width: 0) {
    .products-new .flex-logos-7 .flex-item {
      width: 50%; } }
  @media (min-width: 769px) {
    .products-new .flex-logos-7 .flex-item {
      width: 25%; } }
  @media (min-width: 1024px) {
    .products-new .flex-logos-7 .flex-item {
      width: 14.28%; } }
.products-new img.on-page-img {
  max-width: 340px;
  margin: auto;
  display: block; }

.products-new img.q-line {
  width: 100%; }

.products-new img.q-line.bql {
  display: block;
  position: relative;
  margin-top: -40px; }

@media (min-width: 0) {
  .products-new .column.with-ct {
    padding-left: 30px; } }

@media (min-width: 1024px) {
  .products-new .column.with-ct {
    padding-left: 100px; } }

.products-new .quotation {
  padding-top: 40px; }
  .products-new .quotation:before {
    content: url("//images.ctfassets.net/o7xu9whrs0u9/7d6mp0Q5dSUXcGIAR72JQw/9fa3d1004162ba0846df9a020e88d282/quots.png");
    position: relative;
    display: block;
    margin-bottom: 20px; }
  @media (min-width: 0) {
    .products-new .quotation {
      line-height: 1.4em;
      font-size: 1.15rem; } }
  @media (min-width: 769px) {
    .products-new .quotation {
      line-height: 1.6em;
      font-size: 1.3rem; } }
  @media (min-width: 1024px) {
    .products-new .quotation {
      line-height: 1.4em;
      font-size: 1.4rem; } }
.products-new .event-resources {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 2%; }
  .products-new .event-resources .rsc {
    display: block;
    -webkit-box-shadow: 0px 0px 17px 0px rgba(0, 0, 0, 0.12);
            box-shadow: 0px 0px 17px 0px rgba(0, 0, 0, 0.12);
    border-radius: 20px;
    padding: 30px;
    margin-bottom: 30px; }
    .products-new .event-resources .rsc .card-name {
      display: flex; }
      .products-new .event-resources .rsc .card-name img.blurb-icon {
        display: inline-block;
        width: 30px; }
      .products-new .event-resources .rsc .card-name .name {
        display: inline-block;
        margin-left: 20px;
        margin-top: 5px; }
    .products-new .event-resources .rsc h4.has-text-weight-bold {
      font-size: 19px;
      margin-top: 25px;
      min-height: 75px; }
    .products-new .event-resources .rsc .blurb-description {
      font-size: 15px;
      line-height: 1.4em; }
      @media (min-width: 0) {
        .products-new .event-resources .rsc .blurb-description .min-h {
          display: block;
          min-height: 50px;
          margin-bottom: 20px; } }
      @media (min-width: 1024px) {
        .products-new .event-resources .rsc .blurb-description .min-h {
          display: block;
          min-height: 140px; } }
    @media (min-width: 0) {
      .products-new .event-resources .rsc:nth-child(2), .products-new .event-resources .rsc:nth-child(3), .products-new .event-resources .rsc:nth-child(4), .products-new .event-resources .rsc:nth-child(5), .products-new .event-resources .rsc:nth-child(6), .products-new .event-resources .rsc:nth-child(7), .products-new .event-resources .rsc:nth-child(8), .products-new .event-resources .rsc:nth-child(10), .products-new .event-resources .rsc:nth-child(11), .products-new .event-resources .rsc:nth-child(12), .products-new .event-resources .rsc:nth-child(14), .products-new .event-resources .rsc:nth-child(15), .products-new .event-resources .rsc:nth-child(16), .products-new .event-resources .rsc:nth-child(17), .products-new .event-resources .rsc:nth-child(18), .products-new .event-resources .rsc:nth-child(19), .products-new .event-resources .rsc:nth-child(20) {
        width: 100%; } }
    @media (min-width: 1024px) {
      .products-new .event-resources .rsc:nth-child(2), .products-new .event-resources .rsc:nth-child(3), .products-new .event-resources .rsc:nth-child(4), .products-new .event-resources .rsc:nth-child(5), .products-new .event-resources .rsc:nth-child(6), .products-new .event-resources .rsc:nth-child(7), .products-new .event-resources .rsc:nth-child(8), .products-new .event-resources .rsc:nth-child(10), .products-new .event-resources .rsc:nth-child(11), .products-new .event-resources .rsc:nth-child(12), .products-new .event-resources .rsc:nth-child(14), .products-new .event-resources .rsc:nth-child(15), .products-new .event-resources .rsc:nth-child(16), .products-new .event-resources .rsc:nth-child(17), .products-new .event-resources .rsc:nth-child(18), .products-new .event-resources .rsc:nth-child(19), .products-new .event-resources .rsc:nth-child(20) {
        width: 23.5%; } }
    .products-new .event-resources .rsc:nth-child(1) {
      background: -webkit-gradient(linear, left top, right top, from(#9B2AFF), to(#9394FF));
      background: linear-gradient(90deg, #9B2AFF 0%, #9394FF 100%); }
      @media (min-width: 0) {
        .products-new .event-resources .rsc:nth-child(1) {
          width: 100%; } }
      @media (min-width: 1024px) {
        .products-new .event-resources .rsc:nth-child(1) {
          width: 49%; } }
      .products-new .event-resources .rsc:nth-child(1) img.blurb-icon {
        display: inline-block;
        width: 0px; }
      .products-new .event-resources .rsc:nth-child(1) .name {
        color: #fff;
        margin-left: 0px !important; }
        @media (min-width: 0) {
          .products-new .event-resources .rsc:nth-child(1) .name {
            font-size: 16px;
            letter-spacing: 1px; } }
        @media (min-width: 1024px) {
          .products-new .event-resources .rsc:nth-child(1) .name {
            font-size: 30px;
            letter-spacing: 5px; } }
      .products-new .event-resources .rsc:nth-child(1) h4 {
        line-height: 1em;
        color: #fff;
        margin-top: 30px;
        min-height: 60px; }
        @media (min-width: 0) {
          .products-new .event-resources .rsc:nth-child(1) h4 {
            font-size: 22px; } }
        @media (min-width: 769px) {
          .products-new .event-resources .rsc:nth-child(1) h4 {
            font-size: 36px; } }
        @media (min-width: 1024px) {
          .products-new .event-resources .rsc:nth-child(1) h4 {
            font-size: 44px; } }
      .products-new .event-resources .rsc:nth-child(1) .blurb-description {
        color: #fff; }
        .products-new .event-resources .rsc:nth-child(1) .blurb-description .video-link {
          display: block;
          font-size: 18px;
          margin-top: 20px; }
    .products-new .event-resources .rsc:nth-child(9) {
      background: -webkit-gradient(linear, left top, right top, from(#D30971), to(#9B2AFF));
      background: linear-gradient(90deg, #D30971 0%, #9B2AFF 100%); }
      @media (min-width: 0) {
        .products-new .event-resources .rsc:nth-child(9) {
          width: 100%; } }
      @media (min-width: 1024px) {
        .products-new .event-resources .rsc:nth-child(9) {
          width: 49%; } }
      .products-new .event-resources .rsc:nth-child(9) img.blurb-icon {
        display: inline-block;
        width: 0px; }
      .products-new .event-resources .rsc:nth-child(9) .name {
        font-size: 35px;
        color: #fff;
        letter-spacing: 5px;
        margin-left: 0px !important; }
      .products-new .event-resources .rsc:nth-child(9) h4 {
        line-height: 1em;
        color: #fff;
        margin-top: 30px;
        min-height: 60px; }
        @media (min-width: 0) {
          .products-new .event-resources .rsc:nth-child(9) h4 {
            font-size: 22px; } }
        @media (min-width: 769px) {
          .products-new .event-resources .rsc:nth-child(9) h4 {
            font-size: 36px; } }
        @media (min-width: 1024px) {
          .products-new .event-resources .rsc:nth-child(9) h4 {
            font-size: 44px; } }
      .products-new .event-resources .rsc:nth-child(9) .blurb-description {
        color: #fff; }
        .products-new .event-resources .rsc:nth-child(9) .blurb-description .video-link {
          display: block;
          font-size: 18px;
          margin-top: 20px; }
    .products-new .event-resources .rsc:nth-child(13) {
      background: -webkit-gradient(linear, left top, right top, from(#020A47), to(#5EE4E4));
      background: linear-gradient(90deg, #020A47 0%, #5EE4E4 100%); }
      @media (min-width: 0) {
        .products-new .event-resources .rsc:nth-child(13) {
          width: 100%; } }
      @media (min-width: 1024px) {
        .products-new .event-resources .rsc:nth-child(13) {
          width: 49%; } }
      .products-new .event-resources .rsc:nth-child(13) img.blurb-icon {
        display: inline-block;
        width: 0px; }
      .products-new .event-resources .rsc:nth-child(13) .name {
        font-size: 35px;
        color: #fff;
        letter-spacing: 5px;
        margin-left: 0px !important; }
      .products-new .event-resources .rsc:nth-child(13) h4 {
        line-height: 1em;
        color: #fff;
        margin-top: 30px;
        min-height: 60px; }
        @media (min-width: 0) {
          .products-new .event-resources .rsc:nth-child(13) h4 {
            font-size: 22px; } }
        @media (min-width: 769px) {
          .products-new .event-resources .rsc:nth-child(13) h4 {
            font-size: 36px; } }
        @media (min-width: 1024px) {
          .products-new .event-resources .rsc:nth-child(13) h4 {
            font-size: 44px; } }
      .products-new .event-resources .rsc:nth-child(13) .blurb-description {
        color: #fff; }
        .products-new .event-resources .rsc:nth-child(13) .blurb-description .video-link {
          display: block;
          font-size: 18px;
          margin-top: 20px; }

.aws .light-grey-bg {
  background-color: #F1F4F6 !important; }

.aws .flex-box-2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .aws .flex-box-2 .box-item {
    display: block;
    padding: 10px; }
    @media (min-width: 0) {
      .aws .flex-box-2 .box-item {
        width: 100%;
        min-height: 100px; } }
    @media (min-width: 769px) {
      .aws .flex-box-2 .box-item {
        width: 48%;
        min-height: 100px; } }
    @media (min-width: 1024px) {
      .aws .flex-box-2 .box-item {
        width: 48%;
        min-height: 150px;
        margin-bottom: 10px; } }
@media (min-width: 0) {
  .aws .with-rl .box-item:first-of-type {
    border-right: none; } }

@media (min-width: 1024px) {
  .aws .with-rl .box-item:first-of-type {
    border-right: 1px solid rgba(2, 10, 71, 0.15); } }

.aws .br-20-1 {
  border-radius: 20px 0px 20px 20px; }

.aws h3 {
  margin-top: 0px !important;
  font-weight: 600 !important; }

.aws .aws-hero-img {
  width: 350px; }

.aws .box-item {
  overflow: hidden;
  background: #fff; }
  @media (min-width: 0) {
    .aws .box-item {
      padding: 20px !important;
      margin-bottom: 20px; } }
  @media (min-width: 769px) {
    .aws .box-item {
      padding: 25px !important;
      margin-bottom: 20px; } }
  @media (min-width: 1024px) {
    .aws .box-item {
      padding: 30px !important;
      margin-bottom: 5px; } }
  .aws .box-item .teal-corner {
    display: block;
    float: right;
    width: 65px;
    height: 65px;
    background-color: #5EE4E4;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    margin-top: -62px;
    margin-right: -62px; }
  .aws .box-item h3 {
    margin-top: 0px !important;
    font-size: 1.5rem !important; }

.aws .flex-logos-7 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }
  @media (min-width: 0) {
    .aws .flex-logos-7 .flex-item {
      width: 50%; } }
  @media (min-width: 769px) {
    .aws .flex-logos-7 .flex-item {
      width: 33%; } }
  @media (min-width: 1024px) {
    .aws .flex-logos-7 .flex-item {
      width: 20%; } }
.enterprise h2 {
  margin-bottom: 10px; }

.enterprise .centered-list {
  display: block;
  margin-left: -2em; }

.enterprise ul.centered {
  text-align: center;
  list-style-position: inside !important; }

.enterprise div.slider-navigation-previous {
  display: none; }

.enterprise div.slider-navigation-next {
  display: none; }

.enterprise .blurb {
  padding-bottom: 5px; }
  .enterprise .blurb .f-description {
    font-weight: bold;
    font-size: 24px;
    line-height: 1.2em; }

.enterprise .teal-left-bg {
  padding: 0px; }
  @media (min-width: 0) {
    .enterprise .teal-left-bg {
      background-color: #ebfdfc; } }
  @media (min-width: 1024px) {
    .enterprise .teal-left-bg {
      background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #ebfdfc), color-stop(50%, #ffffff));
      background-image: linear-gradient(90deg, #ebfdfc 50%, #ffffff 50%);
      background-color: rgba(94, 228, 228, 0.1); } }
  .enterprise .teal-left-bg .hero-body {
    padding: 0px; }
    .enterprise .teal-left-bg .hero-body .container {
      background-color: #ebfdfc;
      padding: 50px 0px;
      border-radius: 30px; }

.enterprise .teal-right-bg {
  padding: 0px; }
  @media (min-width: 0) {
    .enterprise .teal-right-bg {
      background-color: #ebfdfc; } }
  @media (min-width: 1024px) {
    .enterprise .teal-right-bg {
      background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #ffffff), color-stop(50%, #ebfdfc));
      background-image: linear-gradient(90deg, #ffffff 50%, #ebfdfc 50%);
      background-color: rgba(94, 228, 228, 0.1); } }
  .enterprise .teal-right-bg .hero-body {
    padding: 0px; }
    .enterprise .teal-right-bg .hero-body .container {
      background-color: #ebfdfc;
      padding: 50px 0px;
      border-radius: 30px; }
      .enterprise .teal-right-bg .hero-body .container h4 {
        margin: 10px; }

.enterprise .hero.features.teal-right-bg {
  overflow: hidden; }

.enterprise .d-none {
  display: none !important; }

.enterprise .accordion .accordion-item {
  border-bottom: 1px solid rgba(2, 10, 71, 0.1); }
  .enterprise .accordion .accordion-item button {
    position: relative;
    display: block;
    text-align: left;
    width: 100%;
    padding: 1em 0;
    color: #020A47;
    font-size: 20px;
    font-weight: bold;
    border: none;
    background: none;
    outline: none; }
    .enterprise .accordion .accordion-item button:hover {
      cursor: pointer; }
    .enterprise .accordion .accordion-item button:focus {
      cursor: pointer; }
    .enterprise .accordion .accordion-item button .icon {
      display: inline-block;
      position: absolute;
      top: 25px;
      right: 0;
      width: 26px;
      height: 26px;
      border: none;
      border-radius: 22px;
      color: #5EE4E4; }
      .enterprise .accordion .accordion-item button .icon:before {
        display: block;
        position: absolute;
        content: "";
        top: 12px;
        left: 1px;
        width: 15px;
        height: 2px;
        background: currentColor; }
      .enterprise .accordion .accordion-item button .icon:after {
        display: block;
        position: absolute;
        content: "";
        top: 5px;
        left: 8px;
        width: 2px;
        height: 15px;
        background: currentColor; }

.enterprise .accordion button[aria-expanded=true] .icon::after {
  width: 0; }

.enterprise .accordion button[aria-expanded=true] + .accordion-content {
  opacity: 1;
  max-height: 9em;
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
  will-change: opacity, max-height; }

.enterprise .accordion .accordion-content {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: opacity 200ms linear, max-height 200ms linear;
  transition: opacity 200ms linear, max-height 200ms linear;
  will-change: opacity, max-height; }

@media (min-width: 0) {
  .enterprise .columns.with-accordion {
    padding: 60px 20px 0px 20px; } }

@media (min-width: 1024px) {
  .enterprise .columns.with-accordion {
    padding: 60px 0px 0px 50px; } }

.enterprise #img_1 {
  position: relative; }
  @media (min-width: 0) {
    .enterprise #img_1 {
      margin-top: 0px;
      margin-right: 0px;
      margin-bottom: 0px; } }
  @media (min-width: 1024px) {
    .enterprise #img_1 {
      margin-top: -40px;
      margin-right: -110px;
      margin-bottom: -220px; } }
.enterprise .flex-logos-7 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }
  @media (min-width: 0) {
    .enterprise .flex-logos-7 .flex-item {
      width: 50%; } }
  @media (min-width: 769px) {
    .enterprise .flex-logos-7 .flex-item {
      width: 25%; } }
  @media (min-width: 1024px) {
    .enterprise .flex-logos-7 .flex-item {
      width: 14.28%; } }
/*--Cloud Dedicated - B-variant--*/
@media (min-width: 0) {
  .ellipse {
    display: none;
    position: absolute;
    z-index: -10;
    top: 0px;
    left: 45%;
    width: 900px; } }

@media (min-width: 1024px) {
  .ellipse {
    display: block;
    position: absolute;
    z-index: -10;
    top: 0px;
    left: 45%;
    width: 940px; } }

@media (min-width: 0) {
  .with-logos {
    gap: 0px; } }

@media (min-width: 769px) {
  .with-logos {
    gap: 20px; } }

@media (min-width: 1024px) {
  .with-logos {
    gap: 40px; } }

@media (min-width: 0) {
  .has-form-3059 {
    padding: 20px 10px;
    margin-top: 10px; } }

@media (min-width: 1024px) {
  .has-form-3059 {
    margin-top: 45px;
    padding: 30px 20px 30px 40px; } }

.has-form-3059 #LblMarketing_Notes__c .mktoAsterix {
  display: none; }

@media (min-width: 0) {
  .has-form-3059 label.checkboxLabel {
    width: 90%;
    float: right;
    font-size: 14px !important;
    margin-bottom: 15px;
    margin-top: -20px; } }

@media (min-width: 1024px) {
  .has-form-3059 label.checkboxLabel {
    width: 94%;
    float: right;
    font-size: 14px !important;
    margin-bottom: 5px;
    margin-top: 0px; } }

.products-overview {
  background: #F2F4F6;
  /*---vertical open tabs---*/
  /*--- Hhorizontal slider ---*/ }
  .products-overview .navy-box {
    background-color: #020A47;
    background-image: -webkit-gradient(linear, left top, right top, from(#020A47), to(rgba(193, 170, 253, 0.2)));
    background-image: linear-gradient(90deg, #020A47 0%, rgba(193, 170, 253, 0.2) 100%);
    border: 2px solid #c1aafd; }
  @media (min-width: 0) {
    .products-overview .cta-box {
      background: #fff;
      background-image: url(//images.ctfassets.net/o7xu9whrs0u9/30s2HAIJkAsFpjQy2820P9/a24a8c27f3be8bea953e7372cdd167a6/CTA_background.png);
      background-repeat: no-repeat;
      background-size: 80%;
      background-position: bottom right; } }
  @media (min-width: 769px) {
    .products-overview .cta-box {
      background: #fff; } }
  @media (min-width: 0) {
    .products-overview .cta-box img.kubo-img {
      padding-top: 10px;
      margin-bottom: 0px; } }
  @media (min-width: 769px) {
    .products-overview .cta-box img.kubo-img {
      padding-top: 20px;
      margin-bottom: -20px; } }
  .products-overview .cta-box img.kubo-img.is-hidden-tablet {
    display: block;
    position: relative;
    max-width: 250px;
    margin-right: -60px; }
  @media (min-width: 0) {
    .products-overview .cta-box .column.is-7 {
      padding: 40px 20px; } }
  @media (min-width: 769px) {
    .products-overview .cta-box .column.is-7 {
      padding: 20px; } }
  .products-overview .is-flex.with-borders {
    display: flex; }
    @media (min-width: 0) {
      .products-overview .is-flex.with-borders {
        flex-direction: column; } }
    @media (min-width: 769px) {
      .products-overview .is-flex.with-borders {
        flex-direction: row; } }
    .products-overview .is-flex.with-borders .box-item {
      margin-bottom: 25px; }
      .products-overview .is-flex.with-borders .box-item:nth-of-type(1) {
        flex: 1; }
        @media (min-width: 0) {
          .products-overview .is-flex.with-borders .box-item:nth-of-type(1) {
            border-right: none;
            padding-left: 0px;
            padding-right: 10px; } }
        @media (min-width: 769px) {
          .products-overview .is-flex.with-borders .box-item:nth-of-type(1) {
            border-right: 1px solid #414775;
            padding-left: 0px;
            padding-right: 50px; } }
      @media (min-width: 0) {
        .products-overview .is-flex.with-borders .box-item:nth-of-type(2) {
          border-right: none;
          padding-left: 0px;
          padding-right: 10px;
          flex: 1; } }
      @media (min-width: 769px) {
        .products-overview .is-flex.with-borders .box-item:nth-of-type(2) {
          border-right: 1px solid #414775;
          padding-left: 50px;
          padding-right: 50px;
          flex: 1.05; } }
      .products-overview .is-flex.with-borders .box-item:nth-of-type(3) {
        flex: 1; }
        @media (min-width: 0) {
          .products-overview .is-flex.with-borders .box-item:nth-of-type(3) {
            padding-left: 0px;
            padding-right: 10px; } }
        @media (min-width: 769px) {
          .products-overview .is-flex.with-borders .box-item:nth-of-type(3) {
            padding-left: 50px;
            padding-right: 0px; } }
  .products-overview .tabs-container {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-left: 40px; }
    .products-overview .tabs-container .vertical-line {
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      width: 5px;
      border-radius: 4px;
      background-color: rgba(2, 10, 71, 0.2); }
    .products-overview .tabs-container .tab {
      position: relative;
      padding: 15px 0;
      width: 100%; }
      .products-overview .tabs-container .tab .text-46 {
        margin-bottom: 15px;
        font-weight: bold;
        color: #020A47; }
        .products-overview .tabs-container .tab .text-46 .is-purple {
          color: #9b2aff; }
    .products-overview .tabs-container .active-line {
      position: absolute;
      left: 0;
      width: 5px;
      background-color: #5EE4E4;
      border-radius: 4px;
      -webkit-transition: top 0.3s ease, height 0.3s ease;
      transition: top 0.3s ease, height 0.3s ease;
      top: 0;
      height: 0; }
  .products-overview .slider-two {
    overflow: hidden;
    width: 100%;
    margin: 0 auto; }
    @media (min-width: 0) {
      .products-overview .slider-two .arrow-slider {
        display: block; } }
    @media (min-width: 769px) {
      .products-overview .slider-two .arrow-slider {
        display: block; } }
    @media (min-width: 1024px) {
      .products-overview .slider-two .arrow-slider {
        display: flex;
        -webkit-transition: -webkit-transform 0.3s ease-in-out;
        transition: -webkit-transform 0.3s ease-in-out;
        transition: transform 0.3s ease-in-out;
        transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; } }
    .products-overview .slider-two .arrow-slider .a-slide {
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      padding: 40px 30px;
      background-color: #fff;
      border-radius: 16px;
      border: 1px solid #fff; }
      @media (min-width: 0) {
        .products-overview .slider-two .arrow-slider .a-slide {
          display: block;
          margin-bottom: 20px;
          margin-right: 0px; } }
      @media (min-width: 769px) {
        .products-overview .slider-two .arrow-slider .a-slide {
          display: block;
          margin-bottom: 20px;
          margin-right: 0px; } }
      @media (min-width: 1024px) {
        .products-overview .slider-two .arrow-slider .a-slide {
          flex: 0 0 35%;
          margin-bottom: 0px;
          margin-right: 40px; } }
      .products-overview .slider-two .arrow-slider .a-slide:hover {
        border: 1px solid rgba(0, 0, 0, 0.1); }
      .products-overview .slider-two .arrow-slider .a-slide h4 {
        font-size: 24px;
        margin-top: 0px;
        color: #020A47 !important; }
  .products-overview .arrow {
    cursor: pointer;
    font-size: 20px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    position: relative;
    display: block;
    z-index: 100;
    margin-bottom: 20px; }
    .products-overview .arrow.left-arrow {
      margin-left: calc(100% - 80px);
      margin-right: 5px;
      float: left; }
    .products-overview .arrow.right-arrow {
      right: 10px;
      float: right; }
  .products-overview .grd-block {
    width: 100px;
    height: 315px;
    background: #f2f4f6;
    background: -webkit-gradient(linear, left top, right top, from(rgba(242, 244, 246, 0)), to(#f2f4f6));
    background: linear-gradient(90deg, rgba(242, 244, 246, 0) 0%, #f2f4f6 100%);
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 0; }

.seo-page .navy-hero {
  background-image: url("https://www.influxdata.com/wp-content/uploads/navy-bg.png");
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover; }
  @media (min-width: 0) {
    .seo-page .navy-hero {
      min-height: 200px;
      border-radius: 40px; } }
  @media (min-width: 769px) {
    .seo-page .navy-hero {
      min-height: 300px;
      border-radius: 60px; } }
  @media (min-width: 1024px) {
    .seo-page .navy-hero {
      min-height: 410px;
      border-radius: 80px; } }
  .seo-page .navy-hero h1 {
    color: #5ee4e4; }
    @media (min-width: 0) {
      .seo-page .navy-hero h1 {
        font-size: 2.5rem;
        padding: 20px 20px 0px 20px; } }
    @media (min-width: 769px) {
      .seo-page .navy-hero h1 {
        font-size: 3.8rem;
        padding: 20px 40px 0px 40px; } }
.seo-page .grey_section_bg {
  background-color: #F6F9FC;
  overflow: hidden; }
  .seo-page .grey_section_bg .has-text-wide {
    letter-spacing: 5px; }
  .seo-page .grey_section_bg .content h1 {
    margin-top: 30px; }
  @media (min-width: 1024px) {
    .seo-page .grey_section_bg .haze-block {
      position: absolute;
      z-index: 0;
      height: 800px;
      left: 64%;
      right: -50%;
      top: -10%;
      border-radius: 100px;
      background: #fff;
      mix-blend-mode: normal;
      opacity: 0.4;
      -webkit-box-shadow: 0px 30px 55px rgba(27, 20, 65, 0.08);
              box-shadow: 0px 30px 55px rgba(27, 20, 65, 0.08);
      -webkit-transform: rotate(22deg);
              transform: rotate(22deg); } }
  .seo-page .grey_section_bg img.hero-img {
    position: relative;
    width: 80%; }

.seo-page .purple-banner {
  margin: 35px 0px;
  background-color: #9B2AFF;
  border-radius: 30px;
  padding: 30px 50px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center; }
  .seo-page .purple-banner a.button.is-outlined.is-white.is-medium {
    border: 2px solid #fff;
    border-radius: 10px;
    font-weight: bold; }

.seo-page .content h2:first-of-type {
  margin-top: 0rem; }

.seo-page .with-img {
  /*background-color: #fff;
  border-radius: 20px;
  border: 1px solid #E2E2E2;*/
  padding: 40px; }
  .seo-page .with-img img.hero-img {
    width: 80%; }

.seo-page .excerpt h1 {
  font-weight: 700 !important;
  color: #020a47 !important; }
  @media (min-width: 0) {
    .seo-page .excerpt h1 {
      font-size: 2.4rem; } }
  @media (min-width: 769px) {
    .seo-page .excerpt h1 {
      font-size: 3.6rem; } }
.seo-page .col-count {
  padding-bottom: 30px; }
  @media (min-width: 0) {
    .seo-page .col-count {
      -webkit-column-count: 1;
         -moz-column-count: 1;
              column-count: 1;
      -webkit-column-gap: 0px;
         -moz-column-gap: 0px;
              column-gap: 0px; } }
  @media (min-width: 769px) {
    .seo-page .col-count {
      -webkit-column-count: 3;
         -moz-column-count: 3;
              column-count: 3;
      -webkit-column-gap: 40px;
         -moz-column-gap: 40px;
              column-gap: 40px; } }
@media (min-width: 1024px) {
  .seo-page .left-section {
    padding-right: 50px; } }

.seo-page .right-section {
  display: block;
  overflow: hidden; }
  @media (min-width: 1024px) {
    .seo-page .right-section {
      padding-left: 20px; } }
  .seo-page .right-section img {
    display: block;
    margin: 40px 0px; }
  .seo-page .right-section h2 {
    color: #020A47; }
    @media (min-width: 0) {
      .seo-page .right-section h2 {
        font-size: 24px;
        line-height: 1.4em; } }
    @media (min-width: 769px) {
      .seo-page .right-section h2 {
        font-size: 30px;
        line-height: 1.4em; } }
    @media (min-width: 1024px) {
      .seo-page .right-section h2 {
        font-size: 34px;
        line-height: 1.4em; } }
  .seo-page .right-section h3 {
    color: #020A47; }
  .seo-page .right-section h4 {
    color: #020A47; }

.seo-page .related p.has-text-weight-semibold {
  line-height: 1.25em; }

.seo-page .page-index {
  display: block;
  border: 1px solid #dddddd;
  padding: 40px;
  border-radius: 20px; }
  @media (min-width: 0) {
    .seo-page .page-index {
      position: relative;
      margin-right: 0px; } }
  @media (min-width: 1024px) {
    .seo-page .page-index {
      position: sticky;
      top: 120px !important;
      margin-right: 60px; } }
.seo-page .column.custom-list ul {
  margin: 5px 2px 15px;
  padding: 0; }
  .seo-page .column.custom-list ul li {
    list-style: none;
    position: relative;
    padding: 0 0 10px 45px;
    font-size: 1.3rem;
    line-height: 1.3; }

.seo-page .column.custom-list ul.circle-checkmark li::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 2px;
  border: solid 13px #D30971;
  border-radius: 13px;
  -moz-border-radius: 13px;
  -webkit-border-radius: 13px; }

.seo-page .column.custom-list ul.circle-checkmark li::after {
  content: "";
  position: absolute;
  left: 1.6%;
  top: 7px;
  width: 6px;
  height: 12px;
  border: solid #fff;
  border-width: 0 1px 1px 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

.seo-page .cta-box {
  position: relative;
  margin-top: 25px; }
  @media (min-width: 0) {
    .seo-page .cta-box {
      background: #fff;
      background-image: url(//images.ctfassets.net/o7xu9whrs0u9/30s2HAIJkAsFpjQy2820P9/a24a8c27f3be8bea953e7372cdd167a6/CTA_background.png);
      background-repeat: no-repeat;
      background-size: 50%;
      background-position: bottom right; } }
  @media (min-width: 769px) {
    .seo-page .cta-box {
      background: #fff; } }
  .seo-page .cta-box img.kubo-img {
    position: absolute;
    right: 20px;
    bottom: 0;
    margin-bottom: -20px;
    max-width: 210px; }
  .seo-page .cta-box a.button.is-gradient.is-normal {
    margin-bottom: 15px; }

.seo-solutions {
  /*--index created from all h2 on the page-*/
  /*--DBU banner section--*/ }
  .seo-solutions ul.page-nav li a {
    display: block;
    color: #9B2AFF; }
    .seo-solutions ul.page-nav li a:hover {
      color: #9394FF; }
  .seo-solutions .content.is-content h2 {
    margin-top: 40px; }
  @media (min-width: 0) {
    .seo-solutions .content.is-content p {
      font-size: 20px; } }
  @media (min-width: 1024px) {
    .seo-solutions .content.is-content p {
      font-size: 22px; } }
  .seo-solutions .has-purple-bgr {
    padding: 25px; }
  .seo-solutions .dbu-banner {
    background-color: #E6E6ED;
    border-radius: 20px; }
    @media (min-width: 0) {
      .seo-solutions .dbu-banner .fish {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center; } }
    @media (min-width: 1024px) {
      .seo-solutions .dbu-banner .fish {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        gap: 40px;
        align-items: center; } }
    .seo-solutions .dbu-banner .fish h3 {
      color: #020A47;
      font-size: 32px;
      line-height: 1.2em;
      font-weight: bold; }
    .seo-solutions .dbu-banner .fish p {
      font-size: 18px;
      line-height: 1.25em;
      font-weight: bold; }
    @media (min-width: 0) {
      .seo-solutions .dbu-banner .fish .logo-img {
        width: 100%;
        padding: 20px;
        border-right: none; } }
    @media (min-width: 1024px) {
      .seo-solutions .dbu-banner .fish .logo-img {
        width: 20%;
        padding: 30px 35px 30px 0px;
        border-right: 1px solid rgba(2, 10, 71, 0.2); } }
    @media (min-width: 0) {
      .seo-solutions .dbu-banner .fish .dbu-text {
        width: 100%; } }
    @media (min-width: 1024px) {
      .seo-solutions .dbu-banner .fish .dbu-text {
        width: 32%; } }
    @media (min-width: 0) {
      .seo-solutions .dbu-banner .fish .dbu-img {
        width: 100%; } }
    @media (min-width: 1024px) {
      .seo-solutions .dbu-banner .fish .dbu-img {
        width: 28%; } }
    @media (min-width: 0) {
      .seo-solutions .dbu-banner .fish .btn {
        width: 100%; } }
    @media (min-width: 1024px) {
      .seo-solutions .dbu-banner .fish .btn {
        width: 20%; } }
  @media (min-width: 0) {
    .seo-solutions .ellipse {
      display: none;
      position: absolute;
      z-index: -10;
      top: 0px;
      left: 45%;
      width: 900px; } }
  @media (min-width: 1024px) {
    .seo-solutions .ellipse {
      display: block;
      position: absolute;
      z-index: -10;
      top: 0px;
      left: 45%;
      width: 940px; } }
  @media (min-width: 0) {
    .seo-solutions .with-logos {
      gap: 0px; } }
  @media (min-width: 769px) {
    .seo-solutions .with-logos {
      gap: 20px; } }
  @media (min-width: 1024px) {
    .seo-solutions .with-logos {
      gap: 40px; } }
  .seo-solutions .sticky-col {
    /*position: -webkit-sticky; 
  position: sticky;
  top: 120px;*/ }
    .seo-solutions .sticky-col .left-nav {
      background-color: #FAFAFA;
      border-radius: 20px;
      padding: 25px;
      /*max-height: 60vh!important;
    overflow: scroll!important;*/ }
  @media (min-width: 0) {
    .seo-solutions .pr-50 {
      padding-right: 0px; } }
  @media (min-width: 1024px) {
    .seo-solutions .pr-50 {
      padding-right: 50px; } }
.integration h1.page-title {
  font-weight: 700;
  font-family: 'Proxima-Nova',proxima-nova,sans-serif;
  text-transform: none;
  color: #020A47;
  padding-bottom: 10px; }
  @media (min-width: 0) {
    .integration h1.page-title {
      font-size: 2.5rem; } }
  @media (min-width: 769px) {
    .integration h1.page-title {
      font-size: 3.5rem; } }
  @media (min-width: 1024px) {
    .integration h1.page-title {
      font-size: 4rem; } }
.integration h2 {
  line-height: 1.2em;
  margin-top: 30px;
  color: #020a47;
  font-weight: 700;
  text-transform: none; }
  @media (min-width: 0) {
    .integration h2 {
      font-size: 1.5rem; } }
  @media (min-width: 769px) {
    .integration h2 {
      font-size: 2rem; } }
  @media (min-width: 1024px) {
    .integration h2 {
      font-size: 2.4rem; } }
.integration h3 {
  font-weight: 700;
  line-height: 1.2em;
  color: #020A47;
  text-transform: none;
  margin-top: 30px; }
  @media (min-width: 0) {
    .integration h3 {
      font-size: 1.3rem; } }
  @media (min-width: 769px) {
    .integration h3 {
      font-size: 1.5rem; } }
  @media (min-width: 1024px) {
    .integration h3 {
      font-size: 1.75rem; } }
.integration .content h2:not(:first-child) {
  margin-top: 1.1428em; }

.integration .more-info {
  margin-top: 40px;
  margin-bottom: 25px; }

.integration figcaption {
  text-align: center;
  font-size: 14px;
  padding-bottom: 20px;
  margin-top: -10px; }

.integration .button.is-gradient.is-normal {
  margin-bottom: 45px; }

.integration code {
  font-family: "Roboto Mono", monospace !important;
  font-size: 14px;
  background: #eeeff2;
  color: inherit; }

.integration span.token.number {
  font-size: 15px;
  height: 1.5em; }

.integration pre.code-toolbar {
  background-color: #eeeff2 !important;
  max-height: 41em; }

.integration :not(pre) > code[class*="language-"] {
  background-color: #eeeff2 !important; }

.solutions {
  /*---vertical open tabs---*/ }
  .solutions .main-content h2 {
    font-weight: bold;
    color: #020A47; }
    @media (min-width: 0) {
      .solutions .main-content h2 {
        font-size: 30px !important;
        line-height: 1.3em !important; } }
    @media (min-width: 769px) {
      .solutions .main-content h2 {
        font-size: 44px !important;
        line-height: 1.3em !important; } }
    @media (min-width: 1024px) {
      .solutions .main-content h2 {
        font-size: 46px !important;
        line-height: 1.1em !important; } }
  .solutions .quotation {
    margin-top: 40px;
    padding: 35px;
    background-color: #fff;
    border-radius: 20px;
    color: #020A47; }
    .solutions .quotation .testimonial {
      font-size: 26px;
      line-height: 1.25em; }
  .solutions .related p.has-text-weight-semibold {
    line-height: 1.25em; }
  @media (min-width: 1024px) {
    .solutions .related-sol {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      /*gap: 50px 5%;*/ } }
  .solutions .related-sol .related {
    display: block;
    background-color: #fff;
    border-radius: 14px;
    overflow: hidden;
    padding-bottom: 30px; }
    @media (min-width: 0) {
      .solutions .related-sol .related {
        width: 100%;
        height: auto;
        margin-bottom: 40px; } }
    @media (min-width: 1024px) {
      .solutions .related-sol .related {
        width: 30%;
        margin-bottom: 0px; } }
    .solutions .related-sol .related p.name {
      padding: 5px 20px;
      color: #020A47;
      line-height: 1.25em; }
      @media (min-width: 0) {
        .solutions .related-sol .related p.name {
          min-height: 40px; } }
      @media (min-width: 1024px) {
        .solutions .related-sol .related p.name {
          min-height: 70px; } }
    .solutions .related-sol .related p.fringe-text {
      margin: 10px 20px;
      color: #020A47; }
    .solutions .related-sol .related a {
      display: block;
      padding-left: 20px;
      padding-right: 20px; }
    .solutions .related-sol .related .youtube-container {
      position: relative;
      overflow: hidden;
      width: 100%;
      padding-top: 56%;
      /* 4:3 Aspect Ratio */
      margin-bottom: 15px; }
  .solutions .tabs-container {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-left: 40px; }
    .solutions .tabs-container .vertical-line {
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      width: 5px;
      border-radius: 4px;
      background-color: rgba(2, 10, 71, 0.2); }
    .solutions .tabs-container .tab {
      position: relative;
      padding: 15px 0;
      width: 100%; }
      .solutions .tabs-container .tab .text-46 {
        margin-bottom: 15px;
        font-weight: bold;
        color: #020A47; }
        .solutions .tabs-container .tab .text-46 .is-purple {
          color: #9b2aff; }
    .solutions .tabs-container .active-line {
      position: absolute;
      left: 0;
      width: 5px;
      background-color: #5EE4E4;
      border-radius: 4px;
      -webkit-transition: top 0.3s ease, height 0.3s ease;
      transition: top 0.3s ease, height 0.3s ease;
      top: 0;
      height: 0; }

.solutions_main img.logo-img {
  max-width: 200px;
  display: block;
  margin: 30px auto;
  border: 1px solid #dddddd;
  border-radius: 16px;
  padding: 30px;
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%); }
  .solutions_main img.logo-img:hover {
    -webkit-filter: grayscale(0%);
            filter: grayscale(0%); }

.solutions_main .button.is-gradient {
  width: 180px;
  font-weight: 600;
  margin-top: 20px; }

@media (min-width: 1024px) {
  .solutions_main .column.with-logos {
    padding-left: 60px; } }

.solutions_main .button.is-gradient.is-outlined {
  width: 150px; }

.solutions_main .icon-text {
  font-size: 18px; }

.solutions_main .icon {
  font-size: 16px; }

@media (min-width: 0) {
  .solutions_main .subheader h3 {
    font-size: 1.2REM;
    line-height: 1.2; } }

@media (min-width: 769px) {
  .solutions_main .subheader h3 {
    font-size: 1.8REM;
    line-height: 1.3;
    color: #08214b;
    font-weight: 400; } }

.solutions_main .subheader p {
  font-size: 1.2REM;
  line-height: 1.5; }

.solutions-grid .grey-bg {
  background-color: #FAFAFA; }
  .solutions-grid .grey-bg .inside-col {
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 13px 1px rgba(27, 20, 65, 0.08);
            box-shadow: 0px 0px 13px 1px rgba(27, 20, 65, 0.08);
    padding: 10px 40px 40px;
    border-radius: 20px; }
    @media (min-width: 0) {
      .solutions-grid .grey-bg .inside-col p {
        font-size: 18px;
        line-height: 1.5em; } }
    @media (min-width: 769px) {
      .solutions-grid .grey-bg .inside-col p {
        font-size: 24px;
        line-height: 1.4em; } }
    .solutions-grid .grey-bg .inside-col .blurb {
      display: flex;
      gap: 20px;
      align-content: center; }
      .solutions-grid .grey-bg .inside-col .blurb img.blurb-img {
        width: 50px;
        margin-top: 5px; }
      .solutions-grid .grey-bg .inside-col .blurb h4.blurb-title {
        font-size: 28px; }

.solutions-grid form#gridfilter {
  margin: 30px 20px 20px 0px; }

.solutions-grid .solution-results {
  width: 100%;
  max-width: 1344px;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden; }
  .solutions-grid .solution-results .card {
    isplay: block;
    -webkit-box-shadow: 0px 0px 13px 1px rgba(27, 20, 65, 0.08);
            box-shadow: 0px 0px 13px 1px rgba(27, 20, 65, 0.08);
    padding: 30px;
    border-radius: 10px; }
    .solutions-grid .solution-results .card:hover {
      -webkit-box-shadow: 0px 0px 7px 0px rgba(27, 20, 65, 0.07);
              box-shadow: 0px 0px 7px 0px rgba(27, 20, 65, 0.07); }
      .solutions-grid .solution-results .card:hover p {
        color: #171717 !important; }
      .solutions-grid .solution-results .card:hover .link-icon {
        color: #9394FF !important; }
    @media (min-width: 0) {
      .solutions-grid .solution-results .card {
        width: 100%;
        margin-bottom: 20px; } }
    @media (min-width: 769px) {
      .solutions-grid .solution-results .card {
        width: 46%;
        margin: 2%; } }
    .solutions-grid .solution-results .card h4 {
      color: #020a47;
      min-height: 45px;
      font-size: 1.25em;
      font-weight: 700;
      line-height: 1.3rem; }
      .solutions-grid .solution-results .card h4:hover {
        color: #9b2aff; }
    .solutions-grid .solution-results .card .link-icon {
      color: #9B2AFF; }
    .solutions-grid .solution-results .card .description {
      display: block;
      min-height: 110px;
      color: #171717; }
      .solutions-grid .solution-results .card .description:hover {
        color: #171717; }

@media (min-width: 0) {
  .timestream .has-aws-gradient-bgr {
    padding-top: 30px;
    padding-bottom: 20px; } }

@media (min-width: 1024px) {
  .timestream .has-aws-gradient-bgr {
    padding-top: 80px;
    padding-bottom: 80px; } }

.timestream img.hero-img {
  display: block; }
  @media (min-width: 0) {
    .timestream img.hero-img {
      width: 160px;
      float: none;
      margin: 0 auto; } }
  @media (min-width: 1024px) {
    .timestream img.hero-img {
      width: 260px;
      float: right;
      margin: 0; } }
.timestream .with-pink-border {
  border-left: 5px solid #FF9900;
  padding: 0px 20px 0px 35px; }
  .timestream .with-pink-border h1.aws-title {
    font-weight: 400;
    line-height: 1.1 !important;
    margin: 0px !important;
    padding-top: 0px; }

@media (min-width: 0) {
  .timestream .aws-cta {
    padding: 20px 20px; } }

@media (min-width: 1024px) {
  .timestream .aws-cta {
    padding: 80px 120px; } }

.timestream .box-item {
  background-color: #fff;
  padding: 30px !important; }

.timestream .button.is-aws {
  background-color: #FF9900;
  border: 2px solid #FF9900;
  border-radius: 10px;
  min-width: 240px;
  height: 50px;
  color: #252F3E;
  font-weight: bold;
  font-size: 16px !important; }
  .timestream .button.is-aws:hover {
    background-color: #252F3E;
    border: 2px solid #252F3E;
    color: #FF9900 !important; }

@media (min-width: 0) {
  .timestream .has-box-shadow {
    margin-top: 30px; } }

@media (min-width: 1024px) {
  .timestream .has-box-shadow {
    margin-top: 60px; } }

.timestream .whats-next-aws {
  background-color: rgba(223, 250, 250, 0.1);
  border: 3px solid rgba(2, 10, 71, 0.1);
  border-radius: 20px; }
  @media (min-width: 0) {
    .timestream .whats-next-aws .fish {
      display: flex;
      flex-direction: row;
      justify-content: center; } }
  @media (min-width: 769px) {
    .timestream .whats-next-aws .fish {
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      gap: 40px;
      align-items: center; } }
  .timestream .whats-next-aws .fish h4 {
    color: #020A47;
    line-height: 1em; }
    @media (min-width: 0) {
      .timestream .whats-next-aws .fish h4 {
        font-size: 1.6rem; } }
    @media (min-width: 769px) {
      .timestream .whats-next-aws .fish h4 {
        font-size: 1.7rem; } }
    @media (min-width: 1024px) {
      .timestream .whats-next-aws .fish h4 {
        font-size: 1.8rem; } }
  .timestream .whats-next-aws .fish p {
    font-size: 24px;
    font-weight: 600;
    line-height: 1.25em;
    color: #020A47; }
  @media (min-width: 0) {
    .timestream .whats-next-aws .fish img {
      display: none; } }
  @media (min-width: 769px) {
    .timestream .whats-next-aws .fish img {
      display: block;
      max-width: 104px; } }
  .timestream .whats-next-aws .button.is-navy-aws {
    background-color: #FF9900;
    border: 2px solid #FF9900;
    border-radius: 10px;
    padding-left: 30px;
    padding-right: 30px;
    color: #252F3E;
    font-weight: bold;
    font-size: 16px;
    height: 50px; }
    .timestream .whats-next-aws .button.is-navy-aws:hover {
      background-color: #252F3E;
      border: 2px solid #252F3E;
      color: #FF9900 !important; }

.use-cases .blue-gradient-bg {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#E5F6FF), to(#ffffff));
  background-image: linear-gradient(180deg, #E5F6FF 0%, #ffffff 100%);
  border-radius: 30px 30px 0 0; }

.use-cases .green-gradient-bg {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(215, 246, 37, 0.4)), to(#ffffff));
  background-image: linear-gradient(180deg, rgba(215, 246, 37, 0.4) 0%, #ffffff 100%);
  border-radius: 30px 30px 0 0; }

.use-cases .pink-gradient-bg {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(210, 10, 116, 0.3)), to(#ffffff));
  background-image: linear-gradient(180deg, rgba(210, 10, 116, 0.3) 0%, #ffffff 100%);
  border-radius: 30px 30px 0 0; }

.use-cases .teal-gradient-bg {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(94, 228, 228, 0.3)), to(#ffffff));
  background-image: linear-gradient(180deg, rgba(94, 228, 228, 0.3) 0%, #ffffff 100%);
  border-radius: 30px 30px 0 0; }

.use-cases .content h3:not(:first-child) {
  margin-top: 0.3em; }

.use-cases .columns.gap-60 {
  gap: 60px; }

.use-cases .icon-text .txt {
  font-size: 18px; }

.use-cases .container.light-grey {
  padding: 25px;
  background-color: #f2f2f2;
  border-radius: 30px; }
  .use-cases .container.light-grey #client_libraries {
    overflow: hidden; }
    .use-cases .container.light-grey #client_libraries .card {
      overflow: hidden;
      display: block;
      float: left;
      padding: 15px;
      margin: 15px 10px 20px 10px;
      min-height: 100px;
      border-radius: 11px; }
    .use-cases .container.light-grey #client_libraries .card img {
      width: 130px;
      height: auto; }
    .use-cases .container.light-grey #client_libraries .slider-item {
      max-width: 144px;
      margin-top: 60px; }
    .use-cases .container.light-grey #client_libraries .slider-pagination {
      display: none; }
    .use-cases .container.light-grey #client_libraries .slider-navigation-next {
      position: absolute;
      top: 20px;
      right: 10px; }
    .use-cases .container.light-grey #client_libraries .slider-navigation-previous {
      position: absolute;
      top: 20px;
      margin-left: calc(100% - 105px); }
    .use-cases .container.light-grey #client_libraries .slider-navigation-next:hover {
      -webkit-transform: scale(1);
      transform: scale(1); }
    .use-cases .container.light-grey #client_libraries .slider-navigation-previous:hover {
      -webkit-transform: scale(1);
      transform: scale(1); }
    .use-cases .container.light-grey #client_libraries svg {
      width: 7px; }
      .use-cases .container.light-grey #client_libraries svg polyline {
        color: white;
        stroke: black;
        stroke-width: 13px; }

.recorded-webinar .content.is-content {
  display: block;
  max-width: 1200px;
  margin: auto; }

.recorded-webinar .is-content h4 {
  margin-top: 0px; }

#webinar_reg h3 {
  font-size: 2rem;
  font-weight: 700;
  font-family: 'Proxima-Nova',proxima-nova,sans-serif;
  line-height: 1.25;
  text-transform: none;
  padding-top: 10px; }

.single-webinar {
  font-family: 'Proxima-Nova',proxima-nova,sans-serif;
  text-transform: none;
  font-size: 18px; }
  .single-webinar .r-col {
    display: block; }
    @media (min-width: 0) {
      .single-webinar .r-col {
        margin-top: 10px;
        margin-bottom: -100px; } }
    @media (min-width: 1024px) {
      .single-webinar .r-col {
        margin-top: 90px;
        margin-bottom: -150px; } }
  .single-webinar .post.content h2 {
    font-weight: bold;
    font-size: 34px;
    color: #020A47;
    margin-top: 15px !important; }

/*----Styling for Webinar Grid page ----*/
.webinars {
  /*--styling search bar--*/ }
  .webinars button.button.is-gradient.is-normal {
    font-weight: 700;
    padding: 25px 40px; }
  .webinars #gridfilter {
    background: #fff;
    padding: 24px;
    border-radius: 14px;
    line-height: 46px;
    overflow: scroll; }
    @media (min-width: 0) {
      .webinars #gridfilter {
        width: 100%;
        margin: auto; } }
    @media (min-width: 1024px) {
      .webinars #gridfilter {
        width: calc(100% - 55px);
        margin: auto; } }
    .webinars #gridfilter .field {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      @media (min-width: 0) {
        .webinars #gridfilter .field {
          flex-direction: column; } }
      @media (min-width: 769px) {
        .webinars #gridfilter .field {
          flex-direction: column; } }
      @media (min-width: 1024px) {
        .webinars #gridfilter .field {
          flex-direction: row; } }
      .webinars #gridfilter .field a {
        display: block;
        color: #020A47;
        cursor: pointer;
        padding: 5px 20px;
        flex: 0 0 auto; }
      .webinars #gridfilter .field .filter-btns {
        display: flex;
        border-bottom: 1px solid rgba(2, 10, 71, 0.2);
        overflow-x: auto;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
        margin-top: 5px;
        margin-bottom: 5px; }
        .webinars #gridfilter .field .filter-btns:-webkit-scrollbar {
          display: none !important;
          -ms-overflow-style: none !important;
          scrollbar-width: none !important; }
      .webinars #gridfilter .field .control {
        position: relative; }
        .webinars #gridfilter .field .control input {
          position: relative;
          background: transparent;
          padding-left: 40px;
          margin-top: 10px; }
          @media (min-width: 0) {
            .webinars #gridfilter .field .control input {
              width: calc(100% - 25px); } }
          @media (min-width: 1024px) {
            .webinars #gridfilter .field .control input {
              width: 324px; } }
        .webinars #gridfilter .field .control .fa-search {
          position: absolute;
          top: 28px;
          left: 15px;
          color: #9b2aff; }
  .webinars input.input {
    height: 50px;
    border-radius: 10px;
    margin-bottom: 10px; }
    @media (min-width: 0) {
      .webinars input.input {
        width: 99%; } }
    @media (min-width: 1024px) {
      .webinars input.input {
        width: 32%;
        margin-right: 15px; } }
  .webinars .webinar-results {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: flex-start; }
    @media (min-width: 0) {
      .webinars .webinar-results {
        margin: 0px; } }
    @media (min-width: 1024px) {
      .webinars .webinar-results {
        /*margin-left: -1.6%;
      margin-right: -1.6%;*/ } }
    .webinars .webinar-results .card {
      display: block;
      -webkit-box-shadow: none;
              box-shadow: none;
      padding: 30px;
      border-radius: 10px;
      /*.icon-text {
        display: block; 
        color: #d30971;
        font-size: 15px;
        letter-spacing: 1px;
        margin-left: 20px;
        margin-bottom: 25px;
        &:hover {
          color:#d30971;
        }
        i.fa.fa-laptop {
          font-size: 18px;
          line-height: 1.2;
          &:before {
            display: block;
            color: #fff;
            background-color: #d30971;
            width: 38px;
            height: 38px;
            padding: 8px;
            border-radius: 100px;
            margin-right: 20px;
          }
        }
      }*/
      /*.watch-webinar {
       .icon-text {
        display: block; 
        color: #d30971;
        font-size: 18px;
        letter-spacing: 0px;
        margin-left: 0px;
        &:hover {
          color:#9B2AFF;
        }
        i.fa.fa-arrow-right {
          font-size: 15px;
        }
       }
      } */ }
      .webinars .webinar-results .card:hover {
        -webkit-box-shadow: 0px 0px 7px 0px rgba(27, 20, 65, 0.07);
                box-shadow: 0px 0px 7px 0px rgba(27, 20, 65, 0.07); }
      @media (min-width: 0) {
        .webinars .webinar-results .card {
          width: 100%;
          margin-bottom: 20px; } }
      @media (min-width: 769px) {
        .webinars .webinar-results .card {
          width: 47%;
          margin: 1.5%; } }
      @media (min-width: 1239px) {
        .webinars .webinar-results .card {
          width: 30%;
          /*margin: 1.6%;*/ } }
      .webinars .webinar-results .card .fringe-text {
        margin-bottom: 24px; }
      .webinars .webinar-results .card h5 {
        display: block;
        font-size: 20px;
        line-height: 1.3;
        margin-bottom: 20px;
        padding-bottom: 0;
        overflow: hidden; }
        .webinars .webinar-results .card h5:hover {
          color: #9B2AFF; }
        @media (min-width: 0) {
          .webinars .webinar-results .card h5 {
            min-height: 50px; } }
        @media (min-width: 769px) {
          .webinars .webinar-results .card h5 {
            min-height: 100px; } }
        @media (min-width: 1024px) {
          .webinars .webinar-results .card h5 {
            min-height: 105px; } }
      .webinars .webinar-results .card .description {
        display: block;
        color: #171717;
        margin-bottom: 20px;
        padding-bottom: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 16px;
        line-height: 1.5; }
        .webinars .webinar-results .card .description:hover {
          color: #171717; }
        @media (min-width: 0) {
          .webinars .webinar-results .card .description {
            min-height: 50px; } }
        @media (min-width: 769px) {
          .webinars .webinar-results .card .description {
            min-height: 80px; } }
        @media (min-width: 1024px) {
          .webinars .webinar-results .card .description {
            min-height: 85px; } }
  .webinars .cta-box-navy {
    margin-left: 0.1rem;
    margin-right: 0.1rem; }
    @media (min-width: 0) {
      .webinars .cta-box-navy {
        background: #020A47;
        background-image: url(//images.ctfassets.net/o7xu9whrs0u9/30s2HAIJkAsFpjQy2820P9/a24a8c27f3be8bea953e7372cdd167a6/CTA_background.png);
        background-repeat: no-repeat;
        background-size: 80%;
        background-position: bottom right; } }
    @media (min-width: 769px) {
      .webinars .cta-box-navy {
        background: #020A47; } }
    .webinars .cta-box-navy img.kubo-img {
      opacity: 0.3; }
      @media (min-width: 0) {
        .webinars .cta-box-navy img.kubo-img {
          padding-top: 10px;
          margin-bottom: 0px; } }
      @media (min-width: 769px) {
        .webinars .cta-box-navy img.kubo-img {
          padding-top: 20px;
          margin-bottom: -10px; } }
    .webinars .cta-box-navy img.kubo-img.is-hidden-tablet {
      opacity: 0.3;
      display: block;
      position: relative;
      max-width: 250px;
      margin-right: -60px; }
    @media (min-width: 0) {
      .webinars .cta-box-navy .column.is-7 {
        padding: 40px 20px; } }
    @media (min-width: 769px) {
      .webinars .cta-box-navy .column.is-7 {
        padding: 20px; } }
.webinars.tech-paper h5 {
  color: #020A47; }
  .webinars.tech-paper h5:hover {
    color: #9B2AFF; }

.webinars.tech-paper .icon-text.techpaper {
  display: block;
  color: #9b2aff;
  font-size: 15px;
  letter-spacing: 1px;
  margin-bottom: 20px;
  margin-left: 0px; }
  .webinars.tech-paper .icon-text.techpaper span.icon {
    color: #fff;
    background-color: #9b2aff;
    padding: 18px;
    border-radius: 100px; }

.webinars.tech-paper i.fa-regular.fa-file-lines {
  font-size: 19px; }

.webinars.tech-paper .icon-text.video {
  display: block;
  color: #9394ff;
  font-size: 15px;
  letter-spacing: 1px;
  margin-bottom: 20px;
  margin-left: 0px; }
  .webinars.tech-paper .icon-text.video span.icon {
    color: #fff;
    background-color: #9394ff;
    padding: 18px;
    border-radius: 100px; }

.webinars.tech-paper i.fa-regular.fa-photo-film {
  font-size: 19px; }

.webinars.tech-paper .icon-text.is-light-purple {
  color: #9394ff !important; }

.webinars.tech-paper .icon-text.is-purple {
  color: #9b2aff !important; }

.webinars.tech-paper .read-paper .icon-text {
  display: block;
  color: #9B2AFF;
  font-size: 18px;
  letter-spacing: 0px;
  margin-left: 0px; }
  .webinars.tech-paper .read-paper .icon-text:hover {
    color: #9394FF; }
  .webinars.tech-paper .read-paper .icon-text i.fa.fa-arrow-right {
    font-size: 15px; }

.speakers {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  flex-direction: column; }

.speaker {
  border-radius: 15px;
  display: flex;
  flex-direction: row; }
  .speaker .thumbnail {
    display: block;
    float: left;
    padding-bottom: 20px;
    padding-top: 0px; }
    .speaker .thumbnail img {
      width: 140px;
      height: auto;
      border-radius: 20px;
      border: 1px solid #E2E2E2; }
  .speaker .info {
    display: block;
    width: 100%;
    overflow: hidden; }
    .speaker .info .info h3 {
      font-size: 24px;
      margin-bottom: 10px;
      margin-top: 10px; }
    .speaker .info .info h4 {
      display: block;
      margin-bottom: 10px;
      font-weight: normal;
      color: #020A47;
      font-size: 20px; }

.get-influxdb {
  /*Table styling on InfluxDB Cloud Pricing page*/
  /*--Accordion styling--*/
  /*--Raffle page Integrations section styling--*/
  /*-- move later to buttons --*/ }
  @media (min-width: 0) {
    .get-influxdb .inline-txt {
      padding: 12px 0px 0px 0px; } }
  @media (min-width: 769px) {
    .get-influxdb .inline-txt {
      padding: 12px 0px 0px 20px; } }
  .get-influxdb .over-text {
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 3px; }
  @media (min-width: 0) {
    .get-influxdb .hero-img {
      width: 100%; } }
  @media (min-width: 1024px) {
    .get-influxdb .hero-img {
      max-width: 450px; } }
  .get-influxdb .is-pink {
    color: #d30971 !important; }
  .get-influxdb .hero.blue-bg {
    overflow: hidden;
    background-color: #020A47;
    margin-left: -20px;
    margin-right: -20px; }
    .get-influxdb .hero.blue-bg .secondary-nav {
      max-width: 400px;
      display: flex;
      justify-content: space-between; }
      .get-influxdb .hero.blue-bg .secondary-nav a {
        color: #fff;
        text-transform: uppercase;
        font-weight: 700;
        letter-spacing: 1px; }
  @media (min-width: 0) {
    .get-influxdb .flex-boxes {
      display: block; } }
  @media (min-width: 769px) {
    .get-influxdb .flex-boxes {
      display: block; } }
  @media (min-width: 1024px) {
    .get-influxdb .flex-boxes {
      display: flex;
      gap: 20px; } }
  .get-influxdb .flex-boxes h3 {
    line-height: 1.2; }
  @media (min-width: 0) {
    .get-influxdb .flex-boxes .col-first {
      width: 100%;
      margin-bottom: 50px; } }
  @media (min-width: 1024px) {
    .get-influxdb .flex-boxes .col-first {
      width: 16%;
      margin-bottom: 10px; } }
  .get-influxdb .flex-boxes .col-new {
    padding: 0;
    overflow: hidden;
    background: #fff; }
    @media (min-width: 0) {
      .get-influxdb .flex-boxes .col-new {
        width: 100%;
        margin-bottom: 50px; } }
    @media (min-width: 769px) {
      .get-influxdb .flex-boxes .col-new {
        width: 100%;
        margin-bottom: 50px; } }
    @media (min-width: 1024px) {
      .get-influxdb .flex-boxes .col-new {
        width: 28%;
        margin-bottom: 10px; } }
    .get-influxdb .flex-boxes .col-new .popular-content {
      padding: 5px 30px 30px; }
    .get-influxdb .flex-boxes .col-new .content {
      padding: 65px 30px 30px; }
  .get-influxdb .flex-boxes a.button.is-gradient.is-normal {
    margin-top: 7px;
    margin-bottom: 30px; }
  .get-influxdb .flex-boxes .with-shadow-rb.has-navy-bgr {
    padding: 0; }
  .get-influxdb .flex-boxes .with-shadow-rb {
    border-radius: 14px;
    border: 1px solid #E2E2E2;
    padding: 0px; }
  .get-influxdb .flex-boxes .recommended-rb {
    text-align: center;
    line-height: 1;
    height: 40px;
    font-weight: 500;
    display: block;
    background-color: #D6D8F7;
    color: #020A47;
    width: 180px;
    margin-top: 0px;
    margin-bottom: 20px;
    border-radius: 10px 0 14px 0;
    padding-top: 10px; }
  .get-influxdb .whats-next {
    position: relative;
    overflow: hidden;
    z-index: 10;
    padding: 40px; }
    @media (min-width: 0) {
      .get-influxdb .whats-next {
        margin-top: 0px; } }
    @media (min-width: 1024px) {
      .get-influxdb .whats-next {
        margin-top: 40px; } }
    .get-influxdb .whats-next .column {
      z-index: 8; }
    @media (min-width: 0) {
      .get-influxdb .whats-next .column.with-boxes {
        padding-left: 0px; } }
    @media (min-width: 769px) {
      .get-influxdb .whats-next .column.with-boxes {
        padding-left: 0px; } }
    @media (min-width: 1024px) {
      .get-influxdb .whats-next .column.with-boxes {
        padding-left: 50px; } }
    @media (min-width: 0) {
      .get-influxdb .whats-next img.backdrop {
        display: none; } }
    @media (min-width: 1024px) {
      .get-influxdb .whats-next img.backdrop {
        display: block;
        position: absolute;
        left: 39%;
        top: -55px; } }
  @media (min-width: 0) {
    .get-influxdb .marketplace-boxes {
      display: block; } }
  @media (min-width: 1024px) {
    .get-influxdb .marketplace-boxes {
      display: flex;
      flex-wrap: wrap;
      gap: 4%; } }
  .get-influxdb .marketplace-boxes .m-box {
    background-color: #fff;
    padding: 21px 20px 16px 20px;
    border-radius: 10px; }
    @media (min-width: 0) {
      .get-influxdb .marketplace-boxes .m-box {
        width: 90%;
        margin: 20px auto; } }
    @media (min-width: 1024px) {
      .get-influxdb .marketplace-boxes .m-box {
        width: 30%;
        margin: 0px; } }
  .get-influxdb .with-boxes-rb {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px; }
    .get-influxdb .with-boxes-rb .m-box-rb {
      background-color: #fff;
      border-radius: 15px;
      padding: 40px 20px;
      -webkit-box-shadow: 0 10px 20px 0 rgba(3, 10, 68, 0.1);
              box-shadow: 0 10px 20px 0 rgba(3, 10, 68, 0.1); }
      .get-influxdb .with-boxes-rb .m-box-rb:hover {
        -webkit-box-shadow: 0 3px 7px 0 rgba(3, 10, 68, 0.1);
                box-shadow: 0 3px 7px 0 rgba(3, 10, 68, 0.1); }
      @media (min-width: 0) {
        .get-influxdb .with-boxes-rb .m-box-rb {
          width: 100%; } }
      @media (min-width: 1024px) {
        .get-influxdb .with-boxes-rb .m-box-rb {
          width: 33%; } }
  @media (min-width: 0) {
    .get-influxdb .marketplace-text {
      padding-right: 0; } }
  @media (min-width: 1024px) {
    .get-influxdb .marketplace-text {
      padding-right: 8%; } }
  .get-influxdb .tab_btns h3 {
    margin-bottom: 0px; }
  .get-influxdb .tab_btns .button.active_tab h3 {
    color: #d30971; }
  .get-influxdb .tab_btns .button {
    background-color: #fff;
    border-color: #dbdbdb;
    border-width: 1px;
    color: #020a47;
    cursor: pointer;
    justify-content: center;
    text-align: center; }
    @media (min-width: 0) {
      .get-influxdb .tab_btns .button {
        min-height: 80px;
        width: 100%; } }
    @media (min-width: 1024px) {
      .get-influxdb .tab_btns .button {
        height: 120px;
        width: 49%; } }
  @media (min-width: 0) {
    .get-influxdb .tab_btns .button:first-of-type {
      border-radius: 10px;
      margin: 5px auto; } }
  @media (min-width: 1024px) {
    .get-influxdb .tab_btns .button:first-of-type {
      border-radius: 10px 0px 0px 10px;
      margin: 0px; } }
  @media (min-width: 0) {
    .get-influxdb .tab_btns .button:last-of-type {
      border-radius: 10px;
      margin: 5px auto; } }
  @media (min-width: 1024px) {
    .get-influxdb .tab_btns .button:last-of-type {
      margin: 0px;
      margin-left: -8px;
      border-radius: 0px 10px 10px 0px; } }
  .get-influxdb .tab_btns .button.active_tab {
    border-bottom: 4px solid #d30971; }
  @media (min-width: 0) {
    .get-influxdb .section.tab_target {
      padding: 40px 1% 0px; } }
  @media (min-width: 1024px) {
    .get-influxdb .section.tab_target {
      padding: 80px 2% 0px; } }
  .get-influxdb .section.tab_target .button.is-gradient.is-normal {
    width: 90%;
    max-width: 240px; }
  .get-influxdb .column.custom-list ul {
    margin: 5px 0px;
    padding: 0; }
    .get-influxdb .column.custom-list ul li {
      list-style: none;
      position: relative;
      padding: 0 0 10px 35px;
      line-height: 1.5; }
  .get-influxdb .column.custom-list ul.circle-checkmark li::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 2px;
    border: solid 10px #020a47;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px; }
  .get-influxdb .column.custom-list ul.circle-checkmark li::after {
    content: "";
    position: absolute;
    left: 2.2%;
    top: 6px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 1px 1px 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); }
  .get-influxdb .column.custom-list-purple ul {
    margin: 5px 0px;
    padding: 0; }
    .get-influxdb .column.custom-list-purple ul li {
      list-style: none;
      position: relative;
      padding: 0 0 20px 35px;
      line-height: 1.5; }
  .get-influxdb .column.custom-list-purple ul.circle-checkmark li::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 2px;
    border: solid 10px #fff;
    outline: 1px solid #9B2AFF;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px; }
  .get-influxdb .column.custom-list-purple ul.circle-checkmark li::after {
    content: "";
    position: absolute;
    left: 1%;
    top: 6px;
    width: 5px;
    height: 10px;
    border: solid #9B2AFF;
    border-width: 0 1px 1px 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); }
  .get-influxdb .column.with-pricing {
    border: 1px solid #ddd;
    padding: 25px; }
    .get-influxdb .column.with-pricing .popular {
      position: relative;
      display: block;
      background-color: #D6F622;
      max-width: 190px;
      height: 45px;
      text-align: center;
      padding-top: 10px;
      font-weight: 700;
      letter-spacing: 1px;
      margin-top: -50px; }
  @media (min-width: 0) {
    .get-influxdb .column.with-pricing.is-first {
      border-radius: 20px;
      margin: 10px 0px; } }
  @media (min-width: 1024px) {
    .get-influxdb .column.with-pricing.is-first {
      border-radius: 20px 0px 0px 20px;
      margin: 0px -1px 0px 0px; } }
  @media (min-width: 0) {
    .get-influxdb .column.with-pricing.is-second {
      border-radius: 20px;
      margin: 40px 0px 10px 0px; } }
  @media (min-width: 1024px) {
    .get-influxdb .column.with-pricing.is-second {
      border-radius: 0px;
      margin: 0px -1px 0px 0px; } }
  .get-influxdb .column.with-pricing.is-second .h-limit {
    margin-top: 35px; }
  @media (min-width: 0) {
    .get-influxdb .column.with-pricing.is-third {
      border-radius: 20px;
      margin: 10px 0px; } }
  @media (min-width: 1024px) {
    .get-influxdb .column.with-pricing.is-third {
      border-radius: 0px;
      margin: 0px -1px 0px 0px; } }
  @media (min-width: 0) {
    .get-influxdb .column.with-pricing.is-forth {
      border-radius: 20px;
      margin: 10px 0px; } }
  @media (min-width: 1024px) {
    .get-influxdb .column.with-pricing.is-forth {
      border-radius: 0px 20px 20px 0px;
      margin: 0px -1px 0px 0px; } }
  .get-influxdb .tooltip {
    position: relative;
    display: inline;
    margin-left: 5px; }
    .get-influxdb .tooltip:hover .tooltiptext {
      visibility: visible; }
    .get-influxdb .tooltip .tooltiptext {
      visibility: hidden;
      position: absolute;
      z-index: 1;
      bottom: 100%;
      left: 0px;
      margin-left: -50px;
      width: 360px;
      background-color: #FAFAFA;
      color: #171717;
      border: 1px solid #D4D3D3;
      border-radius: 4px;
      padding: 10px; }
    .get-influxdb .tooltip i.fa.fa-info-circle {
      color: #C7C7C7; }
  .get-influxdb .table.is-bordered.for-pricing thead tr th {
    background-color: #f6f6f6; }
  .get-influxdb .button.whats-next {
    min-width: 250px; }
  .get-influxdb .for-pricing .secondary-thead th {
    background-color: #E4E6EA;
    border: 1px solid #E4E6EA;
    font-size: 15px;
    color: #020A47; }
  .get-influxdb .for-pricing .plan-dscr td {
    font-size: 14px;
    line-height: 1.4; }
  .get-influxdb .for-pricing tr:nth-child(even) {
    background-color: #F7F7F9; }
  .get-influxdb .for-pricing tr td {
    border: 2px solid #fff;
    font-size: 15px;
    color: #020A47; }
  .get-influxdb .message a {
    text-decoration: none !important; }
  .get-influxdb .message .message-header {
    align-items: center;
    background-color: #fff;
    border-radius: 4px 4px 0 0;
    color: #020a47;
    display: flex;
    font-weight: 700;
    justify-content: space-between;
    line-height: 1.25;
    padding: 0px 0px 10px 0px;
    position: relative;
    text-decoration: none; }
    .get-influxdb .message .message-header p {
      font-size: 1.4rem;
      text-decoration: none; }
    .get-influxdb .message .message-header span.icon {
      margin-left: 10px; }
  .get-influxdb .message .message-body {
    border: none;
    border-bottom: 1px solid #dbdbdb;
    border-radius: 0px;
    color: #171717;
    background-color: #fff; }
  @media (min-width: 0) {
    .get-influxdb .message .message-body-content {
      padding-right: 20px; } }
  @media (min-width: 769px) {
    .get-influxdb .message .message-body-content {
      padding-right: 30px; } }
  @media (min-width: 1024px) {
    .get-influxdb .message .message-body-content {
      padding-right: 30px; } }
  .get-influxdb .message .message-body-content a {
    text-decoration: none;
    color: #9b2aff !important; }
    .get-influxdb .message .message-body-content a:hover {
      color: #9394ff !important; }
  .get-influxdb .message .is-collapsible.message-body .message-body-content {
    padding: 0px 0px 30px 0px; }
  .get-influxdb .modal-button {
    cursor: pointer;
    display: block;
    font-weight: normal;
    padding-top: 10px;
    margin-bottom: 10px;
    color: #9B2AFF; }
    .get-influxdb .modal-button:hover {
      color: #9B2AFF; }
    .get-influxdb .modal-button .fa.fa-arrow-right {
      font-size: 17px; }
  .get-influxdb .modal {
    z-index: 100000; }
    .get-influxdb .modal .modal-background {
      background-color: rgba(0, 0, 0, 0.3); }
      .get-influxdb .modal .modal-background .modal-content {
        background-color: #fff;
        margin-top: 11%;
        border-radius: 30px;
        padding: 10px 40px;
        -webkit-box-shadow: 0px 0px 30px 10px rgba(0, 0, 0, 0.1);
                box-shadow: 0px 0px 30px 10px rgba(0, 0, 0, 0.1);
        max-width: 520px;
        width: 90%; }
        .get-influxdb .modal .modal-background .modal-content .is-content h4 {
          font-weight: 700;
          line-height: 1.2em;
          color: #020A47;
          text-transform: none;
          margin-top: 0px !important; }
  .get-influxdb .table-container td ul {
    margin-top: 0px; }
  .get-influxdb .is-flex-desktop.meetup img {
    width: 150px;
    height: 150px;
    margin-right: 40px;
    border-radius: 16px; }
  .get-influxdb .is-flex-desktop.meetup h4 {
    margin-top: 0px !important;
    margin-bottom: 8px !important; }
  .get-influxdb .is-flex-desktop.meetup a {
    display: block;
    margin-bottom: 8px !important; }
  .get-influxdb .services h3 {
    margin-top: 10px !important; }
  .get-influxdb #client_libraries {
    overflow: hidden; }
    .get-influxdb #client_libraries .card {
      overflow: hidden;
      display: block;
      float: left;
      padding: 15px;
      margin: 15px 10px 20px 10px;
      min-height: 100px;
      border-radius: 11px; }
    .get-influxdb #client_libraries .card img {
      width: 130px;
      height: auto; }
    .get-influxdb #client_libraries .slider-item {
      max-width: 144px;
      margin-top: 60px; }
    .get-influxdb #client_libraries .slider-pagination {
      display: none; }
    .get-influxdb #client_libraries .slider-navigation-next {
      position: absolute;
      top: 20px;
      right: 10px; }
    .get-influxdb #client_libraries .slider-navigation-previous {
      position: absolute;
      top: 20px;
      margin-left: calc(100% - 105px); }
    .get-influxdb #client_libraries .slider-navigation-next:hover {
      -webkit-transform: scale(1);
      transform: scale(1); }
    .get-influxdb #client_libraries .slider-navigation-previous:hover {
      -webkit-transform: scale(1);
      transform: scale(1); }
    .get-influxdb #client_libraries svg {
      width: 7px; }
      .get-influxdb #client_libraries svg polyline {
        color: white;
        stroke: black;
        stroke-width: 13px; }
  .get-influxdb .flex-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    flex-direction: row;
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
    flex: 1;
    align-items: center; }
  .get-influxdb a.is-navy:hover {
    color: #9B2AFF !important; }

/*@import "_tooltip";*/
.is-navy {
  color: #020A47 !important; }

.is-light-blue {
  color: #D6D8F7; }

.is-grey-text {
  color: #727799 !important; }

.is-pink {
  color: #D30971 !important; }

.has-text-teal {
  color: #5EE4E4 !important; }

.gradient-text {
  background: -webkit-gradient(linear, left top, left bottom, from(#9B2AFF), to(#D30971));
  background: linear-gradient(180deg, #9B2AFF, #D30971);
  background: -webkit-linear-gradient(180deg, #9B2AFF, #D30971);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent; }

.icon.gradient-text .svg-inline--fa.fa-arrow-right {
  color: #020A47; }

.b-border {
  border-bottom: 1px solid rgba(247, 249, 251, 0.8); }

.white-link-underline {
  position: relative;
  display: inline-block;
  color: #fff; }
  .white-link-underline:hover {
    color: #fff; }
  .white-link-underline:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #fff;
    -webkit-transition: width 0.5s ease;
    transition: width 0.5s ease; }

.white-link-underline:hover::after {
  background: #fff; }

.arrow-white {
  color: #fff; }

a.link-icon:hover .arrow-white {
  color: #020A47; }

.fringe-text {
  display: inline-block;
  background-color: #D6D8F7;
  padding: 6px 11px;
  border-radius: 4px; }

.fringe-text-2 {
  color: #020A47;
  letter-spacing: 3px;
  text-transform: uppercase;
  font-weight: 500; }

.fringe-text-gradient {
  display: inline-block;
  background: -webkit-gradient(linear, left top, right top, from(#d30971), to(#9b2aff));
  background: linear-gradient(90deg, #d30971 0%, #9b2aff 100%);
  padding: 6px 20px;
  border-radius: 14px 0 14px 0; }

/*moved from home.cscc*/
hr.teal-line {
  border-bottom: 3px solid #5ee4e4;
  width: 80px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px; }

hr.navy {
  border-bottom: 2px solid #020A47; }

hr.teal-line-long {
  border-bottom: 5px solid #5ee4e4;
  width: 136px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px; }

hr.tbl-line {
  display: block;
  border-bottom: 1px solid #cccedb;
  width: 100%;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px; }

@media (min-width: 0) {
  h1.page-title {
    font-size: 2.4rem;
    line-height: 1.1; } }

@media (min-width: 769px) {
  h1.page-title {
    font-size: 4.2REM; } }

@media (min-width: 1024px) {
  h1.page-title {
    font-size: 4.5REM; } }

@media (min-width: 1239px) {
  h1.page-title {
    font-size: 5REM; } }

h1.title {
  color: #020A47;
  font-weight: 700; }
  @media (min-width: 0) {
    h1.title {
      -ms-hyphens: manual;
          hyphens: manual;
      font-size: 2.4rem;
      line-height: 1.1; } }
  @media (min-width: 769px) {
    h1.title {
      -ms-hyphens: none;
          hyphens: none;
      font-size: 3.8REM; } }
  @media (min-width: 1024px) {
    h1.title {
      font-size: 4.2REM; } }
h1.paper-title {
  color: #020A47;
  font-weight: 700; }
  @media (min-width: 0) {
    h1.paper-title {
      -ms-hyphens: manual;
          hyphens: manual;
      font-size: 2rem;
      line-height: 1.2; } }
  @media (min-width: 769px) {
    h1.paper-title {
      -ms-hyphens: none;
          hyphens: none;
      font-size: 2.6REM; } }
  @media (min-width: 1024px) {
    h1.paper-title {
      font-size: 3REM; } }
h1.title-50 {
  color: #020A47;
  font-weight: bold; }
  @media (min-width: 0) {
    h1.title-50 {
      -ms-hyphens: manual;
          hyphens: manual;
      font-size: 36px;
      line-height: 1.1; } }
  @media (min-width: 769px) {
    h1.title-50 {
      -ms-hyphens: none;
          hyphens: none;
      font-size: 45px; } }
  @media (min-width: 1024px) {
    h1.title-50 {
      -ms-hyphens: none;
          hyphens: none;
      font-size: 50px; } }
h1.title-60 {
  color: #020A47;
  font-weight: 700; }
  @media (min-width: 0) {
    h1.title-60 {
      -ms-hyphens: manual;
          hyphens: manual;
      font-size: 38px;
      line-height: 1.1; } }
  @media (min-width: 769px) {
    h1.title-60 {
      -ms-hyphens: none;
          hyphens: none;
      font-size: 48px; } }
  @media (min-width: 1024px) {
    h1.title-60 {
      font-size: 60px; } }
h1.th-title {
  font-weight: bold;
  color: #020a47; }
  @media (min-width: 0) {
    h1.th-title {
      font-size: 2.4rem;
      margin-top: 5px; } }
  @media (min-width: 769px) {
    h1.th-title {
      font-size: 3rem;
      margin-top: 20px; } }
  @media (min-width: 1024px) {
    h1.th-title {
      font-size: 3.5rem;
      margin-top: 40px; } }
@media (min-width: 0) {
  .subheading {
    font-size: 1.3REM;
    line-height: 1.3; } }

@media (min-width: 769px) {
  .subheading {
    font-size: 1.5REM;
    line-height: 1.5; } }

@media (min-width: 0) {
  .sub-title {
    font-size: 1.3rem;
    line-height: 1.4em; } }

@media (min-width: 769px) {
  .sub-title {
    font-size: 1.7rem;
    line-height: 1.3em; } }

@media (min-width: 1024px) {
  .sub-title {
    font-size: 1.9rem;
    line-height: 1.3em; } }

.post-title {
  font-weight: 700;
  line-height: 1.2;
  text-transform: none;
  color: #020a47; }
  @media (min-width: 0) {
    .post-title {
      font-size: 2rem; } }
  @media (min-width: 769px) {
    .post-title {
      font-size: 2.6rem; } }
  @media (min-width: 1024px) {
    .post-title {
      font-size: 3rem; } }
.title.is-2 {
  color: #020A47; }
  @media (min-width: 0) {
    .title.is-2 {
      font-size: 2.1rem;
      line-height: 1.1; } }
  @media (min-width: 769px) {
    .title.is-2 {
      font-size: 2.3rem;
      line-height: 1.125; } }
  @media (min-width: 1024px) {
    .title.is-2 {
      font-size: 2.5rem;
      line-height: 1.125; } }
.title.is-3 {
  color: #020A47; }

a h4 {
  color: #9B2AFF !important; }
  a h4:hover {
    color: #9394FF; }

@media (min-width: 0) {
  .m-auto {
    margin: 0; } }

@media (min-width: 1024px) {
  .m-auto {
    margin: auto; } }

.text-limit-250 {
  display: block;
  max-width: 320px; }

.text-limit-5 {
  display: block;
  max-width: 500px; }

.text-limit-6 {
  display: block;
  max-width: 600px; }

.text-limit-7 {
  display: block;
  max-width: 700px; }

.text-limit-8 {
  display: block;
  max-width: 800px; }

.text-limit-9 {
  display: block;
  max-width: 980px; }

.text-limit-10 {
  display: block;
  max-width: 1000px; }

.text-limit-12 {
  display: block;
  max-width: 1200px; }

.is-text-wide {
  letter-spacing: 5px; }

/*---Related customers boxes-for --*/
@media (min-width: 1024px) {
  .related-customers {
    display: flex;
    justify-content: space-between; } }

.related-customers .customer-logo {
  border-left: 4px solid;
  border-top: 0;
  border-bottom: 0;
  border-right: 0;
  -o-border-image: linear-gradient(180deg, #9B2AFF -7.02%, #D30971 104.47%);
     border-image: -webkit-gradient(linear, left top, left bottom, color-stop(-7.02%, #9B2AFF), color-stop(104.47%, #D30971));
     border-image: linear-gradient(180deg, #9B2AFF -7.02%, #D30971 104.47%);
  border-image-slice: 2;
  padding-left: 10px; }

.related-customers img.customer-logo {
  width: 150px; }

.related-customers .is-customer-card-three {
  padding: 40px;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 15px;
  background-color: #fff;
  border: 1px solid #e2e2e2; }
  @media (min-width: 0) {
    .related-customers .is-customer-card-three {
      width: 100%;
      margin-bottom: 30px; } }
  @media (min-width: 1024px) {
    .related-customers .is-customer-card-three {
      width: 32%; } }
  @media (min-width: 1024px) {
    .related-customers .is-customer-card-three .customer-text {
      min-height: 250px; } }
.related-customers .is-customer-card-two {
  padding: 40px;
  -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
  border-radius: 20px; }
  @media (min-width: 0) {
    .related-customers .is-customer-card-two {
      width: 100%;
      margin-bottom: 30px; } }
  @media (min-width: 1024px) {
    .related-customers .is-customer-card-two {
      width: 48%; } }
  @media (min-width: 1024px) {
    .related-customers .is-customer-card-two .customer-text {
      min-height: 180px; } }
.related-customers .is-customer-card-one {
  padding: 40px;
  -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
  border-radius: 20px; }
  @media (min-width: 0) {
    .related-customers .is-customer-card-one {
      width: 100%;
      margin-bottom: 30px; } }
  @media (min-width: 1024px) {
    .related-customers .is-customer-card-one .customer-text {
      min-height: 100px; } }
.related-customers .customer-author {
  font-weight: 700; }

/*Related resources and Blurbs*/
@media (min-width: 1024px) {
  .related-flex {
    display: flex;
    flex-wrap: wrap;
    gap: 50px 5%; } }

.related-flex .related {
  display: block; }
  @media (min-width: 0) {
    .related-flex .related {
      width: 100%;
      height: auto;
      margin-bottom: 40px; } }
  @media (min-width: 1024px) {
    .related-flex .related {
      width: 30%;
      margin: 0px; } }
  .related-flex .related .youtube-container {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56%;
    /* 4:3 Aspect Ratio */
    margin-bottom: 20px; }

.related-flex .related-four {
  display: block; }
  @media (min-width: 0) {
    .related-flex .related-four {
      width: 100%;
      margin-bottom: 40px; } }
  @media (min-width: 1024px) {
    .related-flex .related-four {
      width: 21%;
      margin: 0px; } }
/*--teal underline under heading--*/
.teal-divider h2:after {
  content: '';
  display: block;
  width: 80px;
  height: 3px;
  background: #5EE4E4;
  margin-top: 20px;
  margin-bottom: 25px;
  left: 0;
  border-radius: 2px; }

.teal-divider-long h2:after {
  content: '';
  display: block;
  width: 120px;
  height: 5px;
  background: #5EE4E4;
  margin-top: 20px;
  margin-bottom: 25px;
  left: 0;
  border-radius: 2px; }

.teal-divider h4:after {
  content: '';
  display: block;
  width: 80px;
  height: 3px;
  background: #5EE4E4;
  margin-top: 20px;
  margin-bottom: 25px;
  left: 0;
  border-radius: 2px; }

/*-----------------------buttons-------------------------*/
.flex-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  flex: 1; }
  @media (min-width: 0) {
    .flex-buttons {
      justify-content: start;
      flex-direction: column;
      align-items: start; } }
  @media (min-width: 769px) {
    .flex-buttons {
      justify-content: center;
      flex-direction: row;
      align-items: center; } }
a.button.is-gradient.is-normal {
  font-weight: 700;
  padding: 25px 35px;
  color: #fff; }

.button.is-navy {
  background-color: #020a47;
  border: 2px solid #020a47;
  border-radius: 10px;
  min-width: 200px;
  height: 50px;
  color: #fff;
  font-weight: bold; }

.button.is-navy:hover {
  background-color: transparent;
  border: 2px solid #020a47;
  font-weight: bold; }

.button.is-navy a {
  color: #fff;
  font-size: 18px;
  font-weight: 600; }
  .button.is-navy a:hover {
    color: #020a47; }

.button.is-navy-small {
  background-color: #020a47;
  border: 2px solid #020a47;
  border-radius: 10px;
  min-width: 120px;
  padding-left: 20px;
  padding-right: 20px;
  height: 50px;
  color: #fff;
  font-weight: bold; }
  .button.is-navy-small:hover {
    background-color: #fff;
    border: 2px solid #020a47;
    color: #020a47 !important; }

a.button.is-navy {
  color: #fff !important; }
  a.button.is-navy:hover {
    color: #020a47 !important; }

/*------ Outlined Buttons ------*/
.is-outlined-white {
  padding: 23px 34px;
  border-radius: 8px;
  border: 1px solid #FFF;
  font-style: normal;
  font-weight: 700;
  background-color: transparent;
  color: #fff; }
  .is-outlined-white:hover, .is-outlined-white:focus {
    background-color: #fff;
    color: #020a47; }

.button.is-navy-otlined {
  background-color: transparent;
  border-radius: 10px;
  border: 2px solid #020a47;
  height: 50px;
  font-weight: bold !important;
  color: #020a47 !important; }
  .button.is-navy-otlined:hover {
    background-color: #020a47;
    border: 2px solid #020a47;
    color: #fff !important; }
  .button.is-navy-otlined a {
    color: #020a47 !important;
    font-size: 18px;
    font-weight: bold !important; }
    .button.is-navy-otlined a:hover {
      color: #fff !important; }

.button.is-gradient.is-outlined {
  border-radius: 10px;
  font-size: 16px;
  font-weight: bold;
  color: #020a47 !important;
  -webkit-box-shadow: 0 0 6px 0 rgba(157, 96, 212, 0.5);
          box-shadow: 0 0 6px 0 rgba(157, 96, 212, 0.5);
  border: solid 2px transparent;
  background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(101deg, #D30971, #9B2AFF);
  background-origin: border-box;
  background-clip: content-box, border-box;
  -webkit-box-shadow: 2px 1000px 1px #fff inset;
          box-shadow: 2px 1000px 1px #fff inset;
  height: 50px; }
  .button.is-gradient.is-outlined:hover {
    border: solid 2px transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
    color: #fff !important; }
  .button.is-gradient.is-outlined a {
    color: #020a47; }
    .button.is-gradient.is-outlined a:hover {
      color: #fff !important; }

.button.is-gradient.is-outlined.is-grey-bg {
  border-radius: 10px;
  font-size: 18px;
  color: #171717 !important;
  -webkit-box-shadow: 0 0 6px 0 rgba(157, 96, 212, 0.5);
          box-shadow: 0 0 6px 0 rgba(157, 96, 212, 0.5);
  border: solid 2px transparent;
  background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(101deg, #D30971, #9B2AFF);
  background-origin: border-box;
  background-clip: content-box, border-box;
  -webkit-box-shadow: 2px 1000px 1px #fafafa inset;
          box-shadow: 2px 1000px 1px #fafafa inset; }
  .button.is-gradient.is-outlined.is-grey-bg:hover {
    border: solid 2px transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
    color: #fff !important; }
  .button.is-gradient.is-outlined.is-grey-bg a {
    color: #171717; }
    .button.is-gradient.is-outlined.is-grey-bg a:hover {
      color: #fff !important; }

.button.is-gradient.is-outlined.is-navy-bg {
  border-radius: 10px;
  font-size: 16px;
  color: #fff !important;
  padding: 22px 20px;
  -webkit-box-shadow: 0 0 6px 0 rgba(157, 96, 212, 0.5);
          box-shadow: 0 0 6px 0 rgba(157, 96, 212, 0.5);
  border: solid 3px transparent;
  background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(101deg, #D30971, #9B2AFF);
  background-origin: border-box;
  background-clip: content-box, border-box;
  -webkit-box-shadow: 3px 1000px 1px #020a47 inset;
          box-shadow: 3px 1000px 1px #020a47 inset; }
  .button.is-gradient.is-outlined.is-navy-bg:hover {
    border: solid 3px transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
    color: #fff !important; }
  .button.is-gradient.is-outlined.is-navy-bg a {
    color: #fff; }
    .button.is-gradient.is-outlined.is-navy-bg a:hover {
      color: #fff !important; }

.button.is-white.is-outlined {
  background-color: transparent;
  border: 3px solid #fff !important;
  color: #fff;
  padding: 22px 20px; }

.button.is-purple.is-outlined {
  background-color: transparent;
  border-color: #9B2AFF;
  color: #9B2AFF; }

.button.is-purple:hover {
  background-color: #9B2AFF;
  border-color: transparent;
  color: #fff; }

.button.is-info.is-hovered {
  background-color: #9B2AFF;
  border-color: transparent;
  color: #fff; }

.buttons-flex {
  display: flex;
  flex-direction: column;
  gap: 20px;
  max-width: 280px; }

figcaption {
  text-align: center;
  font-size: 14px;
  padding-bottom: 20px;
  margin-top: -10px; }

.et_pb_button {
  display: inline-block;
  min-width: 200px;
  text-align: center;
  padding: 13px;
  margin-bottom: 15px;
  border-radius: 10px;
  color: #fff;
  font-weight: 600;
  background: -webkit-gradient(linear, left top, right top, from(#d30971), to(#9b2aff));
  background: linear-gradient(90deg, #d30971 0%, #9b2aff 100%); }
  .et_pb_button:hover {
    background: -webkit-gradient(linear, left top, right top, from(#9b2aff), to(#d30971));
    background: linear-gradient(90deg, #9b2aff 0%, #d30971 100%); }

.secondary-btn {
  display: inline-block;
  min-width: 200px;
  text-align: center;
  border-radius: 10px;
  padding: 10px;
  margin-bottom: 15px;
  color: #171717;
  font-weight: 600;
  -webkit-box-shadow: 0 0 6px 0 rgba(157, 96, 212, 0.5);
          box-shadow: 0 0 6px 0 rgba(157, 96, 212, 0.5);
  border: solid 3px transparent;
  background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(101deg, #D30971, #9B2AFF);
  background-origin: border-box;
  background-clip: content-box, border-box;
  -webkit-box-shadow: 3px 1000px 1px #fff inset;
          box-shadow: 3px 1000px 1px #fff inset; }
  .secondary-btn:hover {
    border: solid 3px transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
    color: white !important; }

.button.is-white-outlined {
  background-color: transparent;
  border: 2px solid #fff;
  font-weight: bold;
  color: #fff;
  border-radius: 10px;
  padding: 10px 30px;
  height: 52px; }
  .button.is-white-outlined:hover {
    background-color: #fff;
    border: 2px solid #fff;
    color: #020A47; }

/*--What's Next teal section--*/
.whats-next {
  background-color: #5ee4e4;
  border-radius: 20px; }
  @media (min-width: 0) {
    .whats-next .fish {
      display: flex;
      flex-direction: row;
      justify-content: center; } }
  @media (min-width: 769px) {
    .whats-next .fish {
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      gap: 40px;
      align-items: center; } }
  .whats-next .fish h2 {
    color: #020A47;
    line-height: 1em; }
    @media (min-width: 0) {
      .whats-next .fish h2 {
        font-size: 1.7rem; } }
    @media (min-width: 769px) {
      .whats-next .fish h2 {
        font-size: 2rem; } }
    @media (min-width: 1024px) {
      .whats-next .fish h2 {
        font-size: 2.4rem; } }
  .whats-next .fish h3 {
    color: #020A47;
    line-height: 1em; }
  .whats-next .fish p {
    font-size: 18px;
    line-height: 1.25em; }
  @media (min-width: 0) {
    .whats-next .fish img {
      display: none; } }
  @media (min-width: 769px) {
    .whats-next .fish img {
      display: block;
      max-width: 104px; } }
  @media (min-width: 0) {
    .whats-next .buttons {
      justify-content: center; } }
  @media (min-width: 769px) {
    .whats-next .buttons {
      jastify-content: flex-end; } }
  .whats-next .buttons .button:not(:last-child):not(.is-fullwidth) {
    margin-right: 1rem;
    margin-left: 1rem; }

/*--add max width for some sections--*/
.max-1200 {
  max-width: 1200px; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*-blurbs with icons added with <div class="icon-blurb"> ""--*/
.icon-blurb {
  display: flex;
  margin: 40px 0px; }
  .icon-blurb .with-image img {
    max-width: 50px;
    margin-right: 20px; }

/*-styling for 10x section-*/
hr.teall-line {
  border-bottom: 3px solid #5ee4e4;
  width: 200px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px; }

hr.teall-line-small {
  border-bottom: 2px solid #5ee4e4;
  width: 80px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px; }

hr.pink-line {
  border-bottom: 3px solid #D30971;
  width: 200px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px; }

hr.pink-line-short {
  border-bottom: 4px solid #D30971;
  width: 90px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px; }

hr.pink-line-long {
  border-bottom: 4px solid #D30971;
  width: 120px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px; }

hr.orange-line-long {
  border-bottom: 4px solid #FF9900;
  width: 120px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px; }

hr.orange-line-small {
  border-bottom: 2px solid #FF9900;
  width: 92px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px; }

hr.purple-line {
  border-bottom: 3px solid #9B2AFF;
  width: 200px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px; }

hr.nav-line {
  border-bottom: 3px solid rgba(0, 0, 0, 0.2);
  width: 30px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px; }

p.x-number {
  display: block;
  font-size: 52px;
  line-height: 0;
  font-weight: bold; }

p.x-description {
  display: block;
  font-size: 24px;
  line-height: 1.2;
  font-weight: bold;
  padding-top: 25px;
  margin-bottom: 30px; }

.flex-box-4 {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 20px; }
  .flex-box-4 .card {
    display: block;
    -webkit-box-shadow: 0px 0px 13px 1px rgba(27, 20, 65, 0.08);
            box-shadow: 0px 0px 13px 1px rgba(27, 20, 65, 0.08);
    padding: 30px;
    border-radius: 10px; }
    @media (min-width: 0) {
      .flex-box-4 .card {
        width: 100%;
        min-height: 100px; } }
    @media (min-width: 769px) {
      .flex-box-4 .card {
        width: 49%;
        min-height: 100px; } }
    @media (min-width: 1024px) {
      .flex-box-4 .card {
        width: 23.5%;
        min-height: 150px; } }
    .flex-box-4 .card:hover {
      -webkit-box-shadow: 0px 0px 7px 0px rgba(27, 20, 65, 0.05);
              box-shadow: 0px 0px 7px 0px rgba(27, 20, 65, 0.05); }
    .flex-box-4 .card a {
      color: #020A47;
      font-weight: bold; }
      .flex-box-4 .card a:hover {
        color: #9B2AFF; }
    .flex-box-4 .card h5 {
      margin-top: 10px; }
      .flex-box-4 .card h5 a {
        color: #9B2AFF; }
        .flex-box-4 .card h5 a:hover {
          color: #9394FF; }

.flex-box-3 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 30px; }
  .flex-box-3 .box-item {
    flex: 1;
    display: block;
    overflow: hidden; }
    @media (min-width: 0) {
      .flex-box-3 .box-item {
        flex: 0 0 100%;
        width: 100%; } }
    @media (min-width: 1024px) {
      .flex-box-3 .box-item {
        flex: 0 0 calc(33.333% - 20px);
        width: auto; } }
    .flex-box-3 .box-item h5 {
      margin-top: 10px; }
    .flex-box-3 .box-item h2 {
      line-height: 1.2 !important; }

.flex-box-2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 30px; }
  @media (min-width: 0) {
    .flex-box-2 {
      flex-direction: column; } }
  @media (min-width: 1024px) {
    .flex-box-2 {
      flex-direction: row; } }
  .flex-box-2 .box-item {
    display: block;
    padding: 30px; }
    @media (min-width: 0) {
      .flex-box-2 .box-item {
        /*display: flex; */
        width: 100%; } }
    @media (min-width: 1024px) {
      .flex-box-2 .box-item {
        flex: 1;
        width: auto; } }
.flex-box-2-mobile {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  @media (min-width: 0) {
    .flex-box-2-mobile {
      padding: 0px 40px; } }
  @media (min-width: 769px) {
    .flex-box-2-mobile {
      padding: 0px; } }
  .flex-box-2-mobile .card {
    display: block;
    -webkit-box-shadow: none;
            box-shadow: none; }
    @media (min-width: 0) {
      .flex-box-2-mobile .card {
        width: 47%; } }
    @media (min-width: 769px) {
      .flex-box-2-mobile .card {
        width: 23.5%; } }
    @media (min-width: 1024px) {
      .flex-box-2-mobile .card {
        width: 23.5%; } }
/*-----------------------------------  Background Colours ----------------------------------*/
.page-background {
  background-color: #F2F4F6; }

.section-bg-light {
  background-color: #F7F9FB; }

.blue-bg {
  background-color: #3A4074; }

.pink-purple-gradient {
  background: -webkit-gradient(linear, left top, right top, from(#d30971), to(#9b2aff));
  background: linear-gradient(90deg, #d30971 0%, #9b2aff 100%); }

.navy-white-gradient {
  background: -webkit-gradient(linear, left bottom, left top, color-stop(40%, #020A47), color-stop(0%, #fff));
  background: linear-gradient(1800deg, #020A47 40%, #fff 0%); }

.pre-footer-bg {
  background: -webkit-gradient(linear, left bottom, left top, color-stop(40%, #020A47), color-stop(0%, #F2F4F6));
  background: linear-gradient(1800deg, #020A47 40%, #F2F4F6 0%); }

.pre-footer-bg-white {
  background: -webkit-gradient(linear, left bottom, left top, color-stop(40%, #020A47), color-stop(0%, #fff));
  background: linear-gradient(1800deg, #020A47 40%, #fff 0%); }

.has-white-bgr, .white-bg {
  background-color: #fff; }

.has-navy-bgr {
  background-color: #020A47 !important; }

.grey-bgr-new {
  background-color: #F2F5F8; }

.has-grey-bgr {
  background-color: #F2F4F6 !important; }

.light-grey-bg {
  background-color: #F1F4F6 !important; }

.grey-bg-f7 {
  background-color: #F7F7F7; }

.dark-gradient-bgr {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(147, 148, 255, 0.3)), color-stop(40%, #030938));
  background-image: linear-gradient(180deg, rgba(147, 148, 255, 0.3) 0%, #030938 40%); }

.has-blue-gradient-bgr {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#E5F6FF), color-stop(0%, #ffffff));
  background-image: linear-gradient(180deg, #E5F6FF 0%, #ffffff 0%); }

.has-grey-gradient-bgr {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(221, 221, 221, 0.3)), to(#ffffff));
  background-image: linear-gradient(180deg, rgba(221, 221, 221, 0.3) 0%, #ffffff 100%); }

.has-grey-gradient-two {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#EDEFF2), to(#ffffff));
  background-image: linear-gradient(180deg, #EDEFF2 0%, #ffffff 100%); }

.teal-gradient-bg {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(94, 228, 228, 0.3)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(180deg, rgba(94, 228, 228, 0.3) 0%, rgba(255, 255, 255, 0) 100%); }

.teal-light-gradient-bg {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(94, 228, 228, 0.1)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(180deg, rgba(94, 228, 228, 0.1) 0%, rgba(255, 255, 255, 0) 100%); }

.has-aws-gradient-bgr {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FFEACC), to(#ffffff));
  background-image: linear-gradient(180deg, #FFEACC 0%, #ffffff 100%); }

.purple-gradient {
  background-color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(193, 170, 253, 0.8)), color-stop(15%, #ffffff));
  background-image: linear-gradient(180deg, rgba(193, 170, 253, 0.8) 0%, #ffffff 15%); }

.banner-purple {
  background-image: -webkit-gradient(linear, left top, right top, from(#C1AAFD), to(#ffffff));
  background-image: linear-gradient(90deg, #C1AAFD 0%, #ffffff 100%); }

.light-purple-bg {
  background-color: #D6D8F7; }

.light-orange-bg {
  background-color: rgba(213, 151, 66, 0.15); }

.has-purple-bgr {
  background-color: #9B2AFF; }

.has-teal-bgr {
  background-color: #5EE4E4; }

.has-green-bgr {
  background-color: #D6F622; }

.has-pink-bgr {
  background-color: #D30971; }

.transparent-bgr {
  background-color: transparent; }

.br-50 {
  border-radius: 50px; }

.br-30 {
  border-radius: 30px; }

.br-20 {
  border-radius: 20px; }

.br-15 {
  border-radius: 15px; }

.br-10 {
  border-radius: 10px; }

.br-4 {
  border-radius: 4px; }

.br-b-80 {
  border-radius: 0 0 80px 80px; }

.br-l-80 {
  border-radius: 80px 0 0 80px;
  overflow: hidden; }

.br-l-t-80 {
  border-radius: 80px 0 0 0px;
  overflow: hidden; }

.br-r-80 {
  overflow: hidden; }
  @media (min-width: 0) {
    .br-r-80 {
      border-radius: 0 80px 20px 0; } }
  @media (min-width: 1024px) {
    .br-r-80 {
      border-radius: 0 80px 80px 0; } }
.br-btm-r-80 {
  overflow: hidden; }
  @media (min-width: 0) {
    .br-btm-r-80 {
      border-radius: 0 0 20px 0; } }
  @media (min-width: 1024px) {
    .br-btm-r-80 {
      border-radius: 0 0 80px 0; } }
.br-btr-80 {
  border-radius: 0 80px 0 0;
  overflow: hidden; }

.border-grey {
  border: 1px solid #E2E2E2; }

.border-purple {
  border: 0.5px solid rgba(2, 10, 71, 0.3); }

.purple-border {
  border: 1px solid #9394FF; }

.border-purple-top {
  border-top: 20px solid #9B2AFF; }

.border-teal-top {
  border-top: 20px solid #5EE4E4; }

.border-pink-top {
  border-top: 20px solid #D30971; }

.border-btm {
  border-bottom: 1px solid rgba(2, 10, 71, 0.2); }

.border-top-grey {
  border-top: 1px solid #E2E2E2; }

.border-gradient::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: 15px;
  background: -webkit-gradient(linear, left top, right top, from(#d30971), to(#9b2aff));
  background: linear-gradient(90deg, #d30971 0%, #9b2aff 100%);
  -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, white)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, white));
  -webkit-mask: linear-gradient(white 0 0) content-box, linear-gradient(white 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude; }

.border-gradient-50::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: 50px;
  background: -webkit-gradient(linear, left top, right top, from(#d30971), to(#9b2aff));
  background: linear-gradient(90deg, #d30971 0%, #9b2aff 100%);
  -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, white)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, white));
  -webkit-mask: linear-gradient(white 0 0) content-box, linear-gradient(white 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude; }

.is-box {
  border: 1px solid #ddd;
  padding: 30px;
  margin-bottom: 20px; }

.box-cancel {
  background-color: #F6F6F8;
  border-radius: 4px;
  -webkit-box-shadow: 2px 2px 10px 5px rgba(27, 20, 65, 0.08);
          box-shadow: 2px 2px 10px 5px rgba(27, 20, 65, 0.08);
  padding: 50px; }
  .box-cancel h5 {
    margin-top: 5px; }
  .box-cancel .child {
    gap: 20px;
    margin-right: 50px; }
  .box-cancel p {
    padding-top: 15px; }

.youtube-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 60%;
  /* 4:3 Aspect Ratio */
  margin-bottom: 20px; }
  .youtube-container .responsive-iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%; }

.has-box-shadow {
  -webkit-box-shadow: 0px 0px 13px 1px rgba(27, 20, 65, 0.08);
          box-shadow: 0px 0px 13px 1px rgba(27, 20, 65, 0.08); }

.has-box-shadow-strong {
  -webkit-box-shadow: 0px 0px 25px 1px rgba(27, 20, 65, 0.15);
          box-shadow: 0px 0px 25px 1px rgba(27, 20, 65, 0.15); }

@media (min-width: 0) {
  .width-50 {
    width: 100%; } }

@media (min-width: 1024px) {
  .width-50 {
    width: 48%; } }

/*-----------------------------Padding / Margin -----------------------------*/
@media (min-width: 0) {
  .py-20 {
    padding-top: 15px;
    padding-bottom: 15px; } }

@media (min-width: 769px) {
  .py-20 {
    padding-top: 20px;
    padding-bottom: 20px; } }

@media (min-width: 1024px) {
  .py-20 {
    padding-top: 20px;
    padding-bottom: 20px; } }

@media (min-width: 0) {
  .py-30 {
    padding-top: 20px;
    padding-bottom: 20px; } }

@media (min-width: 769px) {
  .py-30 {
    padding-top: 20px;
    padding-bottom: 20px; } }

@media (min-width: 1024px) {
  .py-30 {
    padding-top: 30px;
    padding-bottom: 30px; } }

@media (min-width: 0) {
  .py-40 {
    padding-top: 30px;
    padding-bottom: 30px; } }

@media (min-width: 769px) {
  .py-40 {
    padding-top: 40px;
    padding-bottom: 40px; } }

@media (min-width: 1024px) {
  .py-40 {
    padding-top: 40px;
    padding-bottom: 40px; } }

@media (min-width: 0) {
  .py-50 {
    padding-top: 20px;
    padding-bottom: 20px; } }

@media (min-width: 769px) {
  .py-50 {
    padding-top: 40px;
    padding-bottom: 40px; } }

@media (min-width: 1024px) {
  .py-50 {
    padding-top: 50px;
    padding-bottom: 50px; } }

@media (min-width: 0) {
  .py-60 {
    padding-top: 20px;
    padding-bottom: 20px; } }

@media (min-width: 769px) {
  .py-60 {
    padding-top: 40px;
    padding-bottom: 40px; } }

@media (min-width: 1024px) {
  .py-60 {
    padding-top: 60px;
    padding-bottom: 60px; } }

@media (min-width: 0) {
  .py-70 {
    padding-top: 30px;
    padding-bottom: 30px; } }

@media (min-width: 769px) {
  .py-70 {
    padding-top: 40px;
    padding-bottom: 40px; } }

@media (min-width: 1024px) {
  .py-70 {
    padding-top: 70px;
    padding-bottom: 70px; } }

@media (min-width: 0) {
  .py-80 {
    padding-top: 40px;
    padding-bottom: 40px; } }

@media (min-width: 769px) {
  .py-80 {
    padding-top: 50px;
    padding-bottom: 50px; } }

@media (min-width: 1024px) {
  .py-80 {
    padding-top: 80px;
    padding-bottom: 80px; } }

@media (min-width: 0) {
  .px-20-mobile {
    padding-left: 15px;
    padding-right: 15px; } }

@media (min-width: 769px) {
  .px-20-mobile {
    padding-left: 10px;
    padding-right: 10px; } }

@media (min-width: 1024px) {
  .px-20-mobile {
    padding-left: 10px;
    padding-right: 10px; } }

@media (min-width: 0) {
  .pb-mob-40 {
    padding-bottom: 40px; } }

@media (min-width: 1024px) {
  .pb-mob-40 {
    padding-bottom: 0px; } }

@media (min-width: 0) {
  .px-80 {
    padding-left: 20px;
    padding-right: 20px; } }

@media (min-width: 769px) {
  .px-80 {
    padding-left: 40px;
    padding-right: 40px; } }

@media (min-width: 1024px) {
  .px-80 {
    padding-left: 80px;
    padding-right: 80px; } }

@media (min-width: 0) {
  .px-50 {
    padding-left: 20px;
    padding-right: 20px; } }

@media (min-width: 769px) {
  .px-50 {
    padding-left: 30px;
    padding-right: 30px; } }

@media (min-width: 1024px) {
  .px-50 {
    padding-left: 50px;
    padding-right: 50px; } }

@media (min-width: 0) {
  .px-30 {
    padding-left: 15px;
    padding-right: 15px; } }

@media (min-width: 769px) {
  .px-30 {
    padding-left: 20px;
    padding-right: 20px; } }

@media (min-width: 1024px) {
  .px-30 {
    padding-left: 30px;
    padding-right: 30px; } }

@media (min-width: 0) {
  .p-30 {
    padding: 20px; } }

@media (min-width: 769px) {
  .p-30 {
    padding: 25px; } }

@media (min-width: 1024px) {
  .p-30 {
    padding: 30px; } }

@media (min-width: 0) {
  .p-50 {
    padding: 20px; } }

@media (min-width: 769px) {
  .p-50 {
    padding: 30px; } }

@media (min-width: 1024px) {
  .p-50 {
    padding: 50px; } }

@media (min-width: 0) {
  .pt-10 {
    padding-top: 10px; } }

@media (min-width: 769px) {
  .pt-10 {
    padding-top: 10px; } }

@media (min-width: 1024px) {
  .pt-10 {
    padding-top: 10px; } }

@media (min-width: 0) {
  .pt-15 {
    padding-top: 10px; } }

@media (min-width: 769px) {
  .pt-15 {
    padding-top: 15px; } }

@media (min-width: 1024px) {
  .pt-15 {
    padding-top: 15px; } }

@media (min-width: 0) {
  .pt-20 {
    padding-top: 10px; } }

@media (min-width: 769px) {
  .pt-20 {
    padding-top: 20px; } }

@media (min-width: 1024px) {
  .pt-20 {
    padding-top: 20px; } }

@media (min-width: 0) {
  .pt-30 {
    padding-top: 20px; } }

@media (min-width: 769px) {
  .pt-30 {
    padding-top: 20px; } }

@media (min-width: 1024px) {
  .pt-30 {
    padding-top: 30px; } }

@media (min-width: 0) {
  .pt-40 {
    padding-top: 20px; } }

@media (min-width: 769px) {
  .pt-40 {
    padding-top: 20px; } }

@media (min-width: 1024px) {
  .pt-40 {
    padding-top: 40px; } }

@media (min-width: 0) {
  .pt-50 {
    padding-top: 10px; } }

@media (min-width: 769px) {
  .pt-50 {
    padding-top: 20px; } }

@media (min-width: 1024px) {
  .pt-50 {
    padding-top: 50px; } }

@media (min-width: 0) {
  .pt-60 {
    padding-top: 30px; } }

@media (min-width: 769px) {
  .pt-60 {
    padding-top: 40px; } }

@media (min-width: 1024px) {
  .pt-60 {
    padding-top: 60px; } }

@media (min-width: 0) {
  .pt-80 {
    padding-top: 50px; } }

@media (min-width: 769px) {
  .pt-80 {
    padding-top: 60px; } }

@media (min-width: 1024px) {
  .pt-80 {
    padding-top: 80px; } }

.mtn-20 {
  display: block;
  margin-top: -20px; }

.mt-10 {
  margin-top: 10px; }

.mt-20 {
  margin-top: 20px; }

.mt-30 {
  margin-top: 30px; }

.mb-10 {
  margin-bottom: 10px; }

.mb-20 {
  margin-bottom: 20px; }

.mb-30 {
  margin-bottom: 30px; }

@media (min-width: 0) {
  .mt-m-20 {
    margin-top: 20px; } }

@media (min-width: 1024px) {
  .mt-m-20 {
    margin-top: 0px; } }

.pb-10 {
  padding-bottom: 10px; }

.pb-15 {
  padding-bottom: 15px; }

.pb-20 {
  padding-bottom: 20px; }

@media (min-width: 0) {
  .pb-30 {
    padding-bottom: 20px; } }

@media (min-width: 769px) {
  .pb-30 {
    padding-bottom: 30px; } }

@media (min-width: 1024px) {
  .pb-30 {
    padding-bottom: 30px; } }

@media (min-width: 0) {
  .pb-40 {
    padding-bottom: 30px; } }

@media (min-width: 769px) {
  .pb-40 {
    padding-bottom: 30px; } }

@media (min-width: 1024px) {
  .pb-40 {
    padding-bottom: 40px; } }

@media (min-width: 0) {
  .pb-50 {
    padding-bottom: 30px; } }

@media (min-width: 769px) {
  .pb-50 {
    padding-bottom: 40px; } }

@media (min-width: 1024px) {
  .pb-50 {
    padding-bottom: 50px; } }

@media (min-width: 0) {
  .pb-60 {
    padding-bottom: 20px; } }

@media (min-width: 769px) {
  .pb-60 {
    padding-bottom: 40px; } }

@media (min-width: 1024px) {
  .pb-60 {
    padding-bottom: 60px; } }

@media (min-width: 0) {
  .pb-80 {
    padding-bottom: 40px; } }

@media (min-width: 769px) {
  .pb-80 {
    padding-bottom: 50px; } }

@media (min-width: 1024px) {
  .pb-80 {
    padding-bottom: 80px; } }

@media (min-width: 0) {
  .pb-60-mob {
    padding-bottom: 80px; } }

@media (min-width: 769px) {
  .pb-60-mob {
    padding-bottom: 60px; } }

@media (min-width: 1024px) {
  .pb-60-mob {
    padding-bottom: 60px; } }

@media (min-width: 0) {
  .pb-450 {
    padding-bottom: 450px; } }

@media (min-width: 769px) {
  .pb-450 {
    padding-bottom: 450px; } }

@media (min-width: 1024px) {
  .pb-450 {
    padding-bottom: 450px; } }

@media (min-width: 0) {
  .pl-20 {
    padding-left: 20px; } }

@media (min-width: 1024px) {
  .pl-20 {
    padding-left: 20px; } }

@media (min-width: 0) {
  .pl-30 {
    padding-left: 30px; } }

@media (min-width: 1024px) {
  .pl-30 {
    padding-left: 30px; } }

@media (min-width: 0) {
  .pl-50 {
    padding-left: 0; } }

@media (min-width: 1024px) {
  .pl-50 {
    padding-left: 50px; } }

@media (min-width: 0) {
  .pr-30 {
    padding-right: 0px; } }

@media (min-width: 1024px) {
  .pr-30 {
    padding-right: 30px; } }

@media (min-width: 0) {
  .pr-50 {
    padding-right: 0px; } }

@media (min-width: 1024px) {
  .pr-50 {
    padding-right: 50px; } }

.m-0 {
  margin: 0px !important; }

.my-10 {
  margin-top: 10px !important;
  margin-bottom: 10px; }

@media (min-width: 0) {
  .ml-20 {
    margin-left: 0px; } }

@media (min-width: 769px) {
  .ml-20 {
    margin-left: 0px; } }

@media (min-width: 1024px) {
  .ml-20 {
    margin-left: 20px; } }

.mh-110 {
  min-height: 110px; }

.mh-125 {
  min-height: 125px; }

.mh-135 {
  min-height: 135px; }

.mh-145 {
  min-height: 145px; }

.comparison-flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .comparison-flex .item {
    display: block;
    -webkit-box-shadow: none;
            box-shadow: none; }
    @media (min-width: 0) {
      .comparison-flex .item {
        width: 98%; } }
    @media (min-width: 769px) {
      .comparison-flex .item {
        width: 47%; } }
    @media (min-width: 1024px) {
      .comparison-flex .item {
        width: 23%; } }
.teal-box-quote {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  background-color: #EFFCFC;
  padding: 30px 30px 24px 30px;
  margin-top: 20px;
  margin-bottom: 30px; }
  .teal-box-quote p.text-24 {
    display: block; }
    @media (min-width: 0) {
      .teal-box-quote p.text-24 {
        width: 100% !important; } }
    @media (min-width: 769px) {
      .teal-box-quote p.text-24 {
        width: 93% !important; } }
    @media (min-width: 1024px) {
      .teal-box-quote p.text-24 {
        width: 93% !important; } }
  .teal-box-quote p.quote-text {
    display: block; }
    @media (min-width: 0) {
      .teal-box-quote p.quote-text {
        width: 100% !important; } }
    @media (min-width: 769px) {
      .teal-box-quote p.quote-text {
        width: 93% !important; } }
    @media (min-width: 1024px) {
      .teal-box-quote p.quote-text {
        width: 93% !important; } }
  @media (min-width: 0) {
    .teal-box-quote .shape-img {
      display: none; } }
  @media (min-width: 1024px) {
    .teal-box-quote .shape-img {
      display: block;
      position: absolute;
      right: 0;
      bottom: 0;
      width: 260px; } }
  @media (min-width: 0) {
    .teal-box-quote .shape-img-ad {
      display: none; } }
  @media (min-width: 1024px) {
    .teal-box-quote .shape-img-ad {
      display: block;
      position: absolute;
      right: 0;
      bottom: 0;
      width: 380px; } }
  @media (min-width: 0) {
    .teal-box-quote .shape-img-onpage {
      display: none; } }
  @media (min-width: 1024px) {
    .teal-box-quote .shape-img-onpage {
      display: block;
      position: absolute;
      right: 0;
      bottom: 0;
      width: 380px; } }
/* temporary blog fix*/
article.post-summary.orig {
  display: flex;
  padding-bottom: 20px; }
  article.post-summary.orig .author-img img {
    width: 100px;
    border-radius: 150px; }
  @media (min-width: 0) {
    article.post-summary.orig .author-img {
      display: none; } }
  @media (min-width: 1024px) {
    article.post-summary.orig .author-img {
      display: block; } }
@media (min-width: 0) {
  .aws-bg .is-flex {
    padding-left: 0px; } }

@media (min-width: 1024px) {
  .aws-bg .is-flex {
    padding-left: 20px; } }

@media (min-width: 0) {
  .aws-bg .aws-badge {
    border-right: none;
    padding-right: auto; } }

@media (min-width: 1024px) {
  .aws-bg .aws-badge {
    border-right: 1px solid #E6E6ED;
    padding-right: 60px; } }

.aws-bg .aws-badge img {
  width: 150px; }

@media (min-width: 0) {
  .aws-bg .aws-list {
    padding-left: 0px; } }

@media (min-width: 1024px) {
  .aws-bg .aws-list {
    padding-left: 30px; } }

a.uns-link {
  display: block;
  font-size: 24px !important;
  padding-top: 20px !important; }

/*remove OneTrust close X button*/
#onetrust-close-btn-container {
  display: none !important; }

/*--image on 404 page--*/
@media (min-width: 0) {
  .img-404 {
    display: inline-block;
    margin-top: 50px;
    width: 250px; } }

@media (min-width: 1024px) {
  .img-404 {
    display: inline-block;
    margin-top: 150px;
    width: 320px; } }

@media (min-width: 0) {
  .featured .section {
    padding-left: 10px;
    padding-right: 10px; } }

@media (min-width: 1024px) {
  .featured .section {
    padding-left: 0px;
    padding-right: 0px; } }

.featured .feature-flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .featured .feature-flex .box-item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color: #f8fafb;
    margin-bottom: 45px;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    border: 1px solid #E6E6ED;
    min-height: 180px;
    padding: 30px !important; }
    @media (min-width: 0) {
      .featured .feature-flex .box-item {
        width: 100%; } }
    @media (min-width: 769px) {
      .featured .feature-flex .box-item {
        width: 49%; } }
    @media (min-width: 1024px) {
      .featured .feature-flex .box-item {
        width: 31%; } }
    .featured .feature-flex .box-item h4 {
      margin-top: 0px;
      font-size: 1.3rem;
      font-weight: 600; }
    .featured .feature-flex .box-item .icon-text {
      font-size: 18px;
      font-weight: 600; }
      .featured .feature-flex .box-item .icon-text i {
        font-size: 17px; }

.g-leaders {
  /*-- G2 leaders section--*/
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  flex-direction: row; }
  .g-leaders .item {
    display: block; }
    @media (min-width: 0) {
      .g-leaders .item {
        width: 33.3%; } }
    @media (min-width: 769px) {
      .g-leaders .item {
        width: 16.6%; } }
    @media (min-width: 1024px) {
      .g-leaders .item {
        width: 16.6%; } }
    .g-leaders .item .g-photo-img {
      width: 74%;
      margin: 0 auto; }

/*----  Testimonials section with horizontal tabs ----*/
.flex-testimonial {
  display: flex;
  justify-content: space-between;
  gap: 100px;
  border-radius: 0px 0px 12px 12px; }
  @media (min-width: 0) {
    .flex-testimonial {
      flex-direction: column; } }
  @media (min-width: 769px) {
    .flex-testimonial {
      flex-direction: row; } }
  @media (min-width: 1024px) {
    .flex-testimonial {
      flex-direction: row; } }
  .flex-testimonial h3 {
    color: #020A47;
    font-weight: bold; }
    @media (min-width: 0) {
      .flex-testimonial h3 {
        font-size: 26px; } }
    @media (min-width: 1024px) {
      .flex-testimonial h3 {
        font-size: 34px; } }
  .flex-testimonial .details {
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #020A47; }
    @media (min-width: 0) {
      .flex-testimonial .details {
        width: 100%;
        padding: 30px; } }
    @media (min-width: 769px) {
      .flex-testimonial .details {
        width: 100%;
        padding: 0; } }
    @media (min-width: 1024px) {
      .flex-testimonial .details {
        width: 75%;
        padding: 0; } }
    .flex-testimonial .details .is-tagged {
      font-weight: 500;
      letter-spacing: 2px; }
    .flex-testimonial .details h4 {
      font-size: 34px;
      font-weight: bold;
      color: #020A47; }
    .flex-testimonial .details .bio {
      padding: 25px 0px; }

.flex-testimonial.is-light {
  background-color: #fff; }
  @media (min-width: 0) {
    .flex-testimonial.is-light {
      flex-direction: column-reverse;
      padding: 0px;
      min-height: 500px; } }
  @media (min-width: 769px) {
    .flex-testimonial.is-light {
      flex-direction: row;
      padding: 50px;
      min-height: 545px; } }
  .flex-testimonial.is-light .stats {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    color: #020A47; }
    @media (min-width: 0) {
      .flex-testimonial.is-light .stats {
        width: 100%;
        padding: 30px;
        background-color: #fff;
        border-radius: 0 0 20px 20px; } }
    @media (min-width: 769px) {
      .flex-testimonial.is-light .stats {
        width: 100%;
        max-width: 280px;
        padding: 40px 30px;
        background-color: #F2F4F6;
        border-radius: 20px; } }
    @media (min-width: 1024px) {
      .flex-testimonial.is-light .stats {
        width: 100%;
        max-width: 380px;
        padding: 50px 30px;
        background-color: #F2F4F6;
        padding: 50px;
        border-radius: 20px; } }
    .flex-testimonial.is-light .stats h3 {
      line-height: 1.15em;
      font-size: 40px; }
    .flex-testimonial.is-light .stats p {
      border-bottom: 1px solid rgba(2, 10, 71, 0.3);
      padding-bottom: 10px; }

.flex-testimonial.is-dark {
  background-color: #F2F4F6; }
  @media (min-width: 0) {
    .flex-testimonial.is-dark {
      flex-direction: column-reverse;
      padding: 0px;
      min-height: 500px; } }
  @media (min-width: 769px) {
    .flex-testimonial.is-dark {
      flex-direction: row;
      padding: 50px;
      min-height: 545px; } }
  .flex-testimonial.is-dark .stats {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    background-color: #fff;
    color: #020A47; }
    @media (min-width: 0) {
      .flex-testimonial.is-dark .stats {
        width: 100%;
        padding: 30px;
        border-radius: 0 0 20px 20px; } }
    @media (min-width: 769px) {
      .flex-testimonial.is-dark .stats {
        width: 100%;
        max-width: 280px;
        padding: 50px 30px;
        border-radius: 20px; } }
    @media (min-width: 1024px) {
      .flex-testimonial.is-dark .stats {
        width: 100%;
        max-width: 380px;
        padding: 50px 30px;
        border-radius: 20px; } }
    .flex-testimonial.is-dark .stats p {
      border-bottom: 1px solid rgba(2, 10, 71, 0.3);
      padding-bottom: 10px; }
    .flex-testimonial.is-dark .stats h3 {
      line-height: 1.15em;
      font-size: 40px; }

.icon.orange {
  color: #D59742; }

.gr-underline {
  position: relative;
  display: inline-block;
  color: inherit; }
  .gr-underline:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    /* Adjust the height of the underline as needed */
    background: -webkit-gradient(linear, left top, right top, from(#D30971), to(#9B2AFF));
    background: linear-gradient(90deg, #D30971 0%, #9B2AFF 100%);
    -webkit-transition: width 0.5s ease;
    transition: width 0.5s ease; }

.gr-underline:hover::after {
  background: -webkit-gradient(linear, left top, right top, from(#9B2AFF), to(#D30971));
  background: linear-gradient(90deg, #9B2AFF 0%, #D30971 100%); }

/*---- #Features section on the Home page/ Overview page with 6 flex tiles ----*/
.features.is-flex .item {
  padding: 43px;
  background-color: #fff;
  border: 1px solid #E2E2E2;
  border-radius: 14px;
  margin-bottom: 30px; }
  @media (min-width: 0) {
    .features.is-flex .item {
      width: 100%; } }
  @media (min-width: 769px) {
    .features.is-flex .item {
      width: 48.5%; } }
  @media (min-width: 1024px) {
    .features.is-flex .item {
      width: 31.5%; } }
  .features.is-flex .item img {
    width: 60px;
    height: 60px;
    margin-bottom: 10px; }
  .features.is-flex .item h4 {
    margin-bottom: 10px;
    line-height: 1.2em; }

.features.is-flex .item-4 {
  padding: 30px;
  background-color: #fff;
  border: 1px solid #E2E2E2;
  border-radius: 14px;
  margin-bottom: 30px; }
  @media (min-width: 0) {
    .features.is-flex .item-4 {
      width: 100%; } }
  @media (min-width: 769px) {
    .features.is-flex .item-4 {
      width: 48.5%; } }
  @media (min-width: 1024px) {
    .features.is-flex .item-4 {
      width: 23%; } }
  .features.is-flex .item-4 img {
    width: 40px;
    height: 40px;
    margin-bottom: 5px; }
  .features.is-flex .item-4 h4 {
    margin-bottom: 10px;
    line-height: 1.2em !important; }

/* --- Pre-footer section styling ---*/
.pre-footer h2 {
  color: #F8F8F8;
  font-style: normal;
  font-weight: 700; }

.pre-footer a.link-icon.has-text-white.text-18 {
  font-weight: bold; }

/*--- Pricing Details styling --- */
.for-pricing .main-thead th {
  border: none; }

.for-pricing .secondary-thead th {
  background-color: #020A47;
  font-size: 16px;
  color: #fff; }
  .for-pricing .secondary-thead th:nth-child(1) {
    border-radius: 15px 0 0 0;
    border: none; }
  .for-pricing .secondary-thead th:nth-child(5) {
    border-radius: 0 15px 0 0;
    border: none; }

.for-pricing tbody td {
  padding: 13px !important;
  vertical-align: middle !important; }

.for-pricing .plan-dscr td {
  font-size: 14px;
  line-height: 1.55; }

.for-pricing tr.last-tr td:nth-child(1) {
  border-radius: 0 0 0 10px;
  border: none; }

.for-pricing tr.last-tr td:nth-child(5) {
  border-radius: 0 0 10px 0;
  border: none; }

.for-pricing tr.has-navy-bgr td:first-child {
  font-size: 16px; }

.for-pricing tr.dark-row {
  background-color: #F2F4F6; }

.for-pricing tr td {
  border: 1px solid #F2F4F6;
  font-size: 14px;
  line-height: 1.55;
  color: #020A47; }
  .for-pricing tr td:first-child {
    font-weight: bold; }

/* --- Custom bullet list --- */
ul.custom li {
  background: url(//images.ctfassets.net/o7xu9whrs0u9/6QE9pwTSnXAfslAITTTaX9/d7ed7fce311160fee8585fcd326e32ad/icons_pink_check.svg) no-repeat left top;
  padding-left: 40px;
  list-style: none;
  margin-left: -10px; }

ul.custom-round li {
  background: url(//images.ctfassets.net/o7xu9whrs0u9/4m8GxBSrP8r1QhO4pHbARC/68ea20676b63de0598f97dcfb7dacdfe/tick-white-icon.svg) no-repeat left 5px;
  padding-left: 40px;
  list-style: none;
  padding-bottom: 20px; }

ul.custom-round-dark li {
  background: url(//images.ctfassets.net/o7xu9whrs0u9/5RYYWWDqQHb2d3mSRLDixN/37f734f0c3e56148314a978f71d28ff3/tick-circle-icon-dark.svg) no-repeat left 5px;
  padding-left: 40px;
  list-style: none;
  padding-bottom: 20px; }

ul.custom-checkmark li {
  background: url(//images.ctfassets.net/o7xu9whrs0u9/5RYYWWDqQHb2d3mSRLDixN/37f734f0c3e56148314a978f71d28ff3/tick-circle-icon-dark.svg) no-repeat left 5px;
  padding-left: 40px;
  list-style: none;
  padding-bottom: 10px; }

/*----  Logo carousel -----*/
.carousel {
  overflow: hidden;
  width: 100%;
  position: relative; }
  .carousel .carousel-wrapper {
    display: flex;
    /*transition: transform 0.7s ease-in-out;*/ }
    .carousel .carousel-wrapper .carousel-item {
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
      @media (min-width: 0) {
        .carousel .carousel-wrapper .carousel-item {
          flex: 0 0 40%;
          /* 100% / 8 logos = 12.5% each */
          padding-left: 10px;
          padding-right: 10px; } }
      @media (min-width: 769px) {
        .carousel .carousel-wrapper .carousel-item {
          flex: 0 0 20%;
          /* 100% / 8 logos = 12.5% each */
          padding-left: 25px;
          padding-right: 25px; } }
      @media (min-width: 1024px) {
        .carousel .carousel-wrapper .carousel-item {
          flex: 0 0 12.5%;
          /* 100% / 8 logos = 12.5% each */
          padding-left: 30px;
          padding-right: 30px; } }
.with-light-bg .carousel-item .image {
  width: 100%;
  -webkit-filter: brightness(0) invert(0);
  filter: brightness(0) invert(0);
  opacity: 0.3; }

.with-dark-bg .carousel-item .image {
  width: 100%;
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
  opacity: 0.5; }

.img-bg-texture {
  background-image: url(//images.ctfassets.net/o7xu9whrs0u9/2pcrqNGwVdT0NxZUcib5KP/78d0a079ea738bb7d7727892ac45b3b2/bg-texture.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position-x: center;
  background-position-y: bottom; }

.home-bg-texture {
  background-image: url(//images.ctfassets.net/o7xu9whrs0u9/5fa0O3PHe3qt0ymeZmdqHy/b8cfbbeefd7429f51dfd604750ea885d/bg-texture-new.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: 0px 10px; }

.home-ga-texture {
  background-image: url(//images.ctfassets.net/o7xu9whrs0u9/1Cg9JzrHedf18AHJ3DIlJK/fa3ec54db802fe46895018be51f92504/hero_background.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center; }

.form-texture {
  background-image: url(//images.ctfassets.net/o7xu9whrs0u9/6anTG16v5Uc5ZZQdrJwCZc/081ccc9e1ed72b828536ab30accf4889/form-texture.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: top left; }

.squares-texture {
  background-image: url(//images.ctfassets.net/o7xu9whrs0u9/tlqfJOkGa3sJ57X4joolW/d22b70d21e05cc46039a57eeb3e56db1/squares-bg.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center; }

.texture-3 {
  background-image: url(//images.ctfassets.net/o7xu9whrs0u9/3nzaPukhOrcG0jXqRnjy3x/8f61aaf64517fb6f525073f9b1fdb1d3/texture-3.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center bottom; }

.texture-5 {
  background-image: url(//images.ctfassets.net/o7xu9whrs0u9/53dbMznmdPxGEh29IJg78a/7f692666c8a1b2e6ce547c83a7e979ea/texture-5.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center bottom; }

.texture-circles {
  background-image: url(//images.ctfassets.net/o7xu9whrs0u9/6qruuYpBXTNX08KzsBmzNu/621a8af85eef2a9e6d607eeb761b3cd6/bg_circles_2x.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center calc(100% + 40px); }

.texture-telegraf {
  background-image: url(//images.ctfassets.net/o7xu9whrs0u9/5aU31ZxU8ocLxbrZkPaQqL/b726b800d62d28e0e3698a4277e1da63/bg_texture.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center top; }

.nav-image-bg {
  background-image: url(//images.ctfassets.net/o7xu9whrs0u9/3IsjO5bQKhYhYDk4MLAK0b/1d6a44b2d21bf82f899899ce8cc05dd4/use-case-bg.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left bottom; }

.dev-image-bg {
  background-image: url(//images.ctfassets.net/o7xu9whrs0u9/6lbIrG0jKfulXoMEnScKYd/cb7bb5b7e17cfd401b7ab185be753e0f/dev-case-bg-new.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left bottom; }

.uni-banner {
  background-color: #020a47;
  border-radius: 50px;
  padding: 30px 30px 10px 30px; }
  .uni-banner .column {
    padding: 40px 20px; }
  .uni-banner .col-content {
    min-height: 150px;
    padding-top: 40px; }
  .uni-banner .uni-col h3 {
    line-height: 0.5em; }
  @media (min-width: 0) {
    .uni-banner .border-right {
      border-bottom: 1px solid #323B85; } }
  @media (min-width: 769px) {
    .uni-banner .border-right {
      border-right: 1px solid #323B85;
      border-bottom: none; } }
/*---styling for Home test configuratin ---*/
.item.new {
  padding: 28px !important;
  border: 1px solid #F2F4F6 !important;
  margin-bottom: 4% !important; }

.icon-title {
  /*padding-bottom: 20px!important;*/ }
  .icon-title h4 {
    line-height: 1.1em !important; }
  .icon-title img {
    margin-bottom: 0 !important;
    /*padding: 5px 8px;
    /*border: 1px solid #020A47;
    border-radius: 12px;*/ }

.is-item {
  padding: 30px;
  background-color: #fff;
  border: 1px solid #F2F4F6 !important; }
  @media (min-width: 0) {
    .is-item {
      width: 100%;
      margin-bottom: 15px; } }
  @media (min-width: 1024px) {
    .is-item {
      width: 23%;
      margin-bottom: 2px; } }
@media (min-width: 0) {
  .after-margin {
    padding-top: 40px; } }

@media (min-width: 1024px) {
  .after-margin {
    padding-top: 150px; } }

.squares-texture {
  border: 1px solid #F2F4F6;
  margin-left: 10px;
  margin-right: 10px; }

@media (min-width: 0) {
  .with-halo {
    padding-bottom: 40px; } }

@media (min-width: 1024px) {
  .with-halo {
    padding-bottom: 0px; } }

.gradient-border {
  position: relative;
  padding: 30px;
  margin-top: 6px;
  background-color: #020A47;
  /* Background color of the div */
  border-radius: 20px;
  /* Desired border-radius */
  z-index: 1;
  color: white;
  /* Optional text color */ }
  .gradient-border::before {
    content: "";
    position: absolute;
    top: -1px;
    /* Adjust thickness */
    left: -1px;
    right: -1px;
    bottom: -1px;
    border-radius: 20px;
    /* Matches the div's border-radius */
    background: -webkit-gradient(linear, left bottom, left top, from(#D6D8F7), to(#9394FF));
    background: linear-gradient(to top, #D6D8F7, #9394FF);
    z-index: -2; }
  .gradient-border::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 20px;
    background-color: #020A47;
    /* Same background color as .p-30 */
    z-index: -1; }
  @media (min-width: 0) {
    .gradient-border {
      margin-bottom: 0px; } }
  @media (min-width: 1024px) {
    .gradient-border {
      margin-bottom: -130px; } }
.is-flex-new {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between; }
  @media (min-width: 0) {
    .is-flex-new .item {
      width: 100%;
      margin-bottom: 15px; }
      .is-flex-new .item:not(:last-child) {
        border-right: none; } }
  @media (min-width: 1024px) {
    .is-flex-new .item {
      width: 20%;
      margin-bottom: 2px; }
      .is-flex-new .item:not(:last-child) {
        border-right: 1px solid transparent;
        -o-border-image: linear-gradient(to top, #020A47, #9394FF);
           border-image: -webkit-gradient(linear, left bottom, left top, from(#020A47), to(#9394FF));
           border-image: linear-gradient(to top, #020A47, #9394FF);
        border-image-slice: 1; } }
.helo {
  position: absolute;
  top: -5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 50%;
  height: 10%;
  border-radius: 1000px;
  background: #9394FF;
  -webkit-filter: blur(30px);
          filter: blur(30px);
  z-index: -1; }

/*--pink info box styling--*/
.info-banner {
  display: flex;
  gap: 15px;
  align-items: flex-start;
  border: 1px solid #D30971;
  border-radius: 14px;
  padding: 15px;
  background-color: rgba(211, 9, 113, 0.05); }
  .info-banner img {
    margin-top: 3px; }
  .info-banner .info-content {
    display: flex;
    align-items: center;
    gap: 40px; }
    @media (min-width: 0) {
      .info-banner .info-content {
        align-items: flex-start;
        flex-direction: column; } }
    @media (min-width: 1024px) {
      .info-banner .info-content {
        align-items: center;
        flex-direction: row; } }
.info-section {
  display: flex;
  gap: 15px;
  align-items: flex-start; }
  .info-section img {
    margin-top: 3px; }
  .info-section .info-content {
    display: flex;
    align-items: center;
    gap: 40px; }
    @media (min-width: 0) {
      .info-section .info-content {
        align-items: flex-start;
        flex-direction: column; } }
    @media (min-width: 1024px) {
      .info-section .info-content {
        align-items: center;
        flex-direction: row; } }
  .info-section .info-content.is-flex {
    width: 100%;
    align-items: center; }
    @media (min-width: 0) {
      .info-section .info-content.is-flex {
        flex-direction: column;
        justify-content: flex-start; } }
    @media (min-width: 1024px) {
      .info-section .info-content.is-flex {
        flex-direction: row;
        justify-content: space-between; } }
.with-social {
  display: flex;
  gap: 20px;
  justify-content: center;
  flex-wrap: wrap; }
  .with-social .social-box {
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border-radius: 14px;
    padding: 15px 25px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    .with-social .social-box img {
      width: 40px;
      flex-shrink: 0; }
    .with-social .social-box p {
      margin: 0;
      text-align: left; }

.dwl-resources {
  display: flex; }
  @media (min-width: 0) {
    .dwl-resources {
      gap: 20px;
      align-items: flex-start;
      flex-direction: column;
      justify-content: flex-start; } }
  @media (min-width: 1024px) {
    .dwl-resources {
      gap: 40px;
      align-items: center;
      flex-direction: row;
      justify-content: space-between; } }
.modal-flex-links {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px; }
  @media (min-width: 0) {
    .modal-flex-links {
      justify-content: flex-start; } }
  @media (min-width: 1024px) {
    .modal-flex-links {
      justify-content: space-between; } }
  .modal-flex-links .link {
    color: #9B2AFF;
    display: flex;
    align-items: center;
    gap: 5px; }

@media (min-width: 0) {
  .with-right-border {
    border-right: 0px; } }

@media (min-width: 1024px) {
  .with-right-border {
    border-right: 1px solid rgba(2, 10, 71, 0.2); } }

/*.with-featured {
    display: flex;
    gap: 30px; 
  
    .left {
      background: #fff;
      border-radius: 14px;
      overflow: hidden;
      h2 {    
        line-height: 1.2!important;
      }
      @include mobile {
        flex: none;
        width: 100%;
      }
      @include desktop {
        flex: 2.05; 
      }
    }
  
    .right {
      display: flex;
      flex-direction: column;
      h2 {    
        line-height: 1.2!important;
      }
      @include mobile {
        flex: none;
        width: 100%;
      }
      @include desktop {
        flex: 1; 
      }

      
  
      .top, .bottom {
        background: #fff;
        border-radius: 14px;
        @include mobile {
          flex: none;
          width: 100%;
        }
        @include desktop {
          flex: 1; 
        }

      }
    }
  }
    */
.with-featured {
  display: flex;
  flex-direction: column;
  gap: 30px; }
  .with-featured .left {
    background: #fff;
    border-radius: 14px;
    overflow: hidden; }
    .with-featured .left h2 {
      line-height: 1.2 !important; }
    @media (min-width: 0) {
      .with-featured .left {
        width: 100%; } }
    @media (min-width: 1024px) {
      .with-featured .left {
        flex: 2.05;
        width: auto; } }
  .with-featured .right {
    display: flex;
    flex-direction: column;
    gap: 30px; }
    .with-featured .right h2 {
      line-height: 1.2 !important; }
    @media (min-width: 0) {
      .with-featured .right {
        display: flex;
        width: 100%; } }
    @media (min-width: 1024px) {
      .with-featured .right {
        flex: 1;
        width: auto;
        flex-direction: column; } }
    .with-featured .right .top, .with-featured .right .bottom {
      background: #fff;
      border-radius: 14px; }
      @media (min-width: 0) {
        .with-featured .right .top, .with-featured .right .bottom {
          width: 100%; } }
      @media (min-width: 1024px) {
        .with-featured .right .top, .with-featured .right .bottom {
          flex: 1;
          width: auto; } }
  @media (min-width: 1024px) {
    .with-featured {
      flex-direction: row; } }
p.pg-text {
  background: -webkit-gradient(linear, left bottom, left top, from(#9B2AFF), to(#9394FF));
  background: linear-gradient(0deg, #9B2AFF 0%, #9394FF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 140px;
  font-weight: bold;
  line-height: 1; }

.community-section {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  align-items: center;
  padding: 30px;
  background: #030938;
  border-radius: 20px; }
  .community-section .community-text {
    font-size: 32px;
    font-weight: bold;
    color: #fff;
    line-height: 1.2; }
    @media (min-width: 0) {
      .community-section .community-text {
        padding-bottom: 20px; } }
    @media (min-width: 1024px) {
      .community-section .community-text {
        padding-bottom: 0px; } }
  .community-section .social-icons {
    display: flex; }
    @media (min-width: 0) {
      .community-section .social-icons {
        gap: 15px; } }
    @media (min-width: 1024px) {
      .community-section .social-icons {
        gap: 20px; } }
    .community-section .social-icons .icon {
      display: flex;
      align-items: center;
      justify-content: center;
      background: #fff;
      border-radius: 10px;
      -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
              box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); }
      @media (min-width: 0) {
        .community-section .social-icons .icon {
          width: 43px;
          height: 43px; } }
      @media (min-width: 1024px) {
        .community-section .social-icons .icon {
          width: 75px;
          height: 75px; } }
      @media (min-width: 0) {
        .community-section .social-icons .icon img {
          width: 28px;
          height: 28px; } }
      @media (min-width: 1024px) {
        .community-section .social-icons .icon img {
          width: 46px;
          height: 46px; } }
.hub-flex-2 {
  display: flex; }
  @media (min-width: 0) {
    .hub-flex-2 {
      flex-direction: column; } }
  @media (min-width: 1024px) {
    .hub-flex-2 {
      flex-direction: row; } }
@media (min-width: 0) {
  .box-long {
    flex: 0 0 100%;
    width: 100%;
    margin-bottom: 10px; } }

@media (min-width: 1024px) {
  .box-long {
    flex: 1.8;
    with: auto;
    margin-bottom: 0px; } }

@media (min-width: 0) {
  .box-short {
    flex: 0 0 100%;
    width: 100%;
    margin-bottom: 10px; } }

@media (min-width: 1024px) {
  .box-short {
    flex: 1.2;
    with: auto;
    margin-bottom: 0px; } }

/*-- New Downloads test page - with 2 columns --*/
.two-col-flex {
  display: flex;
  gap: 20px; }
  @media (min-width: 0) {
    .two-col-flex {
      flex-direction: column;
      flex-wrap: wrap; } }
  @media (min-width: 769px) {
    .two-col-flex {
      flex-direction: row;
      flex-wrap: nowrap; } }
  @media (min-width: 0) {
    .two-col-flex .row-test {
      width: 100%; } }
  @media (min-width: 1024px) {
    .two-col-flex .row-test {
      flex: 1;
      width: auto; } }
/*---temporary sign up page---*/
.flex-2 {
  display: flex; }
  @media (min-width: 0) {
    .flex-2 {
      flex-direction: column; } }
  @media (min-width: 1024px) {
    .flex-2 {
      flex-direction: row; } }
  .flex-2 .box-item {
    background: #fff; }
    @media (min-width: 0) {
      .flex-2 .box-item {
        width: 100%;
        height: auto;
        padding: 40px 30px; } }
    @media (min-width: 1024px) {
      .flex-2 .box-item {
        flex: 1;
        width: auto;
        height: 100vh;
        padding: 40px 80px; } }
    @media (min-width: 0) {
      .flex-2 .box-item .headings {
        padding-top: 30px;
        padding-bottom: 30px; } }
    @media (min-width: 1024px) {
      .flex-2 .box-item .headings {
        padding-top: 60px;
        padding-bottom: 50px; } }
  .flex-2 .box-item.with-bg {
    /*background-image: url(//images.ctfassets.net/o7xu9whrs0u9/3wvjzoQOEi3acdTkqvbpGJ/e74434791e35739d90c463f91fd05326/signup-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;*/
    background: #020A47;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(70%, #020A47), to(rgba(94, 228, 228, 0.7)));
    background-image: linear-gradient(180deg, #020A47 70%, rgba(94, 228, 228, 0.7) 100%); }
    @media (min-width: 0) {
      .flex-2 .box-item.with-bg .signup-wrapper {
        padding-top: 40px;
        padding-bottom: 40px; } }
    @media (min-width: 1024px) {
      .flex-2 .box-item.with-bg .signup-wrapper {
        padding-top: 320px; } }
    @media (min-width: 0) {
      .flex-2 .box-item.with-bg .signup-wrapper-new {
        padding-top: 40px;
        padding-bottom: 40px; } }
    @media (min-width: 1024px) {
      .flex-2 .box-item.with-bg .signup-wrapper-new {
        padding-top: 275px; } }
/*--GA banner styles--*/
.ga-banner {
  /*background-image: url(//images.ctfassets.net/o7xu9whrs0u9/30OaNKOTWiLKoshWqdN6uX/d1028120e6a1e2d3548850e97ae60266/ga-banner-bg.png);*/
  background: -webkit-gradient(linear, left top, right top, from(#D30971), color-stop(40%, #9B2AFF), color-stop(80%, #020A47));
  background: linear-gradient(90deg, #D30971 0%, #9B2AFF 40%, #020A47 80%);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left center; }

.flex-content {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap; }
  .flex-content a.button.is-white.is-normal {
    font-size: 18px;
    font-weight: bold;
    border-radius: 14px; }
  .flex-content .ga-tag {
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    background-color: #030938;
    padding: 3px 12px;
    border-radius: 8px; }

#onetrust-reject-all-handler {
  background-color: #9B2AFF !important;
  color: #fff !important; }