@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;700;800&display=swap");
.tabs-bg {
  position: relative;
}
.tabs-bg:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 63.5593220339%;
}
.tabs-bg > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.asset-bg {
  position: relative;
}
.asset-bg:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 67.2535211268%;
}
.asset-bg > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.sixteen-nine {
  position: relative;
}
.sixteen-nine:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 56.25%;
}
.sixteen-nine > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.chart-aspect {
  position: relative;
  background-size: contain;
}
.chart-aspect:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 33.6531365314%;
}
.chart-aspect > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.easy-ratio {
  position: relative;
}
.easy-ratio:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 50%;
}
.easy-ratio > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
@media only screen and (max-width: 800px) {
  .easy-ratio {
    position: relative;
  }
  .easy-ratio:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 65%;
  }
  .easy-ratio > .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}
@media only screen and (max-width: 600px) {
  .easy-ratio {
    position: relative;
  }
  .easy-ratio:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 80%;
  }
  .easy-ratio > .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}
@media only screen and (max-width: 500px) {
  .easy-ratio {
    position: relative;
  }
  .easy-ratio:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 100%;
  }
  .easy-ratio > .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}

.one-one {
  position: relative;
}
.one-one:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 100%;
}
.one-one > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.menu-image {
  position: relative;
}
.menu-image:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 73.4657039711%;
}
.menu-image > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.sixteen-eleven {
  position: relative;
  max-width: 450px;
  margin: 0 auto;
}
.sixteen-eleven:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 81.25%;
}
.sixteen-eleven > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
@media screen and (max-width: 680px) {
  .sixteen-eleven.last {
    position: relative;
  }
  .sixteen-eleven.last:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 68.75%;
  }
  .sixteen-eleven.last > .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}

.info-card-aspect {
  position: relative;
}
.info-card-aspect p,
.info-card-aspect li {
  font-weight: 400;
}
.info-card-aspect:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 110.7011070111%;
}
.info-card-aspect > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
@media (max-width: 1200px) {
  .info-card-aspect {
    position: relative;
  }
  .info-card-aspect:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 125.4612546125%;
  }
  .info-card-aspect > .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}
@media (max-width: 992px) {
  .info-card-aspect {
    position: relative;
  }
  .info-card-aspect:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 60%;
  }
  .info-card-aspect > .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}
@media (max-width: 870px) {
  .info-card-aspect {
    position: relative;
  }
  .info-card-aspect:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 70%;
  }
  .info-card-aspect > .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}
@media (max-width: 768px) {
  .info-card-aspect {
    position: relative;
  }
  .info-card-aspect:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 80%;
  }
  .info-card-aspect > .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}
@media (max-width: 680px) {
  .info-card-aspect {
    position: relative;
  }
  .info-card-aspect:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 90%;
  }
  .info-card-aspect > .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}
@media screen and (max-width: 580px) {
  .info-card-aspect {
    position: relative;
  }
  .info-card-aspect:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 110%;
  }
  .info-card-aspect > .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}
@media screen and (max-width: 480px) {
  .info-card-aspect {
    position: relative;
  }
  .info-card-aspect:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 130%;
  }
  .info-card-aspect > .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}
@media screen and (max-width: 425px) {
  .info-card-aspect {
    position: relative;
  }
  .info-card-aspect:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 150%;
  }
  .info-card-aspect > .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}
@media screen and (max-width: 390px) {
  .info-card-aspect {
    position: relative;
  }
  .info-card-aspect:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 180%;
  }
  .info-card-aspect > .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}
@media screen and (max-width: 360px) {
  .info-card-aspect {
    position: relative;
  }
  .info-card-aspect:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 225%;
  }
  .info-card-aspect > .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}
@media screen and (max-width: 320px) {
  .info-card-aspect {
    position: relative;
  }
  .info-card-aspect:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 240%;
  }
  .info-card-aspect > .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

.grid-1 {
  grid-column: span 1;
}

.grid-2 {
  grid-column: span 2;
}

.grid-3 {
  grid-column: span 3;
}

.grid-4 {
  grid-column: span 4;
}

.grid-5 {
  grid-column: span 5;
}

.grid-6 {
  grid-column: span 6;
}

.grid-7 {
  grid-column: span 7;
}

.grid-8 {
  grid-column: span 8;
}

.grid-9 {
  grid-column: span 9;
}

.grid-10 {
  grid-column: span 10;
}

.grid-11 {
  grid-column: span 11;
}

.grid-12 {
  grid-column: span 12;
}

@media (max-width: 1200px) {
  .grid-lg-1 {
    grid-column: span 1;
  }
  .grid-lg-2 {
    grid-column: span 2;
  }
  .grid-lg-3 {
    grid-column: span 3;
  }
  .grid-lg-4 {
    grid-column: span 4;
  }
  .grid-lg-5 {
    grid-column: span 5;
  }
  .grid-lg-6 {
    grid-column: span 6;
  }
  .grid-lg-7 {
    grid-column: span 7;
  }
  .grid-lg-8 {
    grid-column: span 8;
  }
  .grid-lg-9 {
    grid-column: span 9;
  }
  .grid-lg-10 {
    grid-column: span 10;
  }
  .grid-lg-11 {
    grid-column: span 11;
  }
  .grid-lg-12 {
    grid-column: span 12;
  }
}
@media (max-width: 992px) {
  .grid-md-1 {
    grid-column: span 1;
  }
  .grid-md-2 {
    grid-column: span 2;
  }
  .grid-md-3 {
    grid-column: span 3;
  }
  .grid-md-4 {
    grid-column: span 4;
  }
  .grid-md-5 {
    grid-column: span 5;
  }
  .grid-md-6 {
    grid-column: span 6;
  }
  .grid-md-7 {
    grid-column: span 7;
  }
  .grid-md-8 {
    grid-column: span 8;
  }
  .grid-md-9 {
    grid-column: span 9;
  }
  .grid-md-10 {
    grid-column: span 10;
  }
  .grid-md-11 {
    grid-column: span 11;
  }
  .grid-md-12 {
    grid-column: span 12;
  }
}
@media (max-width: 768px) {
  .grid-sm-1 {
    grid-column: span 1;
  }
  .grid-sm-2 {
    grid-column: span 2;
  }
  .grid-sm-3 {
    grid-column: span 3;
  }
  .grid-sm-4 {
    grid-column: span 4;
  }
  .grid-sm-5 {
    grid-column: span 5;
  }
  .grid-sm-6 {
    grid-column: span 6;
  }
  .grid-sm-7 {
    grid-column: span 7;
  }
  .grid-sm-8 {
    grid-column: span 8;
  }
  .grid-sm-9 {
    grid-column: span 9;
  }
  .grid-sm-10 {
    grid-column: span 10;
  }
  .grid-sm-11 {
    grid-column: span 11;
  }
  .grid-sm-12 {
    grid-column: span 12;
  }
}
@media (max-width: 680px) {
  .grid-1,
  .grid-lg-1,
  .grid-md-1,
  .grid-sm-1 {
    grid-column: span 10;
  }
  .grid-2,
  .grid-lg-2,
  .grid-md-2,
  .grid-sm-2 {
    grid-column: span 10;
  }
  .grid-3,
  .grid-lg-3,
  .grid-md-3,
  .grid-sm-3 {
    grid-column: span 10;
  }
  .grid-4,
  .grid-lg-4,
  .grid-md-4,
  .grid-sm-4 {
    grid-column: span 10;
  }
  .grid-5,
  .grid-lg-5,
  .grid-md-5,
  .grid-sm-5 {
    grid-column: span 10;
  }
  .grid-6,
  .grid-lg-6,
  .grid-md-6,
  .grid-sm-6 {
    grid-column: span 10;
  }
  .grid-7,
  .grid-lg-7,
  .grid-md-7,
  .grid-sm-7 {
    grid-column: span 10;
  }
  .grid-8,
  .grid-lg-8,
  .grid-md-8,
  .grid-sm-8 {
    grid-column: span 10;
  }
  .grid-9,
  .grid-lg-9,
  .grid-md-9,
  .grid-sm-9 {
    grid-column: span 10;
  }
  .grid-10,
  .grid-lg-10,
  .grid-md-10,
  .grid-sm-10 {
    grid-column: span 10;
  }
  .grid-11,
  .grid-lg-11,
  .grid-md-11,
  .grid-sm-11 {
    grid-column: span 10;
  }
  .grid-12,
  .grid-lg-12,
  .grid-md-12,
  .grid-sm-12 {
    grid-column: span 10;
  }
}
@media (max-width: 1200px) {
  .grid-lg-none {
    display: none;
  }
}

.grid-container-full {
  position: relative;
  width: 100%;
  margin: 0 auto;
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: minmax(100px, 1fr);
  grid-template-areas: "inner-content";
}
.grid-container-full.beyond-grid div {
  grid-template-columns: repeat(20, 1fr);
  gap: 15px;
}
@media (max-width: 768px) {
  .grid-container-full.beyond-grid div {
    gap: 0;
  }
}
.grid-container-full.beyond-grid .main-content {
  grid-row: 1;
  grid-column: 3/span 8;
  height: 100%;
}
@media (max-width: 1200px) {
  .grid-container-full.beyond-grid .main-content {
    grid-column: 2/span 9;
  }
}
@media (max-width: 992px) {
  .grid-container-full.beyond-grid .main-content {
    grid-column: 2/span 9;
  }
}
@media (max-width: 768px) {
  .grid-container-full.beyond-grid .main-content {
    grid-column: 2/span 18;
    padding-bottom: 30px;
  }
}
.grid-container-full.beyond-grid .gray-content {
  grid-row: 2;
  grid-column: 10/span 11;
  height: 100%;
}
@media (max-width: 1200px) {
  .grid-container-full.beyond-grid .gray-content {
    grid-column: 10/span 11;
  }
}
@media (max-width: 992px) {
  .grid-container-full.beyond-grid .gray-content {
    grid-column: 2/span 19;
    grid-row: 2;
  }
}
@media (max-width: 768px) {
  .grid-container-full.beyond-grid .gray-content {
    grid-row: 3;
    grid-column: 1/span 20;
  }
}
.grid-container-full.beyond-grid .gray-content .gray-card {
  margin-top: -20%;
}
@media (max-width: 1200px) {
  .grid-container-full.beyond-grid .gray-content .gray-card {
    margin-top: -25%;
  }
}
@media (max-width: 992px) {
  .grid-container-full.beyond-grid .gray-content .gray-card {
    margin-top: -12%;
  }
}
@media (max-width: 768px) {
  .grid-container-full.beyond-grid .gray-content .gray-card {
    margin-top: 0;
  }
}
.grid-container-full.beyond-grid .decoration-box {
  grid-column: 1/span 11;
  grid-row: 2;
}
.grid-container-full.beyond-grid .gray-bg {
  grid-row: 1;
  grid-column: 11/span 10;
  min-height: 450px;
  height: 100%;
}
@media (max-width: 992px) {
  .grid-container-full.beyond-grid .gray-bg {
    grid-column: 11/span 10;
  }
}
@media (max-width: 768px) {
  .grid-container-full.beyond-grid .gray-bg {
    grid-column: 1/span 20;
    grid-row: 2;
  }
}
@media screen and (max-width: 680px) {
  .grid-container-full.beyond-grid .gray-bg {
    min-height: 280px;
  }
}
.grid-container-full > div {
  grid-area: inner-content;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
}
@media (max-width: 680px) {
  .grid-container-full > div {
    grid-template-columns: 1fr;
  }
}

.grid-container-comparison-table {
  display: grid;
  grid-template-columns: 1fr;
  width: 100%;
  margin: 0 auto;
}

.grid-container-1350 {
  position: relative;
  width: 100%;
  margin: 0 auto;
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: minmax(20px, 1fr) minmax(100px, 1350px) minmax(20px, 1fr);
  grid-template-areas: ". inner-content .";
}
.grid-container-1350.statistics-grid {
  min-height: 320px;
  align-items: center;
}
.grid-container-1350 > div {
  grid-area: inner-content;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 10px;
}
@media (max-width: 680px) {
  .grid-container-1350 > div {
    grid-template-columns: 1fr;
  }
}
@media only screen and (max-width: 1200px) {
  .grid-container-1350 {
    grid-template-columns: minmax(60px, 1fr) minmax(100px, 1100px) minmax(60px, 1fr);
  }
}
@media only screen and (max-width: 992px) {
  .grid-container-1350 {
    grid-template-columns: minmax(40px, 1fr) minmax(100px, 1100px) minmax(40px, 1fr);
  }
}
@media only screen and (max-width: 768px) {
  .grid-container-1350 {
    grid-template-columns: minmax(30px, 1fr) minmax(100px, 1100px) minmax(30px, 1fr);
  }
}

.grid-container-1050 {
  position: relative;
  width: 100%;
  margin: 0 auto;
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: minmax(120px, 1fr) minmax(100px, 1050px) minmax(120px, 1fr);
  grid-template-areas: ". inner-content .";
}
@media only screen and (max-width: 1200px) {
  .grid-container-1050 {
    grid-template-columns: minmax(100px, 1fr) minmax(100px, 1050px) minmax(100px, 1fr);
  }
}
@media only screen and (max-width: 992px) {
  .grid-container-1050 {
    grid-template-columns: minmax(80px, 1fr) minmax(100px, 1050px) minmax(80px, 1fr);
  }
}
@media only screen and (max-width: 768px) {
  .grid-container-1050 {
    grid-template-columns: minmax(30px, 1fr) minmax(100px, 1050px) minmax(30px, 1fr);
  }
}
.grid-container-1050 > div {
  grid-area: inner-content;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 35px;
}
@media (max-width: 680px) {
  .grid-container-1050 > div {
    grid-template-columns: 1fr;
  }
}

.grid-container-1200 {
  position: relative;
  width: 100%;
  margin: 0 auto;
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: minmax(120px, 1fr) minmax(100px, 1200px) minmax(120px, 1fr);
  grid-template-areas: ". inner-content .";
}
@media only screen and (max-width: 1200px) {
  .grid-container-1200 {
    grid-template-columns: minmax(100px, 1fr) minmax(100px, 1200px) minmax(100px, 1fr);
  }
}
@media only screen and (max-width: 992px) {
  .grid-container-1200 {
    grid-template-columns: minmax(80px, 1fr) minmax(100px, 1200px) minmax(80px, 1fr);
  }
}
@media only screen and (max-width: 768px) {
  .grid-container-1200 {
    grid-template-columns: minmax(30px, 1fr) minmax(100px, 1200px) minmax(30px, 1fr);
  }
}
.grid-container-1200 > div {
  grid-area: inner-content;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
}
@media (max-width: 680px) {
  .grid-container-1200 > div {
    grid-template-columns: 1fr;
    column-gap: 0 !important;
  }
}

.grid-container-1240 {
  position: relative;
  width: 100%;
  margin: 0 auto;
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: minmax(100px, 1fr) minmax(100px, 1240px) minmax(100px, 1fr);
  grid-template-areas: ". inner-content .";
}
@media only screen and (max-width: 1200px) {
  .grid-container-1240.simplify-grid > div {
    grid-template-columns: repeat(8, 1fr);
  }
}
@media (max-width: 768px) {
  .grid-container-1240.simplify-grid > div {
    grid-template-columns: 1fr;
  }
}
@media only screen and (max-width: 768px) {
  .grid-container-1240.simplify-grid {
    grid-template-columns: minmax(0px, 1fr) minmax(100px, 1240px) minmax(0px, 1fr);
  }
}
@media only screen and (max-width: 1200px) {
  .grid-container-1240 {
    grid-template-columns: minmax(80px, 1fr) minmax(100px, 1240px) minmax(80px, 1fr);
  }
}
@media only screen and (max-width: 992px) {
  .grid-container-1240 {
    grid-template-columns: minmax(60px, 1fr) minmax(100px, 1240px) minmax(60px, 1fr);
  }
}
@media only screen and (max-width: 768px) {
  .grid-container-1240 {
    grid-template-columns: minmax(30px, 1fr) minmax(100px, 1240px) minmax(30px, 1fr);
  }
}
.grid-container-1240 > div {
  grid-area: inner-content;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
}
@media (max-width: 680px) {
  .grid-container-1240 > div {
    grid-template-columns: 1fr;
  }
}

.grid-container-1150 {
  position: relative;
  width: 100%;
  margin: 0 auto;
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: minmax(20px, 1fr) minmax(100px, 1150px) minmax(20px, 1fr);
  grid-template-areas: ". inner-content .";
}
.grid-container-1150.comparison-blade {
  grid-template-columns: minmax(20px, 1fr) minmax(100px, 1150px) minmax(20px, 1fr) !important;
}
.grid-container-1150 > div {
  grid-area: inner-content;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 10px;
}
@media (max-width: 680px) {
  .grid-container-1150 > div {
    grid-template-columns: 1fr;
  }
}
@media only screen and (max-width: 1200px) {
  .grid-container-1150 {
    grid-template-columns: minmax(60px, 1fr) minmax(100px, 1150px) minmax(60px, 1fr);
  }
}
@media only screen and (max-width: 992px) {
  .grid-container-1150 {
    grid-template-columns: minmax(40px, 1fr) minmax(100px, 1150px) minmax(40px, 1fr);
  }
}
@media only screen and (max-width: 768px) {
  .grid-container-1150 {
    grid-template-columns: minmax(30px, 1fr) minmax(100px, 1150px) minmax(30px, 1fr);
  }
}

.grid-container-1000 {
  position: relative;
  width: 100%;
  margin: 0 auto;
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: minmax(20px, 1fr) minmax(100px, 1000px) minmax(20px, 1fr);
  grid-template-areas: ". inner-content .";
}
.grid-container-1000.comparison-blade {
  grid-template-columns: minmax(20px, 1fr) minmax(100px, 1100px) minmax(20px, 1fr) !important;
}
.grid-container-1000 > div.eleven-grid {
  grid-template-columns: repeat(11, 1fr);
}
@media (max-width: 680px) {
  .grid-container-1000 > div.eleven-grid {
    grid-template-columns: 1fr;
  }
}
.grid-container-1000 > div {
  grid-area: inner-content;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 10px;
}
@media (max-width: 680px) {
  .grid-container-1000 > div {
    grid-template-columns: 1fr;
  }
}
@media only screen and (max-width: 1200px) {
  .grid-container-1000 {
    grid-template-columns: minmax(60px, 1fr) minmax(100px, 1100px) minmax(60px, 1fr);
  }
}
@media only screen and (max-width: 992px) {
  .grid-container-1000 {
    grid-template-columns: minmax(40px, 1fr) minmax(100px, 1100px) minmax(40px, 1fr);
  }
}
@media only screen and (max-width: 768px) {
  .grid-container-1000 {
    grid-template-columns: minmax(30px, 1fr) minmax(100px, 1000px) minmax(30px, 1fr);
  }
}

.grid-container-768 {
  position: relative;
  width: 100%;
  margin: 0 auto;
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: minmax(20px, 1fr) minmax(100px, 768px) minmax(20px, 1fr);
  grid-template-areas: ". inner-content .";
}
.grid-container-768 > div {
  grid-area: inner-content;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 10px;
}
@media (max-width: 680px) {
  .grid-container-768 > div {
    grid-template-columns: 1fr;
  }
}
@media only screen and (max-width: 1200px) {
  .grid-container-768 {
    grid-template-columns: minmax(60px, 1fr) minmax(100px, 768px) minmax(60px, 1fr);
  }
}
@media only screen and (max-width: 992px) {
  .grid-container-768 {
    grid-template-columns: minmax(40px, 1fr) minmax(100px, 768px) minmax(40px, 1fr);
  }
}
@media only screen and (max-width: 768px) {
  .grid-container-768 {
    grid-template-columns: minmax(30px, 1fr) minmax(100px, 768px) minmax(30px, 1fr);
  }
}

.grid-container-600 {
  position: relative;
  width: 100%;
  margin: 0 auto;
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: minmax(20px, 1fr) minmax(100px, 500px) minmax(20px, 1fr);
  grid-template-areas: ". inner-content .";
}
.grid-container-600 > div {
  grid-area: inner-content;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 10px;
}
@media (max-width: 680px) {
  .grid-container-600 > div {
    grid-template-columns: 1fr;
  }
}
@media only screen and (max-width: 1200px) {
  .grid-container-600 {
    grid-template-columns: minmax(60px, 1fr) minmax(100px, 500px) minmax(60px, 1fr);
  }
}
@media only screen and (max-width: 992px) {
  .grid-container-600 {
    grid-template-columns: minmax(40px, 1fr) minmax(100px, 500px) minmax(40px, 1fr);
  }
}
@media only screen and (max-width: 768px) {
  .grid-container-600 {
    grid-template-columns: minmax(30px, 1fr) minmax(100px, 500px) minmax(30px, 1fr);
  }
}

.grid__50__50 {
  grid-gap: 20px;
  width: 100%;
  margin: 0 auto;
  position: relative;
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: minmax(100px, 100%) minmax(100px, 100%);
  grid-template-areas: "left right";
}
@media only screen and (max-width: 768px) {
  .grid__50__50 {
    grid-template-columns: minmax(100px, 100%);
    grid-template-areas: "left" "right";
  }
}

