/* 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.
*/

@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@500&family=IBM+Plex+Sans+Condensed:wght@400;500&family=IBM+Plex+Sans:wght@400;500;700&family=Spectral:wght@200;400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Wix+Madefor+Display:wght@400..800&display=swap');

*, *:after, *:before {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

::-moz-selection {
  background: #304754;
  color: #fff;
}

::selection {
  background: #304754;
  color: #fff;
}
:root {
  font-size: 62.5%;
  --yass-color--primary: #2DAAAF;
  --yass-color--green2: #185B5E;
  --yass-color--green3: #4C7085;
  --yass-color--white: #F2F5F7;
  --yass-color--gray: #304754;
  --yass-color--gray-1: #273944;
  --yass-color--secondary: #1D2C34;
  --yass-color--light-gray: #F2F5F7;
  --yass-color--light-green: #CEF1F3;
  
 --yass-color--navy: #273944;


  
  --yass-font--spectral: "Spectral", serif;
  --yass-font--ibm: "IBM Plex Sans", serif;
  --yass-font--wix: "Wix Madefor Display", serif;
  --yass-font--ibm-condensed: "IBM Plex Sans Condensed", serif;
  --yass-font--ibm-mono: "IBM Plex Mono", serif;
  --yass-transition-1: all 420ms cubic-bezier(.165,.84,.44,1);
  --yass-transition-2: all 1s cubic-bezier(0.23, 1, 0.32, 1) ;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.4rem;
  line-height: 1.57;
  font-family: var(--yass-font--ibm);
  color: var(--yass-color--gray);
}

#wrapper {
  overflow: hidden;
}

.cover {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.text-center, .center {
  text-align: center;
}

.text-right {
  text-align: right;
}

[id] {
  outline: 0;
}

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
  width: 100%;
}
@media (min-width: 768px) {
  .container {
    max-width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1180px;
  }
}
@media (min-width: 1280px) {
  .container {
    max-width: 1220px;
  }
}

table {
  border-collapse: collapse;
}

.swiper {
  --swiper-pagination-color: #2DAAAF;
  --swiper-theme-color: #2DAAAF;
}
.swiper .swiper-pagination-progressbar {
  background: var(--yass-color--light-gray);
  height: 1px;
  top: initial;
  bottom: 0;
}
.swiper .swiper-fraction {
  color: var(--yass-color--primary);
  font-size: 1.2rem;
  position: absolute;
  right: 0;
  bottom: 0;
}

img.lazyload {
		-webkit-filter: blur(5px);
		filter: blur(5px);
		transition: filter 400ms, -webkit-filter 400ms;
	}

img.lazyloaded {
		-webkit-filter: blur(0);
		filter: blur(0);
}

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

/* Responsive grid */

.row-fluid {
  width: 100%;
}

.row-fluid:before, .row-fluid:after {
  display: table;
  content: '';
}

.row-fluid:after {
  clear: both;
}

.row-fluid [class*='span'] {
  display: block;
  float: left;
  width: 100%;
  min-height: 1px;
  margin-left: 2.127659574%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.row-fluid [class*='span']:first-child {
  margin-left: 0;
}

.row-fluid .span12 {
  width: 99.99999998999999%;
}

.row-fluid .span11 {
  width: 91.489361693%;
}

.row-fluid .span10 {
  width: 82.97872339599999%;
}

.row-fluid .span9 {
  width: 74.468085099%;
}

.row-fluid .span8 {
  width: 65.95744680199999%;
}

.row-fluid .span7 {
  width: 57.446808505%;
}

.row-fluid .span6 {
  width: 48.93617020799999%;
}

.row-fluid .span5 {
  width: 40.425531911%;
}

.row-fluid .span4 {
  width: 31.914893614%;
}

.row-fluid .span3 {
  width: 23.404255317%;
}

.row-fluid .span2 {
  width: 14.89361702%;
}

.row-fluid .span1 {
  width: 6.382978723%;
}

.container-fluid:before, .container-fluid:after {
  display: table;
  content: '';
}

.container-fluid:after {
  clear: both;
}

@media (max-width: 767px) {
  .row-fluid {
    width: 100%;
  }

  .row-fluid [class*='span'] {
    display: block;
    float: none;
    width: auto;
    margin-left: 0;
  }
}

@media (min-width: 768px) and (max-width: 1139px) {
  .row-fluid {
    width: 100%;
  }

  .row-fluid:before, .row-fluid:after {
    display: table;
    content: '';
  }

  .row-fluid:after {
    clear: both;
  }

  .row-fluid [class*='span'] {
    display: block;
    float: left;
    width: 100%;
    min-height: 1px;
    margin-left: 2.762430939%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }

  .row-fluid [class*='span']:first-child {
    margin-left: 0;
  }

  .row-fluid .span12 {
    width: 99.999999993%;
  }

  .row-fluid .span11 {
    width: 91.436464082%;
  }

  .row-fluid .span10 {
    width: 82.87292817100001%;
  }

  .row-fluid .span9 {
    width: 74.30939226%;
  }

  .row-fluid .span8 {
    width: 65.74585634900001%;
  }

  .row-fluid .span7 {
    width: 57.182320438000005%;
  }

  .row-fluid .span6 {
    width: 48.618784527%;
  }

  .row-fluid .span5 {
    width: 40.055248616%;
  }

  .row-fluid .span4 {
    width: 31.491712705%;
  }

  .row-fluid .span3 {
    width: 22.928176794%;
  }

  .row-fluid .span2 {
    width: 14.364640883%;
  }

  .row-fluid .span1 {
    width: 5.801104972%;
  }
}

@media (min-width: 1280px) {
  .row-fluid {
    width: 100%;
  }

  .row-fluid:before, .row-fluid:after {
    display: table;
    content: '';
  }

  .row-fluid:after {
    clear: both;
  }

  .row-fluid [class*='span'] {
    display: block;
    float: left;
    width: 100%;
    min-height: 1px;
    margin-left: 2.564102564%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }

  .row-fluid [class*='span']:first-child {
    margin-left: 0;
  }

  .row-fluid .span12 {
    width: 100%;
  }

  .row-fluid .span11 {
    width: 91.45299145300001%;
  }

  .row-fluid .span10 {
    width: 82.905982906%;
  }

  .row-fluid .span9 {
    width: 74.358974359%;
  }

  .row-fluid .span8 {
    width: 65.81196581200001%;
  }

  .row-fluid .span7 {
    width: 57.264957265%;
  }

  .row-fluid .span6 {
    width: 48.717948718%;
  }

  .row-fluid .span5 {
    width: 40.170940171000005%;
  }

  .row-fluid .span4 {
    width: 31.623931624%;
  }

  .row-fluid .span3 {
    width: 23.076923077%;
  }

  .row-fluid .span2 {
    width: 14.529914530000001%;
  }

  .row-fluid .span1 {
    width: 5.982905983%;
  }
}

/* Clearfix */

.clearfix:before, .clearfix:after {
  display: table;
  content: '';
}

.clearfix:after {
  clear: both;
}

/* Visibilty classes */

.hide {
  display: none;
}

.show {
  display: block;
}

.invisible {
  visibility: hidden;
}

.hidden {
  display: none;
  visibility: hidden;
}

/* Responsive visibilty classes */

.visible-phone {
  display: none !important;
}

.visible-tablet {
  display: none !important;
}

.hidden-desktop {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-phone {
    display: inherit !important;
  }

  .hidden-phone {
    display: none !important;
  }

  .hidden-desktop {
    display: inherit !important;
  }

  .visible-desktop {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 1139px) {
  .visible-tablet {
    display: inherit !important;
  }

  .hidden-tablet {
    display: none !important;
  }

  .hidden-desktop {
    display: inherit !important;
  }

  .visible-desktop {
    display: none !important;
  }
}
.content-wrapper {
  margin: 0 auto;
  padding: 0 1rem;
}

.dnd-section .dnd-column.span12 {
  padding: 0;
}


@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.)
*/

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: 14px;
  margin: 0 0 1.4rem;
}

img {
  max-width: 100%;
  height: auto;
}

iframe {
  max-width: 100%;
}

/* Anchors */
a {
  cursor: pointer;
  color: inherit;
  text-decoration: none;
}

/* Lists */
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 var(--yass-color--white);
}

/* Headings */
.h1, .h2, .h3, .h4, .h5, .h6,
h1, h2, h3, h4, h5, h6 {
  line-height: 1;
/*   font-family: var(--yass-font--spectral); */
  font-family: var(--yass-font--wix);
  font-weight: 400;
}

h1, .h1 {
  font-size: 3.3rem;
  line-height: 1;
/*   letter-spacing: -2px; */
}
@media (min-width: 992px) {
  h1, .h1 {
  font-size: 4.6rem;
  }
}

h2, .h2 {
   font-size: 3.3rem;
  line-height: 1;
/*   letter-spacing: -2px; */
}
@media (min-width: 992px) {
  h2, .h2 {
      font-size: 4.6rem;
  }
}

h3, .h3 {
  font-size: 3rem;
  line-height: 1.2;
/*   letter-spacing: -2px; */
}
@media (min-width: 992px) {
  h3, .h3 {
    font-size: 3.4rem;
  }
}

h4, .h4 {
  font-size: 2.5rem;
/*   letter-spacing: -1px; */
  line-height: 1.28;
}

h5, .h5 {
  font-size: 1.8rem;
  line-height: 1.1;
/*   letter-spacing: -1px; */
}

h6, .h6 {
  font-size: 14px;
  letter-spacing: -1px;
}

a {
  text-decoration: none;
  color: inherit;
}

p {
  margin-bottom: 15px;
}
.subtitle {
  display: inline-block;
  color: #000;
  font-family: var(--yass-font--ibm);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  line-height: 1;
  padding: 10px;
  background: #CEF1F3;
}
.subtitle2 {
  display: block;
  color: var(--yass-color--primary);
  font-family: var(--yass-font--ibm);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  line-height: 1;
}
/* .subtitle--white {
  color: #fff;
} */
.btn {
  display: inline-flex;
  align-items: center;
  font-size: 12px;
  transition: var(--yass-transition-1);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  border: 0;
  cursor: pointer;
}
.btn svg {
  fill: currentColor;
  margin-left: 10px;
  transition: var(--yass-transition-1);
}
.btn--outlined {
  color: var(--yass-color--green2);
  padding: 8px 24px;
  border-radius: 10px;
  border: 1px solid var(--yass-color--green2);
}
.btn--outlined:hover {
  background-color: var(--yass-color--green2);
  color: var(--yass-color--white);
}
.btn--rounded {
/*   border-radius: 10px; */
  background-color: var(--yass-color--gray);
  color: #fff;
  padding: 10px 24px;
}
.btn--rounded:hover {
  background-color: var(--yass-color--green2);
}
.btn--rounded.large {
  padding: 12px 24px;
}
.btn:hover svg {
  transform: translateX(2px);
}


.btn--white {
  background-color: var(--yass-color--white);
  color:#304754;
}

.btn--white:hover {
  color: var(--yass-color--white);
}

.btn-video{
  display: inline-flex;
  border:1px solid var(--yass-color--navy);
  border-radius: 10px;
  color: var(--yass-color--navy);
  padding: 8px 24px;
  font-size: 12px;
  transition: var(--yass-transition-1);
  align-items:center;
  line-height: 1;
}

.btn-video:hover{
     background-color: var(--yass-color--navy);
  color: var(--yass-color--white);
}

.btn-video svg {
  fill: currentColor;
  margin-right: 10px;
  transition: var(--yass-transition-1);
}
/* /* Fields */

.hs-form-field {
  margin-bottom: 10px;
}

/* Labels */

.hs-form label {
  display: block;
  font-size: 12px;
  margin-bottom: 0.35rem;
}

/* Help text */

.hs-form legend {
  font-size: 10px;
}

/* Inputs */

.hs-form input[type=text],
.hs-form input[type=email],
.hs-form input[type=password],
.hs-form input[type=tel],
.hs-form input[type=number],
.hs-form input[type=file],
.hs-form select,
.hs-form textarea {
  display: block;
  padding:14px 25px;
  width: 100%  !important;
  font-size: 14px;
  line-height: 1;
  font-family: inherit;
  border: none;
}

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

/* Inputs - checkbox/radio */

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

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

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

.hs-form input[type=checkbox],
.hs-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 */

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

/* Headings and text */

.hs-form .hs-richtext,
.hs-form .hs-richtext p {
  margin: 0 0 15px;
}

.hs-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: #AA3219;
}

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

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

/* Submit button */

.hs-form input[type=submit],
.hs-form .hs-button {
  appearance:none;
  cursor: pointer;
  text-align: center;
  white-space: normal;
  display: inline-flex;
  align-items: center;
  font-size: 16px;
  transition: var(--yass-transition-1);
/*   border-radius: 10px; */
  background-color: var(--yass-color--green2); 
  color: #fff;  
  padding: 12px 41px 10px 24px;
  border:0;
  margin-top: 28px;
  background-image: url('//2999764.fs1.hubspotusercontent-na1.net/hubfs/2999764/raw_assets/public/validere/images/form.svg');
  background-repeat: no-repeat;
  background-position: right 24px center;
  transition: .3s ease-in-out;
}

.hs-form input[type=submit]:hover,
.hs-form .hs-button:hover{
  background-color: #304754
}

/* 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 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  padding: 10px 20px;
  background-color: #fff;
  z-index: 4;
  position: relative;
}
@media (min-width: 768px) {
  .header {
    padding: 25px 40px;
  }
}
.header__logo {
  flex: 0 0 auto;
  margin-right: 85px;
  z-index: 2;
}
.header__logo svg {
  display: block;
  width: 120px;
  height: 15px;
  fill: var(--yass-color--secondary);
}
.header ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.header__nav {
  flex: 1;
  display: none;
}
@media (min-width: 992px) {
  .header__nav {
    display: block;
  }
}
.header__nav__menu {
  list-style: none;
  display: flex;
  align-items: center;
}
.header__nav__menu > li {
  display: inline-block;
  font-size: 1.2rem;
  line-height: 1;
  margin-right: 35px;
}
.header__nav__menu > li svg {
  display: block;
  margin-left: 5px;
  fill: var(--yass-color--secondary);
}
.header__nav__menu > li:hover .sub-menu {
/*   opacity: 1;
  pointer-events: initial; */
/*   transition-delay: .1s; */
}

.is-active.sub-menu{
  transition-delay: .1s;

}

.is-active.sub-menu h3 {
          animation-name: fadeInRight;
          animation-duration: 0.6s;
          animation-fill-mode: both;
}
.is-active.sub-menu li {
          animation-name: fadeInRight;
          animation-duration: 0.6s;
          animation-fill-mode: both;
}
.is-active.sub-menu li:nth-child(1) {
          animation-delay: 0.0333333333s;
}
.is-active.sub-menu li:nth-child(2) {
          animation-delay: 0.0666666667s;
}
.is-active.sub-menu li:nth-child(3) {
          animation-delay: 0.1s;
}
.is-active.sub-menu li:nth-child(4) {
          animation-delay: 0.1333333333s;
}
.is-active.sub-menu li:nth-child(5) {
          animation-delay: 0.1666666667s;
}
.is-active.sub-menu li:nth-child(6) {
          animation-delay: 0.2s;
}
.is-active.sub-menu li:nth-child(7) {
          animation-delay: 0.2333333333s;
}
.is-active.sub-menu li:nth-child(8) {
          animation-delay: 0.2666666667s;
}
.is-active.sub-menu li:nth-child(9) {
          animation-delay: 0.3s;
}


.header__nav__menu > li > a {
  display: inline-flex;
  align-items: center;
  transition: 0.3s ease-in-out;
  text-transform: uppercase;
}
.header__nav__menu > li > a:hover {
  color: var(--yass-color--primary);
}
.header__actions {
  display: flex;
  align-items: center;
  z-index: 2;
}
.header__actions .login {
  margin: 0 30px;
}
.header__actions .btn {
  display: none;
}
@media (min-width: 600px) {
  .header__actions .btn {
    display: inline-flex;
  }
}

.sub-menu {
  position: absolute;
  left: 0;
  width: 100%;
  background-color: #fff;
  top: 42px;
  padding: 60px 0 40px;
  opacity: 0;
  pointer-events: none;
  box-shadow:0 26px 24px 0 rgba(0,0,0,.05);
}
.sub-menu h3 {
  margin-bottom: 72px;
}
.sub-menu__menu {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
}
.sub-menu__menu > li {
  width: 33.33%;
  padding-right: 60px;
  margin-bottom: 60px;
}
.sub-menu__menu > li a {
  display: flex;
  align-items: center;
  position: relative;
}
.sub-menu__menu > li a img {
  flex: 0 0 auto;
  width: 60px;
  display: block;
  margin-right: 20px;
  transform-origin: center center;
  transition: 0.3s ease-in-out;
}
.sub-menu__menu > li a h5 {
  color: var(--yass-color--secondary);
  margin-bottom: 6px;
  transition: 0.3s ease-in-out;
}
.sub-menu__menu > li a p {
  font-size: 1.2rem;
  margin: 0;
  line-height: 1.5;
  transition: 0.3s ease-in-out;
}

.sub-menu__menu > li a:hover h5 {
  color: var(--yass-color--primary);
}
.is-active.sub-menu,
.is-active .sub-menu {
  opacity: 1;
  pointer-events: initial;
}

.toggle-menu {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  margin-left: 20px;
  background-color: transparent;
  cursor: pointer;
  outline: none;
}
@media (min-width: 600px) {
  .toggle-menu {
    margin-left: 30px;
  }
}
.toggle-menu span {
  width: 17px;
  height: 1px;
  background-color: var(--yass-color--primary);
  display: block;
  margin: 3px 0;
  transition: all 0.3s ease-in-out;
}
.toggle-menu span:last-of-type {
  transform: translateX(5px);
}
.toggle-menu:hover span:last-of-type {
  transform: translateX(0);
}

.topper {
  align-items: center;
  justify-content: center;
  background-color: #273944;
  color: #fff;
  padding: 9px 30px;
  z-index: 3;
  position: relative;
  line-height: 1.1rem;
  display: flex;
  flex-direction: column;
  text-align: center;
}


.topper__container{
  display: none;
}

.topper .btn {
  margin-top: 15px;
  color: var(--yass-color--primary);
  outline: none;
}
.topper .btn:hover {
  color: #fff;
}
.topper p {
  margin-bottom: 0;
  line-height: 1.1;
  font-size: 1.1rem;
}

@media(min-width: 768px){
  .topper{
    flex-direction: row;
    text-align: initial;
    padding: 9px 30px 9px 15px;

  }
  .topper .btn{
    margin-left: 20px;
    margin-top: 0;
  }
}



.topper__close {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  border: 0;
  position: absolute;
  right: 17px;
  outline: none;
  padding: 5px;
  cursor: pointer;
}
.topper__close svg {
  fill: var(--yass-color--primary);
}
.topper__close:hover svg {
  fill: var(--yass-color--white);
}

.show-menu .header {
  position: fixed;
  left: 0;
  width: 100%;
  top: 0;
  background-color: transparent;
  color: var(--yass-color--white);
}
.show-menu .header__logo{
  opacity:0;
  pointer-events:none;
}
.show-menu .header__nav ul {
  display: none;
}
.show-menu .header svg {
  fill: var(--yass-color--white);
}
.show-menu .header .btn {
  border-color: var(--yass-color--white);
  color: var(--yass-color--white);
}
.show-menu .toggle-menu span {
  background-color: var(--yass-color--white);
  transform-origin: center center;
}
.show-menu .toggle-menu span:first-of-type {
  transform: translateY(3px) rotate(45deg);
}
.show-menu .toggle-menu span:last-of-type {
  transform: translateY(-1px) rotate(-45deg);
}

