/* Theme base styles */

/* Tools
Any animations, or functions used throughout the project.
Note: _macros.css needs to be imported into each stylesheet where macros are used and not included here
*/

/* Generic
This is where reset, normalize & box-sizing styles go.
*/

*, *:before, *:after {
  box-sizing: border-box;
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * Add the correct box sizing in Firefox.
 */

hr {
  box-sizing: content-box;
  height: 0;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Remove the inheritance of text transform in Edge and Firefox.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers.
 */

legend {
  padding: 0;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Objects
Non-cosmetic design patterns including grid and layout classes)
*/



/* CSS variables */

:root {
  --column-gap: 2.13%;
  --column-width-multiplier: 8.333;
}

/* Mobile layout */

.row-fluid {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}


  .row-fluid .span1,
  .row-fluid .span2,
  .row-fluid .span3,
  .row-fluid .span4,
  .row-fluid .span5,
  .row-fluid .span6,
  .row-fluid .span7,
  .row-fluid .span8,
  .row-fluid .span9,
  .row-fluid .span10,
  .row-fluid .span11,
  .row-fluid .span12{
  min-height: 1px;
  width: 100%;
}

/* Desktop layout */

@media (min-width: 768px) {
  .row-fluid {
    flex-wrap: nowrap;
    justify-content: space-between;
  }

  
    .row-fluid .span1 {
      width: calc(var(--column-width-multiplier) * 1% * 1 - var(--column-gap) * (11 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span2 {
      width: calc(var(--column-width-multiplier) * 1% * 2 - var(--column-gap) * (10 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span3 {
      width: calc(var(--column-width-multiplier) * 1% * 3 - var(--column-gap) * (9 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span4 {
      width: calc(var(--column-width-multiplier) * 1% * 4 - var(--column-gap) * (8 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span5 {
      width: calc(var(--column-width-multiplier) * 1% * 5 - var(--column-gap) * (7 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span6 {
      width: calc(var(--column-width-multiplier) * 1% * 6 - var(--column-gap) * (6 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span7 {
      width: calc(var(--column-width-multiplier) * 1% * 7 - var(--column-gap) * (5 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span8 {
      width: calc(var(--column-width-multiplier) * 1% * 8 - var(--column-gap) * (4 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span9 {
      width: calc(var(--column-width-multiplier) * 1% * 9 - var(--column-gap) * (3 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span10 {
      width: calc(var(--column-width-multiplier) * 1% * 10 - var(--column-gap) * (2 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span11 {
      width: calc(var(--column-width-multiplier) * 1% * 11 - var(--column-gap) * (1 * var(--column-width-multiplier) / 100));
    }
  
}
.content-wrapper {
  margin: 0 auto;
  padding: 0 1rem;
}

@media screen and (min-width: 1380px) {
  .content-wrapper {
    padding: 0;
  }
}

.dnd-section > .row-fluid {
  margin: 0 auto;
}

.dnd-section .dnd-column {
  padding: 0 1rem;
}

@media (max-width: 767px) {
  .dnd-section .dnd-column {
    padding: 0;
  }
}

/* Elements
Base HMTL elements are styled in this section (<body>, <h1>, <a>, <p>, <button> etc.)
*/

body {
  line-height: 1.4;
  overflow-wrap: break-word;
}

html[lang^="ja"] body,
html[lang^="zh"] body,
html[lang^="ko"] body {
  line-break: strict;
  overflow-wrap: normal;
  word-break: break-all;
}

/* Paragraphs */

p {
  font-size: 1rem;
  margin: 0 0 1.4rem;
}

/* Anchors */

a {
  cursor: pointer;
}

/* Headings */

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 1.4rem;
}

/* Lists */

ul,
ol {
  margin: 0 0 1.4rem;
}

ul ul,
ol ul,
ul ol,
ol ol {
  margin: 0;
}

ul.no-list {
  list-style: none;
  margin: 0;
  padding-left: 0;
}

/* Code blocks */

pre {
  overflow: auto;
}

code {
  vertical-align: bottom;
}

/* Blockquotes */

blockquote {
  border-left: 2px solid;
  margin: 0 0 1.4rem;
  padding-left: 0.7rem;
}

/* Horizontal rules */

hr {
  border: none;
  border-bottom: 1px solid #CCC;
}

/* Image alt text */

img {
  font-size: 0.583rem;
  word-break: normal;
}
button,
.button,
.hs-button {
  cursor: pointer;
  display: inline-block;
  text-align: center;
  transition: all 0.15s linear;
  white-space: normal;
}

button:disabled,
.button:disabled,
.hs-button:disabled {
  background-color: #D0D0D0;
  border-color: #D0D0D0;
  color: #E6E6E6;
}

/* No button */

.no-button,
.no-button:hover,
.no-button:focus,
.no-button:active {
  background: none;
  border: none;
  border-radius: 0;
  color: initial;
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  margin-bottom: 0;
  padding: 0;
  text-align: left;
  text-decoration: none;
  transition: none;
}
/* Fields */

.hs-form-field {
  margin-bottom: 1.4rem;
}

/* Labels */

form label {
  display: block;
  font-size: 0.875rem;
  margin-bottom: 0.35rem;
}

/* Form Title */
.form-title {
  margin-bottom: 0;
}

/* Help text */

form legend {
  font-size: 0.875rem;
}

/* Inputs */

form input[type=text],
form input[type=search],
form input[type=email],
form input[type=password],
form input[type=tel],
form input[type=number],
form input[type=file],
form select,
form textarea {
  display: inline-block;
  font-size: 0.875rem;
  padding: 0.7rem;
  width: 100%;
}

form textarea {
  resize: vertical;
}

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

/* Inputs - checkbox/radio */

form .inputs-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

form .inputs-list > li {
  display: block;
  margin: 0.7rem 0;
}

form .inputs-list input,
form .inputs-list span {
  vertical-align: middle;
}

form input[type=checkbox],
form input[type=radio] {
  cursor: pointer;
  margin-right: 0.35rem;
}

/* Inputs - date picker */

.hs-dateinput {
  position: relative;
}

.hs-dateinput:before {
  content:'\01F4C5';
  position: absolute;
  right: 10%;
  top: 50%;
  transform: translateY(-50%);
}

.fn-date-picker .pika-table thead th {
  color: #FFF;
}

.fn-date-picker td.is-selected .pika-button {
  border-radius: 0;
  box-shadow: none;
}

.fn-date-picker td .pika-button:hover,
.fn-date-picker td .pika-button:focus {
  border-radius: 0 !important;
  color: #FFF;
}

/* Inputs - file picker */

form input[type=file] {
  background-color: transparent;
  border: initial;
  padding: initial;
}

/* Headings and text */

form .hs-richtext,
form .hs-richtext p {
  font-size: 0.875rem;
  margin: 0 0 1.4rem;
}

form .hs-richtext img {
  max-width: 100% !important;
}

/* GDPR */

.legal-consent-container .hs-form-booleancheckbox-display > span,
.legal-consent-container .hs-form-booleancheckbox-display > span p {
  margin-left: 1rem !important;
}

/* Validation */

.hs-form-required {
  color: #EF6B51;
}

.hs-input.invalid.error {
  border-color: #EF6B51;
}

.hs-error-msg {
  color: #EF6B51;
  margin-top: 0.35rem;
}

/* Submit button */

form input[type=submit],
form .hs-button {
  cursor: pointer;
  display: inline-block;
  text-align: center;
  transition: all 0.15s linear;
  white-space: normal;
}

/* Captcha */

.grecaptcha-badge {
  margin: 0 auto;
}


/* Table */

table {
  border-collapse: collapse;
  margin-bottom: 1.4rem;
  overflow-wrap: break-word;
}

/* Table cells */

td,
th {
  vertical-align: top;
}

/* Table header */

thead th {
  vertical-align: bottom;
}

/* Components
Specific pieces of UI that are stylized. Typically used for global partial styling
*/

/* Header DND sections */

.header .dnd-section {
  padding: 0;
}

/* Header container */

.header__container {
  display: flex;
  justify-content: space-between;
}

.header__row-1 {
  padding-top: 1rem;
}

.header__row-1,
.header__row-2 {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  width: 100%;
}

@media (max-width: 1150px) and (min-width: 767px) {
  .header__column {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .header__container {
    flex-direction: column;
    padding: 1rem 0 0;
  }

  .header__column {
    position: relative;
  }

  .header__row-1 {
    padding-top: 0;
  }

  .header__row-2 {
    justify-content: center;
    padding: 1.05rem;
  }
}

/* Navigation skipper */

.header__skip {
  height: 1px;
  left: -1000px;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: -1000px;
  width: 1px;
}

.header__skip:hover,
.header__skip:focus,
.header__skip:active {
  height: auto;
  left: 0;
  overflow: visible;
  top: 0;
  width: auto;
}

/* Logo */

.header__logo {
  align-items: center;
  display: flex;
  height: auto;
  margin-right: auto;
  max-width: 200px;
  overflow: hidden;
}

@media (max-width: 767px) {
  .header__logo {
    margin: 0 auto;
    width: 100%;
  }
}

.header__logo img {
  max-width: 100%;
}

.header__logo .logo-company-name {
  font-size: 1.167rem;
  margin-top: 0.7rem;
}

.header__logo--main {
  padding-top: 1rem;
}

/* Search bar */

.header__search {
  padding: 0 1rem;
  width: auto;
}




.header__search .hs-search-field__input {
  
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5TZWFyY2g8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+ICAgICAgICA8cGF0aCBkPSJNOS4xMzg2MTUzNCwxNS44OTI1Njg1IEM1LjQxMzk1NzQyLDE1Ljg5MjU2ODUgMi4zODM4ODUyNywxMi44NjM0NDc1IDIuMzgzODg1MjcsOS4xMzkwMDM3NiBDMi4zODM4ODUyNyw1LjQxNDU2MDA1IDUuNDEzOTU3NDIsMi4zODM4ODUyNyA5LjEzODYxNTM0LDIuMzgzODg1MjcgQzEyLjg2MzI3MzMsMi4zODM4ODUyNyAxNS44OTI1Njg1LDUuNDE0NTYwMDUgMTUuODkyNTY4NSw5LjEzOTAwMzc2IEMxNS44OTI1Njg1LDEyLjg2MzQ0NzUgMTIuODYzMjczMywxNS44OTI1Njg1IDkuMTM4NjE1MzQsMTUuODkyNTY4NSBNOS4xMzg3NTI0NSwyLjQzMzYwODg3ZS0xMyBDMTQuMTc3OTk1NSwyLjQzMzYwODg3ZS0xMyAxOC4yNzY0NTM3LDQuMTAwMzI0NzEgMTguMjc2NDUzNyw5LjEzOTI3Nzk2IEMxOC4yNzY0NTM3LDExLjIyOTgyMTEgMTcuNTcxMDE2OSwxMy4xNTg0NDM0IDE2LjM4NTYzMTMsMTQuNjk5NjY5NiBMMjMuNjUwODg4MSwyMS45NjUyMjY2IEMyNC4xMTYzNzA2LDIyLjQzMDcwOTIgMjQuMTE2MzcwNiwyMy4xODU0MDU1IDIzLjY1MDg4ODEsMjMuNjUwODg4MSBDMjMuMTg1NDA1NSwyNC4xMTYzNzA2IDIyLjQzMDcwOTIsMjQuMTE2MzcwNiAyMS45NjUyMjY2LDIzLjY1MDg4ODEgTDE0LjY5OTgxMzMsMTYuMzg1NDcxMyBDMTMuMTU4NDQwNSwxNy41NzA5NTA5IDExLjIyOTU3MzgsMTguMjc2NDUzNyA5LjEzODc1MjQ1LDE4LjI3NjQ1MzcgQzQuMDk5NTA5MzgsMTguMjc2NDUzNyAtMy43MzAzNDkzNmUtMTQsMTQuMTc4MjMxMiAtMy43MzAzNDkzNmUtMTQsOS4xMzkyNzc5NiBDLTMuNzMwMzQ5MzZlLTE0LDQuMTAwMzI0NzEgNC4wOTk1MDkzOCwyLjQzMzYwODg3ZS0xMyA5LjEzODc1MjQ1LDIuNDMzNjA4ODdlLTEzIFoiIGlkPSJwYXRoLTEiPjwvcGF0aD4gICAgPC9kZWZzPiAgICA8ZyBpZD0iU2VhcmNoIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxtYXNrIGlkPSJtYXNrLTIiIGZpbGw9IndoaXRlIj4gICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPiAgICAgICAgPC9tYXNrPiAgICAgICAgPHVzZSBpZD0iSWNvbnMvQWN0aW9ucy9TZWFyY2giIGZpbGw9IiM0OTRBNTIiIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPiAgICA8L2c+PC9zdmc+);
    background-position: center right 15px;
    background-repeat: no-repeat;
  
  height: 45px;
  padding: 0 0.7rem;
}




.header__search .hs-search-field--open .hs-search-field__input {
  border-bottom: none;
  border-radius: 6px 6px 0 0;
  max-width: 100%;
}

.header__search .hs-search-field--open .hs-search-field__suggestions {
  background-color: #FFF;
  border: 2px solid #D1D6DC;
  border-radius: 0 0 6px 6px;
  border-top-width: 1px;
  position: absolute;
  width: 100%;
  z-index: 10;
}

.header__search .hs-search-field__suggestions li {
  border-top: 1px solid #D1D6DC;
  font-size: 0.875rem;
}

.header__search .hs-search-field__suggestions li a {
  color: #494A52;
  padding: 0.35rem 0.7rem;
  text-decoration: none;
  transition: background-color 0.3s;
}

.header__search .hs-search-field__suggestions #results-for {
  display: none;
}

@media (min-width: 767px) {
  .header__search form {
    align-items: center;
    display: flex;
    flex-direction: row;
  }

  .header__search label {
    margin: 0 1rem 0 0;
  }

  .header__search .hs-search-field__input {
    width: auto;
  }
}

@media (max-width: 767px) {
  .header__search {
    border-top: 2px solid #CED4DB;
    order: 1;
    padding: 1.05rem;
  }
}

/* Language switcher */

.header__language-switcher {
  cursor: pointer;
  padding-right: 1.4rem;
}

.header__language-switcher .lang_switcher_class {
  position: static;
}

.header__language-switcher .lang_list_class {
  border: 2px solid;
  border-radius: 3px;
  box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.2);
  display: block;
  left: calc(100% - 24px);
  opacity: 0;
  min-width: 100px;
  padding-top: 0;
  text-align: left;
  top: 100%;
  transition: opacity 0.3s;
  visibility: hidden;
}

.header__language-switcher:hover .lang_list_class,
.header__language-switcher:focus .lang_list_class {
  opacity: 1;
  transition: opacity 0.3s;
  visibility: visible;
}

.header__language-switcher .lang_list_class:before {
  left: 70%;
  top: -25px;
}

.header__language-switcher .lang_list_class:after {
  left: 70%;
  top: -22px;
}

.header__language-switcher .lang_list_class.first-active::after {
  top: -22px;
  transition: 0.3s;
}

.header__language-switcher .lang_list_class li {
  border: none;
  font-size: 18px;
  padding: 0.35rem 0.7rem;
}

.header__language-switcher .lang_list_class li:first-child {
  border-radius: 6px 6px 0 0;
  border-top: none;
}

.header__language-switcher .lang_list_class li:last-child {
  border-bottom: none;
  border-radius: 0 0 6px 6px;
}

.header__language-switcher .lang_list_class li:hover {
  transition: background-color 0.3s;
}

.header__language-switcher--label {
  display: flex;
  position: relative;
}

.header__language-switcher--label-current {
  align-items: center;
  display: flex;
  font-size: 0.75rem;
  margin-bottom: 0.175rem;
  margin-left: 0.7rem;
}

.header__language-switcher--label-current:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 6px solid #494A52;
  content: "";
  display: block;
  height: 0px;
  margin-left: 0.7rem;
  margin-top: 0.175rem;
  width: 0px;
}

@media (max-width: 767px) {
  .header__language-switcher {
    border-top: 2px solid #CED4DB;
    padding-left: 1.05rem;
    padding-right: 0;
  }

  .header__language-switcher .lang_list_class {
    border: none;
    box-shadow: unset;
    display: block;
    left: 30px;
    opacity: 1;
    padding: 0 1.05rem;
    top: 0;
    visibility: visible;
  }

  .header__language-switcher .lang_list_class li {
    background-color: inherit;
    font-size: 0.917rem;
  }

  .header__language-switcher--label-current {
    display: none;
  }

  .header__language-switcher .globe_class {
    background-image: none;
  }

  .header__language-switcher .lang_list_class li:hover{
    background-color: inherit;
  }

  .header__language-switcher .lang_list_class:before,
  .header__language-switcher .lang_list_class:after {
    content: none;
  }}

/* Navigation */

#nav-toggle {
  display: none;
}

/* Mobile toggles */

@media (max-width: 767px) {
  .header__navigation,
  .header__search,
  .header__language-switcher {
    display: none;
    width: 100%;
  }

  .header__navigation.open,
  .header__search.open,
  .header__language-switcher.open {
    background-color: #F8FAFC;
    display: block;
    left: 0;
    min-height: calc(100vh - 115px);
    position: absolute;
    right: 0;
    top: 75px;
    z-index: 2;
  }

  .header__navigation--toggle,
  .header__search--toggle,
  .header__language-switcher--toggle,
  .header__close--toggle {
    cursor: pointer;
    margin: 0 5vw;
    position: relative;
  }

  .header__navigation--toggle.hide,
  .header__search--toggle.hide,
  .header__language-switcher--toggle.hide {
    display: none;
  }

  .header__navigation--toggle.open,
  .header__search--toggle.open,
  .header__language-switcher--toggle.open {
    display: block;
    margin-left: 0;
    margin-right: auto;
  }

  .header__navigation--toggle:after,
  .header__search--toggle:after,
  .header__language-switcher--toggle:after {
    display: none;
    font-size: 1.083rem;
    font-weight: 600;
    position: absolute;
    left: 40px;
    text-transform: uppercase;
    top: -10px;
  }

  .header__navigation--toggle.open:after,
  .header__search--toggle.open:after,
  .header__language-switcher--toggle.open:after {
    display: block;
    word-break: normal;
  }

  .header__navigation--toggle {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAxOSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5oYW1idXJnZXI8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGcgaWQ9ImhhbWJ1cmdlciIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+ICAgICAgICA8ZyBpZD0iR3JvdXAiIHN0cm9rZT0iIzQ5NEE1MiIgc3Ryb2tlLXdpZHRoPSIzIj4gICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlIiB4PSIxLjUiIHk9IjEuNSIgd2lkdGg9IjIxIiBoZWlnaHQ9IjEiIHJ4PSIwLjUiPjwvcmVjdD4gICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLUNvcHktNCIgeD0iMS41IiB5PSI5LjUiIHdpZHRoPSIyMSIgaGVpZ2h0PSIxIiByeD0iMC41Ij48L3JlY3Q+ICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS1Db3B5LTUiIHg9IjEuNSIgeT0iMTcuNSIgd2lkdGg9IjIxIiBoZWlnaHQ9IjEiIHJ4PSIwLjUiPjwvcmVjdD4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==);
    background-size: cover;
    height: 25px;
    width: 25px;
  }

  .header__navigation--toggle:after {
    content: "Menu";
  }

  .header__language-switcher--toggle {
    background-image: url(//static.hsappstatic.net/cos-LanguageSwitcher/static-1.1/img/globe.png);
    background-size: cover;
    height: 25px;
    width: 25px;
  }

  .header__language-switcher--toggle:after {
    content: "Language";
  }

  .header__search--toggle {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5TZWFyY2g8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+ICAgICAgICA8cGF0aCBkPSJNOS4xMzg2MTUzNCwxNS44OTI1Njg1IEM1LjQxMzk1NzQyLDE1Ljg5MjU2ODUgMi4zODM4ODUyNywxMi44NjM0NDc1IDIuMzgzODg1MjcsOS4xMzkwMDM3NiBDMi4zODM4ODUyNyw1LjQxNDU2MDA1IDUuNDEzOTU3NDIsMi4zODM4ODUyNyA5LjEzODYxNTM0LDIuMzgzODg1MjcgQzEyLjg2MzI3MzMsMi4zODM4ODUyNyAxNS44OTI1Njg1LDUuNDE0NTYwMDUgMTUuODkyNTY4NSw5LjEzOTAwMzc2IEMxNS44OTI1Njg1LDEyLjg2MzQ0NzUgMTIuODYzMjczMywxNS44OTI1Njg1IDkuMTM4NjE1MzQsMTUuODkyNTY4NSBNOS4xMzg3NTI0NSwyLjQzMzYwODg3ZS0xMyBDMTQuMTc3OTk1NSwyLjQzMzYwODg3ZS0xMyAxOC4yNzY0NTM3LDQuMTAwMzI0NzEgMTguMjc2NDUzNyw5LjEzOTI3Nzk2IEMxOC4yNzY0NTM3LDExLjIyOTgyMTEgMTcuNTcxMDE2OSwxMy4xNTg0NDM0IDE2LjM4NTYzMTMsMTQuNjk5NjY5NiBMMjMuNjUwODg4MSwyMS45NjUyMjY2IEMyNC4xMTYzNzA2LDIyLjQzMDcwOTIgMjQuMTE2MzcwNiwyMy4xODU0MDU1IDIzLjY1MDg4ODEsMjMuNjUwODg4MSBDMjMuMTg1NDA1NSwyNC4xMTYzNzA2IDIyLjQzMDcwOTIsMjQuMTE2MzcwNiAyMS45NjUyMjY2LDIzLjY1MDg4ODEgTDE0LjY5OTgxMzMsMTYuMzg1NDcxMyBDMTMuMTU4NDQwNSwxNy41NzA5NTA5IDExLjIyOTU3MzgsMTguMjc2NDUzNyA5LjEzODc1MjQ1LDE4LjI3NjQ1MzcgQzQuMDk5NTA5MzgsMTguMjc2NDUzNyAtMy43MzAzNDkzNmUtMTQsMTQuMTc4MjMxMiAtMy43MzAzNDkzNmUtMTQsOS4xMzkyNzc5NiBDLTMuNzMwMzQ5MzZlLTE0LDQuMTAwMzI0NzEgNC4wOTk1MDkzOCwyLjQzMzYwODg3ZS0xMyA5LjEzODc1MjQ1LDIuNDMzNjA4ODdlLTEzIFoiIGlkPSJwYXRoLTEiPjwvcGF0aD4gICAgPC9kZWZzPiAgICA8ZyBpZD0iU2VhcmNoIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxtYXNrIGlkPSJtYXNrLTIiIGZpbGw9IndoaXRlIj4gICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPiAgICAgICAgPC9tYXNrPiAgICAgICAgPHVzZSBpZD0iSWNvbnMvQWN0aW9ucy9TZWFyY2giIGZpbGw9IiM0OTRBNTIiIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPiAgICA8L2c+PC9zdmc+);
    background-size: cover;
    height: 25px;
    width: 25px;
  }

  .header__search--toggle:after {
    content: "Search";
  }

  .header__close--toggle {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjE5cHgiIHZpZXdCb3g9IjAgMCAyNCAxOSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5jbG9zZTwvdGl0bGU+ICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPiAgICA8ZyBpZD0iY2xvc2UiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9Ikdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyLjAwMDAwMCwgLTEuMDAwMDAwKSIgc3Ryb2tlPSIjNDk0QTUyIiBzdHJva2Utd2lkdGg9IjMiPiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwLjAwMDAwMCwgMTAuNTAwMDAwKSByb3RhdGUoLTQ1LjAwMDAwMCkgdHJhbnNsYXRlKC0xMC4wMDAwMDAsIC0xMC41MDAwMDApICIgeD0iLTAuNSIgeT0iMTAuNSIgd2lkdGg9IjIxIiBoZWlnaHQ9IjEiIHJ4PSIwLjUiPjwvcmVjdD4gICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLUNvcHktNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAuMDAwMDAwLCAxMC41MDAwMDApIHJvdGF0ZSg0NS4wMDAwMDApIHRyYW5zbGF0ZSgtMTAuMDAwMDAwLCAtMTAuNTAwMDAwKSAiIHg9Ii0wLjUiIHk9IjEwLjUiIHdpZHRoPSIyMSIgaGVpZ2h0PSIxIiByeD0iMC41Ij48L3JlY3Q+ICAgICAgICA8L2c+ICAgIDwvZz48L3N2Zz4=);
    background-repeat: no-repeat;
    background-size: 110%;
    display: none;
    height: 25px;
    margin-right: 0;
    width: 25px;
  }

  .header__close--toggle.show {
    display: block;
  }
}
/* Menu and simple menu */

.hs-menu-wrapper ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding-left: 0;
}

/* Horizontal menu */

.hs-menu-wrapper.hs-menu-flow-horizontal .hs-menu-children-wrapper {
  flex-direction: column;
}

@media (max-width: 767px) {
  .hs-menu-wrapper.hs-menu-flow-horizontal ul {
    flex-direction: column;
  }
}

/* Vertical menu */

.hs-menu-wrapper.hs-menu-flow-vertical ul {
  flex-direction: column;
}

/* Flyouts */

.hs-menu-wrapper.hs-menu-flow-vertical.flyouts ul {
  display: inline-flex;
}

@media (max-width: 767px) {
  .hs-menu-wrapper.hs-menu-flow-vertical ul {
    display: flex;
  }
}

.hs-menu-wrapper.flyouts .hs-item-has-children {
  position: relative;
}

.hs-menu-wrapper.flyouts .hs-menu-children-wrapper {
  left: -9999px;
  opacity: 0;
  position: absolute;
}

.hs-menu-wrapper.flyouts .hs-menu-children-wrapper a {
  display: block;
  white-space: nowrap;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
  left: 0;
  opacity: 1;
  top: 100%;
}

.hs-menu-wrapper.hs-menu-flow-vertical.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
  left: 100%;
  opacity: 1;
  top: 0;
}

@media (max-width: 767px) {
  .hs-menu-wrapper.flyouts .hs-menu-children-wrapper,
  .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper,
  .hs-menu-wrapper.hs-menu-flow-vertical.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
    left: 0;
    opacity: 1;
    position: relative;
    top: auto;
  }
}

/* CTA, logo, and rich text images */

.hs_cos_wrapper_type_cta img,
.hs_cos_wrapper_type_logo img,
.hs_cos_wrapper_type_rich_text img {
  height: auto;
  max-width: 100%;
}

/* Utilities
Helper classes with ability to override anything that comes before it
*/

/* For content that needs to be visually hidden but stay visible for screenreaders */

.show-for-sr {
  border: 0 !important;
  clip: rect(0, 0, 0, 0) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 1px !important;
}

@media (max-width: 767px) {
  .show-for-sr--mobile {
    border: 0 !important;
    clip: rect(0, 0, 0, 0) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !important;
  }
}


.ccs-leftinside { position: sticky; top: 0;float:left;width:100%;}
.heroresource-section h1 span { background-image: url('https://25824509.fs1.hubspotusercontent-eu1.net/hubfs/25824509/Juniper%20-%20Theme/Big%20Circle.png'); background-size: contain; background-repeat: no-repeat; background-position: center; position: relative; padding: 5px; }
.hcssfull-text { max-width: 660px; margin: 15px auto 0;  font-size: 18px;line-height: 150%; }
.hcss-inner { position: relative;}
.shapeTop { position: absolute; top: 0; right: 0; }
.shapeBottom { position: absolute; bottom: 0; left: 0; }
.btns-repeat-row ul { list-style: none; padding: 0; margin: 0; }
.btns-repeat-row ul li { display: inline-block; margin-right: 10px; font-size: 16px; font-style: normal; font-weight: 600 !important; line-height: 100%;margin-bottom: 10px; }
.btns-repeat-row ul li:last-child { margin-right: 0; } 
.btns-repeat-row ul li a, .btns-repeat-row.fbr ul li { padding: 17px 30px; border-radius: 10px; border: 2px solid;font-weight: 600 !important;    font-family: 'Inter',sans-serif !important; cursor:pointer;}
.resource-section.mix-rc {margin:0;}
.body-container--resources .resource-section .rcl-image { padding:65.64% 0 0; }
.body-container--resources .resource-section .rcld-tags a { padding-left:10px; }
/* .resource-section .resource-cols {margin:0;} */
.rcr-row:last-child { margin-bottom: 0; }
.whitepaper-single-section .hcss-inner { border-radius: 30px; }
.wpsleft-wrap { display: flex; flex-flow: wrap; justify-content: space-between; padding: 55px 0px 60px 0; height: 100%;max-width: 363px;  }
.wps-content {  display: flex; align-items: end; padding-top: 20px  }
.wpsright { width: 55%; float:left;padding-top: 35px;position:relative;justify-content: flex-end; display: flex; align-items: end;}
.wpsleft { width: 45%; padding-right:20px;float:left;}
.wps-btn a.rs-all { position: static; top: auto; right: auto;font-size: 18px;font-weight:600 !important; }
.wps-bottomtext p:last-child { margin: 0; }
.wps-blue { border-radius: 20px 20px 0px 0px; max-width: 363px; margin: 0 auto; padding: 25px; color:#fff;    position: relative;}
.wps-logo { text-align: right; }
.wps-images { display: flex; }
.wi-second { text-align: right; margin-top: 9px; }
.wps-images { display: flex; align-items: center; }
.wps-images { margin-top: -20px; }
.wi-third {  margin-top: 40px;}
.wpsleft h2 { line-height: 100%; letter-spacing: -1.8px; font-size: 60px; margin: 0 0 20px; padding: 0; }
.wpsleft h2 span { background-image: url('https://25824509.fs1.hubspotusercontent-eu1.net/hubfs/25824509/Juniper%20-%20Theme/Vector.png'); background-size: contain; background-repeat: no-repeat; background-position: bottom; }
.wps-bottom { margin: 13px 0 0; }
.wps-blue h3 { font-size: 32px; font-weight: 800; line-height: 100%; letter-spacing: -0.96px; color: #fff; padding: .0; margin: 0 0 11px; }
.wps-blue h3 span { background-image: url('https://25824509.fs1.hubspotusercontent-eu1.net/hubfs/25824509/Juniper%20-%20Theme/Big%20Circle%20%281%29.png'); background-size: contain; background-repeat: no-repeat; background-position: center; }
.wps-bottomtext { font-size: 8px; font-style: normal; line-height: 150%; max-width: 201px; display: inline-block; }
.shape-center { position: absolute; bottom: 100px; left: -40px; }
.wps-subtitle { font-size: 18px; }
.cs-row a:focus, .rcr-row a:focus{font-family: 'Inter',sans-serif; font-weight: inherit;color: #814af4;}
.sec-top { position: relative; }
.csbox-section .sec-top h2, .whitepaper-section h2, .event-section h2, .download-section h2, .product-training-section h2, .press-release-section h2{ line-height: 110%; letter-spacing: -1px; padding: 0 0 10px; font-size: 40px; }
.whitepaper-section h2, .whitepaper-section .rs-all {color:#fff;}
.whitepaper-section .rs-all {background: url('https://25824509.fs1.hubspotusercontent-eu1.net/hubfs/25824509/Juniper%20-%20Theme/Vector%20%283%29.png') no-repeat right 5px center/17px auto;}
.body-container--resources .whitepaper-section .rs-all { font-size:18px; }
.cs-row { float: left; width: 31.5%; margin-right: 2.75%;border-radius: 20px; overflow: hidden; } 
.cs-row:nth-child(3n) { margin-right: 0; }
.cs-row .cs-image, .dw-image { padding-bottom: 67%; background-size: cover; background-repeat: no-repeat; background-position: center top;border-radius: 20px;  transition: ease all .3s;}
.cs-details { padding: 25px 35px 35px 35px;border-radius: 20px; position:relative;}
.csimg-outer { padding-bottom: 20px; background: #fff; }
.cs-details:before { position: absolute; content: ''; left: 0; width: 100%; height: 25px; top: -10px; background: #F9F5F0; border-radius: 20px; }
.cs-box-cols, .whitepaper-box-cols, .event-cols,  .pt-cols, .prs-cols  { margin: 35px 0 0; }
.cs-row h4 { font-size: 22px; line-height: 120%; letter-spacing: -0.55px;padding: 0; margin: 0; }
.btns-repeat-row.fbr ul li:nth-child(1) a { border-color: rgba(24, 0, 56, 1.0) !important; }
.cs-row:hover .cs-image { padding-bottom: 67%; }
.imghidden { overflow: hidden;    border-radius: 20px; }
.imghidden .rcr-image, .imghidden .rcl-image {  transition: ease all .3s;}
.rc-left:hover .imghidden .rcl-image, .rcr-row:hover .rcr-image { transform: scale(1.1);-webkit-transform: scale(1.1);}
.whitepaper-section { color: #fff; }
.whitepaper-row h4 a { color: #fff; } 
.whitepaper-row h4 { color: #fff; font-size: 26px; line-height: 115%; letter-spacing: -0.65px; }
.whitepaper-row h4:hover, .whitepaper-row h4:hover a { color: #814af4;}
.whitepaper-row, .dw-row, .pt-row { float: left; width: 32%; margin-right: 2%; }
.whitepaper-row:nth-child(3n), .dw-row:nth-child(3n), .pt-row:nth-child(3n) { margin-right: 0; } 
.whitepaper-top.fullwidth { padding: 45px 20px 0; border-radius: 20px; overflow:hidden; }
/* .whitepaper-row:nth-child(2) .wps-bottom { margin: 0; } */
.whitepaper-details { margin: 20px 0 0; }
.whitepaper-row .wps-blue { max-width: 250px; padding: 20px 20px 7px 20px;border-radius: 15px 15px 0px 0px; min-height: 360px; margin:17px auto -17px; transition:ease all 0.4s; } 
.whitepaper-row .wps-blue h3 { font-size: 24px; letter-spacing: -0.72px; margin: 0 0 9px; }
.whitepaper-row:hover .wps-blue { margin:0 auto; }
.whitepaper-row:hover h4 a { color:#c5bbb7; }
.whitepaper-row .reverse-blue .wps-images { flex-direction: row-reverse; margin-top: 8px; }
.whitepaper-row .single-blue .wps-images .wi-second { display: none; }
.whitepaper-row .single-blue .wps-images .wi-third, .whitepaper-single-section  .wps-blue.single-blue .wi-third { position: relative; top: 30px; margin-bottom: 11px; }
.whitepaper-row .reverse-blue  h3 span{background-image: url('https://25824509.fs1.hubspotusercontent-eu1.net/hubfs/25824509/Juniper%20-%20Theme/Vector%20%284%29.png'); background-size: contain; background-repeat: no-repeat; background-position: bottom;}
.whitepaper-row .single-blue  h3 span{background-image: url('https://25824509.fs1.hubspotusercontent-eu1.net/hubfs/25824509/Juniper%20-%20Theme/Frame.png'); background-size: contain; background-repeat: no-repeat; background-position: 100% 100%; padding-right: 29px;}
.whitepaper-section { position: relative;margin-top: 15px; }
.whitepaper-section:before, .event-section:before, .product-training-section:before { position: absolute; content: ''; background-image: url('https://25824509.fs1.hubspotusercontent-eu1.net/hubfs/25824509/Juniper%20-%20Theme/Vector%20%282%29.png'); background-repeat: no-repeat; background-size: cover; top: -15px; left: 0; width: 100%; height: 30px; }
.event-section:before{background-image:url('https://25824509.fs1.hubspotusercontent-eu1.net/hubfs/25824509/Juniper%20-%20Theme/Vector%20%287%29.png');}
.product-training-section:before {background-image:url('https://25824509.fs1.hubspotusercontent-eu1.net/hubfs/25824509/Juniper%20-%20Theme/Vector%20%2811%29.png');}
.product-training-section:after, .event-section:after { position: absolute; content: ''; background-image: url('https://25824509.fs1.hubspotusercontent-eu1.net/hubfs/25824509/Juniper%20-%20Theme/Vector%20%2812%29.png'); background-repeat: no-repeat; background-size: cover; bottom: -15px; left: 0; width: 100%; height: 30px; }
.whitepaper-section .rs-all:hover, .whitepaper-section .rs-all:focus { color: #814af4; }
.event-section, .product-training-section  {position:relative;}
.event-left { width: 48.5%; float: left; margin-right: 3%; }
.event-right { width: 48.5%; float: left; }
.event-section .rcld-tags a img, .event-section .rcrd-tags a img { vertical-align: middle;margin-right:5px; }
.event-section .rcld-tags a, .event-section .rcrd-tags a { padding: 0; margin: 0 20px 0 0; background: transparent;color:#180038;font-size:16px; }
.event-section .rcld-tags a:last-child, .event-section .rcrd-tags a:last-child { margin-right: 0; } 
.event-left h4 { line-height: 120%; letter-spacing: -0.75px;padding: 0; }
.event-right h4 { line-height: 120%; letter-spacing: -0.5px; font-size: 20px; font-weight:700;}
.event-right h4 a:hover { color:inherit; }
.event-section p, .event-section .rcld-tags a, .event-section .rcrd-tags a { font-weight: 400; }
.event-left .event-image-left { padding-bottom: 66.55%; border-radius: 20px;transition:ease all .3s; }
.ev-details { padding: 30px 0 0; }
.event-section .rcld-tags { margin: 0 0 10px; }
.event-row { display: flex; align-items: center;    margin: 0 0 31px; }
.event-row .rcr-details { width: 60%; padding-left: 30px; }
.event-row .imghidden { float: left; width: 40%; }
.event-row .imghidden .event-image { padding-bottom: 68.60%;transition: all .3s ease; }
.event-right .event-row:last-child { margin-bottom: 0; }
.event-cols a.rs-all { position: static; top: auto; left: auto;color:#814AF4;background: url('https://25824509.fs1.hubspotusercontent-eu1.net/hubfs/25824509/Juniper%20-%20Theme/Vector%20%286%29.png') no-repeat right 5px center/17px auto; font-weight:600 !important;font-size:18px; padding-left:5px; }
.event-cols a.rs-all:hover{ background-position:center right; color:#814af4; padding-left:0; }
.event-left .event-btn { margin: 20px 0 0; }
.event-right  .rcrd-tags { margin: 0 0 10px;}
.event-row:hover .event-image, .event-left:hover .event-image-left { transform: scale(1.1);-webkit-transform: scale(1.1);}
.dw-details { padding: 25px 0 0;}
.dw-details h4, .pt-details h4 { line-height: 120%; letter-spacing: -0.55px; font-size: 22px; }
.dw-details h4 a:hover { color:inherit; }
.dw-btn a { padding-right: 35px; background-image: url('https://25824509.fs1.hubspotusercontent-eu1.net/hubfs/25824509/Juniper%20-%20Theme/Vector%20%288%29.png'); background-repeat: no-repeat; background-position: center right 8px; font-weight: 600 !important; font-size: 18px; transition:ease all 0.4s; padding-left:5px; }
.dw-btn a:hover { background-image:url('https://25824509.fs1.hubspotusercontent-eu1.net/hubfs/25824509/Juniper%20-%20Theme/blue.png'); padding-left:0; background-position: center right; }
.subscribe-right { float: left; width: 40%; border-radius:30px;background-size: cover; background-repeat: no-repeat; background-position: center top;}
.subscribe-left { float: left; width: 58.5%; margin-right: 1.5%; padding: 80px 60px; border-radius: 30px;}
.subscribe-left h2 { line-height: 110%; letter-spacing: -1px; font-size: 40px; padding: 0; margin: 0 0 15px; }
.sbl-text { max-width: 315px; font-size: 18px; line-height: 150%; }
.subscribeForm h3 { display: none; }
.subscribeForm { padding: 15px 0 0; }
.subscribeForm .hs-form-field { margin: 0;width:100%; }
.subscribeForm input.hs-button, .subscribeForm input[type=submit] { margin: 0 !important; background-color: #55B685 !important; padding: 18px 62px 18px 30px !important; border-radius: 10px;     font-family: 'Inter',sans-serif !important;font-size: 16px !important;}
.subscribeForm form { display: flex; align-items: center;}
.hs-input { padding: 16px 20px !important; height: 56px; }
.subscribeForm form label { display: none; }
body .subscribeForm .hs-form-field .hs-input { width: 98% !important;     border: 1.5px solid rgba(24, 0, 56, 0.05) !important;color: #887F8C !important; font-size: 16px !important; font-weight: 600 !important;font-family: 'Inter',sans-serif !important; }
body .subscribeForm .hs-form-field .hs-input.error {border-color:#f00 !important;}
body .subscribeForm .submitted-message { background: #55B685; padding: 10px; border-radius: 10px; text-align: center; color: #fff; font-weight: 600; font-family: 'Inter',sans-serif; }
::placeholder { color: #887F8C !important; font-size: 16px !important; font-weight: 600 !important; }
.pt-image { border-radius: 20px; padding-bottom: 56.25%; background-size: cover; background-repeat: no-repeat; background-position: center center; transition:ease all 0.4s; }
.pt-row:hover .pt-image { padding-bottom:52.25%; }
.pt-row:hover h4 a, .pt-row h4 a:hover { color:#5f5363; }
.pt-details { margin: 20px 0 0; }
.ico-repeater>div { margin-right: 20px; } 
.ico-repeater img { vertical-align: middle;margin-right:5px; }
.ico-repeater { display: flex; }
.ico-repeater>div:last-child { margin-right: 0; } 
.product-training-section { margin: 15px 0; }
.prs-row { float: left; width: 48.5%; margin-right: 3%; margin-bottom: 30px;}
.prs-row:nth-child(2n) { margin-right: 0; }
.prsimg-outer { float: left; width: 30%; }
.prs-details { float: left; width: 70%; padding-left: 30px; }
.prs-image{ padding-bottom: 67.25%; background-size: cover; background-repeat: no-repeat; background-position: center center; border-radius: 20px; position: relative;     transition: ease all .3s;}
.prs-image img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%); padding: 5px; } 
.prs-details h4 { line-height: 120%; letter-spacing: -0.5px; font-size: 20px; font-weight:700; }
.prs-details h4 a:hover { color:#5f5363; }
.rs-all { font-weight: 600 !important; }
.whitepaper-row .reverse-blue .wps-images .wi-third { margin-right: 10px; }
.whitepaper-details h4 br { display: none; }
.prsimg-outer { overflow: hidden; border-radius: 20px; }
.prs-row:hover .prs-image { transform: scale(1.1);-webkit-transform: scale(1.1); }
.subscribeForm ul.no-list.hs-error-msgs.inputs-list li { margin: 0 !important; }
.hcss-full{ position: relative; z-index: 1; }



.herocont-inner { padding: 0px 20px;  }
.herocont-content h1 { font-size: 90px; letter-spacing: -0.48px; line-height: 81px; position: relative; }
.herocont-content h1 span { position: relative; display: inline-block; }
.herocont-content h1 span:before { content: ''; position: absolute; background-image: url(https://25824509.fs1.hubspotusercontent-eu1.net/hubfs/25824509/Juniper%20-%20Theme/Traced.png); width: 100%; height: 100%; bottom: -15px; right: 0; background-repeat: no-repeat; background-position: bottom right; }
.herocont-txt { font-size: 18px; line-height: 27px; padding-top: 20px; }
.herocont-img { background-size: cover; border-radius: 30px; background-position: top center; background-repeat: no-repeat; margin-bottom: 20px; }
.herocont-img:last-child { margin-bottom: 0; }
.herocont-left .herocont-img { width: 200px; height: 200px; }
.herocont-left .herocont-img:nth-child(2) { width: 180px; height: 120px; margin-left: 80px; }
.herocont-right .herocont-img { width: 140px; height: 120px; margin-left: auto; }
.herocont-right .herocont-img:nth-child(2) { width: 230px; height: 220px; }
.herocont-left, .herocont-right { width: 31%; }
.herocont-content { width: 38%; position: relative; }
.herocont-content:before, .herocont-content:after, .herocont-content h1:before, .herocont-content h1:after { content: ''; position: absolute; background-repeat: no-repeat; background-size: contain; }
.herocont-content:before {  background-image: url(https://25824509.fs1.hubspotusercontent-eu1.net/hubfs/25824509/Juniper%20-%20Theme/hero-vector1.svg); width: 63px; height: 68px; left: 0; top: -45px; }
.herocont-content:after { content: ''; position: absolute; background-image: url(https://25824509.fs1.hubspotusercontent-eu1.net/hubfs/25824509/Juniper%20-%20Theme/vector%202.png); width: 125px; height: 59px; top: -25px; right: -80px; }
.herocont-content h1:before { background-image: url(https://25824509.fs1.hubspotusercontent-eu1.net/hubfs/25824509/Juniper%20-%20Theme/vector%203.png); bottom: -30px; height: 31px; left: -30px; width: 82px; }
.herocont-content h1:after { background-image: url(https://25824509.fs1.hubspotusercontent-eu1.net/hubfs/25824509/Juniper%20-%20Theme/vector%204.png); width: 54px; height: 44px; bottom: -25px; right: -15px; }


.ofies-inner { padding-top: 45px; }
.ofies-col { padding: 45px; border-radius: 30px; width: 49%; margin-right: 2%; margin-bottom: 20px; position: relative; padding-bottom: 70px; z-index: 1; }
.ofies-col:nth-child(2n) { margin-right: 0; }
.ofies-title h3 { font-size: 26px; font-weight: 800; letter-spacing: -0.4px; }
.ofies-txt { margin-bottom: 30px; }
.ofies-txt p { margin-bottom: 0; }
.ofies-btn a { border-radius: 10px; color: #180038; font-weight: 600 !important; line-height: 20px; padding: 0px 30px 0px 8px; transition: all .2s ease; }
.ofies-btn a { padding-right: 60px; position: relative; }
.ofies-btn a.arrow:before { border-right: 2px solid #fff; border-top: 2px solid #fff; height: 10px; transform: translateY(-50%) rotate(45deg); width: 10px; }
.ofies-btn a.arrow:after { border-bottom: 2px solid #fff; height: 2px; transform: translateY(-25%); width: 17px; }
.ofies-btn a.arrow:after, .ofies-btn a.arrow:before { content: ""; position: absolute; right: 30px; top: 50%; transition: all .2s ease; }
.ofies-btn a.arrow:hover { padding-right: 65px; padding-left: 0; }
.ofies-btn a.arrow:hover:after, .ofies-btn a.arrow:hover:before { right: 25px; }
.ofies-btn { position: absolute; bottom: 45px; left: 45px; }
.bg-shape:before { content: ''; position: absolute; bottom: 0; background-size: contain; background-repeat: no-repeat; right: 189px; width: 100%; top: auto; min-height: 60px; max-width: 107px; z-index: -1; }
.bg-shape:nth-child(4n+2):before { top: 0; left: 50%; transform: translateX(-50%); right: auto; max-width: 120px; bottom: auto; }
.bg-shape:nth-child(4n+3):before { top: 0; left: 50%; transform: translateX(-50%); right: auto; max-width: 140px; bottom: auto; }
.bg-shape:nth-child(4n):before { top: 31px; left: 57%; transform: translateX(-50%); right: auto; max-width: 150px; bottom: auto; }


.contsprt-sec { position: relative; }
.contsprt-sec:before { content: ''; position: absolute; background-image: url(https://25824509.fs1.hubspotusercontent-eu1.net/hubfs/25824509/Juniper%20-%20Theme/Vector-1.png); width: 100%; height: 20px; bottom: 0; left: 0; }
.contsprt-col { background-color: #fff; padding: 45px; border-radius: 30px; width: 49%; margin-right: 2%; margin-bottom: 20px; }
.contsprt-col:nth-child(2n) { margin-right: 0; }
.contsprt-col .icon-img { margin-bottom: 55px; }
.contsprt-col h3 { font-size: 30px; font-weight: 800; letter-spacing: -0.4px; }
.contsprt-txt { font-size: 18px; line-height: 27px; margin-bottom: 20px; }
.contsprt-txt a { color: #814AF4; text-decoration: underline !important; }
.contsprt-popup { display: none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 9999; }
/* .contpup-inner { position: absolute; max-width: 1320px; width: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%); padding: 94px 20px 64px; } */
.contpup-inner { left: auto; max-width: 1320px; padding: 94px 20px 64px; position: relative; width: 100%; margin: 0 auto; top: 5%; }
.contpup-row { padding: 50px 60px; background-color: #F9F5F0; border-radius: 40px; /*height: calc(100vh - 200px); overflow-y:auto; */}
.contpup-left { width: 40%; padding-right: 55px; }
.contpup-left h3 { font-size: 40px; padding-bottom: 35px; }
.contpup-right { width: 60%; display: flex; flex-wrap: wrap; align-items: center; display: -webkit-flex; -webkit-flex-wrap: wrap; -webkit-align-items: center; } 
.contpup-right span.hs_cos_wrapper { width: 100%; }
.contpup-right h3.form-title { padding: 0; }
.contpup-right li.hs-form-booleancheckbox input+span:before { cursor: pointer; }
.contpup-right fieldset .hs-form-field { margin-bottom: 18px; }
.contpup-right li.hs-form-booleancheckbox label > span a { color: #814AF4; text-decoration: underline !important; }
.contpup-right li.hs-form-booleancheckbox label > span { padding-top: 7px; }
.contpup-right form input[type=submit] { background-color: #180038 ; font-family: Inter,sans-serif; }
.contpup-right form input[type=submit]:hover { background-color: #814af4; }
.contpup-right form .inputs-list > li { margin-bottom: 35px; }
.contpup-right form .hs-im_interested_in .input { position: relative; }
.contpup-right form select { appearance: none; }
.contpup-right form .hs-form-field .input .hs-input, fieldset .input .hs-input { font-family: Inter,sans-serif; }
.contpup-right form .hs-form-field .input select { color:#887F8C; }
.contpup-right form .hs-form-field .input select option { color:#180038; }
.contpup-right form .hs-im_interested_in .input:before { content: ''; position: absolute; width: 9px; height: 9px; top: 50%; border-right: 2px solid #180038; border-bottom: 2px solid #180038; transform: rotate(45deg) translateY(-50%); right: 24px; margin-top: -2px; }
.contpup-right .submitted-message { background: #55B685; text-align: center; padding: 10px; font-weight: bold; font-family: Inter,sans-serif; border-radius: 10px; color: #fff; }
.contsprt-popup.show { display: block; overflow: auto; }
.popup-back { width: 100%; height: 100%; display: inline-block; background-color: rgb(24 0 56 / 60%); top: 0; left: 0; position: fixed; }
.popup-close { width: 64px; height: 64px; border: 2px solid #fff; border-radius: 10px; position: absolute; top: 0; right: 20px; cursor: pointer; }
.popup-close:before, .popup-close:after { content: ''; width: 14px; height: 2px; position: absolute; background-color: #fff; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(45deg); }
.popup-close:after { height: 14px; width: 2px; }
/* width */ 
.contsprt-sec ::-webkit-scrollbar, .lptxtfrm-sec ::-webkit-scrollbar { width: 7px; }
/* Handle */
.contsprt-sec ::-webkit-scrollbar-thumb, .lptxtfrm-sec ::-webkit-scrollbar-thumb { background: transparent; border-radius: 10px; }
.contpup-right form li.hs-form-booleancheckbox input:checked+span:before { background-color: #180038; }
.contpup-right form li.hs-form-booleancheckbox input:checked+span:after { border-color: #fff; }
 
.contpupLinks { display: flex; flex-wrap: wrap; justify-content: space-between; display: -webkit-flex; -webkit-flex-wrap: wrap; -webkit-justify-content: space-between; width: 100%; }
.contpupLinks ul { list-style: none; padding: 0 15px; } 
.contpupLinks ul li { margin: 0 0 10px; }
.contpupLinks ul li a { position: relative; padding-left: 20px; }
.contpupLinks ul li a:before { content: "";   border-left: 2px solid;    border-bottom: 2px solid;    width: 9px;    height: 9px;    position: absolute;    top: 8px;    left: 0;    transform: rotate(-135deg); }



.header--no-navigation { position: absolute; top: 0; left: 0; width: 100%; z-index: 9; background-color: transparent !important; padding: 29px 0; }

.herobm-shape { position: relative; }
.herobm-shape:before { content: ''; position: absolute; width: 100%; height: 30px; left: 0; bottom: -5px; }
.head-subtile { font-size: 18px; color: #55B685; line-height: 27px; margin-bottom: 20px; }
.herolndig-left { width: 50%; }
.herolndig-left h1 { color: #fff; letter-spacing: -0.48px; line-height: 1; }
.herolndig-txt { color: #fff; font-size: 18px; line-height: 27px; padding-top: 20px; }
.herolndig-btn.btns { margin-top: 45px; }
.btns a.bmarrow { padding-right: 60px; position: relative; transition: all .2s ease; }
.btns a.bmarrow:hover { padding-left: 25px; padding-right: 65px; }
.btns a.bmarrow:before { content: ''; position: absolute; background-image: url(https://25824509.fs1.hubspotusercontent-eu1.net/hubfs/25824509/Juniper%20-%20Theme/white-right-arrow.svg); width: 17px; height: 16px; background-size: contain; right: 30px; top: 50%; transform: translateY(-50%) rotate(90deg); transition: all .2s ease; background-repeat:no-repeat;}
.btns a.bmarrow:hover:before { right: 25px; }
.herolndig-left h1 span, .herolndig-box h3 span { position: relative; display: inline-block;}
.herolndig-left h1 span:before { content: ""; position: absolute; background: url(https://25824509.fs1.hubspotusercontent-eu1.net/hubfs/25824509/Juniper%20-%20Theme/lp-hero-bg.svg) no-repeat 0 0/contain; height: 100%; left: 0; top: 7px; width: calc(100% + 12px); margin: 0px -6px; }
.herolndig-left h1 span.bl:before { background: url(https://25824509.fs1.hubspotusercontent-eu1.net/hubfs/25824509/Juniper%20-%20Theme/white%20vector%20line.png) no-repeat 0 0/contain; }
.herolndig-left h1 span.bl:before { background: url(https://25824509.fs1.hubspotusercontent-eu1.net/hubfs/25824509/Juniper%20-%20Theme/white%20vector%20line.png) no-repeat 0 0/contain; background-position: bottom; margin: 0 -12px 0 0; }
.herolndig-right { margin-left: 2.4%; width: 47.6%; background: rgb(255 255 255 / 10%); border-radius: 30px; padding: 70px 105px 0px; }
.herolndig-box { position: relative; background-color: #814AF4; border-radius: 23px 23px 0 0; padding: 20px 25px 15px 30px; }
.herolndig-logo { text-align: right; }
.herolndig-logo img { max-width: 98px !important; }
.heroright-img { width: 49%; margin-right: 2%; }
.heroright-img:nth-child(2n) { margin-right: 0; }
.heroright-img span { display: inline-block; width: 100%; max-width: 160px; height: 160px; background-repeat: no-repeat; background-size: cover; background-position: top center; border-radius: 30px; }
.herolndig-imgbox { display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; margin-top: -15px; padding-bottom: 8px; }
.heroright-img:nth-child(2) span { max-width: 151px; height: 151px; margin-top: 72px; border-radius: 20px; }
.heroright-img:last-child { text-align: right; margin-top: -60px; }
.heroright-img:last-child span { max-width: 105px; height: 105px; border-radius: 22px; }
.heroright-txt { color: #fff; font-size: 9.08px; line-height: 14px; max-width: 230px; }
.herolndig-box h3 { color: #fff; font-size: 36px; letter-spacing: -0.48px; font-weight: 800; line-height: 1; }
.herolndig-box h3 span:before { content: ""; position: absolute; background: url(https://25824509.fs1.hubspotusercontent-eu1.net/hubfs/25824509/Juniper%20-%20Theme/Big%20Circle%20-%20white.png) no-repeat 0 0/contain; left: 0; top: 0; bottom: -5px; width: calc(100% + 12px); margin: 0px -6px; background-size: 100% 100%;  }
.herolndig-box:before { content: ''; position: absolute; background: url(https://25824509.fs1.hubspotusercontent-eu1.net/hubfs/25824509/Juniper%20-%20Theme/Hero%20vector%20Right.png) no-repeat 0 0/contain; width: 73px; height: 78px; top: -55px; right: -55px; }


.lptxtfrm-left { width: 50%; padding-right: 20px; }
.lptxtfrm-right { width: 50%; padding-left: 40px; }
.lptxtfrm-left h2 { font-size: 22px; letter-spacing: -0.4px; font-weight:700; }
.lptxtfrm-txt { padding-top: 15px; }
.lptxtfrm-txt p { margin-bottom: 15px; }
.lptxtfrm-txt a { color: #814AF4; vertical-align: inherit; }
.lptxtfrm-txt ul { padding: 0 0 0 25px; }
.lptxtfrm-txt ul li { margin-bottom: 15px; }
.lpview-frm { background-color: #F9F5F0; padding: 50px; border-radius: 30px; }
.lpview-frm h3.form-title { padding: 0; }
.lpview-frm form fieldset .hs-form-field { margin: 0 0 20px; }
.lpview-frm form input[type=submit] { background-color: #814AF4 ; font-family: Inter,sans-serif; }
.lpview-frm form input[type=submit]:hover { background-color: #6732C0; }
.lpview-frm form .inputs-list > li { margin-bottom: 35px; }
.lpview-frm .mobfrm-title { display: none; }
.lpview-frm .mobfrm-title h3 { font-size: 30px; font-weight: 800; letter-spacing: -0.48px; padding-bottom: 32px; }
.lpview-frm form .hs-richtext, .lpview-frm form .hs-richtext p { font-size: 16px; line-height: 24px; }
.lpview-frm form .hs-richtext a { color: #814af4; display: inline; }

.lpauthr-inner { padding-top: 55px; }
.lpauthr-headtile { padding: 30px 0px 10px; border-top: 1px solid #F1EDE8; }
.lpauthr-headtile h4 { font-size: 16px; line-height: 24px; font-weight: 600; }
.lpauthr-content { background-color: #fff; border: 1px solid #F9F5F0; border-radius: 20px; padding: 20px; transition: all .2s ease; cursor: pointer; }
.lpauthr-content:hover { box-shadow: 0px 5px 15px 0px #1800380D; }
.lpauthr-info { max-width: 450px; }
.lpauthr-row:not(:last-child) { margin-bottom: 25px; }
.lpauthr-img { width: 80px; height: 80px; background-position: top center; border-radius: 50%; background-repeat: no-repeat; background-size: cover; }
.lpauthr-rght { width: calc(100% - 80px); padding-left: 20px; }
.lpauthr-rght h5 { font-size: 16px; line-height: 24px; font-weight: 600; color: #814AF4; padding-bottom: 0; }
.lpauthr-subtxt { font-size: 14px; line-height: 19.6px; }
.lpauthr-popup { display: none; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 11; }
.authrpup-inner { position: absolute; max-width: 880px;  width: 100%; left: 50%; top: 50%; transform: translate(-50%,-50%); padding: 94px 20px 64px; }
.authrpup-content { background-color: #fff; padding: 60px; border-radius: 25px; }
.authrpup-content h2 { font-size: 40px; padding-bottom: 10px; line-height: 44px; }
.authrpup-subtxt { font-size: 22px; letter-spacing: -0.4px; line-height: 26.4px; font-weight: 700; margin-bottom: 40px; }
.authrpup-left { width: calc(100% - 120px); padding-right: 100px; }
.authrpup-right { width: 120px; height: 120px; background-position: top center; border-radius: 50%; background-repeat: no-repeat; background-size: cover; }
.lpauthr-popup.open { display: block; }
.lpauthr-popup .popup-back { background-color: #1800381A; }
.lpview-frm .submitted-message { color: #55B685; padding: 10px; border-radius: 10px; text-align: center; font-weight: 600; font-family: 'Inter',sans-serif; }
form li.hs-form-booleancheckbox input:checked+span:before { background-color: #180038; }
form li.hs-form-booleancheckbox input:checked+span:after { border-color: #fff; }
.lpview-frm form li.hs-form-booleancheckbox input+span:before { cursor: pointer; }



.herocaer-left { width: 40%; position: relative; }
.herocaer-left:before { content: ''; position: absolute; background: url(https://25824509.fs1.hubspotusercontent-eu1.net/hubfs/25824509/Juniper%20-%20Theme/trust-icon.svg) no-repeat 0 0/contain; top: -22px; left: -49px; width: 55px; height: 45px; transform: rotate(-107deg); }
.herocaer-left h1 { letter-spacing: -0.48px; line-height: 1; }
.herocaer-txt { padding-top: 25px; font-size: 18px; line-height: 27px; }
.herocaer-btn.btns { margin-top: 45px; }
.herocaer-right { width: 60%; padding-left: 54px; }
.hrcaer-stats { position: relative; background-color: #8EE4BA; border-radius: 30px; padding: 35px 25px 30px; margin-left: 100px; }
.hrcaer-num { margin-top: 40px; font-size: 80px; line-height: 1; font-weight: 300; letter-spacing: -4px; }
.hrcaer-num > span { font-size: 18px; font-weight: 400; line-height: 27px; letter-spacing: 0; width: 100%; display: inline-block; float: left; margin-top: 5px; }
.hrcaer-image { width: 100%; margin-top: 20px; padding: 61.66% 0 0; border-radius: 30px; /* min-height: 260px; */ background-repeat: no-repeat; background-size: cover; background-position: top center; }
.hrcaer-left { width: 61%; display: flex; flex-wrap: wrap; justify-content: right; display: -webkit-flex; -webkit-flex-wrap: wrap; -webkit-justify-content: right;}
.hrcaer-right { width: 36.3%; padding: 40px 0px; }
.hrcaer-right .hrcaer-image { height: 100%; margin: 0; padding: 0; }
.hrcaer-left .hrcaer-stats:before { content: ''; position: absolute; background: url(https://25824509.fs1.hubspotusercontent-eu1.net/hubfs/25824509/Juniper%20-%20Theme/heart.svg) no-repeat 0 0/contain; width: 57px; height: 59px; right: -20px; top: -24px; }
 

.whywrk-left { width: 50%; position: relative; border-radius: 50px; }
.whywrk-left img { border-radius: 50px; }
.whywrk-left:before { background: url(https://25824509.fs1.hubspotusercontent-eu1.net/hubfs/25824509/Juniper%20-%20Theme/wwwu.svg) no-repeat 0 0/contain; content: ""; height: 70px; position: absolute; right: -85px; top: 124px; width: 115px; } 
.whywrk-right { width: 50%; padding: 73px 20px 128px 90px; }
.whywrk-right h2 { letter-spacing: -.48px; }
.whywrk-txt { padding-top: 25px; }
.whywrk-btn { margin-top: 35px; }
.whywrk-left.mobimg { display: none; }
.srvie-inner { margin: 0px -17px; width: calc(100% + 34px); }
.srvie-col { width: 30.66%; margin: 0 1.3% 25px; }
.srvie-content { padding-top: 30px; transition: all .2s ease; }
.srvie-content h4 { font-size: 26px; letter-spacing: -0.4px; }
.srvie-txt { color: #3B3049; }
.srvie-col .icon-img { padding: 70px; border-radius: 20px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; display: -webkit-flex; -webkit-flex-wrap: wrap; -webkit-align-items: center; -webkit-justify-content: center; min-height: 200px; }
.srvie-col .icon-img img { transition: all .2s ease; }
.srvie-col:hover .icon-img img { transform: scale(1.1); }
.srvie-col:hover .srvie-content { padding-top: 20px; padding-bottom: 10px; }


.workwth-inner .rs-left h2 span:after { background-image: url(https://25824509.fs1.hubspotusercontent-eu1.net/hubfs/25824509/Juniper%20-%20Theme/work-with-us.svg); }
.real-solution.workwth-sec h2 { letter-spacing: -0.48px; padding-bottom: 25px; }
.workwth-inner .rsl-text { max-width: 465px; }
.real-solution.workwth-sec .wrapper-xl:after { background-image: url(https://25824509.fs1.hubspotusercontent-eu1.net/hubfs/25824509/Juniper%20-%20Theme/wwu-top.svg); left: 0; right: auto; width: 87px; }
.workwth-inner .rsr-image:nth-child(3n+1) { width: 280px; height: 280px; margin-top: 100px; }
.workwth-inner .rsr-image:nth-child(3n+2) { width: 200px; height: 200px; margin-top: 0; }
.workwth-inner .rsr-image:nth-child(3n) { width: 290px; height: 290px; margin-top: 0;margin-left: 0; margin-top: 20px;margin-left:20px; position:relative;}

.ees-section .slick-track { display: flex !important; justify-content: center; }
.ees-cols .slick-list .slick-slide {height:auto !important;}
.ees-cols .slick-list .slick-slide>div, .ees-cols .ees-col { height: 100%;}
.workwth-inner .rsr-image:first-child:after { opacity: 0; }
.workwth-inner .rs-left:after { background: url('https://25824509.fs1.hubspotusercontent-eu1.net/hubfs/25824509/Juniper%20-%20Theme/realsolution-green.svg') no-repeat top/contain; content: ""; height: 105px; right: 70px; position: absolute; top: 93%; transform: translate(-60%,-30px); width: 157px; transform: rotate(45deg); }
.workwth-inner .rs-left { position: relative; }
.workwth-inner .rsr-image:nth-child(3n):before { position: absolute; content: ''; right: -30px; top: -60px; background-image: url('https://25824509.fs1.hubspotusercontent-eu1.net/hubfs/25824509/Juniper%20-%20Theme/Frame.svg'); background-size: contain; background-repeat: no-repeat; background-position: 100%; opacity: 1; width: 81px; height: 66px; }



.heroabut-sec { position: relative; }
.heroabut-header { max-width: 660px; margin: 0 auto; }
.heroabut-header h1 { letter-spacing: -0.48px; position: relative; display: inline-block; font-size: 90px; line-height:1; }
.heroabut-txt { font-size: 18px; padding-top: 10px; position: relative; padding-bottom: 105px; line-height:27px; }
.heroabut-header h1:after { content: ''; position: absolute; background: url(https://25824509.fs1.hubspotusercontent-eu1.net/hubfs/25824509/Juniper%20-%20Theme/title-right.svg)no-repeat 0 0/contain; width: 70px; height: 76px; top: -38px; transform: rotate(-40deg); right: -55px; }
.heroabut-header h1:before { content: ''; background: url(https://25824509.fs1.hubspotusercontent-eu1.net/hubfs/25824509/Juniper%20-%20Theme/Frame-bl.svg)no-repeat 0 0/contain; width: 136px; position: absolute; height: 136px; left: -136px; bottom: 18px; }
.heroabut-txt:before { content: ''; position: absolute; background: url(https://25824509.fs1.hubspotusercontent-eu1.net/hubfs/25824509/Juniper%20-%20Theme/bottom-gr.svg)no-repeat 0 0/contain; width: 142px; height: 107px; bottom: 0; left: 66%; transform: translateX(-50%); }
.heroabut-inner { padding-top: 25px; }
.hrabut-stats { padding: 35px 25px; border-radius: 30px; }
.hrabut-left { width: 24.2%; }
.hrabut-num { margin-top: 90px; font-size: 80px; font-weight: 300; letter-spacing: -4px; line-height: 1; }
.hrabut-num > span { display: inline-block; float: left; font-size: 18px; font-weight: 400; letter-spacing: 0; line-height: 27px; margin-top: 5px; width: 100%; }
.hrabut-image { background-position: top center;; background-repeat: no-repeat; background-size: cover; border-radius: 30px; margin-top: 20px; padding-top: 60.8%; }
.hrabut-right { width: 33.85%; display: flex; flex-wrap: wrap; flex-direction: column-reverse; display: -webkit-flex; -webkit-flex-wrap: wrap; -webkit-flex-direction: column-reverse; }
.hrabut-right .hrabut-image { margin-top: 0; margin-bottom: 20px; padding-top: 73%; }
.hrabut-right .hrabut-num { margin-top: 29px; }
.hrabut-center .hrabut-top { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; display: -webkit-flex; -webkit-flex-wrap: wrap; -webkit-justify-content: space-between; } 
.hrabut-center .hrabut-num { margin-top: 40px; }
.hrabut-top .hrabut-stats { width: 48%; }
.hrabut-top .hrabut-image { margin-top: 0;  width: 48%; padding: 0; }
.hrabut-center { width: 38.7%; }
.hrabut-left .hrabut-image { padding-top: 80.66%; }
.heroabut-sec:before { content: ''; position: absolute; background: url(https://25824509.fs1.hubspotusercontent-eu1.net/hubfs/25824509/Juniper%20-%20Theme/herogr-vector.svg)no-repeat 0 0/contain; max-width: 72px; height: 83px; left: 0; top: 21%; transform: translateY(-21%); width: 100%; }
.heroabut-sec:after { content: ''; position: absolute; background: url(https://25824509.fs1.hubspotusercontent-eu1.net/hubfs/25824509/Juniper%20-%20Theme/hero-vector.svg)no-repeat 0 0/ contain; height: 98px; width: 137px; right: 0; top: 14%; transform: translateY(-16%); }

.abutxtimg-left { width: 50%; }
.abutxt-image { border-radius: 30px; padding: 56px 30px 40px; max-width: 600px; position: relative; height:100%; display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: flex-end; } 
.abutxtimg-right { width: 50%; padding: 80px 0 120px 90px; }
.abutxtimg-right h2 { font-size: 40px; letter-spacing: -0.75px; padding-bottom: 45px; position: relative; }
.abutxtimg-left img { max-width: 490px !important; width: 100%; }
.abutxtimg-right h2:before { content: ''; position: absolute; background: url(https://25824509.fs1.hubspotusercontent-eu1.net/hubfs/25824509/Juniper%20-%20Theme/bottom-arrow.svg)no-repeat 0 0/ contain; width: 100px; height: 88px; right: -80px; top: 70px; }

.ourstry-header { padding-right: 150px; position: relative; }
.ourstry-header h2 { letter-spacing: -0.48px; line-height: 52.5px; }
.ourstry-headtxt { font-size: 18px; padding-top: 10px; line-height: 27px; }
.ourstry-content { background-color: #fff; padding: 45px 25px; border: 1px solid #F9F5F0; border-radius: 30px; box-shadow: 0 5px 15px 0 #1800380D;     position: relative; }
.ourstry-col { padding: 20px; display: flex !important; height: 100%; display: -webkit-flex !important; }
.ourlogo-img { margin-bottom: 45px; width: 100%; }
.ourstry-content h5 { color: #55B685; letter-spacing: -0.4px; }
.ourstry-txt { color: #3B3049; }
.ourstry-header .slick-Prev, .ourstry-header .slick-Next { display: inline-block; position: relative;  background: transparent; font-size: 0; border: 2px solid#3B3049; padding: 0; width: 60px; height: 60px; border-radius: 10px; transition: all .2s ease;  cursor: pointer; }
.ourstry-header .slick-Prev { margin-right: 10px; }
.ourstry-header .slick-Next:before, .ourstry-header .slick-Prev:before { content: ''; position: absolute; width: 17px; height: 2px; border-top: 2px solid #180038; top: 50%; left: 50%; transform: translate(-50%, -40%); transition: all .2s ease; }
.ourstry-header .slick-Next:after, .ourstry-header .slick-Prev:after { content: ''; position: absolute; width: 10px; height: 10px; transform: translateY(-50%) rotate(45deg); top: 50%; left: 45%; transition: all .2s ease; }
.ourstry-header .slick-Next:after { border-top: 2px solid #180038; border-right: 2px solid #180038; }
.ourstry-header .slick-Prev:after { border-bottom: 2px solid #180038; border-left: 2px solid #180038; right: 45%; left: auto; }
.ourstry-header .slick-Prev.slick-disabled, .ourstry-header .slick-Next.slick-disabled,
.ourstry-header .slick-disabled.slick-Prev:before, .ourstry-header .slick-disabled.slick-Next:before,
.ourstry-header .slick-disabled.slick-Prev:after, .ourstry-header .slick-disabled.slick-Next:after { border-color: #3b30494d; }
.ourstry-header .slick-Prev:hover, .ourstry-header .slick-Next:hover,
.ourstry-header .slick-Prev:hover:before, .ourstry-header .slick-Next:hover:before,
.ourstry-header .slick-Prev:hover:after, .ourstry-header .slick-Next:hover:after { border-color: #814AF4; }
.ourstry-header .slick-Prev.slick-disabled:hover, .ourstry-header .slick-Next.slick-disabled:hover,
.ourstry-header .slick-disabled.slick-Prev:hover:before, .ourstry-header .slick-disabled.slick-Next:hover:before,
.ourstry-header .slick-disabled.slick-Prev:hover:after, .ourstry-header .slick-disabled.slick-Next:hover:after { border-color: #3b30494d; }
.ourstory-sec { overflow-x: hidden; }
.ourstory_slider .slick-list { overflow: visible; display: flex; }
.ourstory_slider { position: relative; z-index: 1; margin-left: -20px; width: calc(100% + 20px) !important; padding-top: 40px; }
.ourstory_slider:before { content: ''; position: absolute; width: 100%; height: 100%; background-color: #fff; left: -100%; top: 0; z-index: 1; }
.ourstory_slider .slick-track, .ourstory_slider .slick-slide  { display: flex !important; display: -webkit-flex !important; }
.ourstry-content a.ourstry-link { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
.ourstry-header .Arrows { display: inline-block; position: absolute; top: 0; right: 0; }



.junifm-tpimg:before { content: ''; position: absolute; width: 100%; height: 30px; top: -5px; left: 0; }
.tile-shape h2 { position: relative; display: inline-block; }
.tile-shape h2:before { background: url(https://25824509.fs1.hubspotusercontent-eu1.net/hubfs/25824509/Juniper%20-%20Theme/realsolution-green.svg) no-repeat top/contain; content: ""; height: 95px; position: absolute; right: -150px; top: 40px; width: 140px; transform: rotate(250deg); z-index: 1; }

.abwork-sec {  position: relative; }
.abwork-left { width: 33%; }
.abwork-left h2 { font-size: 60px; letter-spacing: -0.48px; padding-bottom: 35px; }
.abwork-left h2 span { position: relative; }
.abwork-left h2 span:before { content: ''; position: absolute; background: url(https://25824509.fs1.hubspotusercontent-eu1.net/hubfs/25824509/Juniper%20-%20Theme/hero-title-vector.svg)no-repeat 0 0/contain; width: 100%; height: 14px; bottom: -6px; left: 0; }
.abwork-btn { margin-top: 45px; }
.abwork-right { width: 67%; padding-left: 90px; position: relative; }
.abwrk-left { width: calc(100% - 250px); padding-right: 20px; }
.abwrk-right { max-width: 250px; width: 100%; }
.abwrk-stats { border-radius: 30px; padding: 35px 25px 30px; width: 48%; margin-bottom: 20px; }
.abwrk-num { font-size: 80px; font-weight: 300; letter-spacing: -4px; line-height: 1; margin-top: 29px; }
.abwrk-num > span { display: inline-block; float: left; font-size: 18px; font-weight: 400; letter-spacing: 0; line-height: 27px; margin-top: 5px; width: 100%; }
.abwrk-image { background-position: top; background-repeat: no-repeat; background-size: cover; border-radius: 30px; padding-top: 55.24%; }
.abwrk-right .abwrk-image { height: 100%; }
.abwork-right:after { content: ''; position: absolute; background: url(https://25824509.fs1.hubspotusercontent-eu1.net/hubfs/25824509/Juniper%20-%20Theme/hero-vector2.svg)no-repeat 0 0/contain; width: 140px; height: 140px; bottom: 26px; left: -20px; }
.abwork-right:before { content: ''; position: absolute; background: url(https://25824509.fs1.hubspotusercontent-eu1.net/hubfs/25824509/Juniper%20-%20Theme/hero-vector1.svg) no-repeat 0 0/contain; width: 75px; height: 80px; right: -45px; top: -65px; transform: rotate(100deg); }
.abwork-sec:before { content: ''; position: absolute; background: url(https://25824509.fs1.hubspotusercontent-eu1.net/hubfs/25824509/Juniper%20-%20Theme/pink-top.svg)no-repeat 0 0/contain; width: 100%; height: 30px; top: -4px; left: 0; }

.abproct-header h2 { letter-spacing: -0.48px; line-height:52.5px; }
.abproct-left { width: 23%; float: left; }
.abproct-right { width: calc(77% + 1.4%); float: left; padding-left: 35px; margin-left: -1.2%; margin-right: -1.2%; height: auto !important; }
.abproct-left ul.filter { padding-bottom: 0; list-style: none; }
.abproct-left ul.filter > li { font-size: 18px; color: #180038; background-color: #FFF; font-weight: 500; line-height: 25px; padding: 20px 22px; margin-bottom: 5px; border-radius: 10px; transition: all .3s ease; cursor: pointer; }
.abproct-left ul.filter > li:hover { background-color: #F9F5F0; }
.abproct-left ul.filter > li.active { background-color: #814AF4; color: #fff; }
.abproct-col { width: 30.9%; margin: 0 1.2% 20px; margin-bottom: 20px; position: relative !important; left: auto !important; top: auto !important; display: flex; /*position: static !important;*/ transition: all ease 0.5s; }
.abproct-content { background-color: #F9F5F0; padding: 45px 25px 65px; border-radius: 30px; position: relative; }
.abproct-logo { padding-bottom: 25px; }
.abproct-col h5 { letter-spacing: -0.4px; }
.abproct-txt { color: #3B3049; margin-bottom: 45px; letter-spacing: -0.1px; }
.abproct-btn a { font-size: 18px; line-height: 18px; font-weight: 600 !important; padding: 0px 5px; transition: all .2s ease; }
.abproct-btn a.arrow { padding-right: 60px; position: relative; transition: all .2s ease; }
.abproct-btn a.arrow:before { content: ""; position: absolute; right: 30px; top: 50%; border-right: 2px solid #fff; border-top: 2px solid #fff; height: 10px; transform: translateY(-50%) rotate(45deg); width: 10px; transition: all .2s ease; }
.abproct-btn a.arrow:after { content: ""; position: absolute; right: 30px; top: 50%; border-bottom: 2px solid #fff; height: 2px; transform: translateY(-25%); width: 17px; transition: all .2s ease; }
.abproct-btn a.arrow:hover { padding-left: 0; padding-right: 65px; }
.abproct-btn a.arrow:hover:after, .abproct-btn a.arrow:hover:before { right: 25px; }
.abproct-btn { position: absolute; width: auto; left: 25px; bottom: 45px; }
.abproct-inner { padding-top: 60px; overflow: hidden; }
.abproct-left > span { display: none; }

.body-container--resources .wpsleft h2 span:first-child { background-image: url(https://25824509.fs1.hubspotusercontent-eu1.net/hubfs/25824509/Juniper%20-%20Theme/Vector.png); }
.body-container--resources .wpsleft h2 span:last-child { background-image: none; }
.body-container--resources .csbox-section .rs-all:focus { background:url(https://25824509.fs1.hubspotusercontent-eu1.net/hubfs/25824509/Juniper%20-%20Theme/right-arrow.svg) no-repeat right 5px center/17px auto; color:#180038; padding-right:34px; }
.shape-activated .rcr-row .imghidden { height: 120px; left: 0; overflow: hidden; padding: 0; position: absolute; top: 0; width: 120px; }
.shape-activated .rcr-row .rcr-image{    transition: all .4s ease;}
.trust-tab-menu ul li a{ transition: all .2s ease;}
.trust-tab-menu ul li a:hover {  min-width: 121px;  margin-left: -10px;}
.resource-section.mix-rc .rc-right .imghidden { height: 120px; left: 0; overflow: hidden; padding: 0; position: absolute; top: 0; width: 120px; }
.resource-section.mix-rc .rc-right .rcr-row:hover .rcr-image { transform: scale(1.1); -webkit-transform: scale(1.1);}
.resource-section.mix-rc  .imghidden .rcr-image, .resource-section.mix-rc  .imghidden .rcl-image{    transition: all .4s ease;}
.bigtile-shape form select { color: #887F8C !important; }
body .css-main-section h2 strong { font-weight: 800;}
.css-Img .statebox {z-index:1;}
.post-right-content .wp-block-qala-blocks-cta h2, .post-right-content .wp-block-qala-blocks-cta * { color: #fff; }
.post-right-content .wp-block-qala-blocks-cta h2 a, .wp-block-qala-blocks-cta h2 a mark { color: #fff; text-decoration: none !important; border: 0; } 
.post-right-content .wp-block-qala-blocks-call-to-action__content { padding: 20px; border-radius: 30px; }

/* privacy policy */
.prifulltxt-txt { max-width: 660px; margin: 0 auto; }
.prifulltxt-btn { margin-top: 30px; margin-right: 0; }
.policy-col h3 { font-size: 30px; line-height: 36px; letter-spacing: -0.4px; font-weight: 800; }
.policy-col:not(:last-child) { margin-bottom: 30px; }
.contsprt-sec span.popup-back { background: #e4e2df;}
.resource-section.shape-activated .rcrd-tags a, .resource-section.shape-activated .rcld-tags a { background: transparent!important; padding-left: 0;  padding-right: 0;}
.prs-details .rcrd-tags a, .press-release-section  p { font-weight: 400; }
.filter-content.active .flcbox { display: none !important;}
.filter-content.active .flcbox.active { display: block !Important; }
.filter-content.active .flcbox.active:nth-child(3n) { margin-right: 2.75%; }
.filter-content.active .flcbox.dw-row.active:nth-child(3n) { margin-right: 2%;}
.filter-content.active .flcbox.active:last-child { margin-right: 0; }
.tccfs-right form .hs-richtext p { font-style: normal; font-weight: 400; line-height: 150%; font-size: 13px; font-family: Inter,sans-serif; color: #180038;}
.tccfs-right form label:not(.hs-error-msg), .tccfs-right form label:not(.hs-main-font-element) { font-size: 16px; font-style: normal; font-weight: 600; line-height: 100%; color: #887F8C; font-family: Inter,sans-serif; }
.tccfs-right form li.hs-form-booleancheckbox label { color: #180038; font-family: Inter,sans-serif; font-size: 13px; line-height: 19.6px; }
.tccfs-right .hs_error_rollup label.hs-main-font-element { font-size: 12px !important; line-height: 1.2 !important; color: rgb(239, 107, 81) !important; font-weight: normal !important; }
.tccfs-right form .hs-richtext, .tccfs-right form .hs-richtext p { margin: 0; }
.hr-flat-img img { height: 100% !important; width: 100% !important; object-fit: cover; } 
.hr-flat-img { min-height: 300px; margin-top: 20px;  margin-bottom: 5px;}
.hscssr-logo-box { width: 250px; height: 250px; padding: 30px 40px; background: #fff; display: flex; align-items: center; justify-content: center; }
.mb-inside .hs-video-widget, .mb-inside iframe { border-radius: 15px 15px 0 0; }
.mb-image .mb-inside .hs-video-widget, .mb-image .mb-inside iframe { border-radius: 8.5px 8.5px 0 0; }


.hrwhitepr-sec .herolndig-left h1 span:before { display: none; }
.whifeatu-img > img { width: 100%; border-radius: 23px 23px 0 0; }
.whifeatu-img { position: relative; max-width: 380px; margin: 0 auto; }
.whifeatu-img:before { background: url(https://25824509.fs1.hubspotusercontent-eu1.net/hubfs/25824509/Juniper%20-%20Theme/Hero%20vector%20Right.png) no-repeat 0 0/contain; content: ""; height: 78px; position: absolute; right: -55px; top: -55px; width: 73px; }
.hrwhie-topic a { color: #55b685 !important; font-size: 18px; line-height: 27px; margin-bottom: 20px; }

.header-logo .hs-right, .header-logo .hsl-menu, .header-logo .menu-trigger { display: none; }
.header-logo .header-section { padding: 29px 0px !important; }
.header-logo .wrapper-xl { max-width: 1280px; }

.hrcase-blogsec .hcss-left h1 { letter-spacing: -.48px; line-height: 1; }
.hrcase-blogsec .hcss-left h1>span:before { display: none; }
.hrcase-blogsec .hrcase-btn a { border-radius: 6px; font-size: 14px; font-weight: 400; line-height: 16px; padding: 6px 12px; background: #E3CBFC; color: #180038; border-color: #E3CBFC; }
.hrcase-blogsec .hrcase-btn a:hover { background: #180038; color: #FFFFFF; border-color: #180038; }
.hrcase-blogsec .hcssr-top { width: 100%; background-repeat: no-repeat; background-size: cover; background-position: top center; padding-top: 58.41%; overflow: inherit; }
.hrcase-blogsec .hcss-right { width: 52%; padding-left: 15px; }
.hrcase-blogsec .hcssr-bottom { margin: 220px 0 0 15px; overflow: inherit; }


.contecase-blogsec .ccs-right span.hs_cos_wrapper img { border-radius: 30px; margin: 25px 0 40px; }
.contecase-blogsec .ccsl-text { font-size: 14px; line-height: 19.6px; }
.contecase-blogsec .ccs-right span.hs_cos_wrapper h4 { letter-spacing: -.4px; }
.heroblog-section .hbs-inner .hbs-text { float: none; }  


.download-section .dw-row { width: 33.33%; margin-right: 0 !important; padding: 0 12px; }
.download-section .cs-box-cols.filter-content { margin: 0 -12px; }

.whitepaper-section .wi-first img, .whitepaper-single-section .wi-first img { width: 105px; height: 105px !important; object-fit: cover; border-radius: 20px; }
.whitepaper-section .wi-second img, .whitepaper-single-section .wi-second img { border-radius: 20px; width: 70px !important; height: 70px !important; object-fit: cover; }
.whitepaper-section .wi-third img, .whitepaper-single-section .wi-third img { width: 100px; height: 100px !important; border-radius: 20px; margin-left: 5px; object-fit: cover; }
.whitepaper-section .wps-blue.reverse-blue .wi-third img { margin-left: 0; margin-right: 5px; }
.whitepaper-section .wps-blue.reverse-blue .wi-first img { width: 70px !important; height: 70px !important; }
.whitepaper-section .wps-blue.reverse-blue .wi-second img { width: 105px !important; height: 105px !important; }
/* .head-searchbar .hs-search-field { max-width: 900px; margin: 0 auto; width: 90%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } */
.head-searchbar .hs-search-field { left: 50%; margin: 0 auto; max-width: 900px; width: 90%; padding: 5% 0; }
.head-searchbar { position: fixed; top: 0; left: 0; height: 100vh; background: #180038; z-index: 99999999; width: 100%;overflow: auto; }
.head-searchbar .hs-search-field input { font-family: Inter,sans-serif; font-weight: 600; font-size: 16px; }
/* .head-searchbar { display: flex; align-items: center; } */
.head-searchbar .hs-search-field input::placeholder { color: #fff !important; }
.head-searchbar .hs-search-field input { font-family: 'Inter',sans-serif; font-size: 16px; font-weight: 600; background-color: transparent; color: #fff; outline: 0 !important;     border-radius: 10px;}
.head-searchbar ul.hs-search-field__suggestions {  list-style: none; padding: 0; margin: 0; margin-top: -12px; border-radius: 0 0 10px 10px;}
.head-searchbar ul.hs-search-field__suggestions li { border-bottom: 2px solid #fff; color: #fff; padding: .7rem; font-weight: 600; }
.head-searchbar ul.hs-search-field__suggestions li:last-child { border-bottom: 0; }
.head-searchbar ul.hs-search-field__suggestions li a { color: #fff; }
.head-searchbar .hs-search-field--open ul.hs-search-field__suggestions {border: 2px solid #fff; border-top: 0;}
.head-searchflex { height: 100%; display: flex; align-items: center;display: -webkit-flex; -webkit-align-items: center; }
.head-searchbar ul.hs-search-field__suggestions li#results-for { padding-top: 30px;}
.head-searchbar::-webkit-scrollbar { width: 0px; } .head-searchbar::-webkit-scrollbar-track { background: transparent; } .head-searchbar::-webkit-scrollbar-thumb { background: transparent; } .head-searchbar::-webkit-scrollbar-thumb:hover { background: transparent; }
/* .head-searchbar form button { background-color: #814AF4; border-color: #814AF4; position: absolute; top: 0; right: 0; padding-left: 30px; padding-right: 30px; border-radius: 10px; } */
.head-searchbar form { position: relative; }
.head-searchbar form button svg { fill: #fff; height: 20px; width: 20px; }
.head-searchbar form button { position: absolute; top: 16px; right: 20px; border-radius: 0; padding: 0; background: transparent; border: 0; }
.search-close-btn:before, .search-close-btn:after { position: absolute; content: ''; height: 2px; width: 100%; background: #fff; transform: rotate(45deg); -webkit-transform: rotate(45deg); top: 19px; } 
.search-close-btn:after { transform: rotate(-45deg);-webkit-transform: rotate(-45deg); } 
.search-close-btn { position: fixed; right: 40px; top: 40px; height: 40px; width: 40px; cursor: pointer; }
.openSearchbar .head-searchbar{display:block;}
body .systems-page--search-results { padding: 150px 0; }
body .systems-page--search-results .hs-search-results a { font-weight: 600 !important; color: #180038;    line-height: 1.2;font-size: 20px; }
body .systems-page--search-results .hs-search-results * { font-family: Inter,sans-serif; color: #180038; }
body .systems-page--search-results .hs-search-results .hs-search-results__listing li { border-top: 1px solid; padding-top: 20px;  padding-bottom: 10px; }
body .systems-page--search-results .hs-search-results .hs-search-results__listing .hs-search-results__description { padding-top: 0;}
body .systems-page--search-results h1 { font-size: 50px;}
body .systems-page--search-results  .hs-search-results__pagination a { font-size: 16px !important; }
.purple-effect-active .dw-btn a { color: #814af4; background-image: url('https://25824509.fs1.hubspotusercontent-eu1.net/hubfs/25824509/Juniper%20-%20Theme/blue.png'); }
.whitepaper-single-section .wps-blue.single-blue .wps-images { margin-bottom: 40px;}
.whitepaper-single-section .wi-third img { width: 135.521px;  height: 135.521px !important;margin-left: 10px;}
.whitepaper-single-section .wi-first img { width: 139.809px; height: 139.809px !important; }
.whitepaper-single-section .wi-second img { width: 95.207px !important; height: 94.35px !important; }
.ourstry-content {position: relative; padding-top: 150px;}
.ourlogo-img { margin-bottom: 0; width: 100%; position: absolute; top: 0; left: 0; display: flex; align-items: center; justify-content: center; padding: 45px 20px 45px; }
.ourlogo-img img { max-height: 60px; object-fit: contain; }
body .ourstry-content { display: block;}
.hub-searchbar input { border: 2px solid #180038 !important; padding: 19px 16px !important; border-radius: 10px !important; color: #180038 !important; font-family: Inter,sans-serif !important; font-weight: 600 !important; font-size:16px !Important;padding-right: 40px !important;    outline: 0 !important;}
.hub-searchbar { position: absolute; right: 0; min-width: 230px; top: -17px; z-index: 9; }
.hub-searchbar input::placeholder { color: #180038 !important; font-weight: 600 !important;font-size:16px !Important; }
.hub-searchbar form button svg { fill: #180038; height: 20px; width: 20px;     display: none;}
/* .hub-searchbar form button { position: absolute; top: 16px; right: 20px; border-radius: 0; padding: 0; background: transparent; border: 0; } */
.hub-searchbar form { position: relative; }
.hsr-search { position: relative;}
.hub-searchbar form button { background: transparent; border: 0; border-radius: 0; padding: 0; position: absolute; right: 16px; top: 50%; transform: translateY(-50%); width: 20px; height: 20px; margin:1px 1px 0 0; }
.hub-searchbar form button:before { position: absolute; content: ''; right: 20px; top: 1px; left: 0; width: 17px; height: 17px; background-image: url('https://25824509.fs1.hubspotusercontent-eu1.net/hubfs/25824509/Juniper%20-%20Theme/search-icon.svg'); background-repeat: no-repeat; background-position: center center; }
.hub-searchbar ul.hs-search-field__suggestions {  list-style: none; padding: 0; margin: 0; margin-top: -15px; border-radius: 0 0 10px 10px;}
.hub-searchbar ul.hs-search-field__suggestions li { border-bottom: 2px solid #180038; color: #180038; padding: 10px 16px; font-weight: 600; }
.hub-searchbar ul.hs-search-field__suggestions li:last-child { border-bottom: 0; }
.hub-searchbar ul.hs-search-field__suggestions li a { color: #180038; }
.hub-searchbar .hs-search-field--open ul.hs-search-field__suggestions {border: 2px solid #180038; border-top: 0;background: #fff;}
.hub-searchbar  ul.hs-search-field__suggestions li#results-for { padding-top: 23px;}
.hs-right {position:relative;}
/* .hub-searchbar { min-width: 230px; position: absolute; right: 76%; top: 0; z-index: 9; } */
.hsr-search img { vertical-align: -webkit-baseline-middle; }
.scr-outer { position: relative;}
.openSearchbar .hub-searchbar { display: block;}
.ourstory_slider .slick-slide div { width: 100%; }
.grad-loading .wow { visibility: hidden;}


/* Responsive CSS */


@media(min-width:768px){
  .ofies-sec .ofies-content { display: block !important; height: auto !important; }
  .herocaer-sec .hrcaer-right img { display: none;}

  .header-logo .wrapper-xl { max-width: 700px; }
   
  .hrcase-blogsec .hscssr-logo-box { border-radius: 40px; }
  .contentcs-section.contecase-blogsec .ccsl-addrows .ccsla-row:nth-child(2) { display: block; }
}

@media(min-width: 992px){
  .abproct-left ul.filter {  display: block !important; height: auto !important; }
  .btns-label, .btns-label2 {display:none !Important;}
  .mb-show {display:none;}
  .tccf-section.bigtile-shape .tccfs-left .tccfsl-text { max-width: 521px; }
  .tccf-section.bigtile-shape .tccfs-left h2 { font-size: 60px; letter-spacing: -1.8px; margin: 0 0 13px; }
  body .css-main-section h2 .hidedesk {display:none;}
  
  .btns-repeat-row ul { display: block !important; height:auto !Important; }
  
  .header-logo .wrapper-xl { max-width: 960px; }  
  .child-wrap:before { position: fixed; content: ''; top: 108px; left: 0; width: 100%; height: 100vh; background: #18003866; display:none;}
  .child-wrap:hover:before{display:block;}
  .header-section{ z-index: 9;}
  .hbs-taglist { max-width: 1190px; margin-left: auto;  margin-right: auto;  float: none;}
  .hbs-taglist .hbslist-tag { display: block !important;}
}

@media(min-width:1421px){  
  .header-logo .wrapper-xl { max-width: 1280px; } 
}



@media (max-width: 1420px){
  .btns-repeat-row ul li a, .btns-repeat-row.fbr ul li {padding: 15px 15px;    font-size: 14px;}
  .btns-repeat-row ul li {margin-right:5px;}
  body .rcr-row h4, .event-right h4, .prs-details h4 { font-size: 16px;}
  .rc-left h4, .event-left h4 { font-size: 24px; }
  .wpsleft h2 { font-size: 50px;}
  .heroresource-section h1 { font-size: 50px;}
  .whitepaper-single-section .shapeTop { width: 70px; }
  .whitepaper-single-section .shape-center { width: 70px; }
  .whitepaper-row h4, .dw-details h4, .pt-details h4 { font-size: 20px; }
  .event-section .rcld-tags a, .event-section .rcrd-tags a {font-size:14px;}
  .subscribe-left { padding-left: 30px; padding-right: 30px; }
  
  .herolndig-right { padding: 60px 55px 0; }
  
  .hrcaer-stats { margin-left: 55px; }
  .whywrk-right { padding: 60px 0 100px 80px; }
  .workwth-inner .rsr-image:nth-child(3n) { width: 200px; height: 200px;}
  .workwth-inner .rsr-image:nth-child(3n+2) { width: 150px; height: 150px; }
  .workwth-inner .rsr-image:nth-child(3n+1) { width: 220px; height: 220px; }
  
  .hrabut-num { font-size: 65px; margin-top: 76px; }
  .abutxtimg-right { padding: 50px 0 80px 70px; }
  .abproct-txt { margin-bottom: 35px; }
  
  .abwork-left h2 { font-size: 47px; }
  .abwork-right { padding-left: 60px; }
  .abwrk-num { font-size: 55px; margin-top: 30px; }
  .abwrk-stats { padding: 25px 20px 20px; }
  .abwrk-left { width: calc(100% - 200px); }
  .abwrk-right { max-width: 200px; }
  .abwork-right:before { right: -30px; top: -48px; width: 65px; height: 60px; }
  .abwork-right:after { height: 100px; left: -5px; width: 90px; } 
  .hscssr-logo-box { width: 200px; height: 200px; }
  
  .header-logo .hsl-logo img { max-width: 100% !important; }
  
  .hrcase-blogsec .hcssr-top:after { width: 115px; height: 110px; right: -10px; }
  .hrcase-blogsec .hcssr-bottom { margin-top: 170px; }
  
  .contecase-blogsec .ccsrs-text { font-size: 16px; line-height: 22.4px; }
  
}




@media(max-width: 1200px){

  .herocont-content h1 { font-size: 70px; line-height: 1; padding: 0 15px 15px; }
  .herocont-content h1:after { bottom: -35px; right: -35px; }
  .herocont-content h1:before { width: 65px; left: -40px; }
  .herocont-content:before { left: -30px; top: -35px; }
  .herocont-content:after { width: 100px; }
  .herocont-left .herocont-img:nth-child(2) { margin-left: 50px; }
  
  .abutxtimg-right h2:before { right: -27px; width: 85px; bottom: 0; top: auto; }
  
}

@media (min-width: 992px) and (max-width: 1110px){
  .header-section .hs-right .btns a { font-size: 16px; padding-left: 16px; }
  .header-section .hs-right .btns a:not(.arrow) { padding-right: 16px; }
}


@media (max-width: 991px){ 
.wpsleft, .wpsright { width: 100%; padding-left: 0; padding-right: 0; text-align: center; }
  .whitepaper-single-section .hcss-inner { flex-flow: column;-webkit-flex-flow: }
  .wpsleft-wrap { margin: 0 auto; }
  .wps-subtitle { display: block; width: 100%; }
  .wpsleft-wrap { margin: 0 auto; padding: 50px 0 0; }
  .dw-row, .pt-row, .whitepaper-row, .subscribe-left, .subscribe-right { width: 100%; margin-right: 0; margin-left: 0; margin-bottom: 30px; }
  .subscribe-right{margin-bottom:0; padding-bottom: 56.25%;}
  .dw-row:last-child, .pt-row:last-child, .whitepaper-row:last-child {margin-bottom:0;}
  .event-left, .event-right { width: 100%; margin-left: 0; margin-right: 0; }
  .event-left { margin-bottom: 31px; }
  .subscribe-left { padding: 30px 20px; }
  .prs-row { width: 100%; margin-right: 0; }
  .heroresource-section .shapeTop { width: 70px;}
  .heroresource-section .shapeBottom { width: 70px; }
  .whitepaper-single-section .shape-center { width: 40px; left: -50px; }
  .wpsleft h2 { font-size: 40px;}
  .whitepaper-single-section .hcss-inner { padding-left: 20px; padding-right: 20px; }
  .wpsright { float: left; display: block; }
  .whitepaper-single-section { overflow: hidden; }
  
  .herocont-inner { padding: 0; }
  .herocont-content h1 { font-size: 55px; }
  .herocont-img { border-radius: 15px; }
  .herocont-left .herocont-img { width: 120px; height: 120px; }
  .herocont-left .herocont-img:nth-child(2) { width: 140px; height: 85px; margin-left: 30px; }
  .herocont-right .herocont-img { height: 80px; width: 100px; }
  .herocont-right .herocont-img:nth-child(2) { height: 160px; width: 170px; }
  .herocont-content:before { width: 50px; }
  .herocont-content h1:after { width: 45px; bottom: -25px; }
  .herocont-content h1:before { width: 55px; bottom: -20px; }
  .herocont-content:after { width: 80px; top: -15px; right: -70px; }
  .herocont-txt { padding-top: 10px; }
  
  .contsprt-col { width: 100%; margin-right: 0; }
  .contsprt-col:last-child { margin-bottom: 0; }
  .contpup-left { width: 100%; padding-right: 0;  padding-bottom: 25px; }
  .contpup-right {width: 100%; }
  .contpup-left h3 { padding-bottom: 20px; } 
  .contpup-right li.hs-form-booleancheckbox label>span { padding-top: 0px; } 
  
  .ofies-inner { padding-top: 30px; }
  
  
  .herolndig-left { width: 100%; padding-bottom: 40px; }
  .herolndig-right { width: 100%; margin-left: 0; padding: 70px 140px 0; }
  .herolndig-box h3 { padding-right: 15px; }
    
  .lptxtfrm-left { width: 100%; padding-right: 0; padding-bottom: 40px; }
  .lptxtfrm-right { width: 100%; padding-left: 0; }
  .authrpup-content { padding: 40px; }
/*   .lpview-frm form li.hs-form-booleancheckbox input+span:before { width: 36px; height: 36px; }
  .lpview-frm form li.hs-form-booleancheckbox input+span:after { height: 9px; left: 9px; top: 10px; width: 18px; }
  .lpview-frm form li.hs-form-booleancheckbox { padding-left: 50px; } */
   .header--no-navigation .header__logo { margin-left: 0 !important; max-width: none !important; }
  
  
  .herocaer-left { width: 100%; padding-bottom: 80px; }
  .herocaer-right { width: 100%; padding-left: 0px; }
  .hrcaer-stats { margin-left: 100px; }
  
  .whywrk-left { width: 100%; padding-top: 56.24%; }
  .whywrk-right { width: 100%; padding-left: 0px; padding-bottom: 0px; }
  .whywrk-left:before { width: 79px; bottom: -47px; top: auto; right: auto; transform: rotate(145deg); }
  
  .srvie-col { width: 47.33%; }
  .srvie-col .icon-img { padding: 60px; }
  
  .real-solution.workwth-sec .wrapper-xl:after { display: block; }
  .workwth-inner .rsl-text { float: none; margin: 0 auto; }
  .workwth-inner { justify-content: center !important; -webkit-justify-content: center !important; }
  .workwth-inner .rsr-image:nth-child(3n) { margin-top: -130px; margin-left: 240px; }
  .workwth-inner .rsr-image:nth-child(3n+1) { margin-top: 80px; }
  .workwth-inner .rs-left:after { transform: rotate(282deg); height: 85px; }
  .workwth-inner .rs-right { max-width: 440px; }
  
  
  .heroabut-header h1 { font-size: 75px; }
  .heroabut-sec:before { max-width: 50px; top: 12%;  transform: translateY(-12%); }
  .heroabut-sec:after { width: 90px; height: 70px; top: 10%; transform: translateY(-10%); }
  .hrabut-left, .hrabut-center, .hrabut-right { width: 100%; margin-bottom: 20px; display: flex; flex-wrap: wrap; justify-content: space-between; display: -webkit-flex; -webkit-flex-wrap: wrap; -webkit-justify-content: space-between; }
  .hrabut-left .hrabut-stats { width: 48% !important; order: 1; }
  .hrabut-left .hrabut-image { width: 48% !important; padding-top: 0; }
  .hrabut-image { margin-top: 0; } 
  .hrabut-center .hrabut-image { width: 58% !important; padding-top: 0; }
  .hrabut-center .hrabut-top { width: 38%; order: 1; }  
  .hrabut-top .hrabut-stats { width: 100%; }
  .hrabut-top .hrabut-image { width: 100% !important; padding-top: 70%; margin-bottom: 20px;}
  .hrabut-right { flex-direction: inherit; -webkit-flex-direction: inherit; }
  .hrabut-right .hrabut-image { width: 58% !important; padding-top: 0; margin-bottom: 0;  }
  .hrabut-right .hrabut-stats { width: 38% !important; }  
   
  
  .abutxtimg-left { width: 100%; }
  .abutxtimg-right { width: 100%; padding-left: 0; }
  .abutxt-image { max-width: 100%; padding-top:60%; }
  .abutxtimg-right h2 { padding-bottom: 25px; } 
  .abutxtimg-right h2:before { bottom: -10px; }
  
  .ourstry-header { padding-right: 0; }
  .ourstry-header h2  { padding-right: 150px; }
  
  .abproct-left { width: 100%; position: relative; padding-bottom: 30px; }
  .abproct-right { width: calc(100% + 2.2%); padding-left: 0; }
  .abproct-left > span { display: block; position: relative; padding: 16px 50px 16px 20px; border: 2px solid #18003826; border-radius: 10px; font-size: 16px; font-weight: 600; color: #3B3049; }
  .abproct-left > span:before { content: ''; position: absolute; width: 24px; height: 24px; background: url(https://25824509.fs1.hubspotusercontent-eu1.net/hubfs/25824509/Juniper%20-%20Theme/Global-2.svg) no-repeat 0 0/ contain; right: 20px; top: 50%; transform: translateY(-50%); }
  .abproct-left ul.filter { display: none; position: absolute; width: 100%; z-index: 1; background-color: #fff; border: 2px solid #18003826; border-radius: 10px; margin-top: 10px; padding: 10px; height: 300px; overflow: auto !important; }
  .abproct-left ul.filter > li.active { background-color: #fff; color: #180038;  }
  .abproct-left ul.filter > li { padding: 12px 20px; font-size: 16px; }
  .abproct-left ul.filter > li:last-child { margin-bottom: 0; }
  .abproct-col { width: 47.6%; }
  .abproct-inner { padding-top: 40px; }
  
  .tile-shape h2:before { right: -100px; width: 120px; }
  
  .abwork-left { width: 100%; padding-bottom: 60px; }
  .abwork-right { width: 100%; padding-left: 0; }
  .abwork-btn { margin-top: 30px; }
  .abwork-right:after { left: -53px; width: 70px; bottom: 0px; height: 70px; }
  .btns-label, .btns-label2 { background: #fff; border: 1.5px solid rgba(24,0,56,.15); border-radius: 10px; color: #3b3049; cursor: pointer; display: block; font-size: 16px; font-style: normal; font-weight: 600; line-height: 100%; padding: 16px 40px 16px 20px; position: relative; text-align: left; }
  .btns-label:after, .btns-label2:after{background-image: url('https://25824509.fs1.hubspotusercontent-eu1.net/hubfs/25824509/Juniper%20-%20Theme/Global-1.svg'); background-size: contain; content: ""; height: 24px; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); width: 24px;}
  .btns-repeat-row ul li, .btns-repeat-row ul li a, .btns-repeat-row.fbr ul li { display: block; width: 100%; }
  .btns-repeat-row ul li {margin: 5px 0;}
  .btns-repeat-row ul li a, .btns-repeat-row.fbr ul li { font-size: 16px; padding: 16px 20px; }
  .btns-repeat-row ul { display: none; }
  .btns-repeat-row.sbr { margin: 0px 0 15px; }
  .event-section .sec-top, .download-section .sec-top, .product-training-section .sec-top, .whitepaper-section .sec-top, .press-release-section .sec-top{ position: static;}
  .event-section, .download-section, .product-training-section, .whitepaper-section, .press-release-section, .download-section   { position: relative;}
   .event-section .sec-top .rs-all, .download-section .sec-top .rs-all, .product-training-section .sec-top .rs-all, .whitepaper-section .sec-top .rs-all,  .press-release-section  .sec-top .rs-all{bottom: 50px; display: block; position: absolute!important; transform: translateX(-50%)!important;-webkit-transform: translateX(-50%)!important;top:auto;}  
  div#a-subscribe .subscribe-right { display: none; }
  .whitepaper-section .sec-top, .event-section , .download-section  .sec-top, .product-training-section .sec-top, .press-release-section  .sec-top, #a-events .sec-top{ text-align: center;}
  .whitepaper-section .sec-top .rs-all { bottom: 80px;}
  .resource-section.mix-rc .rc-left h4 {font-size:22px;}
 .csbox-section .sec-top h2, .download-section h2, .event-section h2, .whitepaper-section h2, .press-release-section h2, .product-training-section h2, .subscribe-left h2, .wpsleft h2 { font-size: 26px !important; }
  .wpsleft h2 {font-size:40px !important;}
  .whitepaper-single-section .wps-bottom h3 { font-size: 24px;max-width:240px;    display: inline-block; }
  .wps-bottom { text-align: left; }
  .whitepaper-row .wps-blue h3 { font-size: 19.692px; }
  #a-events {  text-align: left;}
  #a-events h4 { font-size: 22px;}
  #a-events .event-right h4 { font-size: 18px; }
  .dw-details h4 { font-size: 18px; }
  #a-subscribe h2 { text-align: center; }
  .press-release-section .prs-details h4 { font-size: 18px; }
  .whitepaper-box-cols, .cs-box-cols, .pt-cols { display: block !important; position: relative !important;overflow: hidden;width:100%; }
  .whitepaper-box-cols .slick-track,  .cs-box-cols .slick-track, .pt-cols .slick-track{ display: flex !important; justify-content: center;min-width:280px; }
   .whitepaper-box-cols .slick-slide, .cs-box-cols .slick-slide, .pt-cols .slick-slide{ margin: 0 7px; }
  .whitepaper-section .wrapper, .download-section .wrapper, .product-training-section .wrapper { max-width: 100%;padding-right: 0;}
  .whitepaper-section .sec-top, .download-section .sec-top, .product-training-section .sec-top{ padding-right: 20px; }
  .whitepaper-section .slick-list.draggable, .download-section .slick-list.draggable, .product-training-section .slick-list.draggable{ padding-left: 0 !important; }
  .download-section .sec-top .rs-all { bottom: 60px;}
  .ico-repeater>div img { display: inline-block;}
  body .slone-left h1 {letter-spacing: -1.5px;}
  .cd-foundation-section .edscrImg-wrap img+img { width: 171px;}
  .cd-foundation-section  .edscrImg-wrap {  padding-bottom: 64.25%;min-height:240px;}
  .change-titlebg .tccfs-left span { padding: 0 6px; }
  body .change-titlebg .tccfs-left span:before { background: url('https://25824509.fs1.hubspotusercontent-eu1.net/hubfs/25824509/Juniper%20-%20Theme/Big%20Circle%20%281%29.svg'); background-size: contain; background-repeat: no-repeat; background-position: center; padding: 0; }
  .change-titlebg .tccfs-left h2 { font-size: 40px; letter-spacing: -1.2px; line-height: 100%; }
  .shape-activated .rcl-image { padding: 62% 0 0 0; min-height:230px;}
  .dsk-show {display:none;}
  .mb-show {display:block;}
  .ourstry-inner .ourstry-col { padding-left: 10px; padding-right: 10px;}
  .ourstory_slider .slick-list {padding-left:10px;}
  .real-solution.workwth-sec .wrapper-xl:after { width: 70px; background-image: url('https://25824509.fs1.hubspotusercontent-eu1.net/hubfs/25824509/Juniper%20-%20Theme/Vector%20%2814%29.svg'); }
  .real-solution.workwth-sec .wrapper-xl { padding-top: 60px; } 
  .css-main-section h2 .hideMob{display:none;}
  body .stnumber {line-height:65px;}
  .supclint-heading h2, .whywrk-right h2 { font-size: 26px;}
  .bigtile-shape .tccfs-left h2 { font-size: 40px;line-height: 100%; margin: 0 0 5px; letter-spacing: -1.2px;}
  .body-container--who-we-help .resource-section.mix-rc h2:after {left: auto; right: -4px;}
  .body-container--who-we-help .resource-section.mix-rc .rcrd-tags a, .body-container--who-we-help .resource-section.mix-rc .rcld-tags a { background: transparent !important; padding-left: 0; padding-right: 0; }
  .body-container--who-we-help .resource-section.mix-rc .sec-top  .rs-all { bottom: 80px;}
  .btns-row-outer { display: flex; flex-flow: column-reverse; }
  .mb-image .mb-inside img, .mb-image .mb-inside .hs-video-widget, .mb-image .mb-inside iframe {border-radius: 10px 0 0 !Important}
 .body-container--solution-level2 .mb-image:hover .mb-inside { transform: scale(1.05) !important; }
  
  
  .hrcase-blogsec .hcss-left { text-align: left; }
  .hrcase-blogsec .hcss-right { width: 100%; padding-left: 0; }
  .hrcase-blogsec .hcssr-top { max-width: 320px; height: 320px; padding: 0; }
  .hrcase-blogsec .hcssr-top:after { bottom: 30px; left: 90px; }
  .download-section .dw-row {  width:100%; }
  .whitepaper-section .wi-second img { margin-left: auto;}
  .whitepaper-section .wi-second { text-align: right; }
  body .systems-page--search-results h1 { font-size: 34px;}
  .hub-searchbar {right:30px;}
}

@media (max-width: 767px){
.prs-image, .event-row .imghidden .event-image { padding-bottom: 100%;}
  .prs-details, .event-row .rcr-details {padding-left:15px;}
  body .rcr-row {padding-left:140px;}
  .wpsleft h2, .subscribe-left h2, .product-training-section h2, .press-release-section h2 { font-size: 32px;}
  .whitepaper-single-section .hcss-inner { padding-left: 20px !important; padding-right: 20px !important; }
/*   .heroresource-section h1 { font-size: 36px; } */
  .subscribeForm form { flex-flow: column;-webkit-flex-flow: column;     display: block;}
  body .subscribeForm .hs-form-field .hs-input { width: 100% !important; margin: 0 0 20px; }
  body .sbl-wrap:after { right: -30px; top: -65px; }
  body .post-right-content .subscribeForm .hs-form-field .hs-input { margin:0 0 10px; }
  .subscribeForm input.hs-button, .subscribeForm input[type=submit] { width: 100%; }
  .wps-blue h3 { font-size: 28px;}
  .wps-blue { padding: 20px; }
  
  
  .herocont-left, .herocont-right { display: none; }
  .herocont-content { width: 100%; max-width: 290px; margin: 0 auto; }
  .herocont-content h1 { font-size: 50px; padding: 0 0 15px; }
  .herocont-content:before { width: 35px; height: 34px; width: 35px; top: -15px; left: 10px; }
  .herocont-content:after { width: 53px; height: 30px; top: 0px; right: -20px; }
  .herocont-content h1:before { width: 41px; height: 16px; bottom: 0; left: -5px; }
  .herocont-content h1:after { width: 30px; height: 30px; bottom: 0; right: -5px; }
  .herocont-txt { font-size: 16px; }
  
  .contsprt-col { padding: 30px; }
  .contsprt-col .icon-img { margin-bottom: 25px; }
  .contsprt-col h3 { font-size: 22px; }
  .contsprt-txt { font-size: 16px; line-height: 22px; margin-bottom: 15px }
  .contpup-row { padding: 40px 25px; border-radius: 20px; }  
  .contsprt-btn a { font-size: 16px; }
  .contpup-left h3 { font-size: 26px; padding-bottom: 0px; }
  .contpup-txt { display: none; }
  .contpup-right fieldset .hs-form-field { margin-bottom: 8px; }
  .contpup-right form .inputs-list > li { margin-bottom: 30px }
  .contpup-right form input[type=submit] { width: auto; }
  
  .ofies-inner { padding-top: 15px; }
  .ofies-btn a { font-size: 16px; }
  .ofies-col { width: 100%; margin-right: 0; padding-bottom: 45px; }
  .ofies-col:last-child { margin-bottom: 0; }
  .ofies-col { padding: 0; overflow: hidden; }
  .ofies-title { padding: 25px; }
  .ofies-title.open { padding-bottom: 15px; }
  .ofies-title h3 { font-size: 20px; position: relative; padding-bottom: 0; }
  .ofies-content { padding: 0px 25px 25px 25px; /*display: none;*/ }
  .ofies-title h3:before { content: ''; position: absolute; background-image: url(https://25824509.fs1.hubspotusercontent-eu1.net/hubfs/25824509/Juniper%20-%20Theme/arrow.png); width: 17px; height: 18px; background-size: contain; right: 0; top: 50%; background-repeat: no-repeat; background-position: top center; transform: translateY(-50%); transition: all .3s ease; }
  .ofies-title.open h3:before { transform: translateY(-50%) rotate(-180deg); }
  .bg-shape:before { display: none; }
  .mobbg-shape { position: relative; z-index: 1;  }
  .mobbg-shape:before { background-repeat: no-repeat; background-size: contain; bottom: 0; content: ""; max-width: 107px; min-height: 60px; position: absolute; right: 0; width: 100%; z-index: -1; }
  .ofies-col:nth-child(4n+2) .mobbg-shape:before { max-width: 121px; transform: rotate(180deg); }
  .ofies-col:nth-child(4n+3) .mobbg-shape:before { transform: rotate(136deg);   }
  .ofies-col:nth-child(4n) .mobbg-shape:before { max-width: 130px; transform: rotate(328deg); right: -20px; }
  .ofies-btn { position: static; }
  
  .herolndig-inner, .lptxtfrm-inner { padding: 0px 5px;}
  .head-subtile { font-size: 16px; line-height: 22px; margin-bottom: 15px; }
  .herolndig-left h1 { font-size: 40px; }
  .herolndig-left h1 span:before { top: 0; }
  .herolndig-box h3 span:before { bottom: -3px; }
  .herolndig-txt { font-size: 16px; line-height: 22px; padding-top: 15px; }
  .herolndig-right { padding:70px 100px 0; }
  .herolndig-box { max-width: 350px; margin: 0 auto; }
  
  
  .lptxtfrm-left h2 { font-size: 18px; line-height: 22px; }
  .lpauthr-inner { padding-top: 40px; }
  .lpauthr-headtile { padding-bottom: 0; }
  .lpauthr-img { width: 60px; height: 60px; }
  .lpauthr-rght { width: calc(100% - 60px); }
  .lpauthr-headtile h4, .lpauthr-rght h5 { font-size: 14px; line-height: 21px; }
  .lpauthr-subtxt { font-size: 12px; line-height: 16.6px; }
  .lpview-frm { border-radius: 0; padding: 60px 0px; position: relative; }
  .lpview-frm .mobfrm-title { display: block; } 
  .lpview-frm form input[type=submit] { width: auto; }
  .lpview-frm:before, .lpview-frm:after { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: -100%; background-color: inherit; }
  .lpview-frm:after { right: -100%; left: auto; }
  .lptxtfrm-sec { overflow-x: hidden; }
  .lpview-frm form fieldset .hs-form-field { margin: 0px 0 8px; }
  .lpview-frm form .inputs-list > li { margin-bottom: 25px; }
  .lpview-frm li.hs-form-booleancheckbox label > span a { color: #814af4; text-decoration: underline!important; }
  
  .authrpup-content { padding: 40px 25px 30px; height: calc(100vh - 200px); overflow-y: auto; }
  .authrpup-left { width: 100%; padding-right: 0; order: 1; padding-top: 20px; }
  .authrpup-right { width: 100px; height: 100px; }
  .authrpup-content h2 { font-size: 26px; line-height: 30px; }
  .authrpup-subtxt { font-size: 18px; line-height: 21.6px; margin-bottom: 20px; }
  .authrpup-inner { padding-left: 25px; padding-right: 25px; }
  .mobbg-shape { display: none;}
  .ofies-sec .ofies-col.active .ofies-title h3:before { transform: translateY(-50%) rotate(180deg); }
  
  
  .herocaer-left { padding-bottom: 60px; }
  .herocaer-left h1 { font-size: 50px; }
  .herocaer-txt { font-size: 16px; line-height: 22px; padding-top: 10px;}
  .herocaer-btn.btns { margin-top: 35px; }
  .herocaer-left:before { height: 32px; left: -20px; top: -24px; width: 40px; }
  .hrcaer-stats { margin-left: 0; width: 49%; order: 1; padding: 24px 17px 21px; margin-top: 60px; }
  .hrcaer-left { width: 100%; justify-content: space-between; -webkit-justify-content: space-between; }
  .hrcaer-right { width: 100%; padding: 10px 25px 0px; margin-top: 0; }
  .hrcaer-left .hrcaer-image { width: 49%; padding: 0; margin-top: 0px; }
  .hrcaer-num { font-size: 50px; margin-top: 29px; }
  .hrcaer-num > span { font-size: 12.35px; line-height: 18.53px; }
  .hrcaer-left .hrcaer-stats:before {  width: 42px; height: 44px; right: 10px; top: -20px; }
  .hrcaer-icon img { max-width: 12px !important; }
  .hrcaer-right .hrcaer-image { padding-bottom: 56.24%; }
  
  
  .whywrk-left { padding-top:60%; }
  .whywrk-left.dsktopimg { display: none }
  .whywrk-left.mobimg { display: block; }
  .whywrk-left:before { display: none; }
  .whywrk-right { padding-top: 40px; }
  .whywrk-txt { padding-top: 10px; }
  .whywrk-btn { margin-top: 15px; }
  
  .srvie-inner { margin: 0; width: 100%; }
  .srvie-col { width: 100%; margin: 0 0 25px; }
  .srvie-col .icon-img { padding: 33px 120px; min-height: 140px; }
  .srvie-col:last-child { margin-bottom: 0; }
  .srvie-content h4 { font-size:20px; line-height:23px; }
  
  .workwth-inner .rs-right { display: flex; flex-wrap: wrap; max-width: 300px; flex-direction: column-reverse; padding-bottom: 70px; }
  .workwth-inner .rsr-image:nth-child(3n):before { display: none; }
  .workwth-inner .rsr-image:nth-child(3n+1) { width: 140px; height: 140px; border-radius: 30px; margin-left: 160px; margin-top: -200px; }
  .workwth-inner .rsr-image:nth-child(3n+2) { width: 100px; height: 100px; border-radius: 25px; margin-left: 50px; }
  .workwth-inner .rsr-image:nth-child(3n) { width: 150px; height: 150px; border-radius: 30px; margin: 0 0 10px; }
  .workwth-inner .rs-left:after { height: 75px; width: 135px; transform: rotate(-5deg); top: 105%; right: 80px; }
/*   .workwth-inner .rsl-btns { width: auto !important; } */
  
  .heroabut-sec:before, .heroabut-sec:after { display: none; }
  .heroabut-header h1 { font-size: 50px; }
  .heroabut-txt { font-size: 16px; padding-bottom: 90px; line-height:22.4px; }
  .heroabut-header h1:after { height: 56px; right: -35px; top: -36px; width: 50px; }
  .heroabut-header h1:before { height: 95px; width: 95px; left: -90px;  }
  .heroabut-txt:before { width: 120px; left: 50%; height: 90px; }
  .hrabut-num, .hrabut-center .hrabut-num { font-size: 50px; margin-top: 26px; letter-spacing: -2.59px; }
  .hrabut-right .hrabut-num { margin-top: 16px; }
  .hrabut-num > span { font-size: 11.67px; line-height: 17.5px; }
  .hrabut-stats { padding: 23px 16px 19px; border-radius: 20px; }
  .hrabut-image { border-radius: 20px; }
  .hrabut-center, .hrabut-left, .hrabut-right { margin-bottom: 10px; }
  .hrabut-top .hrabut-image { padding-top: 83%; }
  .hrabut-icon img { max-width: 12px !important; }
  .heroabut-inner { margin-left: -8px; margin-right: -8px; width: calc(100% + 16px); }  
  .hrabut-left .hrabut-stats { width: 49% !important; }
  .hrabut-left .hrabut-image { width: 49% !important; }
  .hrabut-center .hrabut-top { width: 40%; }
  .hrabut-right .hrabut-stats { width: 40% !important; } 
  
  .abutxt-image { padding: 40% 17px 15px; background-position: center center !important; }
  .abutxtimg-left img { max-width: 285px!important; }
  .abutxtimg-right h2 { font-size: 26px; line-height:36px; }
  .abutxtimg-right h2:before { display: none; }
  .abutxtimg-right { padding-top: 30px; padding-bottom:0; }
  
  .ourstry-headtxt { font-size: 16px; }
  .ourstory_slider { padding-top: 20px; }
  .ourstry-header .slick-Prev, .ourstry-header .slick-Next { width: 54px; height: 54px; }
  .ourstry-header .slick-Next:before, .ourstry-header .slick-Prev:before { width: 15px; }
  .ourstry-header .slick-Next:after, .ourstry-header .slick-Prev:after { width: 9px; height: 9px; }
  .ourstry-content h5 { font-size: 22px; }
  .ourstory_slider ul.slick-dots { text-align: center; padding: 12px 0; }
  .ourstory_slider ul.slick-dots li button { font-size: 0; background: transparent; border: none; padding: 0;}
  .ourstory_slider ul.slick-dots li { background: #daf9e6; border-radius: 50%; display: inline-block; float: none; height: 8px; margin: 8px 6px 0; width: 8px; }
  .ourstory_slider ul.slick-dots li.slick-active { background: #52B482; }
  .ourstory_slider .slick-list { padding-right: 69px; }
  .ourstry-header h2 { padding-right: 130px; padding-top: 10px; line-height:30px; margin: 0 0 10px; }
  
  .tile-shape h2:before,.abwork-right:before { display: none; }
  
  .abwork-left h2 { font-size: 40px; }
  .abwork-btn { margin-top: 20px; }
  .abwrk-left { width: 100%; padding-right: 0; display: flex; flex-wrap: wrap; justify-content: space-between; flex-direction: row-reverse; display: -webkit-flex; -webkit-flex-wrap: wrap; -webkit-justify-content: space-between; -webkit-flex-direction: row-reverse;}
  .abwrk-right { max-width: 100%; margin-top: 10px; }
  .abwrk-stats { width: 100%; margin-bottom: 10px; padding: 24px 17px 21px; border-radius: 20px; }
  .abwrk-stats:last-child { margin-bottom: 0; }
  .abwrk-left .abwrk-content { width: 49%; }
  .abwrk-left .abwrk-image { width: 49%; padding: 0; }
  .abwrk-image { border-radius: 20px; padding-top: 50%; }
  .abwrk-num { letter-spacing: -2.75px; margin-top: 19px; }
  .abwrk-num > span { font-size: 12.35px; line-height: 18.53px; }
  .abwrk-icon img { max-width: 12px !important; }
  .abwrk-right .abwrk-image { background-position: top -35px center; }
  .abwork-right:after { top: -80px; right: -15px; left: auto; bottom: auto; width: 80px; height: 80px; background-position: right; }
  
  .abproct-right { margin: 0; width: 100%; }
  .abproct-col { width: 100%; margin: 0 0 15px; }
  .abproct-content { width:100%; padding: 35px 25px; }
  .abproct-col:last-child { margin-bottom: 0; }
  .abproct-btn { position: static; }
  
  .ourstry-headtxt { font-size: 16px; line-height: 24px; }
  .abproct-header h2 { line-height:33px; padding:0; }
  
  .body-container--resources .cs-row { min-height:120px; margin: 25px 0 0; background: transparent !important; position: relative; padding-left: 120px; }
  .body-container--resources .whitepaper-single-section .hcss-inner { overflow:hidden; }
  
  .body-container--resources .rcr-row h4 { font-size: 18px; line-height: 21.6px; }
  .body-container--resources .wpsleft { text-align:left; }
  .body-container--resources .wpsleft h2 span:first-child { background-image: none; }
  .body-container--resources .wpsleft h2 span:last-child { background-image: url(https://25824509.fs1.hubspotusercontent-eu1.net/hubfs/25824509/Juniper%20-%20Theme/Vector.png); }
  .body-container--resources .csbox-section .rs-all:focus { right:auto; }
  .csbox-section .sec-top h2, .download-section h2, .event-section h2, .whitepaper-section h2, .press-release-section h2, .product-training-section h2, .subscribe-left h2, .wpsleft h2 { font-size: 26px !important; }
   .wpsleft h2 {font-size:40px !important;}
  .ees-section h2 { max-width: 280px; margin-left: auto; margin-right: auto; }
  
  
  /* privacy policy */
  .policy-col h3 { font-size: 22px; line-height: 26px; padding-bottom: 10px; }
  .prifulltxt-content h1 { font-size: 48px;  }
  .herocaer-sec .hrcaer-right .hrcaer-image { display: none; }
  .hrcaer-right img { width: 100%; }
  .csbox-section .sec-top .rs-all:focus, .csbox-section .sec-top .rs-all:active, .csbox-section .sec-top .rs-all:hover {background: url('https://25824509.fs1.hubspotusercontent-eu1.net/hubfs/25824509/Juniper%20-%20Theme/right-arrow.svg') no-repeat right 5px center/17px auto !important;    color: #180038 !important;    padding-right: 34px !important;}
  
  .hrwhie-topic a { font-size: 16px; line-height: 22px; margin-bottom: 15px; }
  
  .hrcase-blogsec .hrcase-btn a { font-size: 12px; line-height: 14px; }
  .hrcase-blogsec .hcssr-top { max-width: 175px; height: 175px; }
  .hrcase-blogsec .hcssr-bottom { margin: 100px 0 0 7px; }
  .hrcase-blogsec .hcss-inner { border-radius: 20px; }
  .hrcase-blogsec .hcss-right { margin-top: 40px; }
  .hrcase-blogsec .hcss-left h1 { word-break: break-word; }
  
  .contentcs-section.contecase-blogsec .ccsl-addrows .ccsla-row:last-child { display: block; }
  .contecase-blogsec .ccsl-text { font-size: 12px; line-height: 16.8px; }
  .contecase-blogsec .ccsl-content { padding-bottom: 20px; }
  .contecase-blogsec .ccsl-addrows { padding-top: 25px; }
  .contecase-blogsec .ccsr-stat { padding: 30px 26px; }
  .contentcs-section.contecase-blogsec .ccsr-stats { margin: 40px 0px 5px; }
  .contecase-blogsec .ccs-right span.hs_cos_wrapper img { margin: 15px 0 30px; }
  .search-close-btn { height: 30px;  right: 20px; top: 30px; width: 30px; }
  .whitepaper-single-section .wi-first img { height: 120px!important; width: 120px !important; }
  .whitepaper-single-section .wi-third img { height: 120px!important; width: 120px; }
  .whitepaper-single-section .wi-second img { width: 70px !important; height: 70px !important; }
}

@media(max-width: 600px){
  .herolndig-right { padding: 40px 60px 0; border-radius: 17px; }
  .herolndig-logo img { max-width: 56px !important; }
  .herolndig-box { border-radius: 13px 13px 0 0; padding: 17px 14px 9px 17px; max-width: 260px; }
  .herolndig-box h3 { font-size: 21px; padding-bottom: 8px; }
  .heroright-txt { font-size: 5.23px; line-height: 7.85px; max-width: 130px; }
  .heroright-img span { border-radius: 17px; max-width: 120px; height: 120px; }
  .heroright-img:nth-child(2) span { max-width: 110px; height: 110px; margin-top: 50px; border-radius: 12px; }
  .heroright-img:last-child span { max-width: 95px; height: 95px; border-radius: 13px; }
  .heroright-img:last-child { margin-top: -45px; } 
  .herolndig-box:before { width: 43px; height: 48px; top: -35px; right: -35px; }
  
  .whifeatu-img>img { border-radius: 13px 13px 0 0; }
  .whifeatu-img:before { width: 43px; height: 48px; top: -35px; right: -35px; }
  .contpupLinks ul { padding: 10px 0; }
  
  
} 

@media(max-width: 480px){

 
  .herolndig-right { padding-left: 30px; padding-right: 30px; }
  .herolndig-box { max-width: 220px; }
  .herolndig-box h3 { padding-right: 0; }
  .heroright-img span { border-radius: 17px; max-width: 92px; height: 92px; }
  .heroright-img:nth-child(2) span { max-width: 87px; height: 87px; margin-top: 40px; border-radius: 12px; }
  .heroright-img:last-child span { max-width: 60px; height: 60px; border-radius: 13px; }
  .herolndig-imgbox { margin-top: -12px; }
  .heroright-img:last-child { margin-top: -30px; } 
  
  .workwth-inner .rs-left:after { right: 20px; width: 105px; }
  .herofeature-image {min-height:200px;}
  .hub-searchbar { min-width: 200px;}

}

@media(max-width: 375px){ 
  
  .workwth-inner .rs-right { max-width: 240px; }
  .workwth-inner .rsr-image:nth-child(3n):before { display: none; }
  .workwth-inner .rsr-image:nth-child(3n+1) { width: 110px; height: 110px; border-radius: 25px; margin-left: 130px; margin-top: -150px; }
  .workwth-inner .rsr-image:nth-child(3n+2) { width: 90px; height: 90px; border-radius: 20px; margin: 0; margin-left: 30px; }
  .workwth-inner .rsr-image:nth-child(3n) { width: 120px; height: 120px; border-radius: 25px; margin: 0 0 10px; }

  .heroabut-header h1:after { height: 46px; right: -35px; top: -18px; width: 40px; }
  .heroabut-header h1:before { height: 60px; width: 60px; left: -55px; bottom: 30px; }
  .ourstory_slider .slick-list { padding-right: 30px; }
  .abwork-right:after { top: -65px; right: -16px; width: 70px; height: 70px; }
  .real-solution.workwth-sec .workwth-inner .rs-right { padding-bottom: 40px; }
  .body-container--who-we-help .resource-section.mix-rc h2:after { right: -10px;}
  
  .hrcase-blogsec .hcssr-top { height: 130px; max-width: 130px; }
  .hrcase-blogsec .hcssr-bottom { margin-top: 80px; }
  .hub-searchbar { min-width: 175px;}

}
@media(max-width: 355px){ 
    .hub-searchbar { min-width: 140px;}
}
@media(max-width: 330px){ 
.heroresource-section h1 { font-size: 36px; }
}