.vbox-overlay {
  --vbox-tools-color:#fff;
  --vbox-title-background:#101010;
  --vbox-title-width:"auto";
  --vbox-title-radius:0;
  --vbox-share-background:#101010;
  --vbox-share-width:"auto";
  --vbox-share-radius:0;
  --vbox-padding:0;
}

.vbox-overlay *, .vbox-overlay :after, .vbox-overlay :before {
  -webkit-backface-visibility: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.vbox-overlay * {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
}

.vbox-overlay {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 999999;
}

.vbox-share, .vbox-title {
  line-height: 1;
  position: fixed;
  z-index: 98;
  text-align: center;
  margin: 0 auto;
  color: var(--vbox-tools-color);
}

.vbox-title {
  font-size: 12px;
  background-color: var(--vbox-title-background);
  width: var(--vbox-title-width);
  border-radius: var(--vbox-title-radius);
  padding: 12px 54px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}

.vbox-share {
  font-size: 24px;
  padding: 0 0.35em;
  background-color: var(--vbox-share-background);
  width: var(--vbox-share-width);
  border-radius: var(--vbox-share-radius);
}

.vbox-link-btn, button.vbox-link-btn, button.vbox-link-btn:active, button.vbox-link-btn:focus, button.vbox-link-btn:hover {
  border: none !important;
  background: 0 0 !important;
  box-shadow: none !important;
  color: inherit !important;
  padding: 6px 12px;
  outline: 0;
  display: inline-block;
  cursor: pointer;
}

.vbox-share a {
  color: inherit !important;
  padding: 6px 12px;
  display: inline-block;
}

.vbox-share svg {
  z-index: 10;
  vertical-align: middle;
}

.vbox-close {
  cursor: pointer;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 99;
  padding: 6px 15px;
  color: #000;
  color: var(--vbox-tools-color);
  border: 0;
  font-size: 24px;
  display: flex;
  align-items: center;
  opacity: 0.8;
  transition: opacity 0.2s;
}

.vbox-close:hover {
  opacity: 1;
}

.vbox-left-corner {
  cursor: pointer;
  position: fixed;
  left: 0;
  top: 0;
  overflow: hidden;
  line-height: 1;
  font-size: 12px;
  z-index: 99;
  display: flex;
  align-items: center;
  color: var(--vbox-tools-color);
}

.vbox-num {
  display: inline-block;
  padding: 12px 15px;
}

.vbox-left {
  left: 0;
}

.vbox-right {
  right: 0;
}

.vbox-top {
  top: 0;
}

.vbox-bottom {
  bottom: 0;
}

.vbox-next, .vbox-prev {
  position: fixed;
  top: 50%;
  margin-top: -15px;
  overflow: hidden;
  cursor: pointer;
  display: block;
  width: 45px;
  height: 45px;
  z-index: 99;
  opacity: 0.8;
  transition: opacity 0.2s;
}

.vbox-next:hover, .vbox-prev:hover {
  opacity: 1;
}

.vbox-next span, .vbox-prev span {
  position: relative;
  width: 20px;
  height: 20px;
  border: 2px solid transparent;
  border-top-color: var(--vbox-tools-color);
  border-right-color: var(--vbox-tools-color);
  text-indent: -100px;
  position: absolute;
  top: 8px;
  display: block;
}

.vbox-prev {
  left: 15px;
}

.vbox-next {
  right: 15px;
}

.vbox-prev span {
  left: 10px;
  -ms-transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.vbox-next span {
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  right: 10px;
}

.vbox-inline, .venoratio {
  position: relative;
  width: 100%;
  margin: 0 auto;
}

.venoratio::before {
  display: block;
  padding-top: var(--vb-aspect-ratio);
  content: "";
}

.venoratio > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: var(--vbox-padding);
}

.venoratio-1x1 {
  --vb-aspect-ratio:100%;
}

.venoratio-4x3 {
  --vb-aspect-ratio:calc(3 / 4 * 100%);
}

.venoratio-16x9 {
  --vb-aspect-ratio:calc(9 / 16 * 100%);
}

.venoratio-21x9 {
  --vb-aspect-ratio:calc(9 / 21 * 100%);
}

.venoratio-full {
  --vb-aspect-ratio:calc(100vh - 100px);
}

.vbox-child.vbox-inline, .vbox-child.venoratio {
  max-width: 100%;
}

.vbox-open {
  overflow: hidden;
}

.vbox-container {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow-x: hidden;
  overflow-y: scroll;
  overflow-scrolling: touch;
  -webkit-overflow-scrolling: touch;
  z-index: 20;
  max-height: 100%;
  padding: 30px 0;
}

.vbox-content {
  opacity: 0;
}

.vbox-content {
  text-align: center;
  width: 100%;
  position: relative;
  overflow: hidden;
  padding: 20px 4%;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100%;
}

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

.vbox-child {
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  max-width: 100%;
  text-align: initial;
  padding: var(--vbox-padding);
}

.vbox-child img {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  display: block;
}

.vbox-grab .vbox-child img {
  cursor: grab;
}

.vbox-child > iframe {
  border: none !important;
}

.vbox-content.swipe-left {
  margin-left: -200px !important;
}

.vbox-content.swipe-right {
  margin-left: 200px !important;
}

.vbox-preloader {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
}

.vbox-preloader .vbox-preloader-inner {
  opacity: 1;
  transition: opacity 0.2s;
}

.vbox-hidden {
  display: none;
}

.vbox-preloader.vbox-hidden .vbox-preloader-inner {
  opacity: 0;
}

.vbox-backdrop {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: translateZ(-1px);
  -moz-transform: translateZ(-1px);
  -o-transform: translateZ(-1px);
  transform: translateZ(-1px);
  z-index: 0;
}

.vbox-tooltip {
  position: relative;
  display: inline-block;
}

.vbox-tooltip .vbox-tooltip-text {
  visibility: hidden;
  color: #fff;
  text-align: center;
  padding: 0;
  position: absolute;
  z-index: 1;
  bottom: 100%;
  left: 0;
  opacity: 0;
  transition: opacity 0.3s;
  margin-bottom: 2px;
  font-family: sans-serif;
}

.vbox-top .vbox-tooltip .vbox-tooltip-text {
  bottom: auto;
  top: 100%;
  margin-bottom: 0;
  margin-top: 2px;
}

.vbox-tooltip-inner {
  padding: 5px 10px;
  background-color: rgba(0, 0, 0, 0.9);
  border-radius: 6px;
  font-size: 10px;
}

.vbox-tooltip:hover .vbox-tooltip-text {
  visibility: visible;
  opacity: 1;
}

.vbox-overlay {
  --sk-size:40px;
  --sk-color:#333;
}

.sk-center {
  margin: auto;
}

.sk-plane {
  width: var(--sk-size);
  height: var(--sk-size);
  background-color: var(--sk-color);
  animation: sk-plane 1.2s infinite ease-in-out;
}

@keyframes sk-plane {
  0% {
    transform: perspective(120px) rotateX(0) rotateY(0);
  }
  50% {
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0);
  }
  100% {
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
.sk-chase {
  width: var(--sk-size);
  height: var(--sk-size);
  position: relative;
  animation: sk-chase 2.5s infinite linear both;
}

.sk-chase-dot {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  animation: sk-chase-dot 2s infinite ease-in-out both;
}

.sk-chase-dot:before {
  content: "";
  display: block;
  width: 25%;
  height: 25%;
  background-color: var(--sk-color);
  border-radius: 100%;
  animation: sk-chase-dot-before 2s infinite ease-in-out both;
}

.sk-chase-dot:nth-child(1) {
  animation-delay: -1.1s;
}

.sk-chase-dot:nth-child(2) {
  animation-delay: -1s;
}

.sk-chase-dot:nth-child(3) {
  animation-delay: -0.9s;
}

.sk-chase-dot:nth-child(4) {
  animation-delay: -0.8s;
}

.sk-chase-dot:nth-child(5) {
  animation-delay: -0.7s;
}

.sk-chase-dot:nth-child(6) {
  animation-delay: -0.6s;
}

.sk-chase-dot:nth-child(1):before {
  animation-delay: -1.1s;
}

.sk-chase-dot:nth-child(2):before {
  animation-delay: -1s;
}

.sk-chase-dot:nth-child(3):before {
  animation-delay: -0.9s;
}

.sk-chase-dot:nth-child(4):before {
  animation-delay: -0.8s;
}

.sk-chase-dot:nth-child(5):before {
  animation-delay: -0.7s;
}

.sk-chase-dot:nth-child(6):before {
  animation-delay: -0.6s;
}

@keyframes sk-chase {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes sk-chase-dot {
  100%, 80% {
    transform: rotate(360deg);
  }
}
@keyframes sk-chase-dot-before {
  50% {
    transform: scale(0.4);
  }
  0%, 100% {
    transform: scale(1);
  }
}
.sk-bounce {
  width: var(--sk-size);
  height: var(--sk-size);
  position: relative;
}

.sk-bounce-dot {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: var(--sk-color);
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  animation: sk-bounce 2s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.sk-bounce-dot:nth-child(2) {
  animation-delay: -1s;
}

@keyframes sk-bounce {
  0%, 100% {
    transform: scale(0);
  }
  45%, 55% {
    transform: scale(1);
  }
}
.sk-wave {
  width: var(--sk-size);
  height: var(--sk-size);
  display: flex;
  justify-content: space-between;
}

.sk-wave-rect {
  background-color: var(--sk-color);
  height: 100%;
  width: 15%;
  animation: sk-wave 1.2s infinite ease-in-out;
}

.sk-wave-rect:nth-child(1) {
  animation-delay: -1.2s;
}

.sk-wave-rect:nth-child(2) {
  animation-delay: -1.1s;
}

.sk-wave-rect:nth-child(3) {
  animation-delay: -1s;
}

.sk-wave-rect:nth-child(4) {
  animation-delay: -0.9s;
}

.sk-wave-rect:nth-child(5) {
  animation-delay: -0.8s;
}

@keyframes sk-wave {
  0%, 100%, 40% {
    transform: scaleY(0.4);
  }
  20% {
    transform: scaleY(1);
  }
}
.sk-pulse {
  width: var(--sk-size);
  height: var(--sk-size);
  background-color: var(--sk-color);
  border-radius: 100%;
  animation: sk-pulse 1.2s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

@keyframes sk-pulse {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}
.sk-flow {
  width: calc(var(--sk-size) * 1.3);
  height: calc(var(--sk-size) * 1.3);
  display: flex;
  justify-content: space-between;
}

.sk-flow-dot {
  width: 25%;
  height: 25%;
  background-color: var(--sk-color);
  border-radius: 50%;
  animation: sk-flow 1.4s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s infinite both;
}

.sk-flow-dot:nth-child(1) {
  animation-delay: -0.3s;
}

.sk-flow-dot:nth-child(2) {
  animation-delay: -0.15s;
}

@keyframes sk-flow {
  0%, 100%, 80% {
    transform: scale(0.3);
  }
  40% {
    transform: scale(1);
  }
}
.sk-swing {
  width: var(--sk-size);
  height: var(--sk-size);
  position: relative;
  animation: sk-swing 1.8s infinite linear;
}

.sk-swing-dot {
  width: 45%;
  height: 45%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  background-color: var(--sk-color);
  border-radius: 100%;
  animation: sk-swing-dot 2s infinite ease-in-out;
}

.sk-swing-dot:nth-child(2) {
  top: auto;
  bottom: 0;
  animation-delay: -1s;
}

@keyframes sk-swing {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes sk-swing-dot {
  0%, 100% {
    transform: scale(0.2);
  }
  50% {
    transform: scale(1);
  }
}
.sk-circle {
  width: var(--sk-size);
  height: var(--sk-size);
  position: relative;
}

.sk-circle-dot {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.sk-circle-dot:before {
  content: "";
  display: block;
  width: 15%;
  height: 15%;
  background-color: var(--sk-color);
  border-radius: 100%;
  animation: sk-circle 1.2s infinite ease-in-out both;
}

.sk-circle-dot:nth-child(1) {
  transform: rotate(30deg);
}

.sk-circle-dot:nth-child(2) {
  transform: rotate(60deg);
}

.sk-circle-dot:nth-child(3) {
  transform: rotate(90deg);
}

.sk-circle-dot:nth-child(4) {
  transform: rotate(120deg);
}

.sk-circle-dot:nth-child(5) {
  transform: rotate(150deg);
}

.sk-circle-dot:nth-child(6) {
  transform: rotate(180deg);
}

.sk-circle-dot:nth-child(7) {
  transform: rotate(210deg);
}

.sk-circle-dot:nth-child(8) {
  transform: rotate(240deg);
}

.sk-circle-dot:nth-child(9) {
  transform: rotate(270deg);
}

.sk-circle-dot:nth-child(10) {
  transform: rotate(300deg);
}

.sk-circle-dot:nth-child(11) {
  transform: rotate(330deg);
}

.sk-circle-dot:nth-child(1):before {
  animation-delay: -1.1s;
}

.sk-circle-dot:nth-child(2):before {
  animation-delay: -1s;
}

.sk-circle-dot:nth-child(3):before {
  animation-delay: -0.9s;
}

.sk-circle-dot:nth-child(4):before {
  animation-delay: -0.8s;
}

.sk-circle-dot:nth-child(5):before {
  animation-delay: -0.7s;
}

.sk-circle-dot:nth-child(6):before {
  animation-delay: -0.6s;
}

.sk-circle-dot:nth-child(7):before {
  animation-delay: -0.5s;
}

.sk-circle-dot:nth-child(8):before {
  animation-delay: -0.4s;
}

.sk-circle-dot:nth-child(9):before {
  animation-delay: -0.3s;
}

.sk-circle-dot:nth-child(10):before {
  animation-delay: -0.2s;
}

.sk-circle-dot:nth-child(11):before {
  animation-delay: -0.1s;
}

@keyframes sk-circle {
  0%, 100%, 80% {
    transform: scale(0);
  }
  40% {
    transform: scale(1);
  }
}
.sk-circle-fade {
  width: var(--sk-size);
  height: var(--sk-size);
  position: relative;
}

.sk-circle-fade-dot {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.sk-circle-fade-dot:before {
  content: "";
  display: block;
  width: 15%;
  height: 15%;
  background-color: var(--sk-color);
  border-radius: 100%;
  animation: sk-circle-fade 1.2s infinite ease-in-out both;
}

.sk-circle-fade-dot:nth-child(1) {
  transform: rotate(30deg);
}

.sk-circle-fade-dot:nth-child(2) {
  transform: rotate(60deg);
}

.sk-circle-fade-dot:nth-child(3) {
  transform: rotate(90deg);
}

.sk-circle-fade-dot:nth-child(4) {
  transform: rotate(120deg);
}

.sk-circle-fade-dot:nth-child(5) {
  transform: rotate(150deg);
}

.sk-circle-fade-dot:nth-child(6) {
  transform: rotate(180deg);
}

.sk-circle-fade-dot:nth-child(7) {
  transform: rotate(210deg);
}

.sk-circle-fade-dot:nth-child(8) {
  transform: rotate(240deg);
}

.sk-circle-fade-dot:nth-child(9) {
  transform: rotate(270deg);
}

.sk-circle-fade-dot:nth-child(10) {
  transform: rotate(300deg);
}

.sk-circle-fade-dot:nth-child(11) {
  transform: rotate(330deg);
}

.sk-circle-fade-dot:nth-child(1):before {
  animation-delay: -1.1s;
}

.sk-circle-fade-dot:nth-child(2):before {
  animation-delay: -1s;
}

.sk-circle-fade-dot:nth-child(3):before {
  animation-delay: -0.9s;
}

.sk-circle-fade-dot:nth-child(4):before {
  animation-delay: -0.8s;
}

.sk-circle-fade-dot:nth-child(5):before {
  animation-delay: -0.7s;
}

.sk-circle-fade-dot:nth-child(6):before {
  animation-delay: -0.6s;
}

.sk-circle-fade-dot:nth-child(7):before {
  animation-delay: -0.5s;
}

.sk-circle-fade-dot:nth-child(8):before {
  animation-delay: -0.4s;
}

.sk-circle-fade-dot:nth-child(9):before {
  animation-delay: -0.3s;
}

.sk-circle-fade-dot:nth-child(10):before {
  animation-delay: -0.2s;
}

.sk-circle-fade-dot:nth-child(11):before {
  animation-delay: -0.1s;
}

@keyframes sk-circle-fade {
  0%, 100%, 39% {
    opacity: 0;
    transform: scale(0.6);
  }
  40% {
    opacity: 1;
    transform: scale(1);
  }
}
.sk-grid {
  width: var(--sk-size);
  height: var(--sk-size);
}

.sk-grid-cube {
  width: 33.33%;
  height: 33.33%;
  background-color: var(--sk-color);
  float: left;
  animation: sk-grid 1.3s infinite ease-in-out;
}

.sk-grid-cube:nth-child(1) {
  animation-delay: 0.2s;
}

.sk-grid-cube:nth-child(2) {
  animation-delay: 0.3s;
}

.sk-grid-cube:nth-child(3) {
  animation-delay: 0.4s;
}

.sk-grid-cube:nth-child(4) {
  animation-delay: 0.1s;
}

.sk-grid-cube:nth-child(5) {
  animation-delay: 0.2s;
}

.sk-grid-cube:nth-child(6) {
  animation-delay: 0.3s;
}

.sk-grid-cube:nth-child(7) {
  animation-delay: 0s;
}

.sk-grid-cube:nth-child(8) {
  animation-delay: 0.1s;
}

.sk-grid-cube:nth-child(9) {
  animation-delay: 0.2s;
}

@keyframes sk-grid {
  0%, 100%, 70% {
    transform: scale3D(1, 1, 1);
  }
  35% {
    transform: scale3D(0, 0, 1);
  }
}
.sk-fold {
  width: var(--sk-size);
  height: var(--sk-size);
  position: relative;
  transform: rotateZ(45deg);
}

.sk-fold-cube {
  float: left;
  width: 50%;
  height: 50%;
  position: relative;
  transform: scale(1.1);
}

.sk-fold-cube:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--sk-color);
  animation: sk-fold 2.4s infinite linear both;
  transform-origin: 100% 100%;
}

.sk-fold-cube:nth-child(2) {
  transform: scale(1.1) rotateZ(90deg);
}

.sk-fold-cube:nth-child(4) {
  transform: scale(1.1) rotateZ(180deg);
}

.sk-fold-cube:nth-child(3) {
  transform: scale(1.1) rotateZ(270deg);
}

.sk-fold-cube:nth-child(2):before {
  animation-delay: 0.3s;
}

.sk-fold-cube:nth-child(4):before {
  animation-delay: 0.6s;
}

.sk-fold-cube:nth-child(3):before {
  animation-delay: 0.9s;
}

@keyframes sk-fold {
  0%, 10% {
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  }
  25%, 75% {
    transform: perspective(140px) rotateX(0);
    opacity: 1;
  }
  100%, 90% {
    transform: perspective(140px) rotateY(180deg);
    opacity: 0;
  }
}
.sk-wander {
  width: var(--sk-size);
  height: var(--sk-size);
  position: relative;
}

.sk-wander-cube {
  background-color: var(--sk-color);
  width: 20%;
  height: 20%;
  position: absolute;
  top: 0;
  left: 0;
  --sk-wander-distance:calc(var(--sk-size) * 0.75);
  animation: sk-wander 2s ease-in-out -2s infinite both;
}

.sk-wander-cube:nth-child(2) {
  animation-delay: -0.5s;
}

.sk-wander-cube:nth-child(3) {
  animation-delay: -1s;
}

@keyframes sk-wander {
  0% {
    transform: rotate(0);
  }
  25% {
    transform: translateX(var(--sk-wander-distance)) rotate(-90deg) scale(0.6);
  }
  50% {
    transform: translateX(var(--sk-wander-distance)) translateY(var(--sk-wander-distance)) rotate(-179deg);
  }
  50.1% {
    transform: translateX(var(--sk-wander-distance)) translateY(var(--sk-wander-distance)) rotate(-180deg);
  }
  75% {
    transform: translateX(0) translateY(var(--sk-wander-distance)) rotate(-270deg) scale(0.6);
  }
  100% {
    transform: rotate(-360deg);
  }
}
.vbox-content {
  width: 100%;
  max-width: 90%;
  margin: 0 auto;
}

.player .vp-video-wrapper video {
  /* max-height: 90vh; */
}

.vbox-content {
  width: 100%;
  max-width: 1200px !important;
}

:root {
  --shift: 0;
  --x: 0;
  --y: 0;
}

@keyframes gradient {
  0% {
    transform: scaleY(100%);
  }
  50% {
    transform: scaleY(60%);
  }
  100% {
    transform: scaleY(100%);
  }
}
.split-line {
  overflow: hidden;
}

@keyframes scroll {
  0% {
    opacity: 1;
    transform: translate(9.312px, 6.208px) scaleY(1);
  }
  45% {
    opacity: 0;
    transform: translate(9.312px, 26px) scaleY(0.5);
  }
  46% {
    opacity: 0;
    transform: translate(9.312px, 18px) scaleY(1);
  }
  65%, 100% {
    transform: translate(9.312px, 6.208px) scaleY(1);
    opacity: 1;
  }
}
@keyframes scrollmouse {
  0% {
    transform: translateY(0);
  }
  45% {
    transform: translateY(8px);
  }
  65%, 100% {
    transform: translateY(0);
  }
}
#mouse {
  overflow: visible;
}

#mouse-obj {
  animation-name: scrollmouse;
  animation-duration: 2.4s;
  animation-timing-function: cubic-bezier(0, 0, 0.725, 1);
  animation-iteration-count: infinite;
  transform-origin: 50%;
}

#mouse-wheel {
  animation-name: scroll;
  animation-duration: 2.4s;
  animation-timing-function: cubic-bezier(0, 0, 0.725, 1);
  animation-iteration-count: infinite;
  will-change: transform;
}

.parallax__bg {
  background-size: cover;
  background-position-x: 80%;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

@keyframes pulse-fill {
  0% {
    fill: rgb(144, 147, 150);
  }
  50% {
    fill: rgb(32, 33, 33);
  }
  100% {
    fill: rgb(144, 147, 150);
  }
}
.pulse-animation {
  animation: pulse-fill 2s infinite;
}

@keyframes pulse-fill-red {
  0% {
    fill: rgb(217, 217, 217);
  }
  50% {
    fill: rgb(218, 41, 28);
  }
  100% {
    fill: rgb(217, 217, 217);
  }
}
.pulse-animation-red {
  animation: pulse-fill-red 2s infinite;
}

@keyframes float-up {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-8px);
  }
  100% {
    transform: translateY(0);
  }
}
.float-animation {
  animation: float-up 4s infinite ease;
}

/** Light color-scheme **/
:root {
  --cc-bg: #fff;
  --cc-text: #2d4156;
  --cc-border-radius: .35em;
  --cc-btn-primary-bg: #DA291C;
  --cc-btn-primary-text: var(--cc-bg);
  --cc-btn-primary-hover-bg: #1d2e38;
  --cc-btn-secondary-bg: #eaeff2;
  --cc-btn-secondary-text: var(--cc-text);
  --cc-btn-secondary-hover-bg: #d8e0e6;
  --cc-btn-border-radius: 4px;
  --cc-toggle-bg-off: #919ea6;
  --cc-toggle-bg-on: var(--cc-btn-primary-bg);
  --cc-toggle-bg-readonly: #d5dee2;
  --cc-toggle-knob-bg: #fff;
  --cc-toggle-knob-icon-color: #ecf2fa;
  --cc-block-text: var(--cc-text);
  --cc-cookie-category-block-bg: #f0f4f7;
  --cc-cookie-category-block-bg-hover: #e9eff4;
  --cc-section-border: #f1f3f5;
  --cc-cookie-table-border: #e9edf2;
  --cc-overlay-bg: rgba(4, 6, 8, .85);
  --cc-webkit-scrollbar-bg: #cfd5db;
  --cc-webkit-scrollbar-bg-hover: #9199a0;
}

/** Dark color-scheme **/
.c_darkmode {
  --cc-bg: #181b1d;
  --cc-text: #d8e5ea;
  --cc-btn-primary-bg: #a6c4dd;
  --cc-btn-primary-text: #000;
  --cc-btn-primary-hover-bg: #c2dff7;
  --cc-btn-secondary-bg: #33383c;
  --cc-btn-secondary-text: var(--cc-text);
  --cc-btn-secondary-hover-bg: #3e454a;
  --cc-toggle-bg-off: #667481;
  --cc-toggle-bg-on: var(--cc-btn-primary-bg);
  --cc-toggle-bg-readonly: #454c54;
  --cc-toggle-knob-bg: var(--cc-cookie-category-block-bg);
  --cc-toggle-knob-icon-color: var(--cc-bg);
  --cc-block-text: #b3bfc5;
  --cc-cookie-category-block-bg: #23272a;
  --cc-cookie-category-block-bg-hover: #2b3035;
  --cc-section-border: #292d31;
  --cc-cookie-table-border: #2b3035;
  --cc-webkit-scrollbar-bg: #667481;
  --cc-webkit-scrollbar-bg-hover: #9199a0;
}

.cc_div *,
.cc_div *:hover,
.cc_div :before,
.cc_div :after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: none;
  font-style: inherit;
  font-variant: normal;
  font-weight: inherit;
  font-family: inherit;
  line-height: 1.2;
  font-size: 1em;
  transition: none;
  animation: none;
  margin: 0;
  padding: 0;
  text-transform: none;
  letter-spacing: unset;
  color: inherit;
  background: none;
  border: none;
  border-radius: unset;
  box-shadow: none;
  text-decoration: none;
  text-align: left;
  visibility: unset;
  height: auto;
  vertical-align: baseline;
}

.cc_div {
  font-size: 16px;
  font-weight: 400;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  color: var(--cc-text);
}

.cc_div .c-bn,
.cc_div .b-tl,
#s-ttl,
#c-ttl,
#s-bl td:before {
  font-weight: 600;
}