.show-submenu {
  overflow: hidden;
}
.show-submenu::after {
  content: "";
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.35);
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translate3d(25px, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translate3d(25px, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes slideInDown {
  from {
    transform: translate3d(0, -40%, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInDown {
  from {
    transform: translate3d(0, -40%, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.sticky-header:not(.show-menu) .header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  border-bottom: 1px solid var(--yass-color--white);
  padding: 10px 20px;
  -webkit-animation-name: slideInDown;
          animation-name: slideInDown;
  -webkit-animation-duration: 150ms;
          animation-duration: 150ms;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
@media (min-width: 768px) {
  .sticky-header:not(.show-menu) .header {
    padding: 10px 40px;
  }
}
.sticky-header:not(.show-menu) .sub-menu {
  top: 34px;
}

.search-btn{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline:none;
  background:none;
  border:0;
  cursor:pointer;
}




body.show-search #hs_cos_wrapper_search_input{
  display: block;
  
}

body #hs_cos_wrapper_search_input{
  border-top:1px solid var(--yass-color--white);
  border-bottom:1px solid var(--yass-color--white);
  background-color: #fff;
  z-index:4;
  position:absolute;
  left: 0;
 top: 40px;
  width: 100%;
  display:none;
   -webkit-animation-name: slideInDown;
          animation-name: slideInDown;
  -webkit-animation-duration: 150ms;
          animation-duration: 150ms;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

.hs-search-field__input{
  padding: 10px 20px;
  outline: 0;
  border: 0;
}
.hs-search-field__bar{
  padding: 0;
  padding: 0;
  border: 0;
}

#hs_cos_wrapper_search_input .hs-search-field__suggestions{
  padding: 10px;
  border-width: 1px 0 0 0;
}

#hs_cos_wrapper_search_input .hs-search-field__suggestions:empty{
  padding: 0;
  border: 0

}

#results-for{
  color: var(--yass-color--primary)

}

.hs-search-field__suggestions a:focus, .hs-search-field__suggestions a:hover{
  background-color: var(--yass-color--light-gray)
}

@media (min-width: 768px){
  .hs-search-field__input{
    padding: 10px 40px;
  }
}

.search-btn  svg{
    fill: var(--yass-color--gray)
}

.search-btn  .close{
    display: none;
}

.show-search .search-btn  .open{
    display: none;
}
.show-search .search-btn  .close{
    display: block;
}



.show-menu .search-btn{
  display:none;
}

.show-search .topper__container{
  display:none !important;
}

.sticky-header #hs_cos_wrapper_search_input{
    position: fixed;
   
   -webkit-animation-name: slideInDown;
          animation-name: slideInDown;
    -webkit-animation-duration: 150ms;
            animation-duration: 150ms;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
}





@media (min-width: 768px){
  body #hs_cos_wrapper_search_input{
    top: 69px;
  }
}



.header.newheader .is-active.sub-menu h3 {
  color: var(--Primary-Validere-_-Primary-_-DarkGreen, #1D2C34);
  font-family: "Wix Madefor Display";
  font-size: 34px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%; /* 34px */
  letter-spacing: normal;
  margin-bottom: 48px;
}




.header.newheader .sub-menu__menu a{
  color: var(--Grey-Val_Grey_02, #304754);
  font-family: "IBM Plex Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px; /* 128.571% */
  display: flex;
  gap: 12px;
  margin-bottom: 14px;
  transition: .3s ease-in-out
}
.header.newheader .sub-menu__menu .sub-menu__menu__top h5:hover,
.header.newheader .sub-menu__menu a:hover{
  color: #2DAAAF;
}


.header.newheader .sub-menu__menu .sub-menu__menu__top{
  display: flex;
  align-items: center;
  gap:18px;
  margin-bottom: 35px;
}
.header.newheader .sub-menu__menu .sub-menu__menu__top h5{
  color: var(--Primary-Validere-_-Primary-_-DarkGreen, #1D2C34);
  font-family: "Wix Madefor Display";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 111.111% */
  max-width: 185px;
  letter-spacing: normal;
}


.sub-menu__menu__top img{
  flex: 0 0 auto;
}


.header.newheader  .sub-menu{
  padding-bottom: 0;
}

.header.newheader  .integration-hero__bottom{
  background: #F9FAFB;
  padding: 32px  0 ;
  max-width: initial;
  
}

.header.newheader  .integration-hero__bottom h5{
  letter-spacing: normal;
  color: #000;
  font-family: "Wix Madefor Display";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 125% */
}

.header.newheader  .integration-hero__bottom .btn{
  color: #fff;
}
  
.header.newheader  .integration-hero__bottom .container{
  display: flex;
  gap: 48px;
  align-items: center;
  font-size: 12px;
  padding: 6px 26px;
}
.footer {
  background-color: var(--yass-color--secondary);
  color: rgba(255, 255, 255, 0.8);
  padding-top: 180px;
  position: relative;
  overflow: hidden;
}
@media (max-width: 767px) {
  .footer .container {
    padding-left: 40px;
    padding-right: 40px;
  }
}
.footer__logo svg {
  width: 157px;
  height: 20px;
  fill: var(--yass-color--white);
}
@media (min-width: 600px) {
  .footer {
    background-image: url("//2999764.fs1.hubspotusercontent-na1.net/hubfs/2999764/raw_assets/public/validere/images/lines/footer-line4.svg");
    background-position: left bottom 110px;
    background-repeat: no-repeat;
  }
}
@media (min-width: 1550px) {
  .footer {
    background-image: url("//2999764.fs1.hubspotusercontent-na1.net/hubfs/2999764/raw_assets/public/validere/images/lines/footer-line1.svg"), url("//2999764.fs1.hubspotusercontent-na1.net/hubfs/2999764/raw_assets/public/validere/images/lines/footer-line4.svg");
    background-position: bottom 110px right 128px, left bottom 110px;
    background-repeat: no-repeat, no-repeat;
    background-size: 608px, auto;
  }
}
.footer__container {
  padding: 0 0 40px;
}

@media (min-width: 992px) {
  .footer__container {
    padding: 70px 0 40px;
  }
  .footer__container {
    display: flex;
    max-width: 1020px;
    justify-content: space-between;
    padding: 70px 0 90px;
  }

  .footer__col:nth-child(2) .footer__col__section:first-of-type, .footer__col:nth-child(3) .footer__col__section:first-of-type {
    min-height: 132px;
  }
  
  .newsletter__section{
/*     padding-top: 40px; */
  }
}
.footer__col__section {
  margin-bottom: 42px;
}
@media (min-width: 992px) {
  .footer__col__section {
    margin-bottom: initial;
  }
  .footer__col__section:first-of-type {
    margin-bottom: 75px;
  }
}
@media (min-width: 992px) {
  .footer__col p {
    max-width: 230px;
  }
}
.footer__col h6 {
  margin-bottom: 14px;
}
.footer__col ul {
  list-style: none;
}
.footer__col ul li a {
  transition: var(--yass-transition-1);
}
.footer__col ul li a:hover {
  color: var(--yass-color--primary);
}
.footer__col form.hs-form {
  position: relative;
}
.footer__col .hs-form-field label {
  display: none;
}
.footer__col form.hs-form .hs-input {
  display: block;
  width: 100%;
  background-color: transparent;
  color: var(--yass-color--light-green);
  border: 0;
  font-family: inherit;
  border-bottom: 1px solid var(--yass-color--primary);
  padding: 6px 0;
  font-size: 14px;
  padding-right: 20px;
  outline: none;
}
.footer__col form.hs-form .hs-input::-moz-placeholder {
  color: var(--yass-color--light-green);
  opacity: 0.8;
}
.footer__col form.hs-form .hs-input::placeholder {
  color: var(--yass-color--light-green);
  opacity: 0.8;
}
.footer__col form.hs-form .hs-button {
  position: absolute;
  right: 11px;
  top: 50%;
  width: initial;
  font-size: 0;
  width: 19px;
  display: block;
  height: 19px;
  transform: translateY(-50%);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  background-color: transparent;
  color: rgba(255, 255, 255, 0.8);
  background-image: url("//2999764.fs1.hubspotusercontent-na1.net/hubfs/2999764/raw_assets/public/validere/images/lines/arrow-btn.svg");
  background-position: center center;
  background-repeat: no-repeat;
  outline: none;
  padding: 0;
  margin: 0;
  border-radius: 0;
}
.footer__bottom {
  padding: 24px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--yass-color--light-green);
  border: 1px solid var(--yass-color--gray);
  flex-direction: column-reverse;
}
@media (min-width: 600px) {
  .footer__bottom {
    padding: 43px 32px;
    flex-direction: row;
  }
}
@media (min-width: 750px) {
  .footer__bottom {
    background-image: url("//2999764.fs1.hubspotusercontent-na1.net/hubfs/2999764/raw_assets/public/validere/images/lines/footer-line2.svg");
    background-repeat: no-repeat;
    background-position: top -1px right 248px;
  }
}
@media (min-width: 992px) {
  .footer__bottom {
    padding: 43px 48px;
    background-image: url("//2999764.fs1.hubspotusercontent-na1.net/hubfs/2999764/raw_assets/public/validere/images/lines/footer-line3.svg"), url("//2999764.fs1.hubspotusercontent-na1.net/hubfs/2999764/raw_assets/public/validere/images/lines/footer-line2.svg");
    background-repeat: no-repeat no-repeat;
    background-position: top -1px left 100px, top -1px right 248px;
  }
}
@media (min-width: 1200px) {
  .footer__bottom {
    background-position: top -1px left 200px, top -1px right 248px;
  }
}
.footer__bottom .copy {
  font-size: 10px;
}
.footer__bottom .social {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 24px;
  justify-content: center;
}
@media (min-width: 600px) {
  .footer__bottom .social {
    margin-bottom: initial;
    justify-content: center;
  }
}
.footer__bottom .social span {
  font-size: 13px;
  width: 100%;
  text-align: center;
  margin-bottom: 8px;
}
@media (min-width: 600px) {
  .footer__bottom .social span {
    margin-right: 24px;
    width: initial;
    margin-bottom: initial;
    text-align: initial;
    transform: translateY(3px);
  }
}
.footer__bottom .social a {
  margin: 0 8px;
}
@media (min-width: 600px) {
  .footer__bottom .social a {
    margin: 0 0 0 8px;
  }
}
.footer__bottom .social svg {
  display: block;
  transition: 0.3s ease-in-out;
  fill: currentColor;
}
.footer__bottom .social svg:hover {
  fill: var(--yass-color--white);
}

.newsletter {
  align-items: center;
  background: #F2F5F7;
  border: 1px solid rgba(76, 112, 133, 0.7);
  padding: 60px 30px;
  transform: translateY(90px);
  position: relative;
  z-index: 2;
}
@media (min-width: 500px) {
  .newsletter {
    padding: 90px 60px;
  }
}
@media (min-width: 768px) {
  .newsletter {
    display: flex;
  }
}
@media (min-width: 992px) {
  .newsletter {
    padding: 90px 120px;
    background-image: url("//2999764.fs1.hubspotusercontent-na1.net/hubfs/2999764/raw_assets/public/validere/images/lines/nlines.svg");
    background-position: bottom -30px right -150px;
    background-repeat: no-repeat;
  }
}
@media (min-width: 1200px) {
  .newsletter {
    background-position: bottom right;
  }
}
.newsletter h2 {
  color: #062C24;
  margin: 20px 0;
}
.newsletter p {
  color: rgba(48, 71, 84, 0.8);
  margin: 0;
}
.newsletter .hs-form {
  position: relative;
}
.newsletter .hs-form-field label {
  display: none;
}
.newsletter .hs-form .hs-input {
  display: block;
  width: 100%;
  background-color: transparent;
  color: var(--yass-color--gray);
  border: 0;
  font-family: inherit;
  border-bottom: 1px dashed var(--yass-color--secondary);
  padding: 24px 0;
  font-size: 14px;
  padding-right: 20px;
  outline: none;
}
.newsletter .hs-form .hs-input::-moz-placeholder {
  color: var(--yass-color--secondary);
  opacity: 0.8;
}
.newsletter .hs-form .hs-input::placeholder {
  color: var(--yass-color--secondary);
  opacity: 0.8;
}
.newsletter .hs-form .hs-button {
  position: absolute;
  right: 11px;
  top: 50%;
  width: initial;
  font-size: 0;
  width: 19px;
  display: block;
  height: 19px;
  transform: translateY(-50%);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  background-color: transparent;
  color: rgba(255, 255, 255, 0.8);
  background-image: url("//2999764.fs1.hubspotusercontent-na1.net/hubfs/2999764/raw_assets/public/validere/images/lines/arrow-btn-2.svg");
  background-position: center center;
  background-repeat: no-repeat;
  outline: none;
  padding: 0;
  margin: 0;
  border-radius: 0;
}
.newsletter__info {
  width: 100%;
}
@media (min-width: 768px) {
  .newsletter__info {
    width: 50%;
  }
}
.newsletter__form {
  margin-top: 32px;
}
@media (min-width: 768px) {
  .newsletter__form {
    width: 50%;
    margin: initial;
    max-width: 290px;
  }
}

.newsletter.newnewsletter{
  border: none;
}

.newsletter.newnewsletter h2{
  color: #304754;
  font-family: "Wix Madefor Display";
  font-size: 33px;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 36.3px */
  letter-spacing: -0.5px;
  margin: 28px 0 7px;
}





.newfooter{
  background-image: none;
}
.newfooter .footer__container{
  padding-top: 0;
  max-width: initial;
}

.newfooter .footer__col--1 p{
  margin: 18px 0 24px;
}

.newfooter .footer__col--1{
  max-width: 325px;
  padding-right: 100px;
}

.newfooter .footer__col--2{
  width: 100%;
  max-width: 250px;
}



.newfooter .footer__col ul li .menu-trigger-container{
  appearance: none;
  background: transparent;
  border:0;
  outline:none;
  color: rgba(255, 255, 255, 0.80);
  font-family: "IBM Plex Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 21.98px; /* 157% */
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  cursor: pointer;
  transition: .3s ease-in-out;
}
  
.newfooter .footer__col ul li .menu-trigger-container:hover{
  color: #fff;
}
.newfooter .footer__col ul li .menu-trigger-container svg{
  transition: .3s ease-in-out;
  fill: rgba(255, 255, 255, 0.80);
}
.newfooter .footer__col ul li .menu-trigger.active svg{
  transform: rotate(45deg);
  fill: var(--yass-color--primary);
}

.newfooter .footer__col ul li a{
  color: rgba(255, 255, 255, 0.80);
  font-family: "IBM Plex Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 21.98px; /* 157% */
}

.newfooter .footer__col ul li a:hover{
  color: #fff;
}

.newfooter .footer__col__section ul li {
  margin-bottom: 8px;
  line-height: 21.98px; /* 157% */
}
.newfooter .footer__col__section ul.footer-sub-menu{
/*   display: none; */
  margin-top: 6px;
  padding-left: 8px;
  margin-bottom: 28px;
}
.newfooter .footer__col__section ul.footer-sub-menu  li{
  margin-bottom: 4px;
  line-height: 18px;
}
.newfooter .footer__col--2 ul li ul li  a{
  font-size: 12px;
  line-height: 18px; /* 150% */
}



.newfooter .footer__col--3{
  width: 100%;
  display: grid;
}

@media(min-width: 992px){
  .newfooter .footer__col--3{
      width: 35%;
      max-width: 424px;
      grid-template-columns: repeat(2, 1fr);
    }
}


.footer__col__section .btn--white:hover{
  background-color: #CEF1F3;
  color: #1D2C34;
}



@media(min-width: 1200px){
  .newfooter .footer__col--3{
    width: 45%;
    grid-template-columns: repeat(2, 1fr);
  }
/*   .newfooter .footer__col--3 .footer__col__section:nth-child(2){
    padding-left: 80px;
  }
  .newfooter .footer__col--3 .footer__col__section:last-of-type{
    min-width: 220px;
  } */

}
.mobile-menu {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: var(--yass-color--secondary);
  overflow: auto;
  display: none;
  z-index: 3;
}
.mobile-menu__container {
  min-height: 100%;
  color: var(--yass-color--light-green);
  display: flex;
  flex-direction: column;
}
.mobile-menu__bottom {
  border-top: 1px solid rgba(206, 241, 243, 0.5);
  width: 100%;
  overflow: hidden;
}
.mobile-menu__bottom .container {
  padding-top: 45px;
  padding-bottom: 45px;
}
@media (min-width: 992px) {
  .mobile-menu__bottom .container {
    display: flex;
    justify-content: space-between;
  }
}
@media (min-width: 1200px) {
  .mobile-menu__bottom .container::after {
    content: url("//2999764.fs1.hubspotusercontent-na1.net/hubfs/2999764/raw_assets/public/validere/images/lines/mm.svg");
    position: absolute;
    top: 0;
    right: 254px;
    width: 120px;
    height: 100%;
    background-position: right top;
    background-repeat: no-repeat;
    background-size: cover;
  }
}
.mobile-menu__bottom .subtitle {
  margin-bottom: 6px;
  font-size: 10px;
}
.mobile-menu__bottom p {
  opacity: 0.8;
}
@media (max-width: 767px) {
  .mobile-menu__bottom .social, .mobile-menu__bottom .offices {
    padding: 0 20px;
  }
}
.mobile-menu__bottom .social span {
  display: block;
  color: var(--yass-color--primary);
  font-family: var(--yass-font--ibm-condensed);
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  line-height: 1;
  margin-bottom: 10px;
}
.mobile-menu__bottom .social a:not(:last-of-type) {
  padding-right: 24px;
}
.mobile-menu__bottom .social a svg {
  fill: currentColor;
}
.mobile-menu__menu {
  width: 100%;
  flex: 1;
  position: relative;
  padding-top: 100px;
  display: flex;
}
@media (min-width: 550px) {
  .mobile-menu__menu {
    padding-top: 150px;
  }
}
@media (min-width: 768px) {
  .mobile-menu__menu::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 60px;
    width: 320px;
    height: 100%;
    background-image: url("//2999764.fs1.hubspotusercontent-na1.net/hubfs/2999764/raw_assets/public/validere/images/lines/mmt.svg");
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: contain;
  }
}
@media (min-width: 768px) and (min-width: 992px) {
  .mobile-menu__menu::after {
    right: 100px;
  }
}
@media (min-width: 768px) and (min-width: 1200px) {
  .mobile-menu__menu::after {
    right: 230px;
  }
}
.mobile-menu__menu > div {
  width: 100%;
  padding: 0 20px;
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 768px) {
  .mobile-menu__menu > div {
    width: 70%;
    padding: initial;
  }
}
.mobile-menu__col {
  width: 100%;
}
@media (min-width: 550px) {
  .mobile-menu__col {
    width: 50%;
  }
}
.mobile-menu__col > ul {
  list-style: none;
  margin-bottom: 32px;
}
@media (max-width: 550px) {
  .mobile-menu__col >  ul {
    margin-bottom: 48px;
  }
}
.mobile-menu__col >  ul li {
  margin-bottom: 12px;
  line-height: 1;
}
.mobile-menu__col ul li a {
  transition: var(--yass-transition-1);
}
.mobile-menu__col ul a:hover {
  color: var(--yass-color--primary);
}
.mobile-menu__col .submenu {
  list-style:none;
}
.mobile-menu__col .submenu li{
  padding-left: 10px;
  font-size: 12px;
  margin-top: 10px
}

.mobile-menu__col .h2 {
  margin-bottom: 30px;
}
@media (max-width: 550px) {
  .mobile-menu__col .h2 {
    font-size: 2.4rem;
  }
}
.banner-t1 {
  background-color: var(--yass-color--light-gray);
  display: flex;
  flex-direction: column-reverse;
}
@media (min-width: 768px) {
  .banner-t1 {
    flex-direction: row;
  }
}


.banner-t1__image svg{
  position:absolute;
  left:50%; 
  top: 50%;
  transform: translate(-50%, -50%);
  fill: #E1EAEE;
  z-index: 2;
  transition: var(--yass-transition-1)
} 

a.banner-t1__image:hover svg{
  fill: var(--yass-color--primary);
}


.banner-t1__content {
  display: flex;
  justify-content: center;
  padding: 50px 30px;
  position: relative;
  overflow: hidden;
}
@media (min-width: 768px) {
  .banner-t1__content {
    width: 58%;
  }
}
@media (min-width: 992px) {
  .banner-t1__content {
    padding: 100px 0;
  }
}
.banner-t1__content::before {
  content: url("//2999764.fs1.hubspotusercontent-na1.net/hubfs/2999764/raw_assets/public/validere/images/lines/h-lines1-3.svg");
  position: absolute;
  top: -30px;
  left: -100px;
  display: block;
}
@media (min-width: 992px) {
  .banner-t1__content::before {
    left: 0;
    top: 25px;
  }
}
.banner-t1__content::after {
  content: url("//2999764.fs1.hubspotusercontent-na1.net/hubfs/2999764/raw_assets/public/validere/images/lines/lineb.svg");
  position: absolute;
  right: 0;
  bottom: -38px;
  display: block;
}

.banner-t1__content .line {
  content: "";
  position: absolute;
  left: 0;
  bottom: 49px;
  height: 0;
  width: 100%;
/*   border-top: 1px solid var(--yass-color--green3); */
}


.banner-t1__content .line::before {
  content: url("//2999764.fs1.hubspotusercontent-na1.net/hubfs/2999764/raw_assets/public/validere/images/lines/h-lines1-1.svg");
  position: absolute;
  left: 0;
  bottom: -7px;
  display: none;
}
@media (min-width: 992px) {
  .banner-t1__content .line::before {
    display: block;
  }
}
.banner-t1__info {
  padding: 60px 0;
  z-index: 2;
  position: relative;
}
.banner-t1__info .subtitle {
  margin-bottom: 42px;
}
.banner-t1__info h1 {
  margin-bottom: 16px;
  max-width: 490px;
}
.banner-t1__info p {
  margin-bottom: 0;
  max-width: 490px;
}
.banner-t1__info .btn {
  margin-top: 48px;
}
.banner-t1__image {
  display:block;
  width: 100%;
  position: relative;
  background-color: var(--yass-color--green3);
}
@media (min-width: 768px) {
  .banner-t1__image {
    width: 42%;
  }
}


.banner-t1__image::before {
  content: "";
  display: block;
  padding-top: 56%;
}
@media (min-width: 768px) {
  .banner-t1__image::before {
    display: none;
  }
}



.banner-t1--style2{
  border-bottom: 1px solid rgba(76, 112, 133, .3);;
}

.banner-t1--style2 .banner-t1{
   background-color: #fff;
}
.banner-t1--style2 .banner-t1__content .line{
  bottom: 0
}
.banner-t1--style2 .banner-t1__content::after{
  display:none;
}

.banner-t1--style2  h1{
  max-width: 510px;
}

.banner-t1--style2 .banner-t1__info p{
  max-width: 360px;
}
.banner-t1--style2  .banner-t1__info .btn{
  margin-top: 32px
}
.banner-t1--style2 .banner-t1__content .line,
.banner-t1--style2 .banner-t1__content::before{
  opacity:.3
}

@media (min-width: 992px) {
    .banner-t1--style2 .banner-t1__content::before {
        left: 0;
        top: 0;
    }
}



.banner-t2 {
  margin: 0 auto;
  border: 1px solid rgba(76, 112, 133, 0.7);
  position: relative;
  width: calc(100% - 40px);
  max-width: 1345px;
  background-color: var(--yass-color--white);
}
@media (min-width: 768px) {
  .banner-t2 {
    display: flex;
  }
}
.banner-t2__content {
  width: 100%;
  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden;
}
@media (min-width: 768px) {
  .banner-t2__content {
    width: 65%;
    padding: 100px 0 0;
  }
}
@media (min-width: 992px) {
  .banner-t2__content {
    padding: 148px 0 50px;
  }
}
@media (min-width: 992px) {
  .banner-t2__content {
    justify-content: center;
  }
}
.banner-t2__info {
  padding: 40px 30px;
  z-index: 2;
}
@media (min-width: 550px) {
  .banner-t2__info {
    padding: 40px;
  }
}
.banner-t2__info .subtitle {
  margin-bottom: 48px;
}
.banner-t2__info h2 {
  margin-bottom: 48px;
  max-width: 400px;
  color: var(--yass-color--secondary);
}
@media (min-width: 992px) {
  .banner-t2__info h2 {
    max-width: 590px;
  }
}
.banner-t2__image {
  width: 100%;
  background-color: var(--yass-color--white);
  position: relative;
}
@media (min-width: 768px) {
  .banner-t2__image {
    width: 35%;
  }
}
.banner-t2__image::before {
  content: "";
  display: block;
  padding-top: 100%;
}
@media (min-width: 768px) {
  .banner-t2__image::before {
    display: none;
  }
}
.banner-t2.line-type-1 .banner-t2__content {
  background-image: url("//2999764.fs1.hubspotusercontent-na1.net/hubfs/2999764/raw_assets/public/validere/images/lines/b-line1-1.svg");
  background-repeat: no-repeat, no-repeat;
  background-position: top -1px right -80px;
}
@media (min-width: 500px) {
  .banner-t2.line-type-1 .banner-t2__content {
    background-position: top -1px right -50px;
  }
}
@media (min-width: 768px) {
  .banner-t2.line-type-1 .banner-t2__content {
    background-image: url("//2999764.fs1.hubspotusercontent-na1.net/hubfs/2999764/raw_assets/public/validere/images/lines/b-line1-1.svg"), url("//2999764.fs1.hubspotusercontent-na1.net/hubfs/2999764/raw_assets/public/validere/images/lines/b-line1-2.svg");
    background-position: top 100px right -50px, top -1px left -40px;
  }
}
@media (min-width: 992px) {
  .banner-t2.line-type-1 .banner-t2__content {
    background-position: top 100px right -70px, top -1px left -60px;
  }
}
@media (min-width: 1200px) {
  .banner-t2.line-type-1 .banner-t2__content {
    background-position: top 100px right 0, top -1px left 0;
  }
}
.banner-t2.line-type-1 .banner-t2__image::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url("//2999764.fs1.hubspotusercontent-na1.net/hubfs/2999764/raw_assets/public/validere/images/lines/b-line1-3.svg");
  background-repeat: no-repeat;
  background-position: top -15px right 0;
  z-index: 3;
  pointer-events: none;
  display: none;
}
@media (min-width: 768px) {
  .banner-t2.line-type-1 .banner-t2__image::after {
    display: block;
  }
}
.banner-t2.line-type-2::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  top: 0;
  height: 100%;
  pointer-events: none;
  background-image: url("//2999764.fs1.hubspotusercontent-na1.net/hubfs/2999764/raw_assets/public/validere/images/lines/b-line3-1.svg"), url("//2999764.fs1.hubspotusercontent-na1.net/hubfs/2999764/raw_assets/public/validere/images/lines/b-line3-2.svg");
  background-repeat: no-repeat, no-repeat;
  background-position: bottom 0 right 10vw, top 0 left 10vw;
  z-index: 3;
}
@media (min-width: 768px) {
  .banner-t2.line-type-2::after {
    background-position: bottom 0 right 7vw, top 0 left 15vw;
  }
}
.banner-t2.line-type-2 .banner-t2__content {
  padding: 40px 0 100px;
}
@media (min-width: 768px) {
  .banner-t2.line-type-2 .banner-t2__content {
    padding: 100px 0;
  }
}
.banner-t2.width-full {
  border: 0;
  max-width: initial;
  width: 100%;
}
.banner-t2.orientation-right {
  flex-direction: row-reverse;
  background-color: var(--yass-color--green2);
}
.banner-t2.orientation-right .banner-t2__content {
  justify-content: center;
  padding: 56px 0 48px;
}
@media (min-width: 992px) {
  .banner-t2.orientation-right .banner-t2__content {
    padding: 96px 0 88px;
  }
}
.banner-t2.orientation-right .banner-t2__info {
  padding: 40px 30px 40px 60px;
}
@media (min-width: 550px) {
  .banner-t2.orientation-right .banner-t2__info {
    padding: 48px 60px;
  }
}
.banner-t2.orientation-right h2, .banner-t2.orientation-right h6 {
  color: var(--yass-color--white);
}
.banner-t2.orientation-right.line-type-1 .banner-t2__content {
  background-image: url("//2999764.fs1.hubspotusercontent-na1.net/hubfs/2999764/raw_assets/public/validere/images/lines/b-line2-1.svg");
  background-repeat: no-repeat;
  background-position: left 30px top -40px;
}
@media (min-width: 992px) {
  .banner-t2.orientation-right.line-type-1 .banner-t2__content {
    background-position: left 30px top 0;
  }
}
@media (min-width: 1200px) {
  .banner-t2.orientation-right.line-type-1 .banner-t2__content {
    background-position: left 62px top 0;
  }
}
.banner-t2.orientation-right.line-type-1 .banner-t2__image::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url("//2999764.fs1.hubspotusercontent-na1.net/hubfs/2999764/raw_assets/public/validere/images/lines/b-line2-2.svg");
  background-repeat: no-repeat;
  background-position: left top -23px;
}
@media (min-width: 992px) {
  .banner-t2.orientation-right.line-type-1 .banner-t2__image::after {
    background-position: left top 17px;
  }
}
.banner-t2.orientation-right.line-type-2::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  top: 0;
  height: 100%;
  pointer-events: none;
  background-image: url("//2999764.fs1.hubspotusercontent-na1.net/hubfs/2999764/raw_assets/public/validere/images/lines/b-line3-2.svg"), url("//2999764.fs1.hubspotusercontent-na1.net/hubfs/2999764/raw_assets/public/validere/images/lines/b-line3-4.svg");
  background-repeat: no-repeat, no-repeat;
  background-position: bottom 0 right -5%, top 0 left -5%;
  z-index: 3;
}
@media (min-width: 768px) {
  .banner-t2.orientation-right.line-type-2::after {
    background-position: bottom 0 right 20vw, top 0 left 30vw;
  }
}