#cm,
#s-inr,
.cc_div .c-bl,
.cc_div .b-tl,
#s-bl .act .b-acc {
  border-radius: var(--cc-border-radius);
}

#s-bl .act .b-acc {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.cc_div input,
.cc_div button,
.cc_div a {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  overflow: hidden;
}

.cc_div a {
  border-bottom: 1px solid;
}

.cc_div a:hover {
  text-decoration: none;
  border-color: transparent;
}

/* Make elements "animatable" */
.c--anim #cm,
.c--anim #s-cnt,
.c--anim #s-inr,
#cs-ov,
#cm-ov {
  transition: visibility 0.25s linear, opacity 0.25s ease, transform 0.25s ease !important;
}

.c--anim .c-bn {
  transition: background-color 0.25s ease !important;
}

/* start transitions */
.c--anim #cm.bar.slide,
.c--anim .bar.slide #s-inr {
  transition: visibility 0.4s ease, opacity 0.4s ease, transform 0.4s ease !important;
}

.c--anim #cm.bar.slide + #cm-ov,
.c--anim .bar.slide + #cs-ov {
  transition: visibility 0.4s ease, opacity 0.4s ease, transform 0.4s ease !important;
}

#cm.bar.slide,
.cc_div .bar.slide #s-inr {
  transform: translateX(100%);
  opacity: 1;
}

#cm.bar.top.slide,
.cc_div .bar.left.slide #s-inr {
  transform: translateX(-100%);
  opacity: 1;
}

#cm.slide,
.cc_div .slide #s-inr {
  transform: translateY(1.6em);
}

#cm.top.slide {
  transform: translateY(-1.6em);
}

#cm.bar.slide {
  transform: translateY(100%);
}

#cm.bar.top.slide {
  transform: translateY(-100%);
}

/* end transitions */
/* Show modals */
.show--consent .c--anim #cm,
.show--consent .c--anim #cm.bar,
.show--settings .c--anim #s-inr,
.show--settings .c--anim .bar.slide #s-inr {
  opacity: 1;
  transform: scale(1);
  visibility: visible !important;
}

.show--consent .c--anim #cm.box.middle,
.show--consent .c--anim #cm.cloud.middle {
  transform: scale(1) translateY(-50%);
}

.show--settings .c--anim #s-cnt {
  visibility: visible !important;
}

/* Show overlays */
.force--consent.show--consent .c--anim #cm-ov,
.show--settings .c--anim #cs-ov {
  visibility: visible !important;
  opacity: 1 !important;
}

#cm {
  font-family: inherit;
  padding: 1.1em 1.5em 1.4em 1.5em;
  position: fixed;
  z-index: 1;
  background: var(--cc-bg);
  max-width: 24.2em;
  width: 100%;
  bottom: 1.25em;
  right: 1.25em;
  box-shadow: 0 0.625em 1.875em #000000;
  box-shadow: 0 0.625em 1.875em rgba(2, 2, 3, 0.28);
  opacity: 0;
  visibility: hidden;
  transform: scale(0.95);
  line-height: initial;
}

/** fix https://github.com/orestbida/cookieconsent/issues/94 **/
#cc_div #cm {
  display: block !important;
}

#c-ttl {
  margin-bottom: 0.7em;
  font-size: 1.05em;
}

.cloud #c-ttl {
  margin-top: -0.15em;
}

#c-txt {
  font-size: 0.9em;
  line-height: 1.5em;
}

.cc_div #c-bns {
  display: flex;
  justify-content: space-between;
  margin-top: 1.4em;
}

.cc_div .c-bn {
  color: var(--cc-btn-secondary-text);
  background: var(--cc-btn-secondary-bg);
  padding: 1em 1.7em;
  display: inline-block;
  cursor: pointer;
  font-size: 0.82em;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
  text-align: center;
  border-radius: var(--cc-btn-border-radius);
  flex: 1;
}

#c-bns button + button,
#s-cnt button + button,
#s-c-bn {
  float: right;
  margin-left: 1em;
}

#s-cnt #s-rall-bn {
  float: none;
}

#cm .c_link:hover,
#cm .c_link:active,
#s-cnt button + button:hover,
#s-cnt button + button:active,
#s-c-bn:active,
#s-c-bn:hover {
  background: var(--cc-btn-secondary-hover-bg);
}

/**
CookieConsent settings modal
**/
#s-cnt {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 101;
  display: table;
  height: 100%;
  visibility: hidden;
}

#s-bl {
  outline: none;
}

#s-bl .title {
  margin-top: 1.4em;
}

#s-bl .title:first-child {
  margin-top: 0;
}

#s-bl .b-bn {
  margin-top: 0;
}

#s-bl .b-acc .p {
  margin-top: 0;
  padding: 1em;
}

#s-cnt .b-bn .b-tl {
  display: block;
  font-family: inherit;
  font-size: 0.95em;
  width: 100%;
  position: relative;
  padding: 1.3em 6.4em 1.3em 2.7em;
  background: none;
  transition: background-color 0.25s ease;
}

#s-cnt .b-bn .b-tl.exp {
  cursor: pointer;
}

#s-cnt .act .b-bn .b-tl {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

#s-cnt .b-bn .b-tl:active,
#s-cnt .b-bn .b-tl:hover {
  background: var(--cc-cookie-category-block-bg-hover);
}

#s-bl .b-bn {
  position: relative;
}

#s-bl .c-bl {
  padding: 1em;
  margin-bottom: 0.5em;
  border: 1px solid var(--cc-section-border);
  transition: background-color 0.25s ease;
}

#s-bl .c-bl:hover {
  background: var(--cc-cookie-category-block-bg);
}

#s-bl .c-bl:last-child {
  margin-bottom: 0.5em;
}

#s-bl .c-bl:first-child {
  transition: none;
  padding: 0;
  margin-top: 0;
  border: none;
  margin-bottom: 2em;
}

#s-bl .c-bl:not(.b-ex):first-child:hover {
  background: transparent;
  background: unset;
}

#s-bl .c-bl.b-ex {
  padding: 0;
  border: none;
  background: var(--cc-cookie-category-block-bg);
  transition: none;
}

#s-bl .c-bl.b-ex + .c-bl {
  margin-top: 2em;
}

#s-bl .c-bl.b-ex + .c-bl.b-ex {
  margin-top: 0;
}

#s-bl .c-bl.b-ex:first-child {
  margin-bottom: 1em;
}

#s-bl .c-bl.b-ex:first-child {
  margin-bottom: 0.5em;
}

#s-bl .b-acc {
  max-height: 0;
  overflow: hidden;
  padding-top: 0;
  margin-bottom: 0;
  display: none;
}

#s-bl .act .b-acc {
  max-height: 100%;
  display: block;
  overflow: hidden;
}

#s-cnt .p {
  font-size: 0.9em;
  line-height: 1.5em;
  margin-top: 0.85em;
  color: var(--cc-block-text);
}

.cc_div .b-tg .c-tgl:disabled {
  cursor: not-allowed;
}

#c-vln {
  display: table-cell;
  vertical-align: middle;
  position: relative;
}

#cs {
  padding: 0 1.7em;
  width: 100%;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
}

#s-inr {
  height: 100%;
  position: relative;
  max-width: 45em;
  margin: 0 auto;
  transform: scale(0.96);
  opacity: 0;
  padding-top: 4.75em;
  padding-bottom: 4.75em;
  position: relative;
  height: 100%;
  overflow: hidden;
  visibility: hidden;
  box-shadow: rgba(3, 6, 9, 0.26) 0px 13px 27px -5px;
}

#s-inr,
#s-hdr,
#s-bns {
  background: var(--cc-bg);
}

#s-bl {
  overflow-y: auto;
  overflow-y: overlay;
  overflow-x: hidden;
  height: 100%;
  padding: 1.3em 1.8em;
  display: block;
  width: 100%;
}

#s-bns {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 1em 1.8em;
  border-top: 1px solid var(--cc-section-border);
  height: 4.75em;
}

.cc_div .cc-link {
  color: var(--cc-btn-primary-bg);
  border-bottom: 1px solid var(--cc-btn-primary-bg);
  display: inline;
  padding-bottom: 0;
  text-decoration: none;
  cursor: pointer;
  font-weight: 600;
}

.cc_div .cc-link:hover,
.cc_div .cc-link:active {
  border-color: transparent;
}

#c-bns button:first-child,
#s-bns button:first-child {
  color: var(--cc-btn-primary-text);
  background: var(--cc-btn-primary-bg);
}

#c-bns.swap button:first-child {
  color: var(--cc-btn-secondary-text);
  background: var(--cc-btn-secondary-bg);
}

#c-bns.swap button:last-child {
  color: var(--cc-btn-primary-text);
  background: var(--cc-btn-primary-bg);
}

.cc_div .b-tg .c-tgl:checked ~ .c-tg {
  background: var(--cc-toggle-bg-on);
}

#c-bns button:first-child:active,
#c-bns button:first-child:hover,
#s-bns button:first-child:active,
#s-bns button:first-child:hover,
#c-bns.swap button:last-child:active,
#c-bns.swap button:last-child:hover {
  background: var(--cc-btn-primary-hover-bg);
}

#c-bns.swap button:first-child:active,
#c-bns.swap button:first-child:hover {
  background: var(--cc-btn-secondary-hover-bg);
}

#s-hdr {
  position: absolute;
  top: 0;
  width: 100%;
  display: table;
  padding: 0 1.8em;
  height: 4.75em;
  vertical-align: middle;
  z-index: 2;
  border-bottom: 1px solid var(--cc-section-border);
}

#s-ttl {
  display: table-cell;
  vertical-align: middle;
  font-size: 1em;
}

#s-c-bn {
  padding: 0;
  width: 1.7em;
  height: 1.7em;
  font-size: 1.45em;
  margin: 0;
  font-weight: initial;
  position: relative;
  overflow: hidden;
}

#s-c-bnc {
  display: table-cell;
  vertical-align: middle;
}

.cc_div span.t-lb {
  position: absolute;
  top: 0;
  z-index: -1;
  opacity: 0;
  pointer-events: none;
  overflow: hidden;
}

#c_policy__text {
  height: 31.25em;
  overflow-y: auto;
  margin-top: 1.25em;
}

#c-s-in {
  position: relative;
  transform: translateY(-50%);
  top: 50%;
  height: 100%;
  height: calc(100% - 2.5em);
  max-height: 37.5em;
}

@media screen and (min-width: 688px) {
  /** works only on webkit-based browsers **/
  #s-bl::-webkit-scrollbar {
    width: 0.9em;
    height: 100%;
    background: transparent;
    border-radius: 0 0.25em 0.25em 0;
  }
  #s-bl::-webkit-scrollbar-thumb {
    border: 0.25em solid var(--cc-bg);
    background: var(--cc-webkit-scrollbar-bg);
    border-radius: 100em;
  }
  #s-bl::-webkit-scrollbar-thumb:hover {
    background: var(--cc-webkit-scrollbar-bg-hover);
  }
  #s-bl::-webkit-scrollbar-button {
    width: 10px;
    height: 5px;
  }
}
/** custom checkbox **/
/* The container */
.cc_div .b-tg {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  display: inline-block;
  margin: auto;
  right: 1.2em;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: middle;
}

/* Hide the browser's default checkbox */
.cc_div .b-tg .c-tgl {
  position: absolute;
  cursor: pointer;
  display: block;
  top: 0;
  left: 0;
  margin: 0;
  border: 0;
}

/* Create a custom checkbox */
.cc_div .b-tg .c-tg {
  position: absolute;
  background: var(--cc-toggle-bg-off);
  transition: background-color 0.25s ease, box-shadow 0.25s ease;
  pointer-events: none;
}

.cc_div span.t-lb,
.cc_div .b-tg,
.cc_div .b-tg .c-tg,
.cc_div .b-tg .c-tgl {
  width: 3.4em;
  height: 1.5em;
  border-radius: 4em;
}

.cc_div .b-tg .c-tg.c-ro {
  cursor: not-allowed;
}

.cc_div .b-tg .c-tgl ~ .c-tg.c-ro {
  background: var(--cc-toggle-bg-readonly);
}

.cc_div .b-tg .c-tgl ~ .c-tg.c-ro:after {
  box-shadow: none;
}

/* Style the checkmark/indicator */
.cc_div .b-tg .c-tg:after {
  content: "";
  position: relative;
  display: block;
  left: 0.125em;
  top: 0.125em;
  width: 1.25em;
  height: 1.25em;
  border: none;
  box-sizing: content-box;
  background: var(--cc-toggle-knob-bg);
  box-shadow: 0 1px 2px rgba(24, 32, 35, 0.36);
  transition: transform 0.25s ease;
  border-radius: 100%;
}

/* Show the checkmark when checked */
.cc_div .b-tg .c-tgl:checked ~ .c-tg:after {
  transform: translateX(1.9em);
}

#s-bl table,
#s-bl th,
#s-bl td {
  border: none;
}

#s-bl tbody tr {
  transition: background-color 0.25s ease;
}

#s-bl tbody tr:hover {
  background: var(--cc-cookie-category-block-bg-hover);
}

#s-bl table {
  text-align: left;
  border-collapse: collapse;
  width: 100%;
  padding: 0;
  margin: 0;
  overflow: hidden;
}

#s-bl td,
#s-bl th {
  padding: 0.8em 0.625em;
  text-align: left;
  vertical-align: top;
  font-size: 0.8em;
  padding-left: 1.2em;
}

#s-bl th {
  font-family: inherit;
  padding: 1.2em 1.2em;
}

#s-bl thead tr:first-child {
  border-bottom: 1px solid var(--cc-cookie-table-border);
}

.force--consent #s-cnt,
.force--consent #cs {
  width: 100vw;
}

#cm-ov,
#cs-ov {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  visibility: hidden;
  opacity: 0;
  background: #070707;
  background: var(--cc-overlay-bg);
  display: none;
  transition: none;
}

.show--settings #cs-ov,
.c--anim #cs-ov,
.force--consent .c--anim #cm-ov,
.force--consent.show--consent #cm-ov {
  display: block;
}

#cs-ov {
  z-index: 2;
}

.force--consent .cc_div {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  width: 100vw;
  visibility: hidden;
  transition: visibility 0.25s linear;
}

.force--consent.show--consent .c--anim .cc_div,
.force--consent.show--settings .c--anim .cc_div {
  visibility: visible;
}

.force--consent #cm {
  position: absolute;
}

.force--consent #cm.bar {
  width: 100vw;
  max-width: 100vw;
}

html.force--consent.show--consent {
  overflow-y: hidden !important;
}

html.force--consent.show--consent,
html.force--consent.show--consent body {
  height: auto !important;
  overflow-x: hidden !important;
}

/** END BLOCK PAGE SCROLL */
/** BEGIN ICONS **/
.cc_div .b-bn .exp::before,
.cc_div .act .b-bn .exp::before {
  border: solid var(--cc-btn-secondary-text);
  border-width: 0 2px 2px 0;
  padding: 0.2em;
  display: inline-block;
  position: absolute;
  content: "";
  margin-right: 15px;
  position: absolute;
  transform: translateY(-50%) rotate(45deg);
  left: 1.2em;
  top: 50%;
}

.cc_div .act .b-bn .b-tl::before {
  transform: translateY(-20%) rotate(225deg);
}

.cc_div .on-i::before {
  border: solid var(--cc-toggle-knob-icon-color);
  border-width: 0 2px 2px 0;
  padding: 0.1em;
  display: inline-block;
  padding-bottom: 0.45em;
  content: "";
  margin: 0 auto;
  transform: rotate(45deg);
  top: 0.37em;
  left: 0.75em;
  position: absolute;
}

#s-c-bn::before,
#s-c-bn::after {
  content: "";
  position: absolute;
  left: 0.82em;
  top: 0.58em;
  height: 0.6em;
  width: 1.5px;
  background: var(--cc-btn-secondary-text);
  transform: rotate(45deg);
  border-radius: 1em;
  margin: 0 auto;
}

#s-c-bn::after {
  transform: rotate(-45deg);
}

.cc_div .off-i,
.cc_div .on-i {
  height: 100%;
  width: 50%;
  position: absolute;
  right: 0;
  display: block;
  text-align: center;
  transition: opacity 0.15s ease;
}

.cc_div .on-i {
  left: 0;
  opacity: 0;
}

.cc_div .off-i::before,
.cc_div .off-i::after {
  right: 0.8em;
  top: 0.42em;
  content: " ";
  height: 0.7em;
  width: 0.09375em;
  display: block;
  background: var(--cc-toggle-knob-icon-color);
  margin: 0 auto;
  position: absolute;
  transform-origin: center;
}

.cc_div .off-i::before {
  transform: rotate(45deg);
}

.cc_div .off-i::after {
  transform: rotate(-45deg);
}

.cc_div .b-tg .c-tgl:checked ~ .c-tg .on-i {
  opacity: 1;
}

.cc_div .b-tg .c-tgl:checked ~ .c-tg .off-i {
  opacity: 0;
}

/** END ICONS **/
#cm.box.middle,
#cm.cloud.middle {
  top: 50%;
  transform: translateY(-37%);
  bottom: auto;
}

#cm.box.middle.zoom,
#cm.cloud.middle.zoom {
  transform: scale(0.95) translateY(-50%);
}

#cm.box.center {
  left: 1em;
  right: 1em;
  margin: 0 auto;
}

/* Start cloud layout */
#cm.cloud {
  max-width: 50em;
  margin: 0 auto;
  text-align: center;
  left: 1em;
  right: 1em;
  overflow: hidden;
  padding: 1.3em 2em;
  width: unset;
}

.cc_div .cloud #c-inr {
  display: table;
  width: 100%;
}

.cc_div .cloud #c-inr-i {
  width: 70%;
  display: table-cell;
  vertical-align: top;
  padding-right: 2.4em;
}

.cc_div .cloud #c-txt {
  font-size: 0.85em;
}

.cc_div .cloud #c-bns {
  min-width: 170px;
  display: table-cell;
  vertical-align: middle;
}

#cm.cloud .c-bn {
  margin: 0.625em 0 0 0;
  width: 100%;
}

#cm.cloud .c-bn:first-child {
  margin: 0;
}

#cm.cloud.left {
  margin-right: 1.25em;
}

#cm.cloud.right {
  margin-left: 1.25em;
}

/* End cloud layout */
/* Start bar layout */
#cm.bar {
  width: 100%;
  max-width: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 0;
  position: fixed;
  padding: 2em;
}

#cm.bar #c-inr {
  max-width: 32em;
  margin: 0 auto;
}

#cm.bar #c-bns {
  max-width: 33.75em;
}

#cm.bar #cs {
  padding: 0;
}

.cc_div .bar #c-s-in {
  top: 0;
  transform: none;
  height: 100%;
  max-height: 100%;
}

.cc_div .bar #s-hdr,
.cc_div .bar #s-bl,
.cc_div .bar #s-bns {
  padding-left: 1.6em;
  padding-right: 1.6em;
}

.cc_div .bar #cs {
  padding: 0;
}

/* align bar to right by default */
.cc_div .bar #s-inr {
  margin: 0;
  margin-left: auto;
  margin-right: 0;
  border-radius: 0;
  max-width: 32em;
}

.cc_div .bar.left #s-inr {
  margin-left: 0;
  margin-right: auto;
}

/* Force table to not be like tables anymore */
.cc_div .bar #s-bl table,
.cc_div .bar #s-bl thead,
.cc_div .bar #s-bl tbody,
.cc_div .bar #s-bl th,
.cc_div .bar #s-bl td,
.cc_div .bar #s-bl tr,
.cc_div .bar #s-cnt {
  display: block;
}

/* Hide table headers (but not display: none;, for accessibility) */
.cc_div .bar #s-bl thead tr {
  position: absolute;
  top: -9999px;
  left: -9999px;
}

.cc_div .bar #s-bl tr {
  border-top: 1px solid var(--cc-cookie-table-border);
}

.cc_div .bar #s-bl td {
  /* Behave  like a "row" */
  border: none;
  position: relative;
  padding-left: 35%;
}

.cc_div .bar #s-bl td:before {
  position: absolute;
  left: 1em;
  padding-right: 0.625em;
  white-space: nowrap;
  content: attr(data-column);
  color: var(--cc-text);
  overflow: hidden;
  text-overflow: ellipsis;
}

/* End bar layout */
/* Positions */
#cm.top {
  bottom: auto;
  top: 1.25em;
}

#cm.left {
  right: auto;
  left: 1.25em;
}

#cm.right {
  left: auto;
  right: 1.25em;
}

#cm.bar.left,
#cm.bar.right {
  left: 0;
  right: 0;
}

#cm.bar.top {
  top: 0;
}

/* end positions */
@media screen and (max-width: 688px) {
  #cm,
  #cm.cloud,
  #cm.left,
  #cm.right {
    width: auto;
    max-width: 100%;
    margin: 0;
    padding: 1.4em !important;
    right: 1em;
    left: 1em;
    bottom: 1em;
    display: block;
  }
  .force--consent #cm,
  .force--consent #cm.cloud {
    width: auto;
    max-width: 100vw;
  }
  #cm.top {
    top: 1em;
    bottom: auto;
  }
  #cm.bottom {
    bottom: 1em;
    top: auto;
  }
  #cm.bar.bottom {
    bottom: 0;
  }
  #cm.cloud .c-bn {
    font-size: 0.85em;
  }
  #s-bns,
  .cc_div .bar #s-bns {
    padding: 1em 1.3em;
  }
  .cc_div .bar #s-inr {
    max-width: 100%;
    width: 100%;
  }
  .cc_div .cloud #c-inr-i {
    padding-right: 0;
  }
  #cs {
    border-radius: 0;
    padding: 0;
  }
  #c-s-in {
    max-height: 100%;
    height: 100%;
    top: 0;
    transform: none;
  }
  .cc_div .b-tg {
    transform: scale(1.1);
    right: 1.1em;
  }
  #s-inr {
    margin: 0;
    padding-bottom: 7.9em;
    border-radius: 0;
  }
  #s-bns {
    height: 7.9em;
  }
  #s-bl,
  .cc_div .bar #s-bl {
    padding: 1.3em;
  }
  #s-hdr,
  .cc_div .bar #s-hdr {
    padding: 0 1.3em;
  }
  /** dynamic table layout **/
  #s-bl table {
    width: 100%;
  }
  #s-inr.bns-t {
    padding-bottom: 10.5em;
  }
  .bns-t #s-bns {
    height: 10.5em;
  }
  .cc_div .bns-t .c-bn {
    font-size: 0.83em;
    padding: 0.9em 1.6em;
  }
  #s-cnt .b-bn .b-tl {
    padding-top: 1.2em;
    padding-bottom: 1.2em;
  }
  /* Force table to not be like tables anymore */
  #s-bl table,
  #s-bl thead,
  #s-bl tbody,
  #s-bl th,
  #s-bl td,
  #s-bl tr,
  #s-cnt {
    display: block;
  }
  /* Hide table headers (but not display: none;, for accessibility) */
  #s-bl thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  #s-bl tr {
    border-top: 1px solid var(--cc-cookie-table-border);
  }
  #s-bl td {
    /* Behave  like a "row" */
    border: none;
    position: relative;
    padding-left: 35%;
  }
  #s-bl td:before {
    position: absolute;
    left: 1em;
    padding-right: 0.625em;
    white-space: nowrap;
    content: attr(data-column);
    color: var(--cc-text);
    overflow: hidden;
    text-overflow: ellipsis;
  }
  #cm .c-bn,
  .cc_div .c-bn {
    width: 100%;
    margin-right: 0;
  }
  #s-cnt #s-rall-bn {
    margin-left: 0;
  }
  .cc_div #c-bns {
    flex-direction: column;
  }
  #c-bns button + button,
  #s-cnt button + button {
    margin-top: 0.625em;
    margin-left: 0;
    float: unset;
  }
  #cm.cloud,
  #cm.box {
    left: 1em;
    right: 1em;
    width: auto;
  }
  #cm.cloud.right,
  #cm.cloud.left {
    margin: 0;
  }
  .cc_div .cloud #c-bns,
  .cc_div .cloud #c-inr,
  .cc_div .cloud #c-inr-i {
    display: block;
    width: auto;
    min-width: unset;
  }
  .cc_div .cloud #c-txt {
    font-size: 0.9em;
  }
  .cc_div .cloud #c-bns {
    margin-top: 1.625em;
  }
}
/* Begin IE fixes */
.cc_div.ie #c-vln {
  height: 100%;
  padding-top: 5.62em;
}

.cc_div.ie .bar #c-vln {
  padding-top: 0;
}

.cc_div.ie #cs {
  max-height: 37.5em;
  position: relative;
  top: 0;
  margin-top: -5.625em;
}

.cc_div.ie .bar #cs {
  margin-top: 0;
  max-height: 100%;
}

.cc_div.ie #cm {
  border: 1px solid #dee6e9;
}

.cc_div.ie #c-s-in {
  top: 0;
}

.cc_div.ie .b-tg {
  padding-left: 1em;
  margin-bottom: 0.7em;
}

.cc_div.ie .b-tg .c-tgl:checked ~ .c-tg:after {
  left: 1.95em;
}

.cc_div.ie #s-bl table {
  overflow: auto;
}

.cc_div.ie .b-tg .c-tg {
  display: none;
}

.cc_div.ie .b-tg .c-tgl {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 0.2em;
  height: auto;
}

.cc_div.ie #s-cnt .b-bn .b-tl {
  padding: 1.3em 6.4em 1.3em 1.4em;
}

.cc_div.ie .bar #s-bl td:before {
  display: none;
}

.cc_div.ie .bar #s-bl td {
  padding: 0.8em 0.625em 0.8em 1.2em;
}

.cc_div.ie .bar #s-bl thead tr {
  position: relative;
}

.cc_div.ie .b-tg .t-lb {
  filter: alpha(opacity=0);
}

.cc_div.ie #cm-ov,
.cc_div.ie #cs-ov {
  filter: alpha(opacity=80);
}

/** END IE FIXES **/
.grid-1 {
  grid-column: span 1;
}

.grid-2 {
  grid-column: span 2;
}

.grid-3 {
  grid-column: span 3;
}

.grid-4 {
  grid-column: span 4;
}

.grid-5 {
  grid-column: span 5;
}

.grid-6 {
  grid-column: span 6;
}

.grid-7 {
  grid-column: span 7;
}

.grid-8 {
  grid-column: span 8;
}

.grid-9 {
  grid-column: span 9;
}

.grid-10 {
  grid-column: span 10;
}

.grid-11 {
  grid-column: span 11;
}

.grid-12 {
  grid-column: span 12;
}

@media (max-width: 1200px) {
  .grid-lg-1 {
    grid-column: span 1;
  }
  .grid-lg-2 {
    grid-column: span 2;
  }
  .grid-lg-3 {
    grid-column: span 3;
  }
  .grid-lg-4 {
    grid-column: span 4;
  }
  .grid-lg-5 {
    grid-column: span 5;
  }
  .grid-lg-6 {
    grid-column: span 6;
  }
  .grid-lg-7 {
    grid-column: span 7;
  }
  .grid-lg-8 {
    grid-column: span 8;
  }
  .grid-lg-9 {
    grid-column: span 9;
  }
  .grid-lg-10 {
    grid-column: span 10;
  }
  .grid-lg-11 {
    grid-column: span 11;
  }
  .grid-lg-12 {
    grid-column: span 12;
  }
}
@media (max-width: 992px) {
  .grid-md-1 {
    grid-column: span 1;
  }
  .grid-md-2 {
    grid-column: span 2;
  }
  .grid-md-3 {
    grid-column: span 3;
  }
  .grid-md-4 {
    grid-column: span 4;
  }
  .grid-md-5 {
    grid-column: span 5;
  }
  .grid-md-6 {
    grid-column: span 6;
  }
  .grid-md-7 {
    grid-column: span 7;
  }
  .grid-md-8 {
    grid-column: span 8;
  }
  .grid-md-9 {
    grid-column: span 9;
  }
  .grid-md-10 {
    grid-column: span 10;
  }
  .grid-md-11 {
    grid-column: span 11;
  }
  .grid-md-12 {
    grid-column: span 12;
  }
}
@media (max-width: 768px) {
  .grid-sm-1 {
    grid-column: span 1;
  }
  .grid-sm-2 {
    grid-column: span 2;
  }
  .grid-sm-3 {
    grid-column: span 3;
  }
  .grid-sm-4 {
    grid-column: span 4;
  }
  .grid-sm-5 {
    grid-column: span 5;
  }
  .grid-sm-6 {
    grid-column: span 6;
  }
  .grid-sm-7 {
    grid-column: span 7;
  }
  .grid-sm-8 {
    grid-column: span 8;
  }
  .grid-sm-9 {
    grid-column: span 9;
  }
  .grid-sm-10 {
    grid-column: span 10;
  }
  .grid-sm-11 {
    grid-column: span 11;
  }
  .grid-sm-12 {
    grid-column: span 12;
  }
}
@media (max-width: 680px) {
  .grid-1,
  .grid-lg-1,
  .grid-md-1,
  .grid-sm-1 {
    grid-column: span 10;
  }
  .grid-2,
  .grid-lg-2,
  .grid-md-2,
  .grid-sm-2 {
    grid-column: span 10;
  }
  .grid-3,
  .grid-lg-3,
  .grid-md-3,
  .grid-sm-3 {
    grid-column: span 10;
  }
  .grid-4,
  .grid-lg-4,
  .grid-md-4,
  .grid-sm-4 {
    grid-column: span 10;
  }
  .grid-5,
  .grid-lg-5,
  .grid-md-5,
  .grid-sm-5 {
    grid-column: span 10;
  }
  .grid-6,
  .grid-lg-6,
  .grid-md-6,
  .grid-sm-6 {
    grid-column: span 10;
  }
  .grid-7,
  .grid-lg-7,
  .grid-md-7,
  .grid-sm-7 {
    grid-column: span 10;
  }
  .grid-8,
  .grid-lg-8,
  .grid-md-8,
  .grid-sm-8 {
    grid-column: span 10;
  }
  .grid-9,
  .grid-lg-9,
  .grid-md-9,
  .grid-sm-9 {
    grid-column: span 10;
  }
  .grid-10,
  .grid-lg-10,
  .grid-md-10,
  .grid-sm-10 {
    grid-column: span 10;
  }
  .grid-11,
  .grid-lg-11,
  .grid-md-11,
  .grid-sm-11 {
    grid-column: span 10;
  }
  .grid-12,
  .grid-lg-12,
  .grid-md-12,
  .grid-sm-12 {
    grid-column: span 10;
  }
}
@media (max-width: 1200px) {
  .grid-lg-none {
    display: none;
  }
}

.grid-container-full {
  position: relative;
  width: 100%;
  margin: 0 auto;
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: minmax(100px, 1fr);
  grid-template-areas: "inner-content";
}
.grid-container-full.beyond-grid div {
  grid-template-columns: repeat(20, 1fr);
  gap: 15px;
}
@media (max-width: 768px) {
  .grid-container-full.beyond-grid div {
    gap: 0;
  }
}
.grid-container-full.beyond-grid .main-content {
  grid-row: 1;
  grid-column: 3/span 8;
  height: 100%;
}
@media (max-width: 1200px) {
  .grid-container-full.beyond-grid .main-content {
    grid-column: 2/span 9;
  }
}
@media (max-width: 992px) {
  .grid-container-full.beyond-grid .main-content {
    grid-column: 2/span 9;
  }
}
@media (max-width: 768px) {
  .grid-container-full.beyond-grid .main-content {
    grid-column: 2/span 18;
    padding-bottom: 30px;
  }
}
.grid-container-full.beyond-grid .gray-content {
  grid-row: 2;
  grid-column: 10/span 11;
  height: 100%;
}
@media (max-width: 1200px) {
  .grid-container-full.beyond-grid .gray-content {
    grid-column: 10/span 11;
  }
}
@media (max-width: 992px) {
  .grid-container-full.beyond-grid .gray-content {
    grid-column: 2/span 19;
    grid-row: 2;
  }
}
@media (max-width: 768px) {
  .grid-container-full.beyond-grid .gray-content {
    grid-row: 3;
    grid-column: 1/span 20;
  }
}
.grid-container-full.beyond-grid .gray-content .gray-card {
  margin-top: -20%;
}
@media (max-width: 1200px) {
  .grid-container-full.beyond-grid .gray-content .gray-card {
    margin-top: -25%;
  }
}
@media (max-width: 992px) {
  .grid-container-full.beyond-grid .gray-content .gray-card {
    margin-top: -12%;
  }
}
@media (max-width: 768px) {
  .grid-container-full.beyond-grid .gray-content .gray-card {
    margin-top: 0;
  }
}
.grid-container-full.beyond-grid .decoration-box {
  grid-column: 1/span 11;
  grid-row: 2;
}
.grid-container-full.beyond-grid .gray-bg {
  grid-row: 1;
  grid-column: 11/span 10;
  min-height: 450px;
  height: 100%;
}
@media (max-width: 992px) {
  .grid-container-full.beyond-grid .gray-bg {
    grid-column: 11/span 10;
  }
}
@media (max-width: 768px) {
  .grid-container-full.beyond-grid .gray-bg {
    grid-column: 1/span 20;
    grid-row: 2;
  }
}
@media screen and (max-width: 680px) {
  .grid-container-full.beyond-grid .gray-bg {
    min-height: 280px;
  }
}
.grid-container-full > div {
  grid-area: inner-content;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
}
@media (max-width: 680px) {
  .grid-container-full > div {
    grid-template-columns: 1fr;
  }
}

.grid-container-comparison-table {
  display: grid;
  grid-template-columns: 1fr;
  width: 100%;
  margin: 0 auto;
}

.grid-container-1350 {
  position: relative;
  width: 100%;
  margin: 0 auto;
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: minmax(20px, 1fr) minmax(100px, 1350px) minmax(20px, 1fr);
  grid-template-areas: ". inner-content .";
}
.grid-container-1350.statistics-grid {
  min-height: 320px;
  align-items: center;
}
.grid-container-1350 > div {
  grid-area: inner-content;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 10px;
}
@media (max-width: 680px) {
  .grid-container-1350 > div {
    grid-template-columns: 1fr;
  }
}
@media only screen and (max-width: 1200px) {
  .grid-container-1350 {
    grid-template-columns: minmax(60px, 1fr) minmax(100px, 1100px) minmax(60px, 1fr);
  }
}
@media only screen and (max-width: 992px) {
  .grid-container-1350 {
    grid-template-columns: minmax(40px, 1fr) minmax(100px, 1100px) minmax(40px, 1fr);
  }
}
@media only screen and (max-width: 768px) {
  .grid-container-1350 {
    grid-template-columns: minmax(30px, 1fr) minmax(100px, 1100px) minmax(30px, 1fr);
  }
}

.grid-container-1050 {
  position: relative;
  width: 100%;
  margin: 0 auto;
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: minmax(120px, 1fr) minmax(100px, 1050px) minmax(120px, 1fr);
  grid-template-areas: ". inner-content .";
}
@media only screen and (max-width: 1200px) {
  .grid-container-1050 {
    grid-template-columns: minmax(100px, 1fr) minmax(100px, 1050px) minmax(100px, 1fr);
  }
}
@media only screen and (max-width: 992px) {
  .grid-container-1050 {
    grid-template-columns: minmax(80px, 1fr) minmax(100px, 1050px) minmax(80px, 1fr);
  }
}
@media only screen and (max-width: 768px) {
  .grid-container-1050 {
    grid-template-columns: minmax(30px, 1fr) minmax(100px, 1050px) minmax(30px, 1fr);
  }
}
.grid-container-1050 > div {
  grid-area: inner-content;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 35px;
}
@media (max-width: 680px) {
  .grid-container-1050 > div {
    grid-template-columns: 1fr;
  }
}

.grid-container-1200 {
  position: relative;
  width: 100%;
  margin: 0 auto;
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: minmax(120px, 1fr) minmax(100px, 1200px) minmax(120px, 1fr);
  grid-template-areas: ". inner-content .";
}
@media only screen and (max-width: 1200px) {
  .grid-container-1200 {
    grid-template-columns: minmax(100px, 1fr) minmax(100px, 1200px) minmax(100px, 1fr);
  }
}
@media only screen and (max-width: 992px) {
  .grid-container-1200 {
    grid-template-columns: minmax(80px, 1fr) minmax(100px, 1200px) minmax(80px, 1fr);
  }
}
@media only screen and (max-width: 768px) {
  .grid-container-1200 {
    grid-template-columns: minmax(30px, 1fr) minmax(100px, 1200px) minmax(30px, 1fr);
  }
}
.grid-container-1200 > div {
  grid-area: inner-content;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
}
@media (max-width: 680px) {
  .grid-container-1200 > div {
    grid-template-columns: 1fr;
    column-gap: 0 !important;
  }
}

.grid-container-1240 {
  position: relative;
  width: 100%;
  margin: 0 auto;
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: minmax(100px, 1fr) minmax(100px, 1240px) minmax(100px, 1fr);
  grid-template-areas: ". inner-content .";
}
@media only screen and (max-width: 1200px) {
  .grid-container-1240.simplify-grid > div {
    grid-template-columns: repeat(8, 1fr);
  }
}
@media (max-width: 768px) {
  .grid-container-1240.simplify-grid > div {
    grid-template-columns: 1fr;
  }
}
@media only screen and (max-width: 768px) {
  .grid-container-1240.simplify-grid {
    grid-template-columns: minmax(0px, 1fr) minmax(100px, 1240px) minmax(0px, 1fr);
  }
}
@media only screen and (max-width: 1200px) {
  .grid-container-1240 {
    grid-template-columns: minmax(80px, 1fr) minmax(100px, 1240px) minmax(80px, 1fr);
  }
}
@media only screen and (max-width: 992px) {
  .grid-container-1240 {
    grid-template-columns: minmax(60px, 1fr) minmax(100px, 1240px) minmax(60px, 1fr);
  }
}
@media only screen and (max-width: 768px) {
  .grid-container-1240 {
    grid-template-columns: minmax(30px, 1fr) minmax(100px, 1240px) minmax(30px, 1fr);
  }
}
.grid-container-1240 > div {
  grid-area: inner-content;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
}
@media (max-width: 680px) {
  .grid-container-1240 > div {
    grid-template-columns: 1fr;
  }
}