.image-banner {
  background-color: var(--yass-color--white);
  border: 1px solid var(--yass-color--gray);
  display: block;
}
@media (min-width: 700px) {
  .image-banner {
    display: flex;
  }
}
.image-banner__image {
  width: 100%;
  display: block;
  aspect-ratio: 16/9;
  position: relative;
}
@media (min-width: 700px) {
  .image-banner__image {
    width: 42%;
    aspect-ratio: initial;
  }
}
.image-banner__content {
  max-width: 435px;
  margin: 0 auto;
  display: block;
}
.image-banner__info {
  display: block;
  width: 100%;
  padding: 70px 30px 100px;
  background-image: url("//2999764.fs1.hubspotusercontent-na1.net/hubfs/2999764/raw_assets/public/validere/images/lines/image-banner.svg");
  background-position: bottom right;
  background-repeat: no-repeat;
}
@media (min-width: 700px) {
  .image-banner__info {
    width: 58%;
  }
}
.image-banner__info .subtitle {
  margin-bottom: 16px;
}
.image-banner__info h3 {
  color: var(--yass-color--secondary);
}
.video-module{
  padding: 20px 0;
  margin: 0 auto;
}

.video--module__small{
  max-width: 890px;
}

.plyr.plyr--paused .plyr__controls{
opacity:0}

.integration-banner {
  background-color: var(--yass-color--green2);
  display: flex;
  flex-direction: column-reverse;
}

@media (min-width: 768px) {
  .integration-banner {
    flex-direction: row;
  }
}


.integration-banner__image svg{
  position:absolute;
  left:50%; 
  top: 50%;
  transform: translate(-50%, -50%);
  fill: #E1EAEE;
  z-index: 2;
  transition: var(--yass-transition-1)
} 

a.integration-banner__image:hover svg{
  fill: var(--yass-color--primary);
}


.integration-banner__content {
  display: flex;
  justify-content: center;
  padding: 50px 30px;
  position: relative;
  overflow: hidden;
}
@media (min-width: 768px) {
  .integration-banner__content {
    width: 58%;
  }
}
@media (min-width: 992px) {
  .integration-banner__content {
    padding-top: 114px;
    padding-bottom: 183px;
  }
}
.integration-banner__content::after {
  content: url("//2999764.fs1.hubspotusercontent-na1.net/hubfs/2999764/raw_assets/public/validere/images/lines/vector-83.svg");
  position: absolute;
  left: 25%;
  bottom: -8px;
  display: none;
}

@media (min-width: 1200px) {
  .integration-banner__content::after {
    display: block;
  }
}

.integration-banner__content__container .line {
  content: "";
  position: absolute;
  left: 0;
  bottom: 111px;
  height: 0;
}


.integration-banner__content__container .line::before {
  content: url("//2999764.fs1.hubspotusercontent-na1.net/hubfs/2999764/raw_assets/public/validere/images/lines/vector-15.svg");
  display: none;
}
@media (min-width: 1200px) {
  .integration-banner__content__container .line::before {
    display: block;
  }
}
.integration-banner__info {
  z-index: 2;
  position: relative; 
  max-width: 617px;
}
.integration-banner__info .subtitle {
  margin-bottom: 40px;
}
.integration-banner__info h1 {
  margin-bottom: 24px;
}
.integration-banner__info p {
  margin-bottom: 0;
}
.integration-banner__info .btn {
  margin-top: 48px;
}
.integration-banner__image {
  display:block;
  width: 100%;
  position: relative;
  background-color: var(--yass-color--green3);
}
@media (min-width: 768px) {
  .integration-banner__image {
    width: 42%;
  }
}

.integration-banner h1,.integration-banner p {
  color: var(--yass-color--white);
}

@media (min-width: 1200px) {
  .integration-banner__image {
      clip-path: polygon(0px 0px, 100% 0px, 100% 100%, 130px 100%);
      margin-bottom: 97px;
      min-height: 485px;
  }
}


.banner-t1--style3 .banner-t1__content::after,
.banner-t1--style3 .banner-t1__content::before,
.banner-t1--style3 .line {
  display: none;
}

.banner-t1--style3 .banner-t1{
  background-color: #FBFBFB;
}


.newHeroBanner{
  position: relative;
  background-color: #fff;
}
.newHeroBanner h1{
  margin: 28px 0;
  font-family:var(--yass-font--wix);
  font-size: 48px;
  max-width: 585px;
  font-weight: 400;
}

.newHeroBanner__info{
  padding: 55px  0;
}

.newHeroBanner__image{
  display: block;
  width: 100%;
}

@media (min-width: 768px) {
  .newHeroBanner__image{
    width: 40%;
    position:absolute;
    right: 0;
    top:0;
    height: 100%;
  }
  .newHeroBanner__info{
    padding: 120px 50px 120px 0;
    width: 58%;
    min-height: 570px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
  }
  .newHeroBanner__image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}


.hero2025__top{
  position: relative;
}



.hero2025__info{
  width: 100%;
  padding: 60px 0 35px;
}

.hero2025__info .h2{
  font-size: 33px;
  font-family: var(--yass-font--wix);
  margin: 28px 0 16px;
  line-height: 1.1;
}