.grid-container-1150 {
  position: relative;
  width: 100%;
  margin: 0 auto;
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: minmax(20px, 1fr) minmax(100px, 1150px) minmax(20px, 1fr);
  grid-template-areas: ". inner-content .";
}
.grid-container-1150.comparison-blade {
  grid-template-columns: minmax(20px, 1fr) minmax(100px, 1150px) minmax(20px, 1fr) !important;
}
.grid-container-1150 > div {
  grid-area: inner-content;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 10px;
}
@media (max-width: 680px) {
  .grid-container-1150 > div {
    grid-template-columns: 1fr;
  }
}
@media only screen and (max-width: 1200px) {
  .grid-container-1150 {
    grid-template-columns: minmax(60px, 1fr) minmax(100px, 1150px) minmax(60px, 1fr);
  }
}
@media only screen and (max-width: 992px) {
  .grid-container-1150 {
    grid-template-columns: minmax(40px, 1fr) minmax(100px, 1150px) minmax(40px, 1fr);
  }
}
@media only screen and (max-width: 768px) {
  .grid-container-1150 {
    grid-template-columns: minmax(30px, 1fr) minmax(100px, 1150px) minmax(30px, 1fr);
  }
}

.grid-container-1000 {
  position: relative;
  width: 100%;
  margin: 0 auto;
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: minmax(20px, 1fr) minmax(100px, 1000px) minmax(20px, 1fr);
  grid-template-areas: ". inner-content .";
}
.grid-container-1000.comparison-blade {
  grid-template-columns: minmax(20px, 1fr) minmax(100px, 1100px) minmax(20px, 1fr) !important;
}
.grid-container-1000 > div.eleven-grid {
  grid-template-columns: repeat(11, 1fr);
}
@media (max-width: 680px) {
  .grid-container-1000 > div.eleven-grid {
    grid-template-columns: 1fr;
  }
}
.grid-container-1000 > div {
  grid-area: inner-content;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 10px;
}
@media (max-width: 680px) {
  .grid-container-1000 > div {
    grid-template-columns: 1fr;
  }
}
@media only screen and (max-width: 1200px) {
  .grid-container-1000 {
    grid-template-columns: minmax(60px, 1fr) minmax(100px, 1100px) minmax(60px, 1fr);
  }
}
@media only screen and (max-width: 992px) {
  .grid-container-1000 {
    grid-template-columns: minmax(40px, 1fr) minmax(100px, 1100px) minmax(40px, 1fr);
  }
}
@media only screen and (max-width: 768px) {
  .grid-container-1000 {
    grid-template-columns: minmax(30px, 1fr) minmax(100px, 1000px) minmax(30px, 1fr);
  }
}

.grid-container-768 {
  position: relative;
  width: 100%;
  margin: 0 auto;
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: minmax(20px, 1fr) minmax(100px, 768px) minmax(20px, 1fr);
  grid-template-areas: ". inner-content .";
}
.grid-container-768 > div {
  grid-area: inner-content;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 10px;
}
@media (max-width: 680px) {
  .grid-container-768 > div {
    grid-template-columns: 1fr;
  }
}
@media only screen and (max-width: 1200px) {
  .grid-container-768 {
    grid-template-columns: minmax(60px, 1fr) minmax(100px, 768px) minmax(60px, 1fr);
  }
}
@media only screen and (max-width: 992px) {
  .grid-container-768 {
    grid-template-columns: minmax(40px, 1fr) minmax(100px, 768px) minmax(40px, 1fr);
  }
}
@media only screen and (max-width: 768px) {
  .grid-container-768 {
    grid-template-columns: minmax(30px, 1fr) minmax(100px, 768px) minmax(30px, 1fr);
  }
}

.grid-container-600 {
  position: relative;
  width: 100%;
  margin: 0 auto;
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: minmax(20px, 1fr) minmax(100px, 500px) minmax(20px, 1fr);
  grid-template-areas: ". inner-content .";
}
.grid-container-600 > div {
  grid-area: inner-content;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 10px;
}
@media (max-width: 680px) {
  .grid-container-600 > div {
    grid-template-columns: 1fr;
  }
}
@media only screen and (max-width: 1200px) {
  .grid-container-600 {
    grid-template-columns: minmax(60px, 1fr) minmax(100px, 500px) minmax(60px, 1fr);
  }
}
@media only screen and (max-width: 992px) {
  .grid-container-600 {
    grid-template-columns: minmax(40px, 1fr) minmax(100px, 500px) minmax(40px, 1fr);
  }
}
@media only screen and (max-width: 768px) {
  .grid-container-600 {
    grid-template-columns: minmax(30px, 1fr) minmax(100px, 500px) minmax(30px, 1fr);
  }
}

.grid__50__50 {
  grid-gap: 20px;
  width: 100%;
  margin: 0 auto;
  position: relative;
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: minmax(100px, 100%) minmax(100px, 100%);
  grid-template-areas: "left right";
}
@media only screen and (max-width: 768px) {
  .grid__50__50 {
    grid-template-columns: minmax(100px, 100%);
    grid-template-areas: "left" "right";
  }
}

.text-red {
  color: #DA291C;
}

.text-blue {
  color: #2CCCD3;
}

body {
  font-family: "Inter", sans-serif;
}

.masthead h1 {
  padding-top: clamp(30px, 3%, 100px);
  font-weight: 700;
}
.masthead h3 {
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  font-family: "Inter";
}
@media only screen and (min-width: 768px) {
  .masthead h3 {
    font-size: calc(18px + 6 * (100vw - 768px) / (1440 - 768));
  }
}
@media only screen and (min-width: 1440px) {
  .masthead h3 {
    font-size: 24px;
  }
}

.title {
  font-size: 38px;
}
@media only screen and (min-width: 768px) {
  .title {
    font-size: calc(38px + 10 * (100vw - 768px) / (1440 - 768));
  }
}
@media only screen and (min-width: 1440px) {
  .title {
    font-size: 48px;
  }
}
.title--large {
  font-size: 42px;
}
@media only screen and (min-width: 768px) {
  .title--large {
    font-size: calc(42px + 14 * (100vw - 768px) / (1440 - 768));
  }
}
@media only screen and (min-width: 1440px) {
  .title--large {
    font-size: 56px;
  }
}
.title--small {
  font-size: 32px;
}
@media only screen and (min-width: 768px) {
  .title--small {
    font-size: calc(32px + 4 * (100vw - 768px) / (1440 - 768));
  }
}
@media only screen and (min-width: 1440px) {
  .title--small {
    font-size: 36px;
  }
}

.statistic-tag {
  font-size: 14px;
  font-weight: 300;
}
@media only screen and (min-width: 480px) {
  .statistic-tag {
    font-size: calc(14px + 2 * (100vw - 480px) / (1440 - 480));
  }
}
@media only screen and (min-width: 1440px) {
  .statistic-tag {
    font-size: 16px;
  }
}

.statistic {
  font-weight: 700;
  /* Define variable for media query */
  /* Define variable for fallback */
  /* Base font size */
  font-size: 50px;
}
@media (min-width: 768px) and (max-width: 1599px) {
  .statistic {
    /* Adds a fallback for unsupported browsers */
    font-size: 67.5px;
    /* The fluid typography magic 🌟  */
    font-size: calc(50px + (85 - 50) * (100vw - 768px) / (1600 - 768));
  }
}
@media (min-width: 1600px) {
  .statistic {
    font-size: 85px;
  }
}
.statistic.large {
  margin-bottom: 0px;
  /* Define variable for media query */
  /* Define variable for fallback */
  /* Base font size */
  font-size: 55px;
}
@media (min-width: 768px) and (max-width: 1599px) {
  .statistic.large {
    /* Adds a fallback for unsupported browsers */
    font-size: 75.5px;
    /* The fluid typography magic 🌟  */
    font-size: calc(55px + (96 - 55) * (100vw - 768px) / (1600 - 768));
  }
}
@media (min-width: 1600px) {
  .statistic.large {
    font-size: 96px;
  }
}
.defer-p {
  font-size: 18px;
  font-weight: 300;
}
@media only screen and (min-width: 480px) {
  .defer-p {
    font-size: calc(18px + 6 * (100vw - 480px) / (1440 - 480));
  }
}
@media only screen and (min-width: 1440px) {
  .defer-p {
    font-size: 24px;
  }
}

h3 {
  font-size: 18px;
  font-weight: 400;
}
@media only screen and (min-width: 480px) {
  h3 {
    font-size: calc(18px + 6 * (100vw - 480px) / (1440 - 480));
  }
}
@media only screen and (min-width: 1440px) {
  h3 {
    font-size: 24px;
  }
}

.statistic-heading {
  font-size: 32px;
  font-weight: 700;
}
@media only screen and (min-width: 480px) {
  .statistic-heading {
    font-size: calc(32px + 8 * (100vw - 480px) / (1440 - 480));
  }
}
@media only screen and (min-width: 1440px) {
  .statistic-heading {
    font-size: 40px;
  }
}

.statistic-details.large {
  font-size: 32px;
}
@media only screen and (min-width: 480px) {
  .statistic-details.large {
    font-size: calc(32px + 8 * (100vw - 480px) / (1440 - 480));
  }
}
@media only screen and (min-width: 1440px) {
  .statistic-details.large {
    font-size: 40px;
  }
}

h1 {
  font-size: 44px;
  font-weight: 700;
  margin-bottom: 18px;
  line-height: 1.125em;
}
@media only screen and (min-width: 480px) {
  h1 {
    font-size: calc(44px + 20 * (100vw - 480px) / (1440 - 480));
  }
}
@media only screen and (min-width: 1440px) {
  h1 {
    font-size: 64px;
  }
}
h1.small {
  font-size: 32px;
}
@media only screen and (min-width: 480px) {
  h1.small {
    font-size: calc(32px + 8 * (100vw - 480px) / (1440 - 480));
  }
}
@media only screen and (min-width: 1440px) {
  h1.small {
    font-size: 40px;
  }
}

h2 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 20px;
  line-height: 110%;
  letter-spacing: -0.03em;
}
@media only screen and (min-width: 786px) {
  h2 {
    font-size: calc(24px + 28 * (100vw - 786px) / (1440 - 786));
  }
}
@media only screen and (min-width: 1440px) {
  h2 {
    font-size: 52px;
  }
}
h2.small {
  font-size: 32px;
}
@media only screen and (min-width: 480px) {
  h2.small {
    font-size: calc(32px + 8 * (100vw - 480px) / (1440 - 480));
  }
}
@media only screen and (min-width: 1440px) {
  h2.small {
    font-size: 40px;
  }
}

p.lead {
  font-size: 20px;
  font-weight: 400;
  letter-spacing: 0.025em;
  line-height: 1.5em;
  margin-bottom: 25px;
  font-weight: 300;
}
@media only screen and (min-width: 480px) {
  p.lead {
    font-size: calc(20px + 4 * (100vw - 480px) / (1440 - 480));
  }
}
@media only screen and (min-width: 1440px) {
  p.lead {
    font-size: 24px;
  }
}

p.masthead-p {
  font-size: 16px;
  font-weight: 500;
}
@media only screen and (min-width: 480px) {
  p.masthead-p {
    font-size: calc(16px + 6 * (100vw - 480px) / (1440 - 480));
  }
}
@media only screen and (min-width: 1440px) {
  p.masthead-p {
    font-size: 22px;
  }
}
p {
  font-size: 14px;
  font-weight: 300;
  line-height: 1.4em;
  margin-bottom: 45px;
  text-wrap: pretty;
}
@media only screen and (min-width: 480px) {
  p {
    font-size: calc(14px + 4 * (100vw - 480px) / (1440 - 480));
  }
}
@media only screen and (min-width: 1440px) {
  p {
    font-size: 18px;
  }
}
p.light {
  font-weight: 300;
}
p.extended-lh {
  line-height: 28px;
}

@media (max-width: 680px) {
  .red-btn span,
  .view-more-btn span,
  a.arrow-btn,
  #complexities h4 {
    font-size: 12px;
  }
}
@media only screen and (max-width: 680px) and (min-width: 480px) {
  .red-btn span,
  .view-more-btn span,
  a.arrow-btn,
  #complexities h4 {
    font-size: calc(12px + 2 * (100vw - 480px) / (680 - 480));
  }
}
@media only screen and (max-width: 680px) and (min-width: 680px) {
  .red-btn span,
  .view-more-btn span,
  a.arrow-btn,
  #complexities h4 {
    font-size: 14px;
  }
}

.comparison-flex div {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4em;
}
@media only screen and (min-width: 480px) {
  .comparison-flex div {
    font-size: calc(12px + 6 * (100vw - 480px) / (1440 - 480));
  }
}
@media only screen and (min-width: 1440px) {
  .comparison-flex div {
    font-size: 18px;
  }
}
.comparison-flex div.light {
  font-weight: 300;
}
.comparison-flex div.extended-lh {
  line-height: 28px;
}

.bullet {
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4em;
}
@media only screen and (min-width: 480px) {
  .bullet {
    font-size: calc(16px + 2 * (100vw - 480px) / (1440 - 480));
  }
}
@media only screen and (min-width: 1440px) {
  .bullet {
    font-size: 18px;
  }
}

.asset-arrow {
  position: relative;
  text-transform: uppercase;
  color: #307FE2;
  position: relative;
  font-weight: bold;
  font-size: 16px;
  text-decoration: none;
  transition: color 0.25s ease;
  line-height: 1.45em;
  max-width: 80%;
}
@media only screen and (min-width: 480px) {
  .asset-arrow {
    font-size: calc(16px + 2 * (100vw - 480px) / (1440 - 480));
  }
}
@media only screen and (min-width: 1440px) {
  .asset-arrow {
    font-size: 18px;
  }
}
.asset-arrow span {
  margin-left: 5px;
  margin-top: 2px;
  position: absolute;
  transition: margin 0.25s ease;
}
.asset-arrow:hover {
  color: #DA291C;
  transition: color 0.25s ease;
}
.asset-arrow:hover span {
  margin-left: 12px;
  margin-top: 2px;
  transition: margin 0.25s ease;
}
.asset-arrow:hover span svg path {
  fill: #DA291C !important;
}

.f-300 {
  font-weight: 300 !important;
}

.outline-btn {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 10px 28px;
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 26px;
  text-transform: uppercase;
  color: #000000;
  gap: 10px;
  background-color: transparent;
  cursor: pointer;
  border: 1px solid #000000;
  transition: 0.25s ease all;
  text-decoration: none;
  width: fit-content;
}
.outline-btn.large {
  padding: 14px 32px;
}
.outline-btn.red {
  border-radius: 3px;
  background-color: #DA291C;
  color: white;
  border: 2px solid #DA291C;
  letter-spacing: 0.02em;
}
.outline-btn.red:hover {
  background-color: white;
  color: #DA291C;
}
.outline-btn.red-outline {
  border-radius: 3px;
  background-color: transparent;
  color: #DA291C;
  border: 2px solid #DA291C;
  letter-spacing: 0.02em;
}
.outline-btn.red-outline:hover {
  background-color: white;
  color: #DA291C;
}
.outline-btn.white {
  border-radius: 3px;
  border: 2px solid #DA291C;
  background-color: white;
  color: #DA291C;
}
.outline-btn.white:hover {
  background-color: #DA291C;
}
.outline-btn.cta-btn {
  color: white;
  border: 2px solid #FFFFFF;
  border-radius: 3px;
}
@media (max-width: 680px) {
  .outline-btn {
    font-size: 16px;
  }
}
.outline-btn:hover {
  background-color: #000;
  color: #fff;
}

.red-btn {
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: 14px;
  display: inline-flex;
  position: relative;
  line-height: 1.75rem;
  overflow: hidden;
  border-radius: 3px;
  width: fit-content !important;
  text-decoration: none;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  text-align: center;
  text-transform: uppercase;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 28px;
  padding-right: 28px;
  border: 2px solid #DA291C;
  overflow: hidden;
  color: white;
  background-color: transparent;
  transition: color 0.25s ease;
}
@media only screen and (min-width: 480px) {
  .red-btn {
    font-size: calc(14px + 3 * (100vw - 480px) / (1440 - 480));
  }
}
@media only screen and (min-width: 1440px) {
  .red-btn {
    font-size: 17px;
  }
}
.red-btn.small {
  padding: 4px 8px;
  border-radius: 3px;
  gap: 6px;
  font-weight: 700;
  font-size: 12px;
  line-height: 140%;
}
@media (max-width: 768px) {
  .red-btn {
    width: auto !important;
  }
}
@media (max-width: 680px) {
  .red-btn {
    font-size: 16px;
  }
}
@media (max-width: 500px) {
  .red-btn {
    min-height: 42px;
  }
}
@media (max-width: 680px) {
  .red-btn {
    padding: 4px 14px;
    min-height: auto;
  }
}
.red-btn span {
  position: relative;
  z-index: 10;
}
.red-btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #DA291C;
  transition: height 0.3s ease, opacity 0.3s ease;
  z-index: 1;
}
.red-btn:hover::before {
  height: 0%;
  opacity: 0;
}
.red-btn:hover {
  color: #DA291C;
}

.black-btn {
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: 14px;
  display: inline-flex;
  position: relative;
  line-height: 1.75rem;
  overflow: hidden;
  border-radius: 3px;
  width: fit-content !important;
  text-decoration: none;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  text-align: center;
  text-transform: uppercase;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 28px;
  padding-right: 28px;
  border: 2px solid black;
  overflow: hidden;
  color: white;
  background-color: transparent;
  transition: color 0.25s ease;
}
@media only screen and (min-width: 480px) {
  .black-btn {
    font-size: calc(14px + 3 * (100vw - 480px) / (1440 - 480));
  }
}
@media only screen and (min-width: 1440px) {
  .black-btn {
    font-size: 17px;
  }
}
.black-btn.small {
  padding: 4px 8px;
  border-radius: 3px;
  gap: 6px;
  font-weight: 700;
  font-size: 12px;
  line-height: 140%;
}
@media (max-width: 768px) {
  .black-btn {
    width: auto !important;
  }
}
@media (max-width: 680px) {
  .black-btn {
    font-size: 16px;
  }
}
@media (max-width: 500px) {
  .black-btn {
    min-height: 42px;
  }
}
@media (max-width: 680px) {
  .black-btn {
    padding: 4px 14px;
    min-height: auto;
  }
}
.black-btn span {
  position: relative;
  z-index: 10;
}
.black-btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  transition: height 0.3s ease, opacity 0.3s ease;
  z-index: 1;
}
.black-btn:hover::before {
  height: 0%;
  opacity: 0;
}
.black-btn:hover {
  color: black;
}

.outline-black-btn {
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: 14px;
  display: inline-flex;
  position: relative;
  line-height: 1.75rem;
  overflow: hidden;
  border-radius: 3px;
  width: fit-content !important;
  text-decoration: none;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  text-align: center;
  text-transform: uppercase;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 28px;
  padding-right: 28px;
  border: 2px solid black;
  overflow: hidden;
  color: black;
  background-color: transparent;
  transition: color 0.25s ease;
}
@media only screen and (min-width: 480px) {
  .outline-black-btn {
    font-size: calc(14px + 3 * (100vw - 480px) / (1440 - 480));
  }
}
@media only screen and (min-width: 1440px) {
  .outline-black-btn {
    font-size: 17px;
  }
}
.outline-black-btn.small {
  padding: 4px 8px;
  border-radius: 3px;
  gap: 6px;
  font-weight: 700;
  font-size: 12px;
  line-height: 140%;
}
@media (max-width: 768px) {
  .outline-black-btn {
    width: auto !important;
  }
}
@media (max-width: 680px) {
  .outline-black-btn {
    font-size: 16px;
  }
}
@media (max-width: 500px) {
  .outline-black-btn {
    min-height: 42px;
  }
}
@media (max-width: 680px) {
  .outline-black-btn {
    padding: 4px 14px;
    min-height: auto;
  }
}
.outline-black-btn span {
  position: relative;
  z-index: 10;
}
.outline-black-btn::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0%;
  background-color: black;
  transition: height 0.3s ease;
  z-index: 1;
}
.outline-black-btn:hover::before {
  position: absolute;
  opacity: 1;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  transition: height 0.3s ease;
  z-index: 1;
}
.outline-black-btn:hover {
  color: white;
}

.ft-arrow-btn {
  background-color: transparent;
  border: none;
  position: relative;
  color: #307FE2;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: 600;
}
.ft-arrow-btn::before {
  content: "";
  position: absolute;
  bottom: -2px;
  width: 0;
  height: 2px;
  background-color: #307FE2;
  transition: width 0.35s ease-out;
}
.ft-arrow-btn:after {
  content: "";
  height: 16px;
  width: 30px;
  position: absolute;
  right: -45px;
  background-image: url("../images/icons/blue-arrow.svg") !important;
  background-size: contain;
  background-repeat: no-repeat;
  transform: translateX(0);
  transition: all 0.35s ease-out;
}
.ft-arrow-btn:hover::before {
  content: "";
  position: absolute;
  background-size: contain;
  bottom: -2px;
  width: 100%;
  height: 2px;
  background-color: #307FE2;
  transition: width 0.35s ease-out;
}
.ft-arrow-btn:hover:after {
  content: "";
  height: 16px;
  width: 30px;
  position: absolute;
  background-size: contain;
  right: -50px;
  background-image: url("../images/icons/arrow-right.svg");
  background-size: contain;
  background-repeat: no-repeat;
  transform: translateX(10px);
  transition: all 0.35s ease-out;
}

.play-btn svg path {
  transition: fill 0.25s ease;
}
.play-btn:hover svg path {
  fill: #DA291C;
  transition: fill 0.25s ease;
}

.button-wrap {
  /* Safari */
  z-index: 550;
  transition: all 0.5 ease;
}
.button-wrap h3 {
  line-height: 1.4em;
  margin-bottom: 35px;
}
.button-wrap a {
  text-decoration: none;
}
.button-wrap .details-btn {
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 0;
  z-index: 10;
  position: relative;
  line-height: 2.125rem;
  font-weight: bold;
  letter-spacing: 0.04em;
  color: white;
  height: 60px;
  width: 200px;
  background-color: #DA291C;
  transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
  font-size: 14px;
  font-family: "Decimal Bold", sans-serif;
  font-weight: bold;
  text-transform: capitalize;
}
@media only screen and (min-width: 480px) {
  .button-wrap .details-btn {
    font-size: calc(14px + 2 * (100vw - 480px) / (1440 - 480));
  }
}
@media only screen and (min-width: 1440px) {
  .button-wrap .details-btn {
    font-size: 16px;
  }
}

.button-wrap .details-btn span {
  opacity: 0;
}

.button-wrap .details-btn:hover {
  background-color: rgb(229.0146341463, 64.75, 52.6853658537) !important;
}