.text-rotator {
  display: block;
  height: 43px;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.text-content {
  position: absolute;
  width: 100%;
  height: 43px;
  left: 0;
  display: flex;
  align-items: center;
  transition: transform 0.5s ease-out;
  transform: translateY(43px);
}

.text-content.active {
  transform: translateY(0);
}

.text-content.old {
  transform: translateY(-43px);
}

@media(min-width: 500px ){
  .hero2025__info .h2{
    font-size: 42px;
  }
  .text-rotator {
    height: 60px;
  }
  .text-content {
    height: 60px;
    transform: translateY(60px);
  }
  
  .text-content.old {
    transform: translateY(-60px);
  }
}

.hero2025__info p{
  margin: 0 0 28px;
  max-width: 530px;
}





.hero2025__image img,
.hero2025__image{
  width: 100%;
  display: block;
}

.hero2025__links{
  position: relative;
  background-color: #F9FAFB;
}



.hero2025__link{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border: 1px solid rgba(76, 112, 133, 0.30);
  background: #FFF;
  box-shadow: 0px 23.995px 35.993px 0px rgba(36, 50, 66, 0.06);
  padding: 24px 24px 24px 18px;
  border-left: 6px solid rgba(48, 71, 84, 0.80);
  transition: .3s ease-in-out;
  

}
.hero2025__link p{
  color: var(--color-azure-26, #304754);
  font-family: "IBM Plex Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 18.2px */
  margin: 0;
}

.hero2025__link span{
  margin-top: 24px;
 color: var(--color-cyan-23, #185B5E);

}

.hero2025__link .h4{
  margin-bottom: 12px;
  font-size: 22px;
  font-family:var(--yass-font--wix);
  min-height: 57px;
}

  a.hero2025__link:hover{
    border-left-color: #2DAAAF
  }

  a.hero2025__link:hover span{
    color: #185B5E;
  }

  .hero2025__links__container{
     display: grid;
     gap: 16px;
    transform: translateY(-36px);
     position: relative;
    z-index:2;
  }

@media(min-width: 992px ){
/*   .hero2025.s3 .hero2025__top::before {
      content: url(//2999764.fs1.hubspotusercontent-na1.net/hubfs/2999764/raw_assets/public/validere/images/lines/h-lines1-3.svg);
      position: absolute;
      top: 0;
      left: -0;
      display: block;
      opacity: .3
  }
  .hero2025.s3  .line{
    position: absolute;
    left: 170px;
    bottom: 1px;
    width: 100%;
    border: 1px solid rgba(76, 112, 133, .5);
    opacity: .3
  }
  .hero2025.s3  .line::before {
    content: url("//2999764.fs1.hubspotusercontent-na1.net/hubfs/2999764/raw_assets/public/validere/images/lines/h-lines1-1.svg");
    position: absolute;
    left: -170px;
    bottom: -7px;
  } */

  
  .hero2025__info .h2{
    font-size: 48px;
  }

  .hero2025__links__container{
     grid-template-columns: repeat(3, 1fr);
     
  }
  
  .hero2025__info .h2{
    max-width: 600px;
  }
  
  .hero2025 .container__top{
    min-height: 450px;
    display: flex;
    align-items:center;
  }
  
   .hero2025.s2 .container__top{
    min-height: 650px;
    display: flex;
    align-items:flex-start;
  }
  .hero2025__info{
    width: 60%;
    padding: 120px 0;
  }
  .hero2025__image{
    width: 50%;
    position: absolute;
    right: 0;
    top:0;
    height: 100%;
    clip-path: polygon(0% 0, 100% 0%, 100% 100%, 15% 100%);
  }
  
  .hero2025__image img{
    position: absolute;
    right: 0;
    top:0;
    height: 100% !important;
    width: 100%;
    object-fit: cover;
  }
  
  .hero2025.s2 .hero2025__links{
    background-color: transparent;
    position: absolute;
    bottom: 90px;
    left: 0;
    width: 100%;
  }
  .hero2025.s2 .hero2025__links__container{
        transform: translateY(0)
  }

}
@media(min-width: 992px ){
.hero2025.s1  .hero2025__image  {
    width: 45%;
  }
}
@media (min-width: 1200px ){
  .hero2025.s1  .hero2025__image  {
    width: 50%;
  }
}


.hero2025.s2 .hero2025__link .h4{
  max-width: 225px;
}
.hero2025.s2 .hero2025__link p{
 color: var(--color-azure-26, #304754);
  font-family: "IBM Plex Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 20.8px */
}


.hero2025.s2 .hero2025__info .h2{
  font-size: 33px;
  letter-spacing: -0.5px;
}


.hero2025.s3 .hero2025__links{
  background-color: #fff;
}

@media (min-width: 992px) {
  .hero2025.s3 .hero2025__info p{
    max-width: 450px;
  }
  .hero2025.s3  .hero2025__info{
      width: 55%;
      padding: 80px 0 120px;
    }
  .hero2025.s3  .hero2025__image{
    width: 45%;
    clip-path: unset;
  }

}

.parallaxBanner{
  position: relative;
  color: #fff;
  text-align: center;
  height: 454px;
  overflow: hidden;
}

.parallaxBanner__section{
  display: flex;
  flex-direction: column;
  justify-content:center;
  align-items:center;
}

.parallaxBanner h3{
  font-size: 28px;
  font-family:var(--yass-font--wix);
  margin-bottom: 24px;
  line-height: 120%; /* 48px */
  letter-spacing: -0.5px;
}

@media(min-width: 992px ){
  .parallaxBanner h3{
    font-size: 34px;
  }
}

.parallaxBanner p{
  max-width: 600px;
  margin: 0 auto;
}

.parallaxBanner .container{
  position: relative;
  z-index:2;
  padding-top: 150px;
  padding-bottom: 150px;
}

.parallaxBanner img{
  position: absolute;
  left: 0;
  top: 0;
  object-fit: cover;
  width: 100%;
  height: 100% !important;
}

.parallaxBanner .container .parallaxBanner__section:not(:last-of-type):after{
  content:'';
  height: 100px;
  width: 0;
  display: block;
  border-left: 1px dashed #fff;
  margin: 50px  auto;
}
.numbers {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: calc(100% - 40px);
  max-width: 1345px;
  margin: 0 auto;
  border: dashed rgba(76, 112, 133, 0.7);
  border-width: 1px 0 0 0;
}
@media (min-width: 992px) {
  .numbers {
    border-width: 1px 0 1px 0;
  }
}
.numbers__col {
  position: relative;
  padding-top: 20px;
  padding-bottom: 20px;
  width: 100%;
  padding-left: 65px;
  padding-right: 20px;
  border-bottom: 1px dashed rgba(76, 112, 133, 0.7);
}
/* @media (min-width: 600px) {
  .numbers__col {
    width: 50%;
  }
} */
@media (min-width: 992px) {
  .numbers__col {
    width: initial;
    padding-left: 45px;
    border-bottom: 0;
  }
}
@media (min-width: 1250px) {
  .numbers__col {
    padding-left: 65px;
    padding-right: 30px;
  }
}
.numbers__col::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  background-image: url(//2999764.fs1.hubspotusercontent-na1.net/hubfs/2999764/raw_assets/public/validere/images/lines/line-numbers.svg);
  background-repeat: no-repeat;
  width: 76px;
}
.numbers p {
  margin: 0;
  font-size: 12px;
  line-height: 17px;
}
@media (min-width: 600px) {
  .numbers p {
    max-width: 200px;
  }
}
@media (min-width: 1150px) {
  .numbers p {
    max-width: 250px;
  }
}
.numbers span {
  color: var(--yass-color--primary);
  font-size: 30px;
  font-weight: 500;
  font-family: var(--yass-font--ibm-mono);
  line-height: 1;
}
@media (min-width: 1300px) {
  .numbers span {
    font-size: 40px;
  }
}
.numbers span span {
  display: inline-block;
  margin-left: 15px;
  font-size: 14px;
}

.solutions {
  margin-bottom: 50px;
  background-image: url("//2999764.fs1.hubspotusercontent-na1.net/hubfs/2999764/raw_assets/public/validere/images/logomark.svg");
  background-position: top right -25%;
  background-repeat: no-repeat;
}
.solutions__container {
  margin-bottom: 55px;
  padding-top: 40px;
}
@media (min-width: 768px) {
  .solutions__container {
    display: flex;
    justify-content: space-between;
  }
}
.solutions__title {
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  .solutions__title {
    width: 50%;
/*     padding-right: 10px; */
    margin-bottom: initial;
  }
}
.solutions__title .subtitle {
  margin-bottom: 48px;
}
.solutions__title h2 {
  color: var(--yass-color--green2);
}
@media (min-width: 768px) {
  .solutions__info {
    width: 50%;
    max-width: 460px;
    padding-left: 10px;
    padding-top: 50px;
  }
}
.solutions__info p {
  margin: 0;
}


.solutions__cards2,
.solutions__cards {
  padding-bottom: 24px;
}


.solutions__cards2 .swiper-slide {
  height: auto;
}

.solutions__cards .swiper-slide {
  width: 75%;
  max-width: 500px;
  height: auto;
}




.mrv-cards .swiper-pagination-progressbar,
.solutions__cards .swiper-pagination-progressbar {
  width: calc(100% - 40px);
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  padding: 0;
}
.solutions__card {
  background-color: #fff;
  border: 1px solid #E1EAEE;
  padding: 50px;
  display: block;
  height: 100%;
}
.solutions__card img {
  display: block;
  margin-left: auto;
  margin-bottom: 48px;
  height: 150px;
  width: auto;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center bottom;
     object-position: center bottom;
}
@media (min-width: 768px) {
  .solutions__card img {
    margin-bottom: 85px;
    height: 200px;
  }
}
.solutions__card .h6 {
  color: var(--yass-color--green3);
}
.solutions__card h3 {
  color: var(--yass-color--primary);
  margin: 15px 0;
}
.solutions__card p {
  margin-bottom: 35px;
}
.solutions__card .btn {
  color: var(--yass-color--primary);
}
.solutions__card:hover {
  background: #F2F5F7;
}

.solutions--3 .solutions__title{
  width: 100%;
  max-width: 700px;

}

.solutions--3  .solutions__card{
  padding: 32px 24px ;
  border: 1px solid rgba(76, 112, 133, 0.30);
  background: #FFF;
  box-shadow: 0px 23.995px 35.993px 0px rgba(36, 50, 66, 0.04);
  transition: .3s ease-in-out;
  color: var(--color-azure-26, #304754);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 20.8px */
  position: relative;
}

.solutions--3  .solutions__card:before{
  content:'';
  position: absolute;
  left: 0;
  top:0;
  height: 100%;
  width: 6px;
  background-color: #2DAAAF;
}



.solutions--3  .solutions__card p {
  color: #304754;
  font-size: 14px;
  opacity: 0.8;
  line-height: 18px;
}

.solutions--3__pn{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 32px;
  flex-direction: column;
}

.solutions--3__pagination{
  position: relative;
  display: none;
}

@media (min-width: 768px){
  .solutions--3__pagination{
    display: block;
  }
  .solutions--3__pn{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
  }
}


.solutions--3__pn .swiper-pagination-bullet{
  width: 32px;
  height: 4px;
  border-radius: 0;
  background-color: #8cb4c5;

}
.solutions--3__pn  .swiper-pagination-bullet-active{
   background-color: #4C7085;

}

.solutions--3__nav{
   display: flex;
   justify-content: flex-end;
   gap: 15px;
}

.solutions--3__nav button{
  background-color: #E1EAEE;
  appearance: none;
  outline: none;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  cursor: pointer;
  transition: .3s ease-in-out;
}

.solutions--3__nav button:hover{
 background-color: #4C7085;
}

.solutions--3__nav button.swiper-button-disabled{
  opacity: .5;
  cursor: not-allowed;
}

.solutions--3__nav button.swiper-button-lock{
   opacity: 0;
}

.solutions--3  h4 {
   color: #304754;
  font-family:var(--yass-font--wix);
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 24.2px */
  letter-spacing: -0.5px;
  margin:  0 0 12px;
  max-width: 224px;
  min-height: 49px;
}

.solutions--3 .solutions__container{
  justify-content:center;
    padding: 64px 0 0;
}
.solutions--3 .solutions__title{
  text-align: center;
  margin-inline: auto;
  padding: 0 20px;
}

.solutions--3 .solutions__title h2{
  margin-top: 28px;
  font-family:var(--yass-font--wix);
  font-size: 34px;
  font-weight: 400;
  color: #304754;
}

@media(min-width: 992px){
  .solutions--3{
    padding: 0;
  }
  
  .solutions--3 .solutions__cards2 {
    padding-bottom: 52px;
  }
 
}
.solutions--3 img{
  height: 82px;
  margin-bottom: 80px;
}

.solutions--3{
  background-image: none;
  background-color: #F9FAFB;
  margin-bottom: 0;
  padding-bottom: 24px;
}

.solutions .index{
  display: block;
  text-align: right;
  margin-bottom: 80px;
  color: var(--Primary-Validere-_-Primary-_-Green-02, #2DAAAF);
 font-family: var(--yass-font--wix);
  font-weight: 400;
  font-size: 50px;
  font-style: normal;
  line-height: 1; /* 230.087% */
  letter-spacing: -4.793px;
}



.mrv-cards .swiper-button-prev,
.mrv-cards  .swiper-button-next,
.solutions .swiper-button-prev,
.solutions .swiper-button-next{
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background-color: var(--yass-color--green2);
  transition: .3s ease-in-out;
}

.mrv-cards .swiper-button-prev:hover,
.mrv-cards .swiper-button-next:hover,
.solutions .swiper-button-prev:hover,
.solutions .swiper-button-next:hover{
  background-color: var(--yass-color--secondary);
}

.mrv-cards .swiper-button-prev:after,
.mrv-cards .swiper-button-next:after,
.solutions .swiper-button-prev:after,
.solutions .swiper-button-next:after{
  font-size: 15px;
  color: #fff
}

@media(min-width: 768px){
  .mrv-cards .swiper-button-prev,
  .mrv-cards .swiper-button-next,
  .solutions .swiper-button-prev,
  .solutions .swiper-button-next{
    width: 45px;
    height: 45px;
  }

  .mrv-cards .swiper-button-prev:after,
  .mrv-cards .swiper-button-next:after,
  .solutions .swiper-button-prev:after,
  .solutions .swiper-button-next:after{
    font-size: 18px;
  }
}





.mrv-cards .swiper-button-disabled,
.solutions .swiper-button-disabled{
  opacity: 0;
}

.carousel {
  background-image: url("//2999764.fs1.hubspotusercontent-na1.net/hubfs/2999764/raw_assets/public/validere/images/logomark.svg");
  background-position: bottom 10% left -25%;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
.carousel__title {
  max-width: 600px;
}
.carousel h2 {
  color: var(--yass-color--green2);
  margin-top: 32px;
}
@media (min-width: 768px) {
  .carousel__container {
    padding: 50px 0;
    display: flex;
  }
  .carousel__container > div {
    width: 50%;
  }
  .carousel__container--reverse {
    flex-direction: row-reverse;
  }
  .carousel__container--reverse .carousel__slide {
    padding: 0 20px 0 50px;
  }
}
@media (min-width: 768px) and (min-width: 992px) {
  .carousel__container--reverse .carousel__slide {
    padding: 0 20px 0 100px;
  }
}
.carousel__slide {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 60px 0 10px;
  align-items: center;
  text-align: center;
}
@media (min-width: 768px) {
  .carousel__slide {
    align-items: flex-start;
    height: 100vh;
    text-align: initial;
    padding: 0 50px 0 20px;
  }
}

.carousel__slide ul, 
.carousel__slide ol{
  list-style-position: inside;
}

.carousel__slide ul{
  list-style: none;
}
.carousel__slide ul li{
  position: relative;
  padding-left: 30px;
}
.carousel__slide ul li:before{
  content:'';
  width: 15px;
  height: 1px;
  background-color: #2DAAAF;
  position: absolute;
  top: 10px;
  left: 0;
}

.carousel__slide ul li, 
.carousel__slide ol li{
  margin-bottom: 16px;
}

@media (min-width: 992px) {
  .carousel__slide {
    padding: 0 100px 0 20px;
  }
}
.carousel__slide__image {
  display: block;
  width: 100%;
  max-width: 500px;
  margin-bottom: 35px;
}

@media (min-width: 768px) {
  .carousel__slide__image {
    display: none;
  }
}

.carousel__slide h3 {
  color: var(--yass-color--secondary);
  margin: 0 0 16px;
  max-width: 430px;
}
.carousel__slide p {
  margin: 0;
  max-width: 400px;
}
.carousel__slide .index {
  color: var(--yass-color--primary);
  display: block;
  margin-bottom: 30px;
  font-size: 10rem;
  line-height: 1;
font-family: var(--yass-font--wix);
}
.carousel__img {
  height: 100vh;
  overflow: hidden;
  position: relative;
  align-items: center;
  justify-content: center;
  display: none;
}
@media (min-width: 768px) {
  .carousel__img {
    display: flex;
  }
}
.carousel__img img {
  display: block;
  width: 100%;
}
.carousel .carousel-slider {
  padding-bottom: 40px;
}
.carousel .carousel-slider .swiper-pagination {
  bottom: 25px;
}

.experts .container {
  position: initial;
}
.experts__content {
  padding: 40px 0;
}
@media (min-width: 768px) {
  .experts__content {
    width: 42%;
    padding: 64px 0;
    margin-left: auto;
  }
}
@media (min-width: 992px) {
  .experts__content {
    padding: 120px 0;
  }
}
.experts__images {
  margin-left: -20px;
  margin-right: -20px;
}


@media (min-width: 768px) {
  .experts__images {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 50%;
    margin: 0;
  }
}
.experts__images .swiper-slide {
  width: 75%;
  max-width: 430px;
}
.experts__images .swiper-slide::before {
  content: "";
  display: block;
  padding-top: 120%;
}
.experts__images .swiper-slide::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 13px;
  bottom: 0;
  background-image: url("//2999764.fs1.hubspotusercontent-na1.net/hubfs/2999764/raw_assets/public/validere/images/band.jpg");
  background-repeat: repeat-x;
}
@media (min-width: 768px) {
  .experts__info {
    max-width: 440px;
  }
}
.experts__info .subtitle {
  margin-bottom: 54px;
}
.experts__info h2 {
  margin-bottom: 16px;
}
.experts__info p {
  margin: 0;
}
.experts__info .btn {
  margin-top: 54px;
}

.news {
  background-image: url("//2999764.fs1.hubspotusercontent-na1.net/hubfs/2999764/raw_assets/public/validere/images/logomark.svg");
  background-position: top right -25%;
  background-repeat: no-repeat;
  background-size: 1000px;
}


.news__headline {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 60px;
}
.news__headline h2 {
  color: var(--yass-color--secondary);
}
.news__headline .btn {
  color: var(--yass-color--primary);
}
.news__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}
@media (min-width: 550px) {
  .news__grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 992px) {
  .news__grid {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 1200px) {
  .news__grid {
    grid-template-columns: repeat(5, 1fr);
  }
}
.news__grid a {
  display: block;
  border: 1px solid var(--yass-color--light-gray);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  height: 150px;
  padding: 10px;
}
.news__grid a img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  filter: grayscale(100%);
}


.webinar-thanks{
  position: relative;
  padding-bottom: 100px
}
.webinar-thanks__top{
  text-align:center;
  padding: 100px 0 0;
}
.webinar-thanks__top h2{
  margin-bottom: 24px
}

.webinar-thanks .cta_button{
  margin-top: 30px;
  font-family: var(--yass-font--ibm);
}
.webinar-thanks .cta_button p{
    font-size: 12px !important;
}

.webinar-thanks:after{
  content:'';
  position:absolute;
  left: 0;
  bottom:0;
  width: 100%;
  height: 45%;
  background-color: var(--yass-color--light-gray);
  z-index: -1;
}

.webinar-thanks .featured-posts{
  margin-bottom: 45px
}

.webinar-thanks .featured-posts__title h2{
  width: 100%;
  text-align: center;
}

@media(min-width: 768px){
  .webinar-thanks .featured-posts__title{
    margin-bottom: 30px;
  }
}

.webinar-thanks__info{
  max-width: 900px;
  margin: 0 auto;
}


.author-module{
  max-width: 857px;
  margin: 0 auto;
  border-bottom: 1px solid #E1EAEE;
  padding: 40px 0;
}

@media(min-width: 700px){
  .author-module{
    display: flex;
    flex-direction:row-reverse;
    justify-content: space-between;
    align-items: center;
    padding: 70px 0;
  }
  .author-module__info{
    width: 50%;
    margin:0;
  }
  .author-module__image{
    width: 40%;
  }
}

.author-module__info{
    margin-top: 24px
}


.author-module__info h3,
.author-module__info .subtitle{
  margin-bottom: 24px
}
.author-module__info .subtitle{
 font-size: 11px;
}

.author-module__image img{
  width: 100%;
  display: block;
  height:auto
}

.author-module__bio strong{
  display: block;
}
.author-module__bio {
  font-size: 12px;
  color: #304754;
  line-height: 15px;
}


.author-module__author{
  display: flex;
  align-items: center;
  margin-bottom: 40px;
  margin-top: 36px;

}

.author-module__avatar{
  width: 45px;
  height: 45px;
  border-radius: 50%;
  overflow: hidden;
  position:relative;
  margin-right: 18px;
}



.frame-slider{
  padding: 110px 0;
}

.frame-slider__slide{
  background: #FFFFFF;
  border: 1px solid rgba(76, 112, 133, 0.3);
  padding: 30px;
}

.frame-slider__slider{
  padding-bottom: 30px;
}

.frame-slider__info{
  width: 100%;
  text-align: center;
  margin-bottom: 30px;
}

.frame-slider__info h2{
 margin: 25px 0 16px;
}



.frame-slider__img img{
  display: block;
  margin: 0 auto;
}


@media(min-width: 768px){
  .frame-slider__slide{
      padding: 70px;
  }
}

@media(min-width: 700px){
  .frame-slider__slide{
      display: flex;
      align-items:center;
      justify-content: space-between;
  }
  .frame-slider__info{
    width: 50%;
    text-align: initial;
    margin-bottom:0;
  }
  .frame-slider__img{
    width: 45%
  }
  .frame-slider__info h2{
     margin: 80px 0 16px;
    }
}


@media(max-width: 500px){
  .frame-slider .swiper-button-prev{
    left: 0
  }

  .frame-slider .swiper-button-next{
    right: 0
  }
}


.frame-slider .swiper-button-prev,
.frame-slider .swiper-button-next{
  width: 35px;
  height: 35px;
  border-radius: 50%;
  transition: .3s ease-in-out;
  background-color: var(--yass-color--secondary);
}



.frame-slider .swiper-button-prev:after,
.frame-slider .swiper-button-next:after{
  font-size: 15px;
  color: #fff;
}

.frame-slider .swiper-button-prev:hover,
.frame-slider .swiper-button-next:hover{
  background-color: var(--yass-color--green2);
}

.mrv-cards{
  padding: 60px 0
}

.mrv-cards .swiper-slide{
  height: auto;
  width: 450px;
  max-width: 90%;
  padding: 7px;
  background-color: #F2F5F7;
  border: 1px solid rgba(76, 112, 133, 0.3);
}


.mrv-card{
  color: #fff;
  padding: 65px 35px 40px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
}
.mrv-cards__icon{
z-index:1

}
.mrv-cards__icon img{
  display: block;
  margin-left:auto;
}

.mrv-card .h3 {
  margin: 30px 0 20px;
  position: relative;
  min-height: 82px;
  display: flex;
  align-items: center;
}

.mrv-card:before{
  content:'';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 170px;
  background-color: #F2F5F7;
}

.mrv-card:after{
  content:'';
  width: 0;
  height: 0;
  position: absolute;
  top: 170px;
  left: 0;
  width: 100%;
  border-style: solid;
  border-width: 65px 450px 0 0;
  border-color: #F2F5F7 transparent transparent transparent;
}

@media(min-width: 1920px){
  .mrv-cards .swiper-slide{
      width: 550px;
  }
  .mrv-card:after{
     border-width: 80px 550px 0 0;
  } 
}



.mrv-slider .swiper-wrapper .swiper-slide:nth-child(1) .mrv-card:before{height:221px;}
.mrv-slider .swiper-wrapper .swiper-slide:nth-child(1) .mrv-card:after{top:221px;}

.mrv-slider .swiper-wrapper .swiper-slide:nth-child(2) .mrv-card:before{height:152px;}
.mrv-slider .swiper-wrapper .swiper-slide:nth-child(2) .mrv-card:after{top:152px;}

.mrv-slider .swiper-wrapper .swiper-slide:nth-child(3) .mrv-card:before{height:85px;}
.mrv-slider .swiper-wrapper .swiper-slide:nth-child(3) .mrv-card:after{top:85px;}


.mrv-slider .swiper-wrapper .swiper-slide:nth-child(4) .mrv-card:before{height:16px;}
.mrv-slider .swiper-wrapper .swiper-slide:nth-child(4) .mrv-card:after{top:16px;}

.mrv-card p {
  margin: 0;
  min-height: 75px;
}
.mrv-slider{
  padding-bottom: 24px;
}
.mrv-cards__subtitle{
  display: flex;
  align-items: center;
  margin-top: 114px;
}

.mrv-cards__subtitle svg{
  margin-left: 20px
}


.faq{
  padding: 60px 0 ;
}

@media(min-width: 992px){
  .faq{
    padding: 90px 0 60px;
  }
}


.faq-title{
  margin-bottom: 40px;
}

.faq__content{
  display: none;
  padding-bottom: 30px;
}

.faq__title{
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor:pointer;
}

.faq__title svg{
  flex: 0 0 auto;
  margin-left: 20px;
}

.faq__title svg{
  transform: rotate(-90deg);
  transition: .3s ease-in-out;
}

.faq__item.active svg{
   transform: rotate(0)
}

.faq__title h3 {
  padding: 20px 0;
  font-size: 2rem;
  line-height: 1.7;
  letter-spacing: initial;
}
.faq__item{
  border-bottom: 1px solid rgba(76, 112, 133, 0.3);
}


.plyr__video-embed iframe, .plyr__video-wrapper--fixed-ratio video{
  width: 100%;
  max-width: 100%;
}

.carbon-cta{
  position: relative;
  padding: 80px 0;
  background: #1D2C34;
}

.carbon-cta h3{
    max-width: 400px;
    margin: 0 auto 25px;
    color: #fff;
}

.carbon-cta .container{
  position:relative;
  z-index:2;
  text-align: center
}

.trusted{
  padding: 64px 0 ;
  text-align: center;
  border-top: 1px dashed var(--yass-color--green3)
}

.trusted .subtitle{
/*   padding: 0 15px; */
/*   padding: 10px; */
}

.trusted .swiper-wrapper{
  transition-timing-function: linear;
}

.trusted .swiper-slide{
  width: 130px;
  display:flex;
  justify-content:center;
  align-items:center;
  height:auto;
}
.trusted img{
  display: block;
  max-height: 54px;
}

.trusted__grid{
  max-width: 1190px;
  margin: 30px auto 0;
}



@media(min-width: 768px){

  .trusted__grid span{
    padding: 0;
  }
  .trusted .swiper-slide{
    padding: 0 10px;
    width: 130px;
  }
}




.reporting {
  padding: 50px 0 80px;

  background-position: bottom 50px left 30%;
  background-repeat: no-repeat;
  background-size: 1000px;
}

.reporting.addBG{
background: #F9FAFB;
}

.reporting__title {
  text-align: center;
}
.reporting__title h2 {
  max-width: 680px;
  margin: 0 auto 16px;
}
.reporting__title p {
  max-width: 790px;
  margin: 0 auto;
}
.reporting__grid {
  margin-top: 60px;
}
@media (min-width: 992px) {
  .reporting {
    padding: 120px 0 ;
  }
  .reporting__grid {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
@media (min-width: 992px) {
  .reporting__image {
    width: 55%;
  }
}
.reporting__image img {
  display: block;
  filter:drop-shadow(0 10.564px 15.846px rgba(36,50,66,.04)) ;
}
.reporting__image p {
  max-width: 500px;
  margin: 0 auto;
  text-align: center;
}
.reporting__info {
  margin-top: 40px;
  display: grid;
  gap: 20px;
}
@media (min-width: 992px) {
  .reporting__info {
    width: 40%;
    margin-top: 0;
  }
}
.reporting__item {
  border: 1px solid var(--Grey-Val_Grey_04, #E1EAEE);
  padding: 24px;
  background: #fff;

}
.reporting__item h4 {
  margin-bottom: 12px;
}

.reporting__slider{
  padding-bottom: 40px;
  margin-bottom: 20px;
  
} 
 
@media(max-width: 550px){
   .reporting .swiper-slide img {
    max-width: 300px;
  }
}




.reporting__slider .swiper-pagination-bullet{  
  border-radius: 4px;
    transition: var(--yass-transition-1);
 }

.reporting__slider .swiper-pagination-bullet-active{  
  width: 40px;
 }


.reporting .swiper-slide img {
  display: block;
  margin: 0 auto;
  transition: var(--yass-transition-1);
  width: 100%;
  max-width: 180px;
}


.reporting .swiper-button-next:after, 
.reporting .swiper-button-prev:after{
  font-size: 22px;
}


.reporting2 {
  background: var(--Navy-100, #F2F5F7);
  padding: 80px 0 0;
  position: relative;
  background-image: url("//2999764.fs1.hubspotusercontent-na1.net/hubfs/2999764/raw_assets/public/validere/images/logomark.svg");
  background-position: bottom 130px left 30%;
  background-repeat: no-repeat;
  background-size: 1000px;
}
.reporting2:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 95px;
  background-color: #fff;
}
@media (min-width: 992px) {
  .reporting2__grid {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
.reporting2__image {
  margin: 40px 0;
}
@media (min-width: 992px) {
  .reporting2__image {
    width: 55%;
    margin: 0 0 70px;
  }
}
.reporting2__image img {
  display: block;
  box-shadow: 0 17.168px 20.601px 0 rgba(36, 50, 66, .15);
}

.reporting video{
  display: block;
  max-width: 220px;
  margin: 0 auto 40px;
  border-radius: 10px;
  box-shadow: 0 17.168px 20.601px 0 rgba(36, 50, 66, .15);
}

.reporting2__title {
  text-align: center;
}


@media (min-width: 992px) {
  .reporting2__title {
    text-align: left;
    width: 40%;
  }
}
.reporting2__title h2 {
  max-width: 680px;
  margin: 0 auto 16px;
}
.reporting2__title p {
  max-width: 370px;
  margin: 0 auto;
}
.reporting2__info {
  display: grid;
  gap: 20px;
  position: relative;
  z-index: 2;
}
@media (min-width: 992px) {
  .reporting2__info {
    grid-template-columns: repeat(3, 1fr);
  }
  .reporting2__title p {
    margin: 0 ;
  }
}
.reporting2__item {
  border: 1px solid var(--Grey-Val_Grey_04, #E1EAEE);
  padding: 32px;
  background: #fff;
}
.reporting2__item h3{
  margin-bottom: 12px;
}
.systems{
  margin-top: 80px;
  padding: 75px 0 40px;
}

.systems:before{
  content:'';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 350px;
  background: var(--Navy-100, #F2F5F7);
}
.systems h3{
  text-align:center;
  max-width: 1020px;
  margin: 0 auto 40px;
}


.systems__grid{
  max-width: 990px;
  margin: 0 auto;
  display: grid;
  gap: 16px;
}


.systems__col{
  border: 1px solid rgba(76, 112, 133, 0.30);
  background: #FFF;
  position: relative;
  padding-top: 130px
}

.systems__col img{
  position: absolute;
  height: 30px;
  width: auto;
  top: 24px;
  right: 16px;
}


.systems__col:after{
  content:url(//2999764.fs1.hubspotusercontent-na1.net/hubfs/2999764/raw_assets/public/validere/images/v11.svg);
  position: absolute;
  right: 0;
  top: 0;
}
.systems__col:before{
  content:url(//2999764.fs1.hubspotusercontent-na1.net/hubfs/2999764/raw_assets/public/validere/images/v22.svg);
  position: absolute;
  left: 0;
  top: 40px;
}
.systems__col h4{
  font-family: "IBM Plex Sans";
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 12px; /* 100% */
  letter-spacing: 1.92px;
  text-transform: uppercase;
  position: relative;
  color: var(--Grey-Val_Grey_03, #4C7085);
  margin-bottom: 16px;

}




.systems__col__info {
  padding:  24px ;
  position:relative;
}
.systems__col__info ol,
.systems__col__info ul{
    list-style:none;
}
.systems__col__info li{
    color: var(--Navy-500, #304754);
    /* H5 - Green */
   font-family: var(--yass-font--wix);
font-weight: 400;
    font-size: 18px;
    font-style: normal;
    line-height: 20px; /* 111.111% */
    margin-bottom: 12px;
    display: flex;
    gap: 5px
}

.systems__col__info li:before{
  content:url(//2999764.fs1.hubspotusercontent-na1.net/hubfs/2999764/raw_assets/public/validere/images/li2.svg);
  flex: 0 0 auto;
}
@media (min-width: 600px) {
 .systems__grid{
    grid-template-columns: repeat(2, 1fr);
  }
  
}
@media (min-width: 992px) {
 .systems__grid{
    grid-template-columns: repeat(4, 1fr);
  }
}


.password-prompt input[type=password]{
  padding: 8px 12px;
  font-family: inherit;
  width: 100%;
  max-width: 320px;
  border-radius: 4px;
  border: 1px solid var(--Navy-500, #304754);
  transition:.3s ease-in-out;
}

.password-prompt input[type=password]:hover{
  border-color: #2DAAAF;
}


.integration-hero{
  padding: 44px  0 84px;

}

.integration-hero__items{
  padding: 40px 0;
  display:flex;
  gap: 110px;
}


.integration-hero__item{
  width: 50%;
  max-width: 300px;
  display: flex;
  align-items: center;
  gap: 18px;
  font-size: 11px;
}
.integration-hero__bottom h5,
.integration-hero__item h5{
color: var(--Primary-Validere-_-Primary-_-DarkGreen, #1D2C34);
  /* H5 - Green */
  font-style: normal;
  font-weight: 275;
  letter-spacing: -1px;
  margin-bottom: 8px;
}

.integration-hero__bottom{
  max-width: 710px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.integration-hero__bottom h5{
  margin: 0;
}


.integration-hero__bottom .btn{
  color: var(--Primary-Validere-_-Primary-_-DarkGreen, #1D2C34);
    font-size: 14px;
   
}
.integration-hero__bottom .btn svg{
  fill: currentColor
}

.integration-hero__bottom .btn:hover{
  color: #304754;

}

.logo-carousel{
  position: relative;
  margin-top: 20px;
}

.logo-carousel .container{
  position: initial;
}


.logo-carousel__info{
  padding: 60px 0;
}

.logo-carousel__info h3{
  margin-bottom: 24px;
}

.logo-carousel__slider{
  width: 100%;
  background: #F2F5F7;
  padding: 40px 0;
}

.logo-carousel__slider .swiper-slide{
  border: 1px solid var(--Grey-Val_Grey_04, #E1EAEE);
  background: #FFF;
  padding: 24px;
  width: 279px;
  aspect-ratio: 279/190;
}
.logo-carousel__slider .swiper-slide span{
  background: #F2F5F7;
  aspect-ratio: 231/142;
  display: flex;
  justify-content:center;
  align-items: center;
}

.logo-carousel__slider .swiper-slide img{
  display: block;
  mix-blend-mode: multiply;
}
  
@media (min-width: 768px){
  .logo-carousel{
    margin-top: 112px;
  }
  .logo-carousel__info{
    width: 40%;
    padding: 107px 0;
  }
  .logo-carousel__slider{
    width: 50%;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    padding:0;
  }
  
   
  
  .logo-carouse-reverse .logo-carousel__slider{
    right: initial;
    left: 0;
  }
   .logo-carouse-reverse .logo-carousel__info{
    margin-left: auto;
  }
}




.applications{
  padding: 50px 0;
  background: #F9FAFB;
}


.applications__media{
  margin-top: 40px;
}


@media (min-width: 768px) {
  .applications{
    padding: 120px 0;
  }
  
  .applications__container{
    display: flex;
    justify-content:space-between;
    align-items:center
  }
  .applications__media,
  .applications__info{
    width: 45%;
    margin: 0;
  }
}


.applications__info h2{
  color: #1D2C34;
  /* New/Wix - H2 */
  font-family: "Wix Madefor Display";
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 48px */
  letter-spacing: -0.5px;
  margin-bottom: 48px;
}
.applications__items{
  display:flex;
/*   flex-wrap: wrap; */
  flex-direction: column;
  gap: 8px;
  max-height: 294px;
  overflow:auto;
  padding-right: 24px;
  align-items: flex-start;
}
.applications__items span{
  display: inline-block;
  padding: 12px;
  color: #304754;
  font-family: "IBM Plex Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 19.2px */
  border: 1px solid #E6EAEC;
  background: #FFF;
  box-shadow: 0px 10px 15px 0px rgba(36, 50, 66, 0.04);
}

.applications__media img{
  display: block;
  margin: 0 auto;
/*   border: 0.926px solid #E6EAEC; */
  background: var(--Surface-Surface-050, #F9FAFB);
/*   box-shadow: 0px 10.564px 15.846px 0px rgba(36, 50, 66, 0.04); */
  filter: drop-shadow(0 10.564px 15.846px rgba(36, 50, 66, .04));
}




.applications__items::-webkit-scrollbar {
  width: 4px;
}
 
.applications__items::-webkit-scrollbar-track {
  background-color: #E6EAEC;
}
 
.applications__items::-webkit-scrollbar-thumb {
  background-color: #2DAAAF;
}

.introBanner__info{
  color: #fff;
}

.introBanner__info h3{
  margin-bottom: 16px;
  margin-top: 14px;
   font-family: "Wix Madefor Display";
  }

.introBanner__form form{
  color: #fff
}
.introBanner__form label{
  color: var(--Grey-Val_Grey_05, #F2F5F7);
  text-align: justify;
  font-family: "IBM Plex Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 171.429% */
}
.introBanner__form input.hs-input{
  background-color: transparent;
  border-bottom: 1px solid rgba(255,255,255,.6);
  transition:.3s ease-in-out;
  color: #fff;
  padding: 14px 0;
}


.introBanner__form input.hs-input:focus,
.introBanner__form input.hs-input:hover{
  border-bottom: 1px solid rgba(255,255,255,1);
}

.introBanner__form input.hs-input::placeholder{
  color: rgba(255,255,255, .8);
}

.introBanner__form .hs_firstname,
.introBanner__form .hs_email{
  margin-bottom: 24px 
}

.introBanner__form .hs_lastname,
.introBanner__form .hs_company{
  margin-bottom: 24px
}
.introBanner__form .hs-form input[type=submit], 
.introBanner__form .hs-form .hs-button{
  background-color: #fff;
  color: #304754;
  gap: 6px;
  background-image: url(//2999764.fs1.hubspotusercontent-na1.net/hubfs/2999764/raw_assets/public/validere/images/form2.svg);
  background-position: right 20px center;
  font-size: 12px;

}

.introBanner__form .hs-form input[type=submit]:hover, 
.introBanner__form .hs-form .hs-button:hover{
  background-color: rgba(255,255,255, .8);
 
}

.introBanner__form .hs_error_rollup{
  width: 100%;
}

.introBanner__form{
  font-size: 10px;
}


.introBanner {
  padding: 90px 0;
  position: relative;
}
@media (min-width: 768px) {
  .introBanner__info{
    width: 45%;
    color: #fff;
  }
  .introBanner__form{
    width: 50%
  }

  .introBanner__form .hs_firstname,
  .introBanner__form .hs_email{
    width: 50%;
    padding-right: 24px;
  }

  .introBanner__form .hs_lastname,
  .introBanner__form .hs_company{
    width: 50%;
    padding-left: 24px;
  }
  .introBanner__form form{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
  }
  .introBanner__form .hs_submit.hs-submit{
    padding-bottom: 24px;
  }
  .introBanner .container{
    display: flex;
    justify-content:space-between;
  }
}


.caseStudies{
  padding: 60px 0;
}
.caseStudies .h2{
  margin-top: 28px;
  max-width: 400px;
  color: #304754;
  font-family:var(--yass-font--wix);
  font-size: 33px;
  line-height: 110%; /* 36.3px */
  letter-spacing: -0.5px;
}

.caseStudies__grid{
  display: grid;
  gap: 24px;
  margin-top: 50px;
}



.caseStudies__col .h3{
  color: #273944;
  font-family:var(--yass-font--wix);
  font-size: 18px;
  line-height: 110%; /* 24.2px */
  letter-spacing: -0.5px;
  padding: 12px 0;

}

.caseStudies__col__img{
  aspect-ratio:1/1;
  position: relative;
  overflow: hidden;
  display: block;
}

@media(min-width: 768px){
  .caseStudies{
    padding: 120px 0;
  }
  .caseStudies__grid{
     grid-template-columns: repeat(3, 1fr);
  }
  
}
@media(min-width: 992px){
  .caseStudies__col__img{
     aspect-ratio:277/305;
  }
 
  .caseStudies__col div {
      flex: 1;
      display: flex;
      justify-content: space-between;
      flex-direction: column;
  }
  
}


.caseStudies .btn{
  width: 100%;
  padding: 12px 0 0;
  border-top: 1px solid rgba(29, 44, 52, .2);
  display: flex;
  justify-content: space-between;
  font-size: 14px;
}

.caseStudies__col{
  display: flex;
  flex-direction: column;
}

.caseStudies__col img{
   display: block;
   width: 100%;
   height: 100% !important;
   object-fit: cover;
  transition: .3s ease-in-out
}

.caseStudies__col:hover .btn{
color: var(--color-cyan-43, #2DAAAF);

}
.caseStudies__col:hover img{
  transform: scale(1.05);
}


.simplecards{
  background: #F9FAFB;
  padding: 0 0 40px;
  position: relative;
  z-index: 2;
  margin-top: 80px
}
.simplecards .container{
  transform: translateY(-36%)
}
.simplecards__item{
  border: 1px solid rgba(76, 112, 133, 0.30);
  background: #FFF;
  box-shadow: 0px 23.995px 35.993px 0px rgba(36, 50, 66, 0.04);
  padding: 24px 24px 24px 18px;
  background: #fff;
  border-left: 6px solid #596B76;  
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  color: #304754;
  font-family: "Wix Madefor Display";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 17.6px */
  letter-spacing: -0.5px;
  gap: 24px;
}
.simplecards__item:hover{
  border-left-color: #2DAAAF;  
}

.simplecards .container{
  display: flex;
/*   justify-content: center; */
  gap: 16px;
}


@media(max-width: 992px){
  .simplecards{
    padding: 20px  25px;
  }
  .simplecards__item{
    min-width: 220px;
    margin-right: 16px;
  }
  
  .simplecards .container{
    transform: translateY(0);
    overflow: scroll;
/*     width: fit-content; */
    justify-content: flex-start;
    padding-bottom: 12px;
    gap: 0;
    padding-right: 0;
    padding-left: 0;
  }
  
  .simplecards .container::-webkit-scrollbar {
    height: 3px;
  }

  .simplecards .container::-webkit-scrollbar-track {
    background-color: #E6EAEC;
  }

  .simplecards .container::-webkit-scrollbar-thumb {
    background-color: #2DAAAF;
  }

}


.categorySection{
  padding: 40px 0 0;
}

.categorySection h2{
  color: #304754;
  /* New/Wix - H3 */
  font-family: "Wix Madefor Display";
  font-size: 33px;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 36.3px */
  letter-spacing: -0.5px;
  margin-bottom: 50px;
  max-width: 360px;
}

.categorySection__grid{
  display: grid;
  gap: 24px;
}

@media(min-width: 768px){
  .categorySection__grid{
    grid-template-columns: repeat(2, 1fr);
  }
  .categorySection{
    padding: 60px 0;
  }

}

.categorySection__grid a{
  border: 1px solid rgba(76, 112, 133, 0.30);
  background: #F9FAFB;
  display: block;
}


.categorySection__grid a img{
  display: block;
  width: 100%;
  aspect-ratio: 554/306;
  object-fit: cover;
}

.categorySection__grid a span{
  display: block;
  padding: 24px;

}



.categorySection__grid a h3{
  color: #304754;

  /* New/Wix - H4 */
  font-family: "Wix Madefor Display";
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 30.8px */
  letter-spacing: -0.5px;
  transition: .3s ease-in-out;
}

.categorySection__grid a p{
  margin-top: 12px;
  opacity: 0.8;
  margin-bottom: 0;
}

.categorySection__grid a:hover h3{
  color: #2DAAAF;
}
/* osano */

.osano-cm-window{
  font-family: var(--yass-font--ibm);
  color: #F7FDFD

}
.osano-cm-window h1, 
.osano-cm-window h2, 
.osano-cm-window h3, 
{
  font-family: var(--yass-font--spectral);
  font-weight: 275;
}
.osano-cm-widget {display: none;}

.osano-cm-info{
  background: #1D2C34;
  color: #F7FDFD;
  box-shadow: none;
}
.osano-cm-view{
  padding: 0 20px 1em;
}

.osano-cm-description{
  font-size: 14px;
  font-weight: 300;
  color: #F7FDFD
}

.osano-cm-description p{
  font-weight: 300;
  color: #F7FDFD;
  line-height: 1.57;
  opacity: .8;
}
.osano-cm-content__message{
  font-size: 14px;
  font-weight: 300;
  color: #F7FDFD
}

.osano-cm-drawer-toggle .osano-cm-label{
  font-family: var(--yass-font--spectral);
  font-size: 20px;
  font-weight: 275;

}
.osano-cm-info-dialog-header__header{
  font-family: var(--yass-font--spectral);
  font-size: 24px;
  font-weight: 275;
  padding: 16px 20px;
}
.osano-cm-disclosure__toggle, .osano-cm-expansion-panel__toggle,
.osano-cm-link{
  color: #2DAAAF;
  font-family: var(--yass-font--ibm);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 171.429% */
  letter-spacing: -0.28px;
  text-decoration: none;
}

.osano-cm-powered-by__link{
  color: #CEF1F3;
  font-size: 10px;
}


.osano-cm-toggle__input:disabled:checked + .osano-cm-toggle__switch, 
.osano-cm-toggle__input:disabled:checked:focus + .osano-cm-toggle__switch, 
.osano-cm-toggle__input:disabled:checked:hover + .osano-cm-toggle__switch{
  background-color: #CEF1F3;
  border-color: #CEF1F3;
}

.osano-cm-toggle__input:disabled:checked + .osano-cm-toggle__switch::after, 
.osano-cm-toggle__input:disabled:checked:focus + .osano-cm-toggle__switch::after, 
.osano-cm-toggle__input:disabled:checked:hover + .osano-cm-toggle__switch::after{
  background-color: #F7FDFD;
  border-color: #F7FDFD;
}

.osano-cm-toggle__input:checked + .osano-cm-toggle__switch{
  background-color: #2DAAAF;
  border-color: #2DAAAF;
}
.osano-cm-disclosure{
padding: 0 1.5em 0;
}

.osano-cm-disclosure__toggle:hover, .osano-cm-expansion-panel__toggle:hover{
  text-decoration: none;
}
.osano-cm-toggle__input:checked:focus + .osano-cm-toggle__switch, 
.osano-cm-toggle__input:checked:hover + .osano-cm-toggle__switch,
.osano-cm-toggle__input:focus + .osano-cm-toggle__switch, 
.osano-cm-toggle__input:hover + .osano-cm-toggle__switch,
.osano-cm-toggle__switch{
  background-color:#2DAAAF;
  border-color: #2DAAAF;
}


.osano-cm-button{
  border: 0;
  border-radius: 10px;
  background: #304754;
  font-size: 12px;
  font-family: var(--yass-font--ibm);
  width: 100%;
  padding: 11px;
  color: #F7FDFD ;
  font-weight: 400;
}

.osano-cm-button:focus, .osano-cm-button:hover{
  background: #185B5E;
}
.osano-cm-view__list.osano-cm-list{
  margin-top: 20px;
}
.osano-cm-list:first-of-type .osano-cm-list__list-item:first-of-type,
.osano-cm-list-item{
  margin-top: 12px;
}

.osano-cm-toggle__switch:after, .osano-cm-toggle__switch:before{
  border: 0;
}

.osano-cm-description:last-of-type{
  margin-top: 1.5em
}

.osano-cm-info-dialog-header__close line{
  stroke: #2DAAAF
}
.osano-cm-info-dialog-header__close:hover line{
  stroke: #fff;
}

.osano-cm-info-dialog-header__close:focus {
    background-color: transparent;
    border-color: transparent;
    stroke: #2DAAAF
}


/* osano */


/* 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%;
}

/* Templates */

.blog-subheading{
  margin-bottom: 40px;
}

.blog-subheading span{
   text-transform: capitalize;
}


.article-card {
  margin-bottom: 32px;
}

.article-date{
 display:block;
 margin-bottom: 16px;
}


@media (min-width: 700px) {
  .article-card {
    display: flex;
    margin-bottom: 48px;
  }
}
.article-card__list {
  list-style: none;
}
.article-card__img {
  position: relative;
  width: 100%;
  display: block;
}

.article-card__img:before {
  content:'';
  display: block;
  padding-top: 100%;
}
@media (min-width: 700px) {
  .article-card__img {
    width: 50%;
  }
}

@media (min-width: 450px) {
  .article-card__img:before {
   padding-top: 57%;
  }
}

.article-card__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top left;
     object-position: top left;
  left: 0;
  top:0;
  position: absolute;
}




.article-card__tax {
  display: flex;
  align-items: center;
  font-size: 1.2rem;
  flex-wrap: wrap;
}
.article-card__tax span {
  margin-right: 5px;
}
.article-card__tax a {
  color: var(--yass-color--primary);
  text-transform: capitalize;
}
.article-card__tax a:not(:last-of-type):after {
  content: "/";
  color: var(--yass-color--gray);
  margin: 0 5px;
}

.article-card__meta{
  display: block;
  margin-bottom: 16px;
  color: var(--yass-color--gray);
}

.article-card__info {
  padding: 24px 0;
}
@media (min-width: 700px) {
  .article-card__info {
    padding: 32px 10px 32px 34px;
    width: 50%;
  }
}
.article-card__info .h4 {
  color: var(--yass-color--green2);
  margin: 30px 0 16px;
  line-height: 1.21;
}
.article-card__info p {
  margin-bottom: 36px;
  line-height: 1.7;
}

.resources-selector {
  padding-bottom: 25px;
  padding-top: 25px;
  margin: 25px auto;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.resources-selector a {
  padding: 0 18px;
  font-size: 1.2rem;
  transition: var(--yass-transition-1);
}
.resources-selector a.is-active, .resources-selector a:hover {
  color: var(--yass-color--primary);
}



.article__header {
  position: relative;
  overflow: hidden;
  background-color: var(--yass-color--green3);
}
/* .article__header::before {
  content: url("//2999764.fs1.hubspotusercontent-na1.net/hubfs/2999764/raw_assets/public/validere/images/bp1.svg");
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  pointer-events: none;
}
.article__header::after {
  content: url("//2999764.fs1.hubspotusercontent-na1.net/hubfs/2999764/raw_assets/public/validere/images/bp2.svg");
  position: absolute;
  left: 0;
  bottom: -10px;
  z-index: 1;
  pointer-events: none;
}
 */
/* @media(min-width: 768px){
  .article__header::before {
    right: 20vw;
  }
  .article__header::after {
    left: 20vw;
  }
} */


.article__header .container {
  min-height: 542px;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  color: var(--yass-color--white);
  z-index: 3;
}
.article__header h1 {
  margin: 20px auto 32px;
  max-width: 950px;
}
.article__tax {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;

}
.webinar--demo .article__header{
  background-color: #1D2C34;
}

.webinar--demo .article__header .cover{
  display: none;
}

.webinar--demo .article__header .container{
  min-height: 380px;
    padding-top: 150px;
  padding-bottom: 120px;
}

.webinar--demo .article__header::after{
  display: none;
}
.webinar--demo .article__header::before{
  content: url("//2999764.fs1.hubspotusercontent-na1.net/hubfs/2999764/raw_assets/public/validere/images/lines/line.svg");
   left: auto;
   right:0;
}
.webinar--demo .img-abs{
  object-position: top center;
}



.article__tax span {
  margin-right: 5px;
  color: var(--yass-color--primary);
}
.article__tax a {
  color: var(--yass-color--white);
}
.article__tax a:not(:last-of-type):after {
  content: "/";
  color: var(--yass-color--primary);
  margin: 0 5px;
}
.article__meta {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
}
.article__meta > span {
  padding: 0 10px;
  color: var(--yass-color--primary);
}
.article__meta > span span, .article__meta > span a, .article__meta > span time {
  color: var(--yass-color--white);
}
.article__meta a {
  transition: var(--yass-transition--1);
}
.article__meta a:hover {
  color: var(--yass-color--light-green);
}
.article__share {
  display: flex;
  justify-content: center;
  margin-top: 32px;
}
.article__share a {
  margin: 0 8px;
}
.article__share svg {
  display: block;
  fill: var(--yass-color--white);
  transition: var(--yass-transition--1);
}
.article__share svg:hover {
  fill: var(--yass-color--light-green);
}
.article__content {
  padding: 48px 0;
  background-color: #fff;
}

.article__sidebar{
  width: 294px;
  flex: 0 0 auto;
  margin-left: 70px;
  display: none;
}
@media(min-width: 768px){
  .article__content {
    margin-top: -30px;
    padding: 48px 64px;
    border: 1px solid rgba(204, 215, 220, 0.5);
  }
}

@media(min-width: 992px){
  .article__content {
/*     display: flex;
    align-items: flex-start;
    justify-content: space-between; */
  }
  .article__content__left{
    flex: 1;
  } 
  .article__sidebar{
    display: block;
  }
}
.article__tags{
  padding-top: 30px;
}

.article__tags a{
    color: var(--yass-color--primary);
    font-family: var(--yass-font--ibm-condensed);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .16em;
    text-transform: uppercase;
    line-height: 1;
    transition: .3s ease-in-out;
}

.article__tags a:hover{
  color: var(--yass-color--gray);
}

.article__author {
/*   max-width: 700px; */
  border: solid rgba(45, 170, 175, 0.7);
  border-width: 1px 0 1px 0;
  padding: 36px 0;
  margin-top: 48px;
  display: flex;
}
.article__author__avatar {
  width: 97px;
  height: 97px;
  border-radius: 50%;
  overflow: hidden;
  display: block;
  background-color: var(--yass-color--light-green);
  flex: 0 0 auto;
  margin-right: 32px;
}
.article__author__avatar img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.article__author__info__subtitle {
  text-transform: none;
  margin-bottom: 10px;
  letter-spacing: initial;
  color: var(--yass-color--primary);
  display: block;
  font-size: 12px;
}
.article__author__info__name, .article__author__info__email, .article__author__info__company {
  display: block;
  color: var(--yass-color--green2);
  font-size: 18px;
  letter-spacing: -1px;
  line-height: 1.25;
  font-weight: 200;
  font-family: var(--yass-font--spectral);
}
.article__author__info p {
  margin: 36px 0 0;
  line-height: 1.72;
}




.webinar-card {
  display: block;
  max-width: 400px;
  background-color: var(--yass-color--secondary);
  color: var(--yass-color--white);
}
.webinar-card__img {
  display: block;
  position: relative;
  background-color: var(--yass-color--white);
}
.webinar-card__img::before {
  content: "";
  display: block;
  padding-top: 128%;
}
.webinar-card__info {
  padding: 36px 24px;
  display: block;
}
.webinar-card__info h6,
.webinar-card__info h3 {
  margin-bottom: 32px;
}
.webinar-card__info .btn {
  color: var(--yass-color--primary);
}







.featured-posts {
  padding: 75px 0 35px;
  background-image:  url("//2999764.fs1.hubspotusercontent-na1.net/hubfs/2999764/raw_assets/public/validere/images/logomark.svg");
  background-position: top 50px right -25%;
  background-repeat: no-repeat;
  background-size: 1000px;
}
.featured-posts__title {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 40px;
}
@media (min-width: 768px) {
  .featured-posts__title {
    margin-bottom: 80px;
  }
}
.featured-posts__title h2 {
  width: 50%;
}
.featured-posts__title .btn {
  color: var(--yass-color--green2);
}
.featured-posts ul {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  margin-left: -5px;
  margin-right: -5px;
}
.featured-posts li {
  padding: 5px;
  width: 100%;
  margin-bottom: 16px;
}
.featured-posts li:nth-child(4) {
  display: none;
}
@media (min-width: 500px) {
  .featured-posts li {
    width: 50%;
  }
  .featured-posts li:nth-child(4) {
    display: block;
  }
}
@media (min-width: 700px) {
  .featured-posts li {
    width: 33.33%;
  }
  .featured-posts li:nth-child(4) {
    display: none;
  }
}
.featured-posts__img {
  position: relative;
  display: block;
  background-color: var(--yass-color--light-green);
  aspect-ratio: 1/1;
}
.featured-posts__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  -o-object-position: left top;
     object-position: left top;
}
.featured-posts__meta {
  padding: 16px 0;
  font-size: 12px;
  display: block;
}
.featured-posts__meta span {
  color: var(--yass-color--primary);
}
.featured-posts .h6 {
  font-weight: 200;
  color: var(--yass-color--green2);
}

.hs_cos_wrapper_type_rich_text .h1, .hs_cos_wrapper_type_rich_text .h2, .hs_cos_wrapper_type_rich_text .h3, .hs_cos_wrapper_type_rich_text .h4, .hs_cos_wrapper_type_rich_text .h5,
.hs_cos_wrapper_type_rich_text h1, .hs_cos_wrapper_type_rich_text h2, .hs_cos_wrapper_type_rich_text h3, .hs_cos_wrapper_type_rich_text h4, .hs_cos_wrapper_type_rich_text h5,
.hs-editor .h1,
.hs-editor .h2,
.hs-editor .h3,
.hs-editor .h4,
.hs-editor .h5,
.hs-editor h1,
.hs-editor h2,
.hs-editor h3,
.hs-editor h4,
.hs-editor h5 {
  color: var(--yass-color--green2);
  margin-bottom: 40px;
}
.hs_cos_wrapper_type_rich_text p,
.hs-editor p {
  margin-bottom: 16px;
}



.hs_cos_wrapper_type_rich_text a,
.hs-editor a {
  text-decoration: underline ;
  color: var(--yass-color--primary);
  transition: var(--yass-transition-1);
}

.hs_cos_wrapper_type_rich_text a:hover,
.hs-editor a:hover {
  color: var(--yass-color--green2);
}

.hs_cos_wrapper_type_rich_text ul, .hs_cos_wrapper_type_rich_text ol,

.hs-editor ol {
  list-style-position: inside;
/*   margin: 48px 0; */
  margin: 0 0 24px;
}
.hs_cos_wrapper_type_rich_text ul,
.hs-editor ul {
  position: relative;
  list-style: none;
}
/* @media (min-width: 992px) {
  .hs_cos_wrapper_type_rich_text ul,
.hs-editor ul {
    padding-left: 30px;
  }
} */
/* .hs_cos_wrapper_type_rich_text ul::before,
.hs-editor ul::before {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  top: 0;
  border-left: 1px solid rgba(45, 170, 175, 0.7);
}
 */

/* @media (min-width: 992px) {
  .hs_cos_wrapper_type_rich_text ul::before,
.hs-editor ul::before {
    left: 30px;
  }
} */


.hs_cos_wrapper_type_rich_text ul li,
.hs-editor ul li {
  position: relative;
  padding: 0 0 12px 24px;
/*   display: flex;
  align-items: flex-start; */
}
.hs_cos_wrapper_type_rich_text ul li::before,
.hs-editor ul li::before {
  content: url("//2999764.fs1.hubspotusercontent-na1.net/hubfs/2999764/raw_assets/public/validere/images/li3.svg");
  position: absolute;
/*   left: 16px; */
  left: 0;
}
@media (min-width: 992px) {
  .hs_cos_wrapper_type_rich_text ul li::before,
  .hs-editor ul li::before {
/*     margin: 0 20px 0 24px; */
  }
}
.hs_cos_wrapper_type_rich_text blockquote,
.hs-editor blockquote {
  max-width: 700px;
  position: relative;
  background-image:  url("//2999764.fs1.hubspotusercontent-na1.net/hubfs/2999764/raw_assets/public/validere/images/quotes.svg"),  url("//2999764.fs1.hubspotusercontent-na1.net/hubfs/2999764/raw_assets/public/validere/images/quotes.svg")
  background-position: left 40px top, right bottom 20px;
  background-repeat: no-repeat;
  padding: 20px 0 20px 75px;
  border-left: 1px solid var(--yass-color--primary);
  margin-bottom: 48px;
}
.hs_cos_wrapper_type_rich_text blockquote P,
.hs-editor blockquote P {
  font-size: 28px;
  line-height: 1.21;
  letter-spacing: -1px;
  font-family: var(--yass-font--spectral);
}



.pagination{
  text-align: center;
  font-size: 1.2rem;
  color: var(--yass-color--gray);
  padding-top: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.pagination__link{
  display: inline-block;
  margin: 0 5px;
  transition: .3s ease-in-out;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

.pagination__link:hover{
  color: var(--yass-color--white);
  background-color: var(--yass-color--green2);
}

.pagination__link--active{
  color: var(--yass-color--primary);
  color: var(--yass-color--white);
  background-color: var(--yass-color--green2);
}
.pagination__link svg{
  display: block;
  fill: currentColor;
}
.pagination-link--disabled{
  opacity: .5;
  pointer-events: none;
}

.resources-filters h4{
  margin-bottom: 20px;
  color: var(--yass-color--green2)
}

.resources-filters {
  flex: 0 0 auto;
  padding-right: 40px;
}

@media(min-width: 1200px){
  .resources-filters {
    padding-right: 100px;
  }
}


.resources-filters ul{
  list-style:none;
  margin-bottom: 20px;
  display: inline-block;
  margin-left: -5px;
}
.resources-filters li{
  display: inline-block;
  padding: 5px;
}
.resources-filters a{
  transition:.3s ease-in-out;
  white-space: nowrap;
  text-transform: capitalize;
}

.resources-filters a:hover{
  color: var(--yass-color--primary)
}


.blog-grid{
  padding-top: 60px;
}

.resources-filters__all{
  display:none;
}

@media(min-width: 992px){
  .resources-filters__all{
    display:block;
    margin-bottom: 5px
  }
  .resources-filters h4{
    margin-bottom: 40px;
  }
  .resources-filters li{
      display:flex;
      padding: 15px 0;
      align-items: center;
    }
  
  .resources-filters ul{
    border-left: 1px solid #E1EAEE;
    display: block;
    margin-left: initial;
  }
  
  .blog-grid{
    display: flex;
    padding-top: 96px;
  }
  
  .resources-filters li:last-of-type{
    padding: 0;
    transform: translateY(11px);
  }
   .resources-filters li:first-of-type{
    display: none;
  }
  
  .resources-filters li:before{
    content:'';
    width: 10px;
    height: 0;
    border-bottom:1px solid #E1EAEE;
    margin-right: 15px;
  }

}
.hs-editor table th{
  vertical-align:middle;
}
.hs-editor table td, 
.hs-editor table th{
  padding: 10px !important;
}
.webinar-video {
  padding: 25px;
  background-color: #fff;
  border: 1px solid rgba(204, 215, 220, 0.5);
  margin-top: -30px;
  text-align: center;
}

.webinar-video .plyr {
  display: block;
  max-width: 990px;
  margin: 0 auto 48px;
  --plyr-color-main: #fff;
  --plyr-video-control-background-hover: #185B5E;
}


.webinar__content {
  padding-bottom: 32px;
}

@media (min-width: 992px) {
  .webinar-video {
    padding: 70px;
  }

  .webinar__content {
    width: 50%;
    padding-right: 60px;
  }
}

.webinar .hs-editor {
  padding-top: 64px;
}

/* this edits the margins between paragraphs within the main body of an event description */
.webinar .hs-editor p {
  margin-bottom: 24px; /* Reduce the bottom margin to decrease space between paragraphs */
}

/* this edits the margins before and after a list */
.webinar .hs-editor ul {
  margin-bottom: 24px; /* Adjust the bottom margin of the entire list if necessary */
  margin-top: 24px;
}

.webinar .hs-editor ul li {
  margin-bottom: 4px; /* Reduces space between bullet points, adjust as needed */
  padding-top: 0;
  padding-bottom: 0;
}

.webinar__container {
  padding-bottom: 60px;
}

@media (min-width: 992px) {
  .webinar__container {
    display: flex;
    align-items: flex-start;
  }
}

.webinar__container .hs-editor .subtitle {
  margin-bottom: 48px;
}

@media (min-width: 992px) {
  .webinar__form {
    width: 50%;
    margin-top: -35px;
  }
}

.speakers {
  background-color: var(--yass-color--secondary);
  color: var(--yass-color--white);
  position: relative;
  z-index: 2;
  padding-top: 48px;
}

.speakers__title {
  text-align: center;
  margin-bottom: -12px;
}

.speakers__title .subtitle {
  margin-bottom: 38px;
}

.speakers__grid {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  transform: translateY(60px);
}

.speakers__grid li {
  width: 100%;
  padding: 5px;
}

@media (min-width: 500px) {
  .speakers__grid li {
    width: 50%;
  }
}

@media (min-width: 768px) {
  .speakers__grid li {
    width: 25%;
  }
}

@media (min-width: 992px) {
  .speakers__grid li {
    padding: 15px;
  }
}

.speakers__col {
  display: block;
  position: relative;
  aspect-ratio: 270/490;
  background-color: var(--yass-color--secondary);
  overflow:hidden;
}

.speakers__col::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 13px;
  bottom: -13px;
  background-image: url("//2999764.fs1.hubspotusercontent-na1.net/hubfs/2999764/raw_assets/public/validere/images/band.jpg");
  background-repeat: repeat-x;
  z-index: 32;
  transition: .3s ease-in-out;
}
.speakers__col:hover:after{
  bottom: 0;
} 

.speakers__info {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 2;
  background: linear-gradient(14deg, #1D2C34 16.72%, rgba(29, 44, 52, 0) 79.58%);
  height: 50%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 0 15px 20px;
  font-size: 12px;
  color: var(--yass-color--primary);
  transition: .3s ease-in-out;
}

@media (min-width: 992px) {
  .speakers__info {
    padding: 0 29px 43px;
  }
}

.speakers__info .name {
  color: var(--yass-color--white);
  font-family: var(--yass-font--spectral);
  font-size: 1.6rem;
  line-height: 1.32;
  margin-bottom: 9px;
}

@media (min-width: 768px) {
  .speakers__info .name {
    font-size: 1.8rem;
  }
}

.about {
  background-color: var(--yass-color--white);
  padding-top: 65px;
  padding-bottom: 65px;
}

.webinar-about .about{
  padding-top: 140px;
}

.about__title {
  text-align: center;
  margin-bottom: 60px;
}

.about__title .subtitle {
  margin-bottom: 38px;
}

.about__grid {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

@media (min-width: 768px) {
  .about__grid {
    flex-direction: row;
  }
}

.about__info {
  width: 100%;
}

@media (min-width: 768px) {
  .about__info {
    width: 45%;
    padding: 0 35px;
  }
}

.about__info p {
  line-height: 1.7;
  margin-bottom: 30px;
}

.about__img {
  width: 100%;
  padding: 0 0 35px;
}

@media (min-width: 768px) {
  .about__img {
    width: 45%;
    padding: 0 35px;
  }
}

.about__img img {
  display: block;
  margin: 0 auto;
}

.v-form {
  border: 1px solid var(--Grey-Val_Grey_03, #4C7085);
  background: var(--Navy-100, #F2F5F7);
  padding: 42px 20px 60px;
  position: relative;
  overflow: hidden;
}

@media (min-width: 768px) {
  .v-form {
    padding: 42px 32px 60px;
  }
}

@media (min-width: 1200px) {
  .v-form {
    padding: 48px 62px 90px;
  }
}

.v-form::before {
  /* content:  url("//2999764.fs1.hubspotusercontent-na1.net/hubfs/2999764/raw_assets/public/validere/images/webinar.svg");
  position: absolute;
  left: 0;
  bottom: 48px; */
}

.v-form h4 {
  margin: 0 0 48px;
  color: var(--yass-color--green2);
}

.v-form p {
  line-height: 1.7;
}


#events{
  padding-top: 60px;
}



.video-webinar{
  background-color: var(--yass-color--light-gray);
  padding: 48px 0 90px;
  text-align:center;
}  

.video-webinar h2{
  margin: 35px 0 50px;
  
}

.video-webinar .plyr{
  max-width: 960px;
  margin:0 auto;
}
.news-list {
  display: flex;
  flex-wrap: wrap;
  margin-left: -5px;
  margin-right: -5px;
  list-style: none;
}

.news-post {
  width: 100%;
  padding: 5px;
}
@media (min-width: 600px) {
  .news-post {
    width: 50%;
  }
}
@media (min-width: 992px) {
  .news-post {
    width: 33.33%;
  }
}
.news-post a {
  display: block;
  height: 100%;
  border: 1px solid rgba(76, 112, 133, 0.3);
  padding: 10px;
  transition: var(--yass-transition-1);
}
.news-post a:hover {
  border: 1px solid var(--yass-color--primary);
}
.news-post a:hover h4 {
  color: var(--yass-color--secondary);
}
.news-post__img {
  aspect-ratio: 367/240;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--yass-color--light-gray);
}
.news-post__img img {
  display: block;
  margin: 0 auto;
  -o-object-fit: contain;
     object-fit: contain;
  filter: grayscale(100%);
}
.news-post__info {
  padding: 0 8px;
  display: block;
}
.news-post__meta {
  display: block;
  margin: 23px 0;
  font-size: 12px;
}
.news-post__meta span {
  color: var(--yass-color--primary);
}
.news-post h4 {
  transition: var(--yass-transition-1);
  color: var(--yass-color--green2);
  margin-bottom: 16px;
}
.info-image {
  padding: 42px 0;
  background-image: url("//2999764.fs1.hubspotusercontent-na1.net/hubfs/2999764/raw_assets/public/validere/images/logomark.svg");
  background-position: center right -10vw;
  background-repeat: no-repeat;
  background-size: 1000px;
}
@media (min-width: 768px) {
  .info-image {
    padding: 60px 0;
  }
}
.info-image .container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media (min-width: 768px) {
  .info-image .container {
    flex-direction: row;
    justify-content: space-between;
  }
}
.info-image__image {
  width: 100%;
}
@media (min-width: 768px) {
  .info-image__image {
    width: 50%;
  }
}
.info-image__image img {
  display: block;
  margin: 0 auto;
}
.info-image__info {
  width: 100%;
  text-align: center;
  margin-top: 48px;
  max-width: 600px;
}
@media (min-width: 768px) {
  .info-image__info {
    width: 42%;
    max-width: initial;
    margin-top: initial;
    text-align: initial;
  }
}
.info-image__info .subtitle {
  margin-bottom: 28px;
}
.info-image__info h3 {
  margin-bottom: 16px;
  color: var(--yass-color--secondary);
}
.info-image__info .btn {
  margin-top: 48px;
}
.info-image--reverse {
  background-position: center left -10vw;
}
@media (min-width: 768px) {
  .info-image--reverse .container {
    flex-direction: row-reverse;
  }
}

.cards-module {
  background-color: var(--yass-color--white);
  margin-bottom: 85px;
}
.cards-module__title {
  max-width: 680px;
  margin: 0 auto -16px;
  text-align: center;
  padding-top: 64px;
}
.cards-module__title h2 {
  margin-bottom: 16px;
  color: var(--yass-color--green2);
}
.cards-module__title p {
  max-width: 445px;
  margin: 0 auto;
}
.cards-module__grid {
  transform: translateY(85px);
  padding-bottom: 20px;
}
@media (min-width: 768px) {
  .cards-module__grid {
    padding-bottom: 0;
    margin: 0 auto;
    max-width: 1066px;
  }
}
.cards-module__grid .swiper-slide:nth-child(3n+2) .cards-module__col {
  background-color: var(--yass-color--green2);
}
.cards-module__grid .swiper-slide:nth-child(3n+3) .cards-module__col {
  background-color: var(--yass-color--primary);
}
.cards-module .swiper-slide {
  width: 100%;
  max-width: 320px;
  height: auto;
}
@media (min-width: 768px) {
  .cards-module .swiper-slide {
    width: 33.33%;
    padding: 0 5px;
    max-width: initial;
  }
}
.cards-module .swiper-scrollbar {
  width: 95%;
  left: 2.5%;
  background: var(--yass-color--white);
}
.cards-module .swiper-scrollbar .swiper-scrollbar-drag {
  background: var(--yass-color--green2);
}
.cards-module__col {
  background-color: var(--yass-color--secondary);
  color: var(--yass-color--white);
  padding: 50px 36px 36px;
  height: 100%;
}
.cards-module__col img {
  display: block;
  margin: 0 auto 70px;
}
.cards-module__col h3 {
  margin-bottom: 16px;
}

.jobs #jobs-loadmore {
  display: flex;
  margin: 60px auto 60px;
}
.jobs__title {
  max-width: 680px;
  margin: 64px auto;
  text-align: center;
}
.jobs__title h2 {
  margin-bottom: 16px;
  color: var(--yass-color--secondary);
}
.jobs__title p {
  max-width: 445px;
  margin: 0 auto;
}
.jobs__search {
  position: relative;
  width: 100%;
  padding-right: 10px;
}
@media (min-width: 600px) {
  .jobs__search {
    width: 75%;
  }
}
.jobs__search input {
  display: block;
  width: 100%;
  border: 1px dashed #1D2C34;
  border-width: 0 0 1px 0;
  padding: 16px 5px;
  font-size: 14px;
  background-color: transparent;
  font-family: inherit;
  outline: none;
  transition: 0.3s ease-in-out;
}
.jobs__search input:focus {
  border-color: var(--yass-color--primary);
}
.jobs__search button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  border: 0;
  outline: 0;
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
}
.jobs__search button svg {
  display: block;
}
.jobs__filters {
  margin-top: 34px;
  margin-bottom: 34px;
  text-align: center;
}
@media (min-width: 768px) {
  .jobs__filters {
    text-align: initial;
    margin-top: 64px;
    margin-bottom: initial;
  }
}
.jobs__filters select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-size: 14px;
  border: 0;
  font-family: inherit;
  font-size: 12px;
  background-image: url("//2999764.fs1.hubspotusercontent-na1.net/hubfs/2999764/raw_assets/public/validere/images/select.svg");
  background-position: right center;
  background-repeat: no-repeat;
  padding: 0 12px 0 0;
  margin: 20px 0;
  display: block;
  width: 100%;
  outline: 0;
}
@media (min-width: 600px) {
  .jobs__filters select {
    display: initial;
    width: initial;
    margin: 10px;
  }
}
@media (min-width: 768px) {
  .jobs__filters select {
    margin: 32px;
  }
}
.jobs__form__top {
  display: flex;
  align-items: center;
  position: relative;
  flex-direction: column;
}
@media (min-width: 1200px) {
  .jobs__form__top {
    flex-direction: row-reverse;
    align-items: flex-start;
  }
}
@media (min-width: 700px) {
  .jobs__form__top::before {
    content: url("//2999764.fs1.hubspotusercontent-na1.net/hubfs/2999764/raw_assets/public/validere/images/lines/s.svg");
    position: absolute;
    left: 50%;
    transform: translateX(-55%);
    top: -25px;
  }
}
@media (min-width: 700px) and (min-width: 1200px) {
  .jobs__form__top::before {
    transform: translateX(-50%);
  }
}
.jobs__best {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex: 0 0 auto;
  margin-bottom: 24px;
}
@media (min-width: 1200px) {
  .jobs__best {
    width: 25%;
    justify-content: flex-end;
    margin-bottom: 24px;
  }
}
.jobs__best img {
  display: block;
  margin-left: 16px;
}

.job {
  padding: 5px;
  width: 100%;
  margin-bottom: 16px;
}
@media (min-width: 400px) {
  .job {
    width: 50%;
  }
}
@media (min-width: 650px) {
  .job {
    width: 33.33%;
  }
}
@media (min-width: 992px) {
  .job {
    width: 25%;
  }
}
.job.filtered {
  display: none !important;
}
.job:nth-child(3n+2) .job__card {
  background-image: url("//2999764.fs1.hubspotusercontent-na1.net/hubfs/2999764/raw_assets/public/validere/images/card2.svg");
}
.job:hover .job__card {
  background-color: var(--yass-color--gray-1);
}
.job:hover .job__card h4 {
  color: var(--yass-color--light-green);
}
.job__list {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  min-height: 500px;
}
@media (min-width: 400px) {
  .job__list {
    margin-left: -5px;
    margin-right: -5px;
  }
}
.job__list h4 {
  color: var(--yass-color--primary);
}
.job__card {
  aspect-ratio: 1/1;
  padding: 29px;
  display: flex;
  align-items: flex-end;
  background-color: var(--yass-color--white);
  transition: var(--yass-transition-1);
  background-image: url("//2999764.fs1.hubspotusercontent-na1.net/hubfs/2999764/raw_assets/public/validere/images/card1.svg");
  background-position: top right;
  background-size: 100%;
  background-repeat: no-repeat;
}
.job__meta {
  font-size: 12px;
  line-height: 1;
  padding: 24px 0;
}
@media (min-width: 400px) {
  .job__meta {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
}
.job__meta span {
  display: block;
}
.job__meta span.department {
  color: var(--yass-color--primary);
  margin-bottom: 8px;
}
.job__meta span.city {
  margin-bottom: 8px;
}

.solid-banner {
  height: 280px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  background-color: var(--yass-color--gray-1);
  margin-bottom: 100px;
  color: #fff;
  background-image: url("//2999764.fs1.hubspotusercontent-na1.net/hubfs/2999764/raw_assets/public/validere/images/solid.svg");
  background-position: top 36px right;
  background-size: 100%;
  background-repeat: no-repeat;
  padding: 36px 0 0 8.33%;
  color: var(--yass-color--white);
}
.solid-banner__info {
  width: 80%;
  padding: 44px 0;
}
@media (min-width: 650px) {
  .solid-banner__info {
    width: 50%;
    padding: 56px 0;
  }
}
.solid-banner h2 {
  margin-bottom: 24px;
  color: var(--yass-color--light-green);
}
.solid-banner ul, .solid-banner ol {
  list-style-position: inside;
}
.solid-banner a {
  font-weight: bold;
}

.partners {
  background-color: var(--yass-color--white);
  padding: 80px 0;
}
.partners__title {
  max-width: 640px;
  margin-bottom: 48px;
}
@media (min-width: 768px) {
  .partners__title {
    margin-bottom: 96px;
  }
}
.partners__title h2 {
  color: var(--yass-color--green2);
  margin-bottom: 16px;
}
.partners__title p {
  max-width: 390px;
}
.partners__grid {
  list-style: none;
  padding-bottom: 20px;
}


.partners__col {
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 30px;
  height: 150px;
}
.partners__col img {
  max-width: 100%;
  max-height: 100%;
  -o-object-position: center center;
     object-position: center center;
  -o-object-fit: contain;
     object-fit: contain;
}

.values {
  overflow: hidden;
}
.values__title {
  padding: 50px 0;
}
@media (min-width: 768px) {
  .values__title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 100px 0;
  }
}
.values__title h2 {
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  .values__title h2 {
    width: 40%;
    margin-bottom: initial;
  }
}
.values__title p {
  max-width: 450px;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .values__title p {
    width: 50%;
  }
}
.values__grid {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
@media (min-width: 768px) {
  .values__grid {
    flex-direction: row;
    justify-content: space-between;
  }
}
.values__col {
  width: 100%;
  margin-bottom: 32px;
}
@media (min-width: 768px) {
  .values__col {
    width: 30%;
    margin-bottom: initial;
  }
}
.values__col ul {
  list-style: none;
  border-bottom: 1px solid var(--yass-color--green2);
}
.values__col ul li {
  padding: 24px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top: 1px solid var(--yass-color--green2);
}
@media (min-width: 768px) {
  .values__col ul li {
    padding: 48px 0;
  }
}
.values__col ul li span.index {
  color: var(--yass-color--primary);
  margin-right: 36px;
}
.values__col ul li p {
  font-size: 1.8rem;
  flex-basis: 170px;
  margin: 0;
  line-height: 1.2;
  font-family: var(--yass-font--wix);
}
@media (min-width: 992px) {
  .values__col ul li p {
    font-size: 2.5rem;
  }
}
.values__col--image {
  width: 100%;
}
@media (min-width: 768px) {
  .values__col--image {
    width: 63%;
  }
  .values__col--image img {
    height: 100%;
    max-height: 600px;
    width: auto;
    max-width: initial;
  }
}

.innovation {
  padding: 80px 0;
  background-color: var(--yass-color--secondary);
  color: var(--yass-color--white);
  width: 90%;
  max-width: 1300px;
  margin: 0 auto;
}
.innovation::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  top: 0;
  background: var(--yass-color--gray-1);
  opacity: 0.9;
}
.innovation .container {
  z-index: 2;
}
.innovation h2 {
  max-width: 680px;
  margin: 0 auto 64px;
  text-align: center;
}
.innovation__grid {
  display: flex;
  flex-wrap: wrap;
}
.innovation__col {
  width: 50%;
  text-align: center;
  padding: 15px;
  letter-spacing: -0.02em;
  line-height: 1.7;
}
@media (min-width: 992px) {
  .innovation__col {
    width: 33.33%;
  }
}
@media (min-width: 992px) {
  .innovation__col {
    width: 16.66%;
  }
}
.innovation__col img {
  display: block;
  height: 132px;
  width: auto;
  margin: 0 auto 40px;
}

.about-top {
  padding: 40px 34px;
  background-color: #fff;
  border: 1px solid rgba(204, 215, 220, 0.5);
  text-align: center;
  color: var(--yass-color--green2);
  max-width: 1120px;
  margin: 0 auto;
}
@media (min-width: 500px) {
  .about-top {
    padding: 60px 40px;
  }
}
@media (min-width: 768px) {
  .about-top {
    padding: 100px 80px;
  }
}
@media (min-width: 992px) {
  .about-top {
    padding: 150px 120px;
  }
 
}

.about-top ul, 
.about-top ol{
  list-style-position: inside;
}


.page-header2 {
  position: relative;
  overflow: hidden;
  background-color: var(--yass-color--secondary);
}


.page-header2::before {
  content: url("//2999764.fs1.hubspotusercontent-na1.net/hubfs/2999764/raw_assets/public/validere/images/bp1.svg");
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  pointer-events: none;
}

.page-header2::after {
  content: url("//2999764.fs1.hubspotusercontent-na1.net/hubfs/2999764/raw_assets/public/validere/images/bp2.svg");
  position: absolute;
  left: 0;
  bottom: -10px;
  z-index: 1;
  pointer-events: none;
}

@media(min-width: 768px){
  .page-header2::before {
    right: 20vw;
  }
  .page-header2::after {
    left: 20vw;
  }
}

.page-header2 .container {
  min-height: 542px;
  padding: 100px 20px;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  flex-direction: column;
  color: var(--yass-color--white);
  z-index: 2;
  position: relative;
}
.page-header2 .subtitle {
  margin-bottom: 48px;
}
.page-header2 h1 {
  margin: 0 auto;
  max-width: 992px;
}
.page-header2 p {
  max-width: 700px;
  margin: 16px auto 0;
}
.page-header2 .btn {
  margin-top: 48px;
}

.team {
  background-image: url("//2999764.fs1.hubspotusercontent-na1.net/hubfs/2999764/raw_assets/public/validere/images/logomark.svg");
  background-position: top 50px right -30%;
  background-repeat: no-repeat;
  background-size: 1000px;
}
.team__title {
  max-width: 450px;
  padding: 40px 0;
}
@media (min-width: 768px) {
  .team__title {
    padding: 80px 0;
  }
}
.team__title h2 {
  margin-bottom: 24px;
}
.team__selector {
  text-align: center;
  padding: 24px 0;
}
@media (min-width: 768px) {
  .team__selector {
    padding: 54px 0;
  }
}
.team__selector a {
  display: inline-block;
  padding: 10px;
  transition: var(--yass-transition-1);
}
@media (min-width: 768px) {
  .team__selector a {
    padding: 10px 40px;
  }
}
.team__selector a:hover {
  color: var(--yass-color--primary);
}
.team__selector a.is-active {
  color: var(--yass-color--primary);
}
.team__container {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  margin-left: -5px;
  margin-right: -5px;
  position: relative;
  z-index:2;
}
.team__container li {
  width: 50%;
  padding: 5px;
  display: none;
}
@media (min-width: 700px) {
  .team__container li {
    width: 33.33%;
  }
}
@media (min-width: 992px) {
  .team__container li {
    width: 25%;
  }
}
.team__container li.executive-leadership {
  display: block;
}
.team__member {
  position: relative;
}
.team__member::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 13px;
  bottom: 0;
  background-image: url("//2999764.fs1.hubspotusercontent-na1.net/hubfs/2999764/raw_assets/public/validere/images/band.jpg");
  background-repeat: repeat-x;
  z-index: 32;
}
.team__member::before {
  content: "";
  display: block;
  padding-top: 130%;
}
.team__member__info {
  position: absolute;
  z-index: 2;
  left: 0;
  width: 100%;
  bottom: 0;
  height: 80%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  background: linear-gradient(14deg,#1d2c34 4%,rgba(29,44,52,0) 43.58%);
  padding: 12px;
  color: var(--yass-color--white);
}
@media (min-width: 450px) {
  .team__member__info {
    padding: 24px;
  }
}
@media (min-width: 768px) {
  .team__member__info {
    padding: 32px;
  }
}
.team__member__info h5 {
  margin-bottom: 10px;
  font-size: 16px;
}
@media (min-width: 450px) {
  .team__member__info h5 {
    font-size: 18px;
  }
}
.team__member__info span {
  color: var(--yass-color--primary);
  font-size: 10px;
}
@media (min-width: 450px) {
  .team__member__info span {
    font-size: 12px;
  }
}

.card-icons {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-left: -5px;
  margin-right: -5px;
}

.card-icons__content {
  text-align: center;
  padding: 36px 15px 36px;
  border: 1px solid rgba(76, 112, 133, 0.3);
  background-color: #fff;
  height: 100%;
}
@media (min-width: 992px) {
  .card-icons__content {
    padding: 36px 30px 36px;
  }
}
@media (min-width: 1200px) {
  .card-icons__content {
    padding: 48px 30px 36px;
  }
}
.card-icons__content img {
  display: block;
  height: 110px;
  width: auto;
  margin: 0 auto 34px;
}
@media (min-width: 1200px) {
  .card-icons__content img {
    height: 130px;
    margin: 0 auto 60px;
  }
}
.card-icons__content h4 {
  color: var(--yass-color--primary);
  margin-bottom: 24px;
}
@media (min-width: 1200px) {
  .card-icons__content h4 {
    margin-bottom: 34px;
  }
}
.card-icons__col {
  width: 100%;
  padding: 5px;
}
@media (min-width: 500px) {
  .card-icons__col {
    width: 50%;
  }
}

.card-icons2 .card-icons__col {
  width: 100%;
}

@media (min-width: 768px) {
  .card-icons2 .card-icons__col {
    width: 50%;
  }
}



.card-icons2{
  max-width: 1000px;
  margin: 0 auto ;
  transform: translatey(86px)
}
.card-icons2 .card-icons__img{
  flex: 0 0 auto;
}

.card-icons2 .card-icons__content h4{
  margin-bottom: 10px;
}

.card-icons2 .card-icons__img img{
  display: block;
  max-width: 95px;
  margin: 0 auto;
  aspect-ratio: 1/1;
  object-fit: contain;
}

.card-icons2__container{
  background-color: #F3F5F7;
  margin-bottom: 175px;
}

@media (min-width: 420px) {
  .card-icons2 .card-icons__content{
    width: 100%;
    display: flex;
    align-items: center;
    text-align: left;
  }
  .card-icons2 .card-icons__img{
    margin-right: 30px;
  }

}
@media (min-width: 768px) {
  .marketing--carbon {
    padding-top: 270px;
    margin-top: -50px;
  }
  .card-icons2__container{
    padding-top: 70px;
  }
  .card-icons2 .card-icons__img{
    margin-right: 60px;
  }

}
@media (min-width: 768px) and (min-width: 768px) {
  .marketing--carbon {
    margin-top: -140px;
  }
}
@media (min-width: 768px) {
  .marketing--carbon::before {
    content: "";
    top: 270px;
    height: calc(100% - 270px);
  }
}

.marketing {
  overflow: hidden;
  position: relative;
}

.marketing .plyr {
  width: 100%;
}
@media (min-width: 768px) {
  .marketing {
    padding-top: 140px;
  }
  .marketing::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 60%;
    top: 0;
    left: 0;
    background-color: var(--yass-color--gray);
    z-index: -1;
  }
  .marketing::before {
    content: "";
    position: absolute;
    width: 50%;
    left: 0;
    top: 140px;
    height: calc(100% - 140px);
    background-color: var(--yass-color--white);
    border-radius: 0 100px 100px 0;
  }
}
@media (min-width: 768px) {
  .marketing .container {
    display: flex;
    justify-content: space-between;
  }
}
.marketing__info {
  width: 100%;
  padding: 60px 0 44px;
}
@media (min-width: 768px) {
  .marketing__info {
    width: 41.65%;
    padding: 120px 0;
  }
}
.marketing__info h2 {
  margin: 48px 0 24px;
}
.marketing__info .btn {
  margin-top: 48px;
}
.marketing__image {
  width: 100%;
  display: flex;
  align-items: center;
}
@media (min-width: 768px) {
  .marketing__image {
    width: 41.65%;
  }
  .marketing__image img {
    height: 80%;
    width: auto;
    max-width: initial;
  }
}

@media (min-width: 992px) {
  .terms {
    display: flex;
    align-items: flex-start;
  }
}
.terms__title {
  color: var(--yass-color--primary);
  border-bottom: 1px solid rgba(48, 71, 84, 0.5);
  padding-bottom: 10px;
  padding-top: 24px;
  margin-bottom: 15px;
}
@media (min-width: 992px) {
  .terms__title {
    padding-bottom: 20px;
    margin-bottom: 28px;
  }
}
.terms__links {
  margin-bottom: 48px;
}
@media (min-width: 992px) {
  .terms__links {
    width: 33.33%;
    padding-right: 25px;
  }
}
.terms__links ul {
  list-style: none;
  border-bottom: 1px solid rgba(48, 71, 84, 0.5);
  padding: 0 10px 15px;
}
@media (min-width: 992px) {
  .terms__links ul {
    padding: 0 28px 28px;
  }
}
.terms__links ul li {
  font-size: 1.4rem;
  line-height: 2;
}
.terms__links ul li a {
  transition: var(--yass-transition-1);
}
.terms__links ul li a:hover {
  color: var(--yass-color--primary);
}
@media (min-width: 992px) {
  .terms__sections {
    width: 66.66%;
    padding-left: 25px;
  }
}
.terms__sections.hs-editor .h1, .terms__sections.hs-editor .h2, .terms__sections.hs-editor .h3, .terms__sections.hs-editor .h4, .terms__sections.hs-editor .h5, .terms__sections.hs-editor .h6,
.terms__sections.hs-editor h1, .terms__sections.hs-editor h2, .terms__sections.hs-editor h3, .terms__sections.hs-editor h4, .terms__sections.hs-editor h5, .terms__sections.hs-editor h6 {
  color: var(--yass-color--primary);
  margin-bottom: 20px;
}
.terms.active .terms__links {
  margin-top: 45px !important;
}

.section-title h2 {
  margin-top: 48px;
  color: var(--yass-color--green2);
}
@media (min-width: 768px) {
  .section-title .section-title__info {
    width: 50%;
  }
}
.section-title--center .section-title__info {
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
  text-align: center;
}


.card-link {
  display: block;
  text-align: center;
  color: var(--yass-color--white);
  background-color: var(--yass-color--secondary);
  padding: 48px 32px 32px;
  transition: var(--yass-transition-1);
  height: 100%;
}
.card-link img {
  display: block;
  margin: 0 auto 60px;
  width: 180px;
  height: 180px;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: contain;
     object-fit: contain;
}
.card-link h3 {
  margin-bottom: 16px;
  min-height: 70px;
}
.card-link:hover {
  transform: scale(1.02);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
}
.card-link__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style: none;
}
.card-link__list li {
  width: 100%;
  padding: 5px 0;
}
.card-link__list li:nth-child(3n+2) .card-link {
  background-color: var(--yass-color--green2);
}
.card-link__list li:nth-child(3n+3) .card-link {
  background-color: var(--yass-color--primary);
}

@media(min-width: 600px){
  .card-link__list li {
    width: 50%;
    padding: 5px;
  }
}
@media(min-width: 992px){
  .card-link__list li {
    width: 33.33%;
  }
}
.member__top {
  padding: 32px 16px;
  background-color: #fff;
  border: 1px solid rgba(204, 215, 220, 0.5);
  max-width: 1120px;
  margin: -30px auto 0;
}
@media (min-width: 768px) {
  .member__top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 96px 48px 48px;
  }
}
@media (min-width: 992px) {
  .member__top {
    padding: 96px 100px 48px;
  }
}
.member__image {
  width: 100%;
  position: relative;
  margin-right: 0;
  display: block;
  margin: 0 0 32px;
}
@media (min-width: 450px) {
  .member__image {
    max-width: 290px;
  }
}
@media (min-width: 768px) {
  .member__image {
    margin-right: 30px;
    flex: 0 0 auto;
    margin: 0 30px 0 0;
  }
}
@media (min-width: 992px) {
  .member__image {
    margin: 0 50px 0 0;
  }
}
@media (min-width: 1200px) {
  .member__image {
    margin: 0 100px 0 0;
  }
}
.member__image::before {
  content: "";
  display: block;
  padding-top: 128%;
}
.member__image::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 13px;
  bottom: 0;
  background-image: url("");
  background-repeat: repeat-x;
  z-index: 32;
}
.member__image__data {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 70%;
  background: linear-gradient(14.82deg, #1D2C34 16.72%, rgba(29, 44, 52, 0) 79.58%);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 32px 32px 40px;
  color: #fff;
}
.member__image__data h5 {
  font-size: 18px;
  margin-bottom: 5px;
}
.member__image__data .role {
  font-size: 12px;
  color: var(--yass-color--primary);
}
.member__info {
  flex: 1;
}
.member__info ul, .member__info ol {
  padding-left: 20px;
}
.member__info h3, .member__info h4 {
  color: var(--yass-color--secondary);
  letter-spacing: -2px;
}
.member__bio {
  margin-bottom: 48px;
}
.member__bio .role {
  color: var(--yass-color--primary);
  font-size: 12px;
  margin: 8px 0 0;
}
.member__bio a {
  display: inline-block;
  margin-top: 24px;
}
.member__bio a svg {
  display: block;
  fill: var(--yass-color--green3);
  transition: var(--yass-transition-1);
}
.member__bio a svg:hover {
  fill: var(--yass-color--primary);
}
.member__bio__top {
  margin-bottom: 24px;
}
.member__credentials {
  margin-bottom: 22px;
}
.member__credentials h3 {
  margin-bottom: 44px;
}
.member__expertise h3 {
  margin-bottom: 44px;
}
.member__cards {
  background-color: var(--yass-color--white);
  margin-bottom: 32px;
  margin-top: -25px;
}
@media (min-width: 768px) {
  .member__cards {
    margin-bottom: 32px;
  }
}
.member__cards a:hover {
  text-decoration: underline;
}
.member__cards__list {
  transform: translateY(64px);
  max-width: 1010px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .member__cards__list {
    display: flex;
    justify-content: center;
  }
}
.member__cards__list .member__cards__item {
  width: 100%;
  padding: 5px;
}
@media (min-width: 768px) {
  .member__cards__list .member__cards__item {
    width: 33.33%;
  }
}
.member__cards__list .member__cards__item:nth-child(2) .member__card {
  background-color: #304754;
}
.member__cards__list .member__cards__item:nth-child(3) .member__card {
  background-color: #4C7085;
}
.member__card {
  background-color: #273944;
  color: var(--yass-color--white);
  padding: 36px;
  height: 100%;
}
.member__card h3 {
  margin-bottom: 36px;
}
.member__card ul, .member__card ol {
  list-style-position: inside;
}
.member__card ul li, .member__card ol li {
  margin-bottom: 15px;
}
.member__press {
  padding: 60px 0;
}
@media (min-width: 769px) {
  .member__press {
    padding: 128px 0;
  }
}
.member__press h2 {
  margin-bottom: 64px;
  color: var(--yass-color--green2);
}
.contact {
  padding: 96px 0;
}
@media (min-width: 992px) {
  .contact__container {
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-start;
  }
}
.contact__title {
  margin-top: 48px;
  margin-bottom: 48px;
}
.contact__title h2 {
  margin-bottom: 20px;
}
.contact__title p {
  color: var(--yass-color--primary);
}
.contact__data {
  margin-bottom: 32px;
}
@media (min-width: 992px) {
  .contact__title {
    margin-top: 0;
    margin-bottom: 96px;
  }
  .contact__data {
    width: 50%;
    padding-right: 110px;
    margin-bottom: initial;
  }
}
@media (min-width: 992px) {
  .contact__form {
    width: 50%;
  }
}
.contact__form h2 {
  margin: 36px 0 16px;
  color: var(--yass-color--secondary);
}
.contact__form form{
  margin-top: 32px;
}
.contact__form--thank-you {
  padding: 150px 100px;
}
.contact__form--thank-you h2 {
  color: var(--yass-color--secondary);
}
.contact__form--thank-you p {
  max-width: 290px;
}
.contact__form--thank-you .btn {
  margin-top: 80px;
}

.contact__expert {
  display: flex;
  align-items: flex-start;
  margin-bottom: 32px;
}


.contact__expert__img {
  display: block;
  position: relative;
  width: 110px;
  flex: 0 0 auto;
  overflow: hidden;
}
.contact__expert__img::before {
  content: "";
  display: block;
  padding-top: 135%;
}
.contact__expert__info {
  padding-left: 24px;
}

.contact__expert__info h4{
  color: var(--yass-color--secondary);
  margin-bottom: 5px;
}

.contact__expert__info .role {
  display: block;
  color: var(--yass-color--primary);
  margin-bottom: 16px;
  opacity: 0.8;
}

.contact__expert__info p {
  margin: 0;
}

@media (min-width: 992px){
  .contact__expert__info {
    padding-left: 38px;
  }
  .contact__data{
    padding-right: 50px;
  }
  .contact__experts{
    margin-bottom: 10px;
  }
  .contact__experts .swiper-wrapper{
    height: 500px;
  }
  .contact__experts .swiper-slide{
    height: calc((100% - 10px) / 2) !important;
  }

}
@media (min-width: 992px) and (max-width: 1200px){
  .contact__experts .swiper-wrapper{
    height: 600px;
  }
}

.contact__experts .swiper-pagination-progressbar{
    bottom: 15px;
    width: calc( 100% - 140px);
    left: 70px;
  }

.contact__experts .swiper-button-prev,
.contact__experts .swiper-button-next{
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background-color: var(--yass-color--green2);
  transition: .3s ease-in-out;
  top:initial;
  bottom:0;
  margin:initial
}

.contact__experts .swiper-button-prev:hover,
.contact__experts .swiper-button-next:hover{
  background-color: var(--yass-color--secondary);
}

.contact__experts .swiper-button-prev:after,
.contact__experts .swiper-button-next:after{
  font-size: 15px;
  color: #fff
}

.contact__experts .swiper-button-disabled{
  opacity: 0;
}
/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

.glossary > .container {
  padding-top: 48px;
}
.glossary .alphabet-container {
  padding: 65px 0;
}

@media (min-width: 768px) {
  .glossary .alphabet {
    justify-content: center;
  }
}

.glossary .alphabet {
  line-height: 1;
  padding: 21px 0;
  font-size: 18px;
  text-align: center;
  text-transform: uppercase;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  
  font-family: 'Spectral';
  font-style: normal;
  font-weight: 275;
  font-size: 20px;
  line-height: 18px;
  gap: 25px;
}

.glossary .alphabet .active {
  color: #24292d;
  cursor: pointer;
  transition: var(--yass-transition-1);
}

.glossary .alphabet .active:hover, .glossary .alphabet .active.selected {
  transition: var(--yass-transition-1);
  color: #2DAAAF;
}

.glossary .alphabet .inactive {
  color: #C4C4C4;
}


.glossary .alphabet li {
  min-width: 20px;
}

.glossary ul {
  list-style: none;
  color: #303245;
}

.glossary .clear {
  border-bottom: 1px solid #ECECEC;
}

.glossary .glossary-item span {
  font-family: 'Spectral';
  font-style: normal;
  font-weight: 300;
  font-size: 36px;
  line-height: 54px;
  text-transform: uppercase;
}

.glossary .glossary-results .row-columns {
  display: flex;
  flex-wrap: wrap;
  margin: 29px -30px 0;
}

.glossary .glossary-results .row-columns li {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 27px;
  min-height: 55px;
  margin-bottom: 15px;
}

.glossary .glossary-results .row-columns li {
  width: 100%;
  padding: 0 30px;
}

@media (min-width: 768px) {
  .glossary .glossary-results .row-columns li {
    width: 33.33%;
  }
}

.glossary ul.row-columns .item a {
  display: inline-flex;
  justify-content: space-between;
  position: relative;
  width: 100%;
  transition: var(--yass-transition-1);
  color: #303245;
}

.glossary ul.row-columns .item a:hover {
  color: #2DAAAF;
}

.glossary ul.row-columns .item a:hover:after {
  transform: translateX(3px);
  transition: var(--yass-transition-1);
}

.glossary ul.row-columns .item a:after {
  position: absolute;
  content: '';
  background: url(https://2999764.fs1.hubspotusercontent-na1.net/hubfs/2999764/arrow-right.svg) no-repeat center center;
  width: 12px;
  height: 12px;
  right: 0;
  top: 8px;
  transition: var(--yass-transition-1);
}

.glossary .status.show {
  display: flex;
  width: 100%;
}

.glossary .status {
  display: none;
}

.glossary .page-header2 .container {
  min-height: unset;
}

#show-all {
  margin-left: auto;
}

.glossary-entry .article__content {
}

.glossary-entry .back {
  display: inline-flex;
  justify-content: space-between;
  position: relative;
  width: 175px;
  transition: var(--yass-transition-1);
  color: var(--yass-color--gray-1);
  margin-bottom: 60px;
}

.glossary-entry .back:hover {
  color: #2DAAAF;
}

.glossary-entry .back:hover:before {
  transform: translateX(-3px) rotate(180deg);
  transition: var(--yass-transition-1);
}

.glossary-entry .back:before {
  content: '';
  background: url(https://2999764.fs1.hubspotusercontent-na1.net/hubfs/2999764/arrow-right.svg) no-repeat center center;
  width: 12px;
  height: 12px;
  margin-top: 4px;
  transition: var(--yass-transition-1);
  transform: rotate(180deg);
}

.glossary-entry .clear {
  border-bottom: 1px solid #ECECEC;
}

.glossary-entry h3:not(.webinar-card__info h3)  {
  margin-top: 80px;
  margin-bottom: 20px;
  color: var(--yass-color--gray-1);
}

.glossary-entry .terms {
  width: 100%;
  margin: 40px 0;
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}

.glossary-entry .terms span {
  background: #F2F5F7;
  border-radius: 10px;
  padding: 8px 24px;
  text-align: center;
}

.glossary-entry .mt-20 {
  margin-top: 20px;
}

.glossary-entry .article__header .container {
  min-height: unset;
}


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

.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;
  }
}
.img-abs {
  position: absolute;
  left: 0;
  width: 100%;
  top: 0;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

section {
  position: relative;
}
.cover{
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  width: 100%;
  height: 100%;
  top: 0;
  background-color: rgba(29, 44, 52, 0.7);
}