.button-wrap .details-btn:hover span {
  opacity: 0;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.button-wrap .details-btn:hover .link-text {
  color: white;
  transition-delay: 0;
}

.button-wrap .details-btn .link-text {
  text-align: center;
  opacity: 1;
  transition: all 300ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition-delay: 0.25s;
}

.button-wrap .details-btn span {
  opacity: 1;
  position: absolute;
  height: 55px;
  width: 55px;
  background-color: #DA291C;
  border-radius: 50%;
  top: 0;
  right: 0;
  background-image: url('data:image/svg+xml,<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 266.87 266.87"><line x1="133.44" y1="14" x2="133.44" y2="252.87" style="fill: none; stroke: %23fff; stroke-linecap: round; stroke-miterlimit: 10; stroke-width: 28px;"/><line x1="252.87" y1="133.44" x2="14" y2="133.44" style="fill: none; stroke: %23fff; stroke-linecap: round; stroke-miterlimit: 10; stroke-width: 28px;"/></svg>');
  background-size: 50% 50%;
  background-repeat: no-repeat;
  background-position: center center;
  transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.button-wrap.active {
  border-radius: 50%;
  transition: all 1s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.button-wrap.active span {
  opacity: 1 !important;
  box-shadow: rgba(0, 0, 0, 0.33) 0 0 10px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.button-wrap.active .details-btn {
  height: 55px;
  width: 55px;
  border-radius: 55px;
  transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.button-wrap.active .link-text {
  opacity: 0;
  transition: all 300ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.button-wrap.active:hover .details-btn {
  height: 55px;
  width: 200px;
  border-radius: 0px;
  transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.button-wrap.active:hover .details-btn:hover span {
  opacity: 0 !important;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.button-wrap.active:hover .details-btn .link-text {
  opacity: 1;
  transition: all 300ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition-delay: 0.5s;
}

.button-wrap.active:hover .details-btn span {
  -webkit-transform: rotate(360deg) !important;
  transform: rotate(360deg) !important;
  transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.d-1 {
  animation-delay: 0.1s;
}

.d-2 {
  animation-delay: 0.2s;
}

.d-3 {
  animation-delay: 0.3s;
}

.d-4 {
  animation-delay: 0.4s;
}

.d-5 {
  animation-delay: 0.5s;
}

.d-6 {
  animation-delay: 0.6s;
}

.d-7 {
  animation-delay: 0.7s;
}

.d-8 {
  animation-delay: 0.8s;
}

.d-9 {
  animation-delay: 0.9s;
}

.d-10 {
  animation-delay: 1s;
}

section.mobile-title {
  padding-top: 20px;
  padding-bottom: 20px;
  background: white;
}
@media screen and (min-width: 680px) {
  section.mobile-title {
    display: none;
  }
}

.sticky_menu_wrap {
  position: relative;
  z-index: 1000;
  min-height: 100vh;
}

/* Default Sticky Menu */
.sticky_menu_wrap {
  position: relative;
  max-width: 100%;
  /* Needed for ScrollTrigger pinning */
  z-index: 10;
}

.sticky_menu {
  position: relative;
  top: 0;
  width: 100%;
  z-index: 900;
  background-color: #000;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
  /* Mobile Sticky Class */
}
.sticky_menu.safari-sticky-active {
  position: sticky;
  top: 0;
  will-change: position;
}
.sticky_menu nav {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 90px;
  width: 100%;
  font-size: 14px;
}
@media only screen and (min-width: 480px) {
  .sticky_menu nav {
    font-size: calc(14px + 3 * (100vw - 480px) / (1440 - 480));
  }
}
@media only screen and (min-width: 1440px) {
  .sticky_menu nav {
    font-size: 17px;
  }
}
@media screen and (max-width: 1200px) {
  .sticky_menu nav {
    height: 60px;
  }
}
.sticky_menu nav > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 35px;
  margin-top: -3px;
  height: 100%;
  width: 100%;
}
.sticky_menu nav .nav-links {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 35px;
  height: 100%;
}
.sticky_menu nav a:not(.red-btn) {
  color: #DA291C;
  text-decoration: none;
  font-weight: 700;
  position: relative;
  white-space: nowrap;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
}
@media screen and (max-width: 420px) {
  .sticky_menu nav a:not(.red-btn) {
    position: absolute;
    left: 0;
    opacity: 0;
    transition: opacity 0.5s ease;
    pointer-events: none;
  }
  .sticky_menu nav a:not(.red-btn).active {
    opacity: 1;
  }
}
.sticky_menu nav a:not(.red-btn):after {
  content: "";
  width: 0;
  height: 4px;
  background-color: #DA291C;
  position: absolute;
  bottom: -2px;
  left: 0;
  transition: width 0.35s ease;
}
@media screen and (max-width: 1200px) {
  .sticky_menu nav a:not(.red-btn):after {
    bottom: 0;
  }
}
.sticky_menu nav a:not(.red-btn):hover:after, .sticky_menu nav a:not(.red-btn).active:after {
  content: "";
  width: 100%;
  height: 4px;
  background-color: #DA291C;
  position: absolute;
  bottom: -2px;
  left: 0;
}
@media screen and (max-width: 1200px) {
  .sticky_menu nav a:not(.red-btn):hover:after, .sticky_menu nav a:not(.red-btn).active:after {
    bottom: 0;
  }
}
@media (max-width: 768px) {
  .sticky_menu.mobile-sticky {
    position: sticky;
    top: 0;
    left: 0;
    right: 0;
    /* Ensure visibility */
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  }
}

section.bullet__points {
  padding-top: clamp(50px, 30%, 60px);
  padding-bottom: clamp(50px, 30%, 90px);
  background: #F6F6F6;
}
@media screen and (max-width: 680px) {
  section.bullet__points {
    padding-top: clamp(30px, 15%, 90px);
  }
}
section.bullet__points .slide-top {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
section.bullet__points p.fade-in {
  max-width: 940px;
}
section.bullet__points .grid-2 .statistic {
  font-size: 30px;
  color: #DA291C;
  text-align: center;
}
@media only screen and (min-width: 480px) {
  section.bullet__points .grid-2 .statistic {
    font-size: calc(30px + 26 * (100vw - 480px) / (1440 - 480));
  }
}
@media only screen and (min-width: 1440px) {
  section.bullet__points .grid-2 .statistic {
    font-size: 56px;
  }
}
@media screen and (max-width: 680px) {
  section.bullet__points .grid-2 .statistic {
    font-size: 40px;
  }
}
section.bullet__points .grid-2 p {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
}
@media only screen and (min-width: 480px) {
  section.bullet__points .grid-2 p {
    font-size: calc(20px + 3 * (100vw - 480px) / (1440 - 480));
  }
}
@media only screen and (min-width: 1440px) {
  section.bullet__points .grid-2 p {
    font-size: 23px;
  }
}
section.bullet__points .grid-container-1240.statistics-grid {
  padding-top: clamp(50px, 30%, 90px);
}
@media screen and (max-width: 768px) {
  section.bullet__points .grid-container-1240.statistics-grid {
    padding-top: clamp(30px, 20%, 60px);
  }
}
@media screen and (max-width: 680px) {
  section.bullet__points .grid-container-1240.statistics-grid {
    padding-top: clamp(30px, 15%, 60px);
  }
}
section.bullet__points .grid-container-1240 > div {
  column-gap: 20px;
}
@media screen and (max-width: 680px) {
  section.bullet__points .grid-container-1240 > div {
    column-gap: 0;
  }
}
section.bullet__points .slide-title {
  text-align: center;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
section.bullet__points p {
  text-align: center;
}

section.smarter {
  margin-top: 70px;
}
@media screen and (max-width: 768px) {
  section.smarter {
    margin-top: 40px;
  }
}
section.smarter .grid-wrap {
  max-width: 1600px;
  margin: 0 auto;
  padding-top: 30px;
  padding-bottom: 30px;
}
section.smarter .grid-12 {
  margin-top: 45px;
}
section.smarter .decoration-1 {
  position: absolute;
  right: 0;
  width: 10%;
  max-width: 130px;
  z-index: 10;
  top: -10%;
  min-width: 80px;
}
@media screen and (max-width: 768px) {
  section.smarter .decoration-1 {
    top: 0%;
  }
}
@media screen and (max-width: 768px) {
  section.smarter .main-content {
    margin-bottom: 30px;
  }
}
section.smarter .main-content div.content-wrap {
  text-wrap: pretty;
  width: 90%;
}
section.smarter .main-content div.content-wrap h1 {
  margin-top: 0;
}
section.smarter .main-content div.content-wrap p {
  margin-bottom: 35px;
  line-height: 1.65em;
}
section.smarter .main-content div.content-wrap p b {
  font-weight: bold;
}
section.smarter .gray-bg {
  background-image: url(../images/smarter/bg.webp);
  background-size: cover;
  background-position: center;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
section.smarter .gray-bg a {
  background-color: transparent;
  border: 0;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
section.smarter .gray-bg a svg {
  overflow: visible;
}
section.smarter .gray-bg a svg path {
  transition: fill 0.3s ease, transform 0.3s ease;
  transform-origin: center;
}
section.smarter .gray-bg a:hover svg path {
  fill: #DA291C !important;
  transform: scale(1.1);
}
section.smarter .gray-content {
  position: relative;
  display: flex;
  align-items: center;
}
section.smarter .decoration-box {
  position: relative;
  margin-top: -25%;
  pointer-events: none;
}
@media screen and (max-width: 1200px) {
  section.smarter .decoration-box {
    margin-top: -35%;
  }
}
@media screen and (max-width: 992px) {
  section.smarter .decoration-box {
    display: none;
  }
}
section.smarter .decoration-box .rect {
  position: absolute;
  top: 40%;
  left: 8%;
  width: 7%;
  height: auto;
  z-index: 10;
}
section.smarter .decoration-box .bar {
  position: absolute;
  top: 53%;
  left: 33%;
  width: 15%;
  height: auto;
}
section.smarter .decoration-box .grid {
  position: absolute;
  top: 30%;
  left: 0;
  width: 40%;
  min-width: 200px;
}
section.smarter .gray-card {
  background-color: #D1D9E3;
  border-top-left-radius: 50px;
  padding: 40px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  section.smarter .gray-card {
    border-top-left-radius: 0;
  }
}
section.smarter .gray-card p {
  font-size: 16px;
  max-width: 650px;
}
@media only screen and (min-width: 480px) {
  section.smarter .gray-card p {
    font-size: calc(16px + 2 * (100vw - 480px) / (1440 - 480));
  }
}
@media only screen and (min-width: 1440px) {
  section.smarter .gray-card p {
    font-size: 18px;
  }
}
section.smarter .gray-card p b {
  font-weight: 600;
}
section.smarter .gray-card p span {
  margin-top: 10px;
  display: block;
}
section.smarter .gray-card h2 {
  font-size: 36px;
  color: #DA291C;
  margin-bottom: 0;
  margin-top: 15px;
  margin-bottom: 10px;
}
@media only screen and (min-width: 480px) {
  section.smarter .gray-card h2 {
    font-size: calc(36px + 10 * (100vw - 480px) / (1440 - 480));
  }
}
@media only screen and (min-width: 1440px) {
  section.smarter .gray-card h2 {
    font-size: 46px;
  }
}

section.benefits {
  padding-top: clamp(50px, 30%, 60px);
  padding-bottom: clamp(40px, 25%, 60px);
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  section.benefits {
    padding-bottom: clamp(20px, 12%, 35px);
  }
}
section.benefits h2 {
  font-size: 24px;
}
@media only screen and (min-width: 480px) {
  section.benefits h2 {
    font-size: calc(24px + 4 * (100vw - 480px) / (1440 - 480));
  }
}
@media only screen and (min-width: 1440px) {
  section.benefits h2 {
    font-size: 28px;
  }
}
@media screen and (max-width: 992px) {
  section.benefits p {
    max-width: 85%;
  }
}
section.benefits .grid-container-1240 > div {
  column-gap: 60px;
  row-gap: 30px;
}
@media screen and (max-width: 992px) {
  section.benefits .grid-container-1240 > div {
    gap: 20px;
  }
}
@media screen and (max-width: 768px) {
  section.benefits .grid-container-1240 > div {
    gap: 10px;
  }
}

.d-1 {
  animation-delay: 0.1s;
}

.d-2 {
  animation-delay: 0.2s;
}

.d-3 {
  animation-delay: 0.3s;
}

.d-4 {
  animation-delay: 0.4s;
}

.d-5 {
  animation-delay: 0.5s;
}

.d-6 {
  animation-delay: 0.6s;
}

.d-7 {
  animation-delay: 0.7s;
}

.d-8 {
  animation-delay: 0.8s;
}

.d-9 {
  animation-delay: 0.9s;
}

.d-10 {
  animation-delay: 1s;
}

section.mobile-title {
  padding-top: 20px;
  padding-bottom: 20px;
  background: white;
}
@media screen and (min-width: 680px) {
  section.mobile-title {
    display: none;
  }
}

.sticky_menu_wrap {
  position: relative;
  z-index: 1000;
  min-height: 100vh;
}

/* Default Sticky Menu */
.sticky_menu_wrap {
  position: relative;
  max-width: 100%;
  /* Needed for ScrollTrigger pinning */
  z-index: 10;
}

.sticky_menu {
  background: #F5F5F5;
  z-index: 1000;
  position: relative;
  margin-top: -1px;
  background: #F5F5F5;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  will-change: transform;
  /* Mobile Sticky Class */
}
.sticky_menu nav {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 90px;
  width: 100%;
  font-size: 14px;
}
@media only screen and (min-width: 480px) {
  .sticky_menu nav {
    font-size: calc(14px + 3 * (100vw - 480px) / (1440 - 480));
  }
}
@media only screen and (min-width: 1440px) {
  .sticky_menu nav {
    font-size: 17px;
  }
}
@media screen and (max-width: 1200px) {
  .sticky_menu nav {
    height: 60px;
  }
}
.sticky_menu nav > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 35px;
  margin-top: -3px;
  height: 100%;
  width: 100%;
}
.sticky_menu nav .nav-links {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 35px;
  height: 100%;
}
.sticky_menu nav a:not(.red-btn) {
  color: #DA291C;
  text-decoration: none;
  font-weight: 700;
  position: relative;
  white-space: nowrap;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
}
@media screen and (max-width: 420px) {
  .sticky_menu nav a:not(.red-btn) {
    position: absolute;
    left: 0;
    opacity: 0;
    transition: opacity 0.5s ease;
    pointer-events: none;
  }
  .sticky_menu nav a:not(.red-btn).active {
    opacity: 1;
  }
}
.sticky_menu nav a:not(.red-btn):after {
  content: "";
  width: 0;
  height: 4px;
  background-color: #DA291C;
  position: absolute;
  bottom: -2px;
  left: 0;
  transition: width 0.35s ease;
}
@media screen and (max-width: 1200px) {
  .sticky_menu nav a:not(.red-btn):after {
    bottom: 0;
  }
}
.sticky_menu nav a:not(.red-btn):hover:after, .sticky_menu nav a:not(.red-btn).active:after {
  content: "";
  width: 100%;
  height: 4px;
  background-color: #DA291C;
  position: absolute;
  bottom: -2px;
  left: 0;
}
@media screen and (max-width: 1200px) {
  .sticky_menu nav a:not(.red-btn):hover:after, .sticky_menu nav a:not(.red-btn).active:after {
    bottom: 0;
  }
}
@media (max-width: 768px) {
  .sticky_menu.mobile-sticky {
    position: sticky;
    top: 0;
    left: 0;
    right: 0;
    /* Ensure visibility */
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  }
}

section.bullet__points {
  padding-top: clamp(50px, 30%, 60px);
  padding-bottom: clamp(50px, 30%, 90px);
  background: #F6F6F6;
}
@media screen and (max-width: 680px) {
  section.bullet__points {
    padding-top: clamp(30px, 15%, 90px);
  }
}
section.bullet__points .slide-top {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
section.bullet__points p.fade-in {
  max-width: 940px;
}
section.bullet__points .grid-2 .statistic {
  font-size: 30px;
  color: #DA291C;
  text-align: center;
}
@media only screen and (min-width: 480px) {
  section.bullet__points .grid-2 .statistic {
    font-size: calc(30px + 26 * (100vw - 480px) / (1440 - 480));
  }
}
@media only screen and (min-width: 1440px) {
  section.bullet__points .grid-2 .statistic {
    font-size: 56px;
  }
}
@media screen and (max-width: 680px) {
  section.bullet__points .grid-2 .statistic {
    font-size: 40px;
  }
}
section.bullet__points .grid-2 p {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
}
@media only screen and (min-width: 480px) {
  section.bullet__points .grid-2 p {
    font-size: calc(20px + 3 * (100vw - 480px) / (1440 - 480));
  }
}
@media only screen and (min-width: 1440px) {
  section.bullet__points .grid-2 p {
    font-size: 23px;
  }
}
section.bullet__points .grid-container-1240.statistics-grid {
  padding-top: clamp(50px, 30%, 90px);
}
@media screen and (max-width: 768px) {
  section.bullet__points .grid-container-1240.statistics-grid {
    padding-top: clamp(30px, 20%, 60px);
  }
}
@media screen and (max-width: 680px) {
  section.bullet__points .grid-container-1240.statistics-grid {
    padding-top: clamp(30px, 15%, 60px);
  }
}
section.bullet__points .grid-container-1240 > div {
  column-gap: 20px;
}
@media screen and (max-width: 680px) {
  section.bullet__points .grid-container-1240 > div {
    column-gap: 0;
  }
}
section.bullet__points .slide-title {
  text-align: center;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
section.bullet__points p {
  text-align: center;
}

section.smarter {
  margin-top: 70px;
}
@media screen and (max-width: 768px) {
  section.smarter {
    margin-top: 40px;
  }
}
section.smarter .grid-wrap {
  max-width: 1600px;
  margin: 0 auto;
  padding-top: 30px;
  padding-bottom: 30px;
}
section.smarter .grid-12 {
  margin-top: 45px;
}
section.smarter .decoration-1 {
  position: absolute;
  right: 0;
  width: 10%;
  max-width: 130px;
  z-index: 10;
  top: -10%;
  min-width: 80px;
}
@media screen and (max-width: 768px) {
  section.smarter .decoration-1 {
    top: 0%;
  }
}
@media screen and (max-width: 768px) {
  section.smarter .main-content {
    margin-bottom: 30px;
  }
}
section.smarter .main-content div.content-wrap {
  text-wrap: pretty;
  width: 90%;
}
section.smarter .main-content div.content-wrap h1 {
  margin-top: 0;
}
section.smarter .main-content div.content-wrap p {
  margin-bottom: 35px;
  line-height: 1.65em;
}
section.smarter .main-content div.content-wrap p b {
  font-weight: bold;
}
section.smarter .gray-bg {
  background-image: url(../images/smarter/bg.webp);
  background-size: cover;
  background-position: center;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
section.smarter .gray-bg a {
  background-color: transparent;
  border: 0;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
section.smarter .gray-bg a svg {
  overflow: visible;
}
section.smarter .gray-bg a svg path {
  transition: fill 0.3s ease, transform 0.3s ease;
  transform-origin: center;
}
section.smarter .gray-bg a:hover svg path {
  fill: #DA291C !important;
  transform: scale(1.1);
}
section.smarter .gray-content {
  position: relative;
  display: flex;
  align-items: center;
}
section.smarter .decoration-box {
  position: relative;
  margin-top: -25%;
}
@media screen and (max-width: 1200px) {
  section.smarter .decoration-box {
    margin-top: -35%;
  }
}
@media screen and (max-width: 992px) {
  section.smarter .decoration-box {
    display: none;
  }
}
section.smarter .decoration-box .rect {
  position: absolute;
  top: 40%;
  left: 8%;
  width: 7%;
  height: auto;
  z-index: 10;
}
section.smarter .decoration-box .bar {
  position: absolute;
  top: 53%;
  left: 33%;
  width: 15%;
  height: auto;
}
section.smarter .decoration-box .grid {
  position: absolute;
  top: 30%;
  left: 0;
  width: 40%;
  min-width: 200px;
}
section.smarter .gray-card {
  background-color: #D1D9E3;
  border-top-left-radius: 50px;
  padding: 40px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  section.smarter .gray-card {
    border-top-left-radius: 0;
  }
}
section.smarter .gray-card p {
  font-size: 16px;
  max-width: 650px;
}
@media only screen and (min-width: 480px) {
  section.smarter .gray-card p {
    font-size: calc(16px + 2 * (100vw - 480px) / (1440 - 480));
  }
}
@media only screen and (min-width: 1440px) {
  section.smarter .gray-card p {
    font-size: 18px;
  }
}
section.smarter .gray-card p b {
  font-weight: 600;
}
section.smarter .gray-card p span {
  margin-top: 10px;
  display: block;
}
section.smarter .gray-card h2 {
  font-size: 36px;
  color: #DA291C;
  margin-bottom: 0;
  margin-top: 15px;
  margin-bottom: 10px;
}
@media only screen and (min-width: 480px) {
  section.smarter .gray-card h2 {
    font-size: calc(36px + 10 * (100vw - 480px) / (1440 - 480));
  }
}
@media only screen and (min-width: 1440px) {
  section.smarter .gray-card h2 {
    font-size: 46px;
  }
}

section.benefits {
  padding-top: clamp(50px, 30%, 60px);
  padding-bottom: clamp(40px, 25%, 60px);
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  section.benefits {
    padding-bottom: clamp(20px, 12%, 35px);
  }
}
section.benefits h2 {
  font-size: 24px;
}
@media only screen and (min-width: 480px) {
  section.benefits h2 {
    font-size: calc(24px + 4 * (100vw - 480px) / (1440 - 480));
  }
}
@media only screen and (min-width: 1440px) {
  section.benefits h2 {
    font-size: 28px;
  }
}
@media screen and (max-width: 992px) {
  section.benefits p {
    max-width: 85%;
  }
}
section.benefits .grid-container-1240 > div {
  column-gap: 60px;
  row-gap: 30px;
}
@media screen and (max-width: 992px) {
  section.benefits .grid-container-1240 > div {
    gap: 20px;
  }
}
@media screen and (max-width: 768px) {
  section.benefits .grid-container-1240 > div {
    gap: 10px;
  }
}

section.start {
  padding-top: clamp(30px, 6%, 80px);
  padding-bottom: clamp(30px, 10%, 140px);
}
section.start .grid-12 {
  display: flex;
  flex-direction: column;
  align-items: center;
}
section.start .content-wrap {
  max-width: 700px;
}
section.start .content-wrap h1,
section.start .content-wrap p {
  text-align: center;
}
section.start .grid-container-600 > div {
  row-gap: 60px;
}
@media only screen and (max-width: 768px) {
  section.start .grid-container-600 > div {
    gap: 0;
    row-gap: 40px;
  }
}
@media only screen and (max-width: 680px) {
  section.start .grid-container-600 > div {
    row-gap: 30px;
  }
}
section.start .grid-container-600 h1 {
  text-align: center;
}
section.start .grid-container-600 h3 {
  text-align: center;
  font-size: 24px;
  font-weight: 700;
  margin-top: 25px;
}
@media only screen and (min-width: 480px) {
  section.start .grid-container-600 h3 {
    font-size: calc(24px + 4 * (100vw - 480px) / (1440 - 480));
  }
}
@media only screen and (min-width: 1440px) {
  section.start .grid-container-600 h3 {
    font-size: 28px;
  }
}
section.start .grid-container-600 .btn-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 33px;
  margin: 0 auto;
  grid-area: button;
  width: fit-content;
}
@media only screen and (max-width: 768px) {
  section.start .grid-container-600 .btn-wrapper {
    flex-direction: column;
    row-gap: 20px;
    margin-bottom: 50px;
    margin-top: 30px;
    font-size: 16px;
    align-items: start;
  }
}
section.start .grid-container-600 .btn-wrapper .arrow-btn {
  text-transform: none;
  font-size: 18px;
}
section.start .grid-container-600 .btn-wrapper .arrow-btn:after {
  top: 3px;
}
section.start .grid-container-600 .button {
  width: fit-content;
}
section.start .grid-container-600 .button a {
  display: block;
  max-width: 600px;
  text-align: center;
  margin: 0 auto;
}
section.start h2 {
  border: 2px solid #DA291C;
  color: #DA291C;
  border-radius: 50px;
  width: 65px;
  height: 65px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}

section.blog {
  background-color: #F5F5F5;
  padding-top: clamp(30px, 4%, 40px);
  padding-bottom: clamp(30px, 5%, 60px);
}
section.blog h1 {
  text-align: center;
}
@media screen and (max-width: 480px) {
  section.blog h1 {
    font-size: 28px;
  }
}
section.blog .grid-container-1240 > div {
  gap: 20px;
}
section.blog .flex {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 30px;
}
section.blog .white-card {
  background: white;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  border-radius: 20px;
  overflow: hidden;
}
section.blog .white-card .card-image {
  aspect-ratio: 300/206.691;
  max-width: 100%;
}
section.blog .white-card .card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
section.blog .white-card > div {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
section.blog .white-card > div p {
  margin-bottom: 10px;
}
section.blog .white-card .card-content {
  padding: 25px;
  height: 100%;
}

.schedule {
  background-color: #F5F5F5;
  padding-top: clamp(40px, 8%, 60px);
  padding-bottom: clamp(40px, 10%, 90px);
  color: black;
  text-align: center;
}
.schedule .grid-12 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.schedule p {
  margin-bottom: 4.5%;
}
@media screen and (max-width: 768px) {
  .schedule p {
    margin-bottom: 45px;
  }
}
.schedule .cta-button-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 30px;
  row-gap: 15px;
}
.schedule .cta-button-wrap a {
  text-align: center;
  width: 330px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  text-transform: math-auto;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.schedule h1 {
  font-size: 28px;
  font-weight: 700;
}
@media only screen and (min-width: 480px) {
  .schedule h1 {
    font-size: calc(28px + 12 * (100vw - 480px) / (1440 - 480));
  }
}
@media only screen and (min-width: 1440px) {
  .schedule h1 {
    font-size: 40px;
  }
}
.schedule p.lead {
  max-width: 920px;
}

section.interactive {
  position: relative;
  overflow: hidden;
  color: black;
  text-align: center;
  aspect-ratio: 1440/680;
}
@media (max-width: 768px) {
  section.interactive {
    display: none;
  }
}
@media screen and (max-width: 992px) {
  section.interactive {
    aspect-ratio: 1440/800;
  }
}
section.interactive .interactive-background {
  position: absolute;
  top: -5%;
  left: -5%;
  width: 110%;
  height: 110%;
  z-index: 0;
  background-image: url(../images/interactive/bg.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  will-change: transform;
}
section.interactive .grid-container-full {
  position: relative;
  z-index: 1;
  height: 100%;
}
section.interactive .interactive-diagram {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  height: 100%;
}
section.interactive .interactive-graphic {
  position: relative;
  flex: 1;
  width: 65%;
  flex-basis: 65%;
  height: 100%;
  display: flex;
  justify-content: center;
}
section.interactive .interactive-graphic svg.circles {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 70%;
}
section.interactive .interactive-graphic svg.lines {
  display: block;
  width: 70%;
  height: auto;
  position: absolute;
  right: -8px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
}
@media screen and (max-width: 992px) {
  section.interactive .interactive-graphic svg.lines {
    right: -6px;
  }
}
section.interactive .interactive-button {
  position: absolute;
  cursor: pointer;
  background: none;
  border: none;
  color: white;
  padding: 5px;
  white-space: nowrap;
  z-index: 4;
  border-radius: 10px;
  border: 1px solid #000;
  background: linear-gradient(139deg, rgba(48, 127, 226, 0.5) 13.49%, rgba(48, 127, 226, 0.15) 49.67%, rgba(48, 127, 226, 0.5) 86.15%);
  display: inline-flex;
  padding: 10px 20px;
  align-items: center;
  gap: 9px;
}
section.interactive .interactive-button:after {
  content: "";
  display: block;
  width: 20px;
  height: 15px;
  top: 0;
  background-image: url(../images/interactive/arrow-for-btn.svg);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  left: 100%;
}
section.interactive .interactive-button.is-active, section.interactive .interactive-button:hover {
  font-weight: bold;
  background: var(--blue, #307FE2);
}
section.interactive .interactive-button[data-target=web-app-security] {
  top: 10%;
  right: 24%;
}
@media screen and (max-width: 992px) {
  section.interactive .interactive-button[data-target=web-app-security] {
    top: 15%;
  }
}
section.interactive .interactive-button[data-target=bot-protection] {
  top: 16.2%;
  right: 60%;
}
@media screen and (max-width: 992px) {
  section.interactive .interactive-button[data-target=bot-protection] {
    top: 20.2%;
    right: 59%;
  }
}
section.interactive .interactive-button[data-target=threat-analytics] {
  top: 37.25%;
  right: 25.7%;
}
@media screen and (max-width: 992px) {
  section.interactive .interactive-button[data-target=threat-analytics] {
    top: 37%;
  }
}
section.interactive .interactive-button[data-target=ddos-mitigation] {
  top: 58.8%;
  right: 17%;
}
@media screen and (max-width: 992px) {
  section.interactive .interactive-button[data-target=ddos-mitigation] {
    top: 56.3%;
    right: 16%;
  }
}
section.interactive .interactive-button[data-target=gslb] {
  top: 74.5%;
  right: 69%;
}
@media screen and (max-width: 992px) {
  section.interactive .interactive-button[data-target=gslb] {
    top: 69.5%;
    right: 68%;
  }
}
section.interactive .interactive-button[data-target=cdn] {
  top: 83.5%;
  right: 43%;
}
@media screen and (max-width: 992px) {
  section.interactive .interactive-button[data-target=cdn] {
    top: 77.4%;
    right: 42.3%;
  }
}
section.interactive .interactive-line {
  stroke: #4a90e2;
  stroke-width: 2px;
  transition: stroke-dashoffset 0.5s ease-in-out;
}
section.interactive .interactive-dot {
  fill: #4a90e2;
  transition: fill 0.3s ease;
}
section.interactive .interactive-dot.is-active {
  fill: #ffffff;
}
section.interactive .interactive-content-panels {
  position: relative;
  z-index: 2;
  flex: 1;
  height: 100%;
  width: 35%;
  flex-basis: 35%;
  border-left: 1px solid #307FE2;
  background: linear-gradient(139deg, rgba(48, 127, 226, 0.15) 13.49%, rgba(48, 127, 226, 0) 45.25%, rgba(48, 127, 226, 0.15) 84.31%);
  backdrop-filter: blur(3px);
  color: white;
  display: flex;
  align-items: center;
}
section.interactive .interactive-content-panels > div {
  padding-left: 40px;
  text-align: left;
  max-width: 80%;
}
section.interactive .content-panel {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 40px;
  right: 40px;
  bottom: 40px;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
section.interactive .content-panel p {
  font-weight: 600;
  line-height: 1.6em;
}
section.interactive .content-panel ul {
  list-style: disc;
  margin-left: 23px;
}
section.interactive .content-panel ul li {
  font-weight: 200;
  margin-bottom: 10px;
  line-height: 1.7em;
}

section.interactive-mobile {
  display: none;
}
@media (max-width: 768px) {
  section.interactive-mobile {
    display: block;
    padding: 20px 0;
  }
  section.interactive-mobile .title,
  section.interactive-mobile .lead {
    text-align: center;
    margin-bottom: 15px;
    padding-left: 20px;
    padding-right: 20px;
    max-width: 90%;
  }
  section.interactive-mobile .interactive-accordion-item {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    background: black;
  }
  section.interactive-mobile .interactive-accordion-item:last-child {
    border-bottom: none;
  }
  section.interactive-mobile .accordion-header {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 100%;
    height: 60px;
    padding: 18px 15px;
    font-size: 1.1rem;
    color: #fff;
    border: none;
    cursor: pointer;
    border-bottom: 0.5px solid #307FE2;
    background: linear-gradient(139deg, rgba(48, 127, 226, 0.5) 13.49%, rgba(48, 127, 226, 0.15) 49.67%, rgba(48, 127, 226, 0.5) 86.15%);
    transition: background 0.4s ease;
  }
  section.interactive-mobile .accordion-header.is-active {
    background: var(--blue, #307FE2);
  }
  section.interactive-mobile .accordion-header .accordion-label {
    display: inline-block;
    position: absolute;
    transition: transform 0.4s ease, left 0.4s ease;
    white-space: nowrap;
    left: 30px;
  }
  section.interactive-mobile .accordion-header .accordion-label:after {
    content: "";
    position: absolute;
    right: -25px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 15px;
    background-image: url(../images/interactive/arrow-for-btn.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    transition: opacity 0.3s ease;
  }
  section.interactive-mobile .accordion-header.is-active .accordion-label {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  section.interactive-mobile .accordion-header.is-active .accordion-label:after {
    opacity: 0;
  }
  section.interactive-mobile .accordion-content {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.4s ease-out, opacity 0.3s ease-out, padding 0.4s ease-out;
    padding-left: 15px;
    padding-right: 15px;
    background-color: #000;
  }
  section.interactive-mobile .accordion-content .accordion-content-inner {
    padding-top: 0;
    padding-bottom: 0;
    transition: padding 0.4s ease-out;
    color: white;
    font-size: 0.95rem;
  }
  section.interactive-mobile .accordion-content .accordion-content-inner p {
    font-weight: 600;
    line-height: 1.6em;
  }
  section.interactive-mobile .accordion-content .accordion-content-inner ul {
    list-style: disc;
    padding-left: 20px;
    margin-top: 10px;
  }
  section.interactive-mobile .accordion-content .accordion-content-inner ul li {
    margin-bottom: 8px;
    font-weight: 200;
  }
  section.interactive-mobile .accordion-content.is-active {
    opacity: 1;
    max-height: 600px;
  }
  section.interactive-mobile .accordion-content.is-active .accordion-content-inner {
    padding-top: 30px;
    padding-bottom: 50px;
  }
}

section.video {
  padding-top: clamp(40px, 5%, 60px);
  padding-bottom: clamp(40px, 10%, 75px);
}
section.video h1 {
  font-size: 28px;
  font-weight: 700;
}
@media only screen and (min-width: 480px) {
  section.video h1 {
    font-size: calc(28px + 12 * (100vw - 480px) / (1440 - 480));
  }
}
@media only screen and (min-width: 1440px) {
  section.video h1 {
    font-size: 40px;
  }
}
section.video .grid-5 {
  padding-right: 30px;
  display: grid;
  align-items: center;
}
@media screen and (max-width: 768px) {
  section.video .grid-5 {
    text-align: center;
    padding-right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
section.video .grid-5 .text-wrap {
  margin-top: -15%;
}
@media screen and (max-width: 992px) {
  section.video .grid-5 .text-wrap {
    margin-top: 0;
  }
}
@media screen and (max-width: 768px) {
  section.video .grid-5 .text-wrap {
    max-width: 90%;
  }
}
section.video .video-container {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
section.video .video-container video {
  width: 100%;
}
section.video .video-container button {
  position: absolute;
  background-color: transparent;
  border: 0;
  width: 15%;
}
section.video .video-container button svg {
  width: 100%;
  height: auto;
  pointer-events: none;
}
section.video .video-container button svg path {
  transition: fill 0.25s ease;
}
section.video .video-container button:hover svg path {
  fill: white !important;
}

.blog-post-page .decoration {
  position: relative;
}
.blog-post-page .decoration img {
  position: absolute;
  max-width: 100%;
}
.blog-post-page header {
  height: 57px;
}
.blog-post-page header nav {
  border-bottom: 0.5px solid #A2B2C8;
}
.blog-post-page header nav img {
  align-self: center;
  height: auto !important;
  width: 178.182px;
}
@media (max-width: 768px) {
  .blog-post-page header nav .back-nav-btn {
    margin-top: 75px;
    display: inline-block;
  }
}
.blog-post-page .masthead .grid-container-1200 > div {
  column-gap: 20px;
  grid-template-rows: minmax(200px, 1fr) minmax(100px, 1fr);
}
.blog-post-page .masthead .grid-container-1200 > div .grid-7 {
  grid-row: 1/span 2;
}
.blog-post-page .masthead .grid-container-1200 > div .decoration {
  grid-row: 2;
}
@media (max-width: 768px) {
  .blog-post-page .masthead .grid-container-1200 > div .decoration {
    display: none;
  }
}
.blog-post-page .masthead .grid-container-1200 > div .decoration .dots {
  left: -10%;
  top: -10%;
}
@media (max-width: 1200px) {
  .blog-post-page .masthead .grid-container-1200 > div .decoration .dots {
    width: 160%;
    max-width: unset;
    right: 0;
    left: unset;
  }
}
.blog-post-page .masthead .grid-container-1200 > div .decoration .blue-lines {
  width: 24%;
  right: 0;
  top: -25%;
}
@media (max-width: 1200px) {
  .blog-post-page .masthead .grid-container-1200 > div .decoration .blue-lines {
    width: 44%;
    right: 30px;
    top: -25%;
  }
}
.blog-post-page .masthead .grid-container-1200 > div .decoration .gradient {
  width: 7%;
  min-width: 35px;
  left: 15%;
  top: 23%;
}
.blog-post-page .masthead .grid-container-1200 > div .decoration .bar {
  width: 40%;
  left: 46%;
}
.blog-post-page .masthead .grid-container-1200 > div .decoration .bar-2 {
  width: 40%;
  top: 65%;
  left: 11%;
}
.blog-post-page .grid-container-1200 > div {
  column-gap: 20px;
}
@media (max-width: 1200px) {
  .blog-post-page .grid-container-1200 > div {
    column-gap: 40px;
  }
}
.blog-post-page h1.title {
  margin-top: 0;
  padding-top: 20px;
  padding-bottom: 35px;
}
@media (max-width: 420px) {
  .blog-post-page h1.title {
    font-size: 28px;
  }
}
.blog-post-page .date {
  font-size: 16px;
}
.blog-post-page .date span {
  color: #307FE2;
}
.blog-post-page a.back-nav-btn {
  color: #DA291C;
  text-decoration: none;
  transition: color 0.3s ease;
}
.blog-post-page a.back-nav-btn:last-child {
  margin-top: 135px;
  display: inline-block;
}
.blog-post-page a.back-nav-btn:before {
  content: "";
  display: inline-block;
  width: 17px;
  height: 8px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="17" height="8" viewBox="0 0 17 8" fill="none"><path d="M0.646447 3.3901C0.451184 3.58536 0.451184 3.90194 0.646447 4.09721L3.82843 7.27919C4.02369 7.47445 4.34027 7.47445 4.53553 7.27919C4.7308 7.08392 4.7308 6.76734 4.53553 6.57208L1.70711 3.74365L4.53553 0.915225C4.7308 0.719963 4.7308 0.403381 4.53553 0.208118C4.34027 0.0128562 4.02369 0.0128562 3.82843 0.208118L0.646447 3.3901ZM1 4.24365H17V3.24365H1V4.24365Z" fill="%23DA291C"/></svg>');
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 8px;
  vertical-align: middle;
  margin-top: -1px;
}
.blog-post-page a.back-nav-btn:hover {
  color: #000;
}
.blog-post-page .blog-post {
  margin-bottom: 230px;
}
.blog-post-page .blog-post .nav {
  margin-top: 46px;
}
.blog-post-page .blog-post .nav a {
  margin-bottom: 38px;
  display: inline-block;
}
@media (max-width: 1200px) {
  .blog-post-page .blog-post .nav a {
    margin-top: 100px;
  }
}
@media (max-width: 768px) {
  .blog-post-page .blog-post .nav a {
    margin-top: 75px;
  }
}
@media (max-width: 580px) {
  .blog-post-page .blog-post .nav a {
    margin-top: 55px;
  }
}
.blog-post-page .blog-post .masthead img {
  width: 100%;
}
.blog-post-page .blog-post .social-media {
  margin-top: 24px;
}
.blog-post-page .blog-post .social-media a {
  text-decoration: none;
  margin-right: 5px;
}
.blog-post-page .blog-post .social-media .share-trigger-button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  margin: 0;
  font-size: 1em;
}
.blog-post-page .blog-post .social-media a,
.blog-post-page .blog-post .social-media button {
  display: inline-block;
}
.blog-post-page .blog-post .social-media a:hover,
.blog-post-page .blog-post .social-media button:hover {
  transform: scale(1.08);
}
.blog-post-page .blog-post .social-media a:hover svg circle,
.blog-post-page .blog-post .social-media button:hover svg circle {
  fill: rgba(0, 0, 0, 0.1);
}
.blog-post-page .blog-post .social-media .author {
  margin-top: 17px;
}
.blog-post-page .blog-post .social-media .author p b {
  font-weight: 700;
  color: #DA291C;
}
.blog-post-page .blog-post .blog-content h2 {
  margin-top: 2em;
  font-size: 24px;
}
@media only screen and (min-width: 480px) {
  .blog-post-page .blog-post .blog-content h2 {
    font-size: calc(24px + 4 * (100vw - 480px) / (1440 - 480));
  }
}
@media only screen and (min-width: 1440px) {
  .blog-post-page .blog-post .blog-content h2 {
    font-size: 28px;
  }
}
.blog-post-page .blog-post .blog-content img {
  width: 100%;
  margin-bottom: 38px;
}
.blog-post-page .blog-post .blog-content p {
  font-size: 18px !important;
}
@media (max-width: 768px) {
  .blog-post-page .blog-post .blog-content p {
    max-width: 90%;
    font-size: 16px !important;
  }
}
.blog-post-page .blog-post .blog-content p.final {
  position: relative;
  padding-top: 18px;
}
.blog-post-page .blog-post .blog-content p.final:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 2px;
  background: #DA291C;
}
.blog-post-page .blog-post .blog-content p a {
  color: #DA291C;
  text-decoration: none;
  font-weight: 500;
}
.blog-post-page .blog-post .blog-content p a:hover {
  text-decoration: underline;
}
.blog-post-page .blog-post .blog-content p b {
  font-weight: 800;
}
.blog-post-page .blog-post .blog-content .gray-block {
  border-radius: 0px 10px 10px 0px;
  border-left: 2px solid #DA291C;
  background: #F5F5F5;
  padding: 30px;
}
.blog-post-page .blog-post .blog-content .gray-block p {
  margin-bottom: 0;
}
.blog-post-page .blog-post .blog-content .gray-alerts {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 10px;
}
.blog-post-page .blog-post .blog-content .gray-alerts div {
  display: flex;
  gap: 15px;
  border-radius: 0px 10px 10px 0px;
  border-left: 2px solid #DA291C;
  background: #E8E8E8;
  padding: 10px;
  padding-top: 20px;
  padding-left: 24px;
  padding-right: 28px;
  width: calc(50% - 60px);
}
@media (max-width: 580px) {
  .blog-post-page .blog-post .blog-content .gray-alerts div {
    width: 100%;
  }
}
.blog-post-page .blog-post .blog-content .gray-alerts div p {
  margin-top: 0;
}
.blog-post-page .blog-post .blog-content .gray-alerts div img {
  width: 35.002px;
  height: 35px;
}
.blog-post-page .blog-post .blog-content ol {
  list-style-type: decimal;
  margin-left: 1.5em;
}
.blog-post-page .blog-post .blog-content ol li {
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  margin-bottom: 30px;
}
@media (max-width: 768px) {
  .blog-post-page .blog-post .blog-content ol li {
    font-size: 16px;
  }
}
.blog-post-page .blog-post .blog-content ol li::marker {
  font-weight: bold;
}
.blog-post-page .blog-post .blog-content ul {
  list-style-type: disc;
  margin-left: 1.5em;
}
.blog-post-page .blog-post .blog-content ul li {
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  margin-bottom: 30px;
}
@media (max-width: 768px) {
  .blog-post-page .blog-post .blog-content ul li {
    font-size: 16px;
  }
}
.blog-post-page .blog-post .blog-content ul li::marker {
  font-weight: bold;
}
@media (max-width: 768px) {
  .blog-post-page .blog-post .blog-content div.sources {
    margin-bottom: 45px;
  }
}
.blog-post-page .blog-post .blog-content div.sources p {
  margin-bottom: 12px;
}
.blog-post-page .blog-post .blog-content div.sources .source {
  margin-bottom: 8px;
}
.blog-post-page .blog-post .blog-content div.sources .source a {
  color: #525252;
  text-decoration: none;
  font-size: 14px;
}
.blog-post-page .blog-post .blog-content div.sources .source a:hover {
  color: #DA291C;
}
.blog-post-page .sticky-article {
  position: sticky;
  top: 30px;
}
.blog-post-page .sticky-article h3 {
  color: #DA291C;
  font-family: Inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
  /* 144.444% */
  text-transform: uppercase;
  border-bottom: 1px solid #525252;
  padding-bottom: 10px;
}
.blog-post-page .related-article {
  display: flex;
  flex-direction: row;
  gap: 20px;
  padding-bottom: 20px;
  border-bottom: 0.5px solid #D5D5D5;
}
@media (max-width: 1200px) {
  .blog-post-page .related-article {
    flex-direction: column;
  }
}
@media (max-width: 768px) {
  .blog-post-page .related-article {
    flex-direction: row;
  }
}
.blog-post-page .related-article:not(:first-child) {
  padding-top: 20px;
}
.blog-post-page .related-article p {
  margin-bottom: 0;
  color: #000;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 125%;
  margin-top: 12px;
  margin-bottom: 12px;
}
.blog-post-page .related-article p a {
  color: #000;
  text-decoration: none;
  transition: color 0.3s ease;
}
.blog-post-page .related-article p a:hover {
  color: #DA291C;
}
.blog-post-page .related-article p.topic {
  color: #525252;
  font-size: 14px;
  margin-bottom: 0;
}
@media (max-width: 1200px) {
  .blog-post-page .related-article p.topic {
    margin-top: 0;
  }
}
.blog-post-page .related-article p.date {
  color: #525252;
  margin-top: 0;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 110%;
}
.blog-post-page .related-article img {
  width: 30% !important;
  height: auto;
  object-fit: cover;
  align-self: center;
}
@media (max-width: 1200px) {
  .blog-post-page .related-article img {
    width: 100% !important;
    margin-bottom: 0 !important;
  }
}
@media (max-width: 768px) {
  .blog-post-page .related-article img {
    width: 30% !important;
  }
}

/* Add these styles to your SCSS (e.g., _modal.scss or _blades.scss) */
#custom-share-modal {
  /* Overlay Styles */
  position: fixed;
  /* Stay in place even when scrolling */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  /* Semi-transparent black background */
  display: flex;
  /* Use flexbox for easy centering */
  justify-content: center;
  align-items: center;
  z-index: 1000;
  /* Ensure it's on top of other content */
  opacity: 0;
  /* Start fully transparent */
  visibility: hidden;
  /* Start hidden and inaccessible */
  transition: opacity 0.3s ease, visibility 0s linear 0.3s;
  /* Fade transition */
  /* Remove the inline style="display: none;" from the HTML if you use this */
  /* &.is-hidden { display: none; } */
  /* Or use JS to toggle display directly */
  /* Style for when modal is shown (JS toggles display: flex/block) */
  /* Or add/remove an 'is-visible' class using JS */
}
#custom-share-modal[aria-hidden=false] {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.3s ease, visibility 0s linear 0s;
}

.modal-content {
  background-color: #fff;
  color: #333;
  padding: 30px 40px;
  border-radius: 8px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
  position: relative;
  /* For positioning the close button */
  max-width: 400px;
  /* Adjust as needed */
  width: 90%;
  /* Responsive width */
  text-align: center;
}
.modal-content h3 {
  margin-top: 0;
  margin-bottom: 25px;
  font-size: 1.4em;
}

.modal-close-button {
  position: absolute;
  top: 10px;
  right: 15px;
  background: none;
  border: none;
  font-size: 2em;
  line-height: 1;
  cursor: pointer;
  color: #888;
  padding: 5px;
}
.modal-close-button:hover {
  color: #333;
}

.modal-share-options {
  display: flex;
  flex-wrap: wrap;
  /* Allow buttons to wrap on smaller modals */
  justify-content: center;
  gap: 15px;
  /* Spacing between buttons */
}

.modal-share-btn {
  /* Basic Button Styling - Customize heavily! */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  border: none;
  border-radius: 5px;
  background-color: white;
  color: #333;
  text-decoration: none;
  cursor: pointer;
  font-size: 1em;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}
.modal-share-btn:hover {
  background-color: #ddd;
  border-color: #bbb;
}
.modal-share-btn svg {
  width: 20px;
  height: 20px;
  margin-right: 0;
  fill: currentColor;
}

.gray-table {
  margin: 2em 0;
  overflow-x: auto;
}
.gray-table table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #e0e0e0;
  font-size: 0.9em;
  border-radius: 12px;
  overflow: hidden;
}
.gray-table table th,
.gray-table table td {
  padding: 12px 15px;
  text-align: left;
  border-bottom: 8px solid white;
  border-right: 8px solid white;
}
.gray-table table th {
  background-color: #DA291C;
  font-weight: bold;
  color: white;
}
.gray-table table tr {
  background-color: #E8E8E8;
}
.gray-table table tbody tr:last-child td {
  border-bottom: 0;
}
.gray-table table tr td:first-child {
  border-left: 2px solid #DA291C;
}
.gray-table table tr td:last-child,
.gray-table table tr th:last-child {
  border-right: 0;
}
.gray-table table tr:hover {
  background-color: #f0f0f0;
}
@media (max-width: 768px) {
  .gray-table table {
    border: none;
  }
  .gray-table table thead {
    display: none;
  }
  .gray-table table th,
  .gray-table table td {
    padding: 12px 15px;
    text-align: left;
    border-bottom: 8px solid white;
    border-right: 0;
  }
  .gray-table table tr {
    display: block;
    margin-bottom: 15px;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
  }
  .gray-table table tr:last-child {
    margin-bottom: 0;
  }
  .gray-table table td {
    display: block;
    text-align: right;
    padding-left: 50%;
    position: relative;
    border-bottom: 1px dotted #eee;
    border-left: 2px solid #DA291C;
  }
  .gray-table table td::before {
    content: attr(data-label);
    position: absolute;
    left: 15px;
    width: calc(50% - 30px);
    padding-right: 10px;
    font-weight: bold;
    text-align: left;
  }
  .gray-table table td:last-child {
    border-bottom: none;
  }
}

.tippy-box[data-animation=fade][data-state=hidden] {
  opacity: 0;
}

[data-tippy-root] {
  max-width: calc(100vw - 10px);
}

.tippy-box {
  position: relative;
  background-color: #333;
  color: #fff;
  border-radius: 4px;
  font-size: 14px;
  line-height: 1.4;
  white-space: normal;
  outline: 0;
  transition-property: transform, visibility, opacity;
}

.tippy-box[data-placement^=top] > .tippy-arrow {
  bottom: 0;
}

.tippy-box[data-placement^=top] > .tippy-arrow:before {
  bottom: -7px;
  left: 0;
  border-width: 8px 8px 0;
  border-top-color: initial;
  transform-origin: center top;
}

.tippy-box[data-placement^=bottom] > .tippy-arrow {
  top: 0;
}

.tippy-box[data-placement^=bottom] > .tippy-arrow:before {
  top: -7px;
  left: 0;
  border-width: 0 8px 8px;
  border-bottom-color: initial;
  transform-origin: center bottom;
}

.tippy-box[data-placement^=left] > .tippy-arrow {
  right: 0;
}

.tippy-box[data-placement^=left] > .tippy-arrow:before {
  border-width: 8px 0 8px 8px;
  border-left-color: initial;
  right: -7px;
  transform-origin: center left;
}

.tippy-box[data-placement^=right] > .tippy-arrow {
  left: 0;
}

.tippy-box[data-placement^=right] > .tippy-arrow:before {
  left: -7px;
  border-width: 8px 8px 8px 0;
  border-right-color: initial;
  transform-origin: center right;
}

.tippy-box[data-inertia][data-state=visible] {
  transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11);
}

.tippy-arrow {
  width: 16px;
  height: 16px;
  color: #333;
}

.tippy-arrow:before {
  content: "";
  position: absolute;
  border-color: transparent;
  border-style: solid;
}

.tippy-content {
  position: relative;
  padding: 5px 9px;
  z-index: 1;
}

sup {
  top: -1em;
  font-size: 10px;
}

/* Reset the default styles */
html,
body {
  margin: 0;
  padding: 0;
  height: 100%;
  overflow: visible;
}

a:hover {
  cursor: pointer;
}

#smooth-wrapper {
  height: 100%;
  /* Required for ScrollSmoother on desktop */
}

#smooth-content {
  will-change: transform;
  /* Optimized for ScrollSmoother */
}

.sticky_menu_wrap {
  position: relative;
  /* Required for pinning */
}

.sticky_menu {
  width: 100%;
  z-index: 1000;
  top: -1px;
}
.sticky_menu nav {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 580px) {
  .sticky_menu .cloak-mobile {
    display: none;
  }
}

::selection {
  background: #DA291C;
  color: #fff;
}

.overflow-hidden {
  overflow: hidden;
}

.ft-radius-top-right {
  border-radius: 0 0 60px 0;
}

@media (min-width: 768px) {
  .br-desktop {
    display: block;
  }
}

p {
  will-change: unset !important;
}

.font-bold {
  font-weight: bold !important;
}

main,
section {
  position: relative;
}

.slide-title {
  overflow: hidden;
  line-height: 1.3em;
}

.slide-title,
.fade-in {
  z-index: 100;
  position: relative;
}

.top-left.infotech > div,
.bottom-left.infotech > div {
  display: grid;
  flex-direction: row-reverse;
  grid-gap: 20px;
}
@media only screen and (max-width: 768px) {
  .top-left.infotech > div,
  .bottom-left.infotech > div {
    display: block;
  }
}
.top-left.infotech > div h3,
.bottom-left.infotech > div h3 {
  margin-top: 0;
  margin-bottom: 0px;
}
.top-left.infotech > div p,
.bottom-left.infotech > div p {
  margin-top: 6px;
}
.top-left.infotech > div svg,
.bottom-left.infotech > div svg {
  min-width: 40px;
  grid-column: 2;
  grid-row: 1;
}

.top-right.infotech > div,
.bottom-right.infotech > div {
  display: grid;
  flex-direction: row-reverse;
  grid-gap: 20px;
}
@media only screen and (max-width: 768px) {
  .top-right.infotech > div,
  .bottom-right.infotech > div {
    display: block;
  }
}
.top-right.infotech > div > div,
.bottom-right.infotech > div > div {
  grid-column: 2;
}
.top-right.infotech > div h3,
.bottom-right.infotech > div h3 {
  margin-top: 0;
  margin-bottom: 0px;
}
.top-right.infotech > div p,
.bottom-right.infotech > div p {
  margin-top: 6px;
}
.top-right.infotech > div svg,
.bottom-right.infotech > div svg {
  min-width: 40px;
  grid-column: 1;
  grid-row: 1;
}

.white-spc {
  white-space: nowrap;
}

.container {
  margin: 0 auto;
  max-width: 1440px;
  position: relative;
}

.red-bar {
  display: block;
  margin: 0 auto;
  height: 6px;
  width: 168px;
  background-color: #DA291C;
  margin-top: 30px;
  margin-bottom: 30px;
}

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

.lazyload {
  opacity: 0;
  background-size: cover;
  background-position: center;
  transition: opacity 0.5s ease;
  background-repeat: no-repeat;
}
.lazyload.contain {
  background-size: contain;
}
.lazyload.lazy-loaded {
  opacity: 1;
  transition: opacity 0.5s ease;
}

.loading {
  position: fixed;
  display: flex;
  height: 100%;
  width: 100%;
  background-color: white;
  z-index: 10000;
  pointer-events: none;
  justify-content: center;
  align-items: center;
  top: 0px;
}
.loading svg {
  width: 300px;
}
.loading svg #fortinet-logo path {
  opacity: 0;
}
.loading.loaded {
  opacity: 0;
  transition: opacity 1s ease;
}

.logo-icon {
  padding-left: 92px;
  padding-top: 20px;
  z-index: 50;
}

header {
  top: 0px;
  left: 0;
  z-index: 300;
  width: 100%;
  background-color: rgb(255, 255, 255);
}
header nav {
  background: transparent;
  padding-bottom: 20px;
  padding-top: 28px;
  padding-left: 92px;
  padding-right: 92px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 880px) {
  header nav {
    padding-left: 45px;
    padding-right: 45px;
  }
}
header nav .logo {
  max-width: 173px;
  height: 100%;
}
@media only screen and (max-width: 680px) {
  header nav {
    flex-direction: column;
  }
  header nav .red-btn {
    display: none;
  }
  header nav .logo {
    max-width: 155px;
    margin-top: 10px;
    margin-bottom: 7px;
    height: 100%;
  }
}

header .red-btn {
  padding-top: 6px;
  padding-bottom: 6px;
}

section.masthead {
  left: 0;
  right: 0;
  margin: auto;
  padding: 70px 0 120px;
  overflow: hidden;
}
section.masthead .grid-container-1240 {
  position: relative;
  z-index: 12;
}
@media (max-width: 680px) {
  section.masthead .grid-container-1240 {
    opacity: 0;
  }
}
section.masthead .background-image {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-size: cover;
  background-position: right 85%;
  background-image: url("../images/masthead/bg.webp");
}
@media (max-width: 992px) {
  section.masthead .background-image {
    background-position: right center;
  }
}
@media (max-width: 680px) {
  section.masthead .background-image {
    background-position: 73% center;
  }
}
section.masthead h1,
section.masthead p {
  color: white;
}
section.masthead p {
  margin-bottom: 38px;
}
section.masthead h3 {
  color: #DA291C;
}
section.masthead h3 span {
  background: #F5F5F5;
  padding: 8px;
}
section.masthead .red-btn {
  margin-top: 0px !important;
}
section.masthead h1 {
  line-height: 1.2em;
  letter-spacing: -0.03em;
  margin-top: 0;
}
@media (max-width: 768px) {
  section.masthead h1 {
    max-width: 500px;
  }
}
@media only screen and (max-width: 1200px) {
  section.masthead h1 {
    line-height: normal;
  }
}
section.masthead p {
  max-width: 740px;
}
section.masthead svg {
  position: absolute;
  width: 60%;
  max-width: 860px;
  height: auto;
  z-index: 0;
  bottom: -10px;
  right: 0;
}
@media only screen and (max-width: 680px) {
  section.masthead svg {
    width: 90%;
  }
}

footer {
  padding: 3rem 0;
  background: #F0F0F0;
}
footer hr {
  margin: 1rem 0;
  color: inherit;
  border: 0;
  border-top: 1px solid;
  opacity: 0.25;
  color: #707070;
}
footer a {
  font-size: 12px;
  line-height: 1.125rem;
  margin-bottom: 0;
  color: #000;
}
footer p {
  font-size: 12px;
  line-height: 1.125rem;
  margin-bottom: 0;
  color: #707070;
}
footer span {
  font-size: 0.75rem;
  line-height: 1.125rem;
  margin-bottom: 0;
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
footer .container {
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: minmax(80px, 0px) minmax(100px, 1fr) minmax(80px, 0);
  grid-template-areas: "... content ..." "... two ...";
}
@media only screen and (max-width: 1200px) {
  footer .container {
    grid-template-columns: minmax(60px, 0) minmax(100px, 1fr) minmax(60px, 0);
  }
}
@media only screen and (max-width: 992px) {
  footer .container {
    grid-template-columns: minmax(40px, 0) minmax(100px, 1fr) minmax(40px, 0);
  }
}
@media only screen and (max-width: 768px) {
  footer .container {
    grid-template-columns: minmax(30px, 0) minmax(100px, 1fr) minmax(30px, 0);
  }
}
footer .row.two {
  grid-area: two;
  justify-content: space-between;
  display: flex;
  margin-top: 10px;
}
footer .row.one {
  grid-area: content;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
footer .row.one .col-12 {
  justify-content: space-between;
  display: flex;
  align-items: center;
  width: 100%;
  padding-bottom: 25px;
}
footer .row.one .col-12 img:nth-child(2) {
  width: 40px;
}
@media only screen and (max-width: 544px) {
  footer .row.one {
    display: block;
  }
}
@media only screen and (max-width: 544px) {
  footer .col-12 {
    width: 100%;
  }
}

.centered-flex-container {
  display: flex;
  justify-content: center;
}

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

.vbox-inline section {
  padding: 30px;
}
.vbox-inline section .submit-button-style {
  display: flex !important;
  justify-content: center;
  align-self: self-start;
  position: relative;
  justify-self: center;
}

.modal#trialProviders .modal-header, .modal#seeDemoVideo .modal-header {
    border: none;
}

.modal#trialProviders .modal-content, .modal#seeDemoVideo .modal-content {
    border-radius: 0;
    background: none;
    display: flex;
    flex-direction: column;
    width: 100% !important;
    max-width: 100% !important;
}

.modal#trialProviders .modal-body, .modal#seeDemoVideo .modal-body {
    padding: 0;
}

.modal#trialProviders .modal-content {
    background: white;
    border-bottom: .75rem solid #DA291C;
}

.modal#trialProviders .modal-content h3 {
    color: #307fe2 !important;
}

iframe#seeDemo-video{
    width: 100%;
    aspect-ratio: 16 / 9;
}


/*# sourceMappingURL=styles.css.map */