.d-flex {display: -webkit-box;display: -ms-flexbox;display: flex;}
.d-wrap {-ms-flex-wrap: wrap;flex-wrap: wrap;}
.align-items-center {-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.align-item-start {-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}
.justify-content-between {-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.justify-content-center {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}



/* Theme base styles */

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

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

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

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

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

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

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

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

body {
  margin: 0;
}

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

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

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

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

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

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

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

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

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

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

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

b,
strong {
  font-weight: bolder;
}

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

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

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

small {
  font-size: 80%;
}

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

legend {
  padding: 0;
}

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

progress {
  vertical-align: baseline;
}

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

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

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

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

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

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

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

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

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

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

details {
  display: block;
}

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

summary {
  display: list-item;
}
 
/* Objects
Non-cosmetic design patterns including grid and layout classes)
*/

/* CSS variables */

:root {
  --column-gap: 2.13%;
}

/* Mobile layout */

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

.row-fluid [class*='span'] {
  min-height: 1px;
  width: 100%;
}

/* Desktop layout */

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

  .row-fluid .span11 {
    width: calc(91.66% - var(--column-gap) * 0.0833);
  }

  .row-fluid .span10 {
    width: calc(83.33% - var(--column-gap) * 0.166);
  }

  .row-fluid .span9 {
    width: calc(75% - (var(--column-gap) * 0.25));
  }

  .row-fluid .span8 {
    width: calc(66.66% - var(--column-gap) * 0.333);
  }

  .row-fluid .span7 {
    width: calc(58.33% - var(--column-gap) * 0.4166);
  }

  .row-fluid .span6 {
    width: calc(50% - var(--column-gap) * 0.5);
  }

  .row-fluid .span5 {
    width: calc(41.66% - var(--column-gap) * 0.5833);
  }

  .row-fluid .span4 {
    width: calc(33.33% - var(--column-gap) * 0.6668);
  }

  .row-fluid .span3 {
    width: calc(25% - var(--column-gap) * 0.75);
  }

  .row-fluid .span2 {
    width: calc(16.66% - var(--column-gap) * 0.8333);
  }

  .row-fluid .span1 {
    width: calc(8.33% - var(--column-gap) * 0.9166);
  }
}
.content-wrapper {
  margin: 0 auto;
  padding: 0 1rem;
}

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

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

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

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

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

body {
  line-height: 1.4;
  overflow-wrap: break-word;
  font-family: 'Inter', sans-serif;
  font-weight:400;
}

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

/* Paragraphs */

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

/* Anchors */

a {
  cursor: pointer;
}

/* Headings */

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 25px 0;
  font-family: 'Inter', sans-serif;
  color: #fff;
}

/* Lists */

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

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

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

/* Code blocks */

pre {
  overflow: auto;
}

code {
  vertical-align: bottom;
}

/* Blockquotes */

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

/* Horizontal rules */

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

/* Image alt text */

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

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

/* No button */

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

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

/* Labels */

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

/* Help text */

form legend {
  font-size: 0.875rem;
}

/* Inputs */

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

form textarea {
  resize: vertical;
}

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

/* Inputs - checkbox/radio */

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

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

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

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

/* Inputs - date picker */

.hs-dateinput {
  position: relative;
}

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

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

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

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

/* Inputs - file picker */

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

/* Headings and text */

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

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

/* GDPR */

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

/* Validation */

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

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

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

/* Submit button */

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

/* Captcha */

.grecaptcha-badge {
  margin: 0 auto;
}
/* Table */

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

/* Table cells */

td,
th {
  vertical-align: top;
}

/* Table header */

thead th {
  vertical-align: bottom;
}

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

/* Header DND sections */

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

/* Header container */

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

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

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

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

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

  .header__column {
    position: relative;
  }

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

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

/* Navigation skipper */

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

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

/* Logo */

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

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

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

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

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

/* Search bar */

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

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

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

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

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

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

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

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

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

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

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

/* Language switcher */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Navigation */

#nav-toggle {
  display: none;
}

/* Mobile toggles */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Horizontal menu */

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

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

/* Vertical menu */

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

/* Flyouts */

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (max-width: 767px) {
  .show-for-sr--mobile {
    border: 0 !important;
    clip: rect(0, 0, 0, 0) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !important;
  }
}
/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/
/* @import url('http://example.com/example_style.css'); */

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

/*****************************************/
/* Start your style declarations here    */
/*****************************************/
/* @import url('http://example.com/example_style.css'); */

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

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

html, body {
  overflow-x: hidden;
}

.container {
  max-width: 1170px;
  margin: 0 auto;
  width: 100%;
  padding: 0 15px;
}

form .hs-button:focus,
form input[type="submit"]:focus {
  outline: 0 none;
}

.hs-button,
form .hs-button,
form input[type="submit"] {
  background: linear-gradient(
    270deg,
    #295cfc 0%,
    #00bff7 50%,
    #00bff7 50%,
    #295cfc 100%
  );
  transition: all 350ms ease-out;
  background-size: 200% auto;
  border-radius: 999px;
  color: #fff;
  padding: 12px 18px;
  height: 48px;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #ffffff;
  border: 0;
}

.hs-button:hover,
.hs-button:focus,
form .hs-button:focus,
form input[type="submit"]:focus,
form .hs-button:hover,
form input[type="submit"]:hover {
  background-position: right center;
}

/*****************************************/
/* Header Start    */
/*****************************************/
body {overflow-x: hidden;background: #0f0a13; margin-top:93px; }
.header { padding: 20px 0; background: #0f0a13; width:100%; left:0; top:0; position:fixed;z-index:5;}
.header .container { display: flex; flex-wrap: wrap; align-items: center; position:relative; }
.header .container, .hero_section .container, .inner-banner .container, .large-container { max-width:1220px; }
.header .logo_part { width: 20%; padding-right: 20px; }
.header .logo_part a { display: flex; }
.header .logo_part a img { max-width: 150px; width: 100%; }
.header .navigation { width: 80%; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.header .navigation .menu_part { }
.header .navigation .menu_part ul { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; align-items: center; }
.header .navigation .menu_part ul li { padding:17px 10px; }
.header .navigation .menu_part ul li > a { font-size: 16px; font-family: 'Inter'; font-weight: 400; line-height: 19px; display: flex; color: #fff; }
.header .navigation .menu_part ul .sub_menu { }
.header .navigation .menu_part ul .sub_menu .sub_title { display:none !important; } /* removed sub-header */
.header .navigation .menu_part ul .sub_menu h3 { display:none !important; } /* removed sub-header */
.header .navigation .menu_part ul .sub_menu .sub_blocks { }
.header .navigation .menu_part ul .sub_menu .block { }
.header .navigation .menu_part ul .sub_menu .block a { }
.header .navigation .menu_part ul .sub_menu .block h4 { }
.header .navigation .menu_part ul .sub_menu .block p { }
.header .navigation .cta_part { }
.header .navigation .cta_part a { display: inline-block; background: linear-gradient(270deg, #00BFF7 0%, #295CFC 100%); border-radius: 999px; padding: 10px 15px; color: #fff; font-size: 16px; font-family: 'Inter'; line-height: 19px; }
.header .navigation { display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center; justify-content: end !important;}
.menu_part ul {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center; }

.header .navigation .menu_part ul li a {font-weight: 400;font-size: 16px;line-height: 19px;color: #FFFFFF;transition: all 350ms ease-out;}
.header .navigation .menu_part ul li a:hover {color:#2467fb;}
/* NAVMEGA — slim, wider submenu panel with scoped selectors */
.menu_part ul li { position:relative; }
.menu_part ul li .sub_menu.navmega { position:absolute; top:100%; left:0; width:560px; max-width:min(96vw,640px); padding:14px 14px; background:#0f0a13; border-radius:14px; box-shadow:0 18px 42px rgba(0,0,0,0.18); opacity:0; visibility:hidden; z-index:1000; transition:opacity .18s ease, visibility .18s ease; }
.menu_part ul li:hover .sub_menu.navmega, .menu_part ul li:focus-within .sub_menu.navmega { opacity:1; visibility:visible; }
.menu_part ul li .sub_menu:before, .menu_part ul li .sub_menu:after { display:none; content:none; }
/* NAVMEGA list (no background at rest, subtle separators) */
.menu_part .sub_menu .navmega-list { list-style:none; margin:0; padding:4px 0; }
.menu_part .sub_menu .navmega-item { margin:0; }
.menu_part .sub_menu .navmega-item + .navmega-item { border-top:1px solid rgba(255,255,255,0.06); }
/* NAVMEGA link as two-column row: left icon, right text */
.menu_part .sub_menu .navmega-link { display:grid; grid-template-columns:28px 1fr; gap:20px; align-items:center; text-decoration:none; padding:12px; border-radius:10px; outline:0; transition:transform .15s ease, background .15s ease; background:transparent; }
.menu_part .sub_menu .navmega-link:hover, .menu_part .sub_menu .navmega-link:focus { background:rgba(255,255,255,0.04); transform:translateY(-1px); }
/* NAVMEGA text */
.menu_part .sub_menu .navmega-text { display:block; min-width:0; }
.menu_part .sub_menu .navmega-title { display:block; font-weight:700; font-size:18px; line-height:1.25; color:#E6ECF2; margin:0 0 2px 0; }
.menu_part .sub_menu .navmega-desc { display:block; font-size:15px; line-height:1.4; color:#aab3bf; opacity:.95; }
/* NAVMEGA badge (unique, scoped) */
.menu_part .sub_menu .navmega-badge { display:grid; place-items:center; width:28px; height:auto; flex:0 0 auto; color:#ffffff; box-shadow:none; border-radius:0; background:none; }
.menu_part .sub_menu .navmega-badge i { font-size:30px; line-height:1; color:transparent; -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
/* NAVMEGA alternating gradients (unique class names) */
.navmega--blue i{background:linear-gradient(135deg,#001f7a,#033bf0 50%,#295cfc);}
.navmega--purple i{background:linear-gradient(135deg,#3017d6,#6b54ed 55%,#a191f5);}
.navmega--teal i{background:linear-gradient(135deg,#03292F,#0CA5BF 55%,#3ED9F3);}

/* Keep minimal hooks you already rely on */
.menu_part .has-sub[aria-expanded="true"] + .sub_menu { display:block; opacity:1; visibility:visible; }

.header .navigation .cta_part { }
.header .navigation .cta_part a { background: linear-gradient(to right, #295cfc 0%,#00bff7 50%,#295cfc 100%) !important;transition: all 350ms ease-out; background-size: 200% auto !important; }
.header .navigation .cta_part a:hover { background-position: right center !important; }
.menu_part .sub_menu .sub_title h2, .menu_part .sub_menu .sub_title h3 { display:none !important; }

.header .navigation .menu_part ul li.parent > a {padding-right: 14px; position:relative;}
.header .navigation .menu_part ul li.parent > a:before{border: solid #fff;  border-width: 0 2px 2px 0;  display: inline-block;  padding: 3px;transform: rotate(45deg);  -webkit-transform: rotate(45deg); position:absolute; right:0; top:5px; content:"";}
.header .navigation .menu_part ul li .menuIcon { display:none; position:relative; width:30px; height:30px; }
.header .navigation .menu_part ul li .menuIcon:before { border: solid #fff; border-width: 0 3px 3px 0; display: inline-block; padding: 3px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); position:absolute; left:7px; top:12px; content:"";transition: all .5s ease-out;-webkit-transition: all .5s ease-out; }
.header .navigation .menu_part ul li .menuIcon.active:before {transform: rotate(45deg); -webkit-transform: rotate(45deg);}

/*****************************************/
/* Start New Home Banner    */
/*****************************************/

.hero-bg { position: relative; width: 100vw; height: calc(100vh - 93px - 100px); min-height: 420px; overflow: hidden; background: #000; display: flex; align-items: center; justify-content: center; z-index: 1; }
.hero-content.single-col { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100%; padding: 0 4vw; text-align: center; position: relative; z-index: 2; }
.hero-content.single-col > * { pointer-events: auto; }
.hero-content.single-col h1 { color: #fff; font-size: clamp(2.2rem, 6vw, 4rem); font-weight: 600; line-height: 1.1; margin: 0 0 1.3rem 0; letter-spacing: -1px; text-shadow: 0 2px 24px #001f7a44; pointer-events: auto; }
.subhead { font-size: clamp(1rem, 2.7vw, 1.25rem); font-weight: 200; color: #fff; margin-top: 0.35em; margin-bottom: 0.35em; line-height: 1.4; pointer-events: auto; }
.hero-bg .cta-button { margin-top: 40px; display: inline-flex;
  align-items: center;
  gap: 0.7rem;
  padding: 0.95rem 1.35rem;
  border-radius: 999px;
  text-decoration: none;
  font-weight: 700;
  font-size: 1rem;
  color: #fff;
  cursor: pointer;
  background: linear-gradient(to right, #295cfc 0%, #00bff7 50%, #295cfc 100%) !important;
  background-size: 200% auto !important;
  transition: all 350ms ease-out;
  box-shadow: 0 8px 28px rgba(41, 92, 252, 0.35); }
.hero-bg .cta-button:hover {
  background-position: right center !important; /* animate gradient shift */
  transform: translateY(-1px);
  box-shadow: 0 12px 36px rgba(0, 191, 247, 0.45);
  filter: saturate(1.05);
}
.hero-bg .center-block { position: absolute; left: 50%; bottom: 30px; transform: translateX(-50%); display: flex; align-items: center; gap: 0.5em; z-index: 10; /* make sure it's above the blobs/background */ pointer-events: auto; }

/* --- ROTATOR STYLES --- */
.highlight-gradient { display: inline-block; padding: 0.12em 0.75em; border-radius: 2em; background: linear-gradient(90deg, #033bf0 0%, #4f36eb 100%); color: #fff; font-weight: 600; position: relative; box-shadow: 0 2px 12px #033bf033; margin: 0 0.12em; min-width: 7.2em; text-align: center; transition: background 0.4s; }
.rotate-text { display: inline-block; vertical-align: middle; min-width: 7.2em; will-change: opacity, transform; /* To avoid layout shift */ transition: opacity 0.3s, transform 0.3s; backface-visibility: hidden; }

/*****************************************/
/* Start New Backpage Banner    */
/*****************************************/

.backpage-hero { position: relative; width: 100vw; height: calc(100vh - 88px); min-height: 420px; overflow: hidden; background: #0f0a13; display: flex; align-items: center; justify-content: center; z-index: 1; }
.backpage-hero .hero-container{
  position: relative;
  z-index: 1;
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: clamp(1.5rem, 4vw, 3rem);
  align-items: center;
}

.backpage-hero .hero-container.single-column {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.backpage-hero .hero-text h1{
  font-weight: 600;
  line-height: 1.08;
  color: #fff;
  font-size: clamp(2.2rem, 6vw, 4rem);
  margin: 0 0 1.3rem 0;
}

.backpage-hero .subhead{
  color: #fff;
  font-size: clamp(1rem, 2.7vw, 1.25rem);
  font-weight: 200;
  text-transform: none;
  margin-bottom: 1.3rem;
}

.backpage-hero .cta-btn{
  display: inline-flex;
  align-items: center;
  gap: 0.7rem;
  padding: 0.95rem 1.35rem;
  border-radius: 999px;
  text-decoration: none;
  font-weight: 700;
  font-size: 1rem;
  color: #fff;
  cursor: pointer;
  background: linear-gradient(to right, #295cfc 0%, #00bff7 50%, #295cfc 100%) !important;
  background-size: 200% auto !important;
  transition: all 350ms ease-out;
  box-shadow: 0 8px 28px rgba(41, 92, 252, 0.35);
}
.backpage-hero .cta-btn:hover{
  transform: translateY(-1px);
  box-shadow: 0 12px 36px rgba(161,145,245,0.45);
  filter: saturate(1.05);
  background-position: right center !important;
}

.backpage-hero .cta-icon{ font-size: 1.1em; line-height: 1; }

.backpage-hero .hero-image img{
  width: 100%;
  height: auto;
  display: block;
  border-radius: 18px;
  box-shadow: 0 18px 48px rgba(0,0,0,0.55);
}

@media (max-width: 768px){
  .backpage-hero .hero-container { padding-inline: 12px !important; box-sizing: border-box; }
}

/*****************************************/
/* CTA Module    */
/*****************************************/

/* ===== CTA wrapper (full-width) ===== */
.cta-mesh{
  position: relative;
  overflow: hidden;
  padding: clamp(4rem, 8vw, 7rem) 2rem;
  color: #fff;
  background: #0f0a13; /* deep base fallback */
  font-family: system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
}

/* Gradient mesh background layer */
.cta-mesh::before{
  content:"";
  position:absolute;
  inset:-20% -10% -20% -10%;
  background:
    radial-gradient(40% 45% at 15% 30%, #6b54ed 0%, rgba(107,84,237,0) 70%),
    radial-gradient(35% 40% at 80% 25%, #295cfc 0%, rgba(41,92,252,0) 70%),
    radial-gradient(35% 40% at 70% 75%, #0CA5BF 0%, rgba(12,165,191,0) 70%),
    radial-gradient(28% 32% at 25% 80%, #a191f5 0%, rgba(161,145,245,0) 70%),
    radial-gradient(22% 26% at 50% 50%, #0FCFEF 0%, rgba(15,207,239,0) 70%),
    linear-gradient(180deg, #3017d6 0%, #6b54ed 60%, #295cfc 100%);
  filter: blur(6px);
  transform: scale(1.12) rotate(0.6deg) translateY(0);
  z-index: 0;
}

/* Animation is opt-in via .is-animated */
.is-animated::before{
  animation: mesh-drift 36s ease-in-out infinite alternate;
}
@keyframes mesh-drift{
  0%   { transform: scale(1.12) rotate(0.6deg) translateY(0); }
  100% { transform: scale(1.12) rotate(-0.6deg) translateY(-12px); }
}
@media (prefers-reduced-motion: reduce){
  .is-animated::before{ animation: none; transform: scale(1.12); }
}

/* ===== Readability overlay (scrim) strength ===== */
.cta-mesh::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:0;
}

/* None */
.overlay--none::after{
  background: transparent;
}

/* Light */
.overlay--light::after{
  background:
    radial-gradient(60% 80% at 50% 42%, rgba(15,10,19,0.08) 0%, rgba(15,10,19,0.18) 70%, rgba(15,10,19,0.24) 100%),
    linear-gradient(180deg, rgba(15,10,19,0.10), rgba(15,10,19,0.18));
}

/* Medium (default) */
.overlay--medium::after{
  background:
    radial-gradient(60% 80% at 50% 42%, rgba(15,10,19,0.12) 0%, rgba(15,10,19,0.28) 70%, rgba(15,10,19,0.38) 100%),
    linear-gradient(180deg, rgba(15,10,19,0.18), rgba(15,10,19,0.28));
}

/* Strong */
.overlay--strong::after{
  background:
    radial-gradient(62% 82% at 50% 42%, rgba(15,10,19,0.18) 0%, rgba(15,10,19,0.42) 70%, rgba(15,10,19,0.55) 100%),
    linear-gradient(180deg, rgba(15,10,19,0.30), rgba(15,10,19,0.44));
}

/* ===== Inner container (content width control) ===== */
.cta-container{
  position: relative;
  z-index: 1;     /* above mesh + overlay */
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
}

/* Typography */
.cta-container h2{
  color: #fff;
  font-size: 48px;
  margin: 0 0 28px 0;
  font-weight: 700;
  line-height: 1.1;
}
.cta-sublead{
  color: #f7f7f7;
  font-size: clamp(1rem, 1.6vw, 1.25rem);
  margin: 0 auto 2rem auto;
  max-width: 900px;
  line-height: 1.6;
}

/* Button (matches hero style, slightly smaller) */
.cta-actions{
  display: flex;
  justify-content: center;
}
.cta-actions .cta-btn{
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  padding: 0.75rem 1.2rem;
  border-radius: 999px;
  text-decoration: none;
  font-weight: 700;
  font-size: 0.95rem;
  color: #fff;
  cursor: pointer;
  background: linear-gradient(to right, #295cfc 0%, #00bff7 50%, #295cfc 100%) !important;
  background-size: 200% auto !important;
  transition: all 350ms ease-out;
  box-shadow: 0 6px 20px rgba(41, 92, 252, 0.35);
}
.cta-actions .cta-btn:hover{
  transform: translateY(-1px);
  box-shadow: 0 10px 28px rgba(161,145,245,0.45);
  filter: saturate(1.05);
  background-position: right center !important;
}

/* Breakpoints (match site) */
@media (max-width: 1169px){
  .cta-container h2{ font-size: 40px; margin-bottom: 24px; }
}
@media (max-width: 767px){
  .cta-container h2{ font-size: 32px; margin-bottom: 20px; }
  .cta-actions .cta-btn{ width: 100%; max-width: 420px; justify-content: center; }
}

/*****************************************/
/* Start Home Banner    */
/*****************************************/
.hero_section_wrap, .inner-banner-wrap {background: #0f0a13;}
.hero_section, .inner-banner { background-size: cover; background-position: center; position: relative; height: calc(100vh - 88px);  display: flex;width: 100%;align-items: center;border-radius: 0 30px 0 0;}
.hero_section .content { max-width: 740px; }
.hero_section .content h1, .inner-banner .content h1 { color: #fff; font-size: 60px; line-height: 72px; letter-spacing: -0.02em;font-weight: 900; margin-bottom: 32px; }
.hero_section .content p, .inner-banner .content p { color: #fff; font-family: 'Inter'; font-size: 30px; line-height: 44px; letter-spacing: -0.02em; font-weight: 400; margin-bottom:0px; }
.hero_section .content p span { background: linear-gradient(270deg, #00bff7, #295cfc, #00bff7, #295cfc);	background-size: 400% 400%;animation: gradient 5s ease infinite; display:inline-block; }
@keyframes gradient {0% {background-position: 0% 50%; padding-left:0;padding-right:0;}50% {background-position: 100% 50%;padding-left:15px;padding-right:15px;}100% {	background-position: 0% 50%;padding-left:0;padding-right:0;}}

.inner-banner .content p {font-size: 24px; line-height: 32px; letter-spacing: 0;max-width: 488px;}
.inner-banner p.tagline, .inner-banner div.tagline {font-weight: 700;font-size: 14px;line-height: 24px;text-transform: uppercase;color: #0fcff0; margin-bottom:32px; max-width:100%;}
.inner-banner .content { max-width: 700px; }

.button {padding: 12px 18px;border-radius: 0 8px;font-weight: 700;font-size: 16px;line-height: 24px;color: #FFFFFF; position:relative; border:1px solid #168afa; /*background-image: url("data:image/svg+xml,%3Csvg width='232' height='49' viewBox='0 0 232 49' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.5 1.03955H224C228.142 1.03955 231.5 4.39742 231.5 8.53955V48.0396H8C3.85787 48.0396 0.5 44.6817 0.5 40.5396V1.03955Z' stroke='url(%23paint0_linear_101_16013)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_101_16013' x1='232' y1='24.5396' x2='0' y2='24.5396' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2300BFF7'/%3E%3Cstop offset='1' stop-color='%23295CFC'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
background-repeat: no-repeat no-repeat;
background-position: center center;
background-size: 100% 100%;*/}
.button:hover, .button:focus{background:linear-gradient(270deg,#00bff7,#295cfc);color: #fff;}
.button .fa { margin-left:10px; }

.hero_section_wrap .center-block, .inner-banner-wrap .center-block { position: absolute; bottom: 10px; margin: 0; left: 50%; transform: translate(-50%, 0); color: #fff; font-size: 16px; line-height: 19px; font-weight: 400; display: flex; flex-wrap: wrap; justify-content: center; text-align: center; cursor:pointer;transition: all .35s ease-out; z-index:1; }
.hero_section_wrap .center-block span, .inner-banner-wrap .center-block span { width: 100%; margin-bottom: 10px; }
.hero_section_wrap .center-block:hover, .inner-banner-wrap .center-block:hover { -webkit-text-fill-color: transparent;background: linear-gradient(270deg,#00bff7,#295cfc);  background-clip: border-box;-webkit-background-clip: text;}
.slick-dots { bottom:15px !important; }
.slick-dots li button::before { content:"";background: linear-gradient(270deg,#ffffff,#ffffff); width:15px; height:15px; left:5px; top:5px;opacity: 1; border-radius:50%; }
.slick-dots li.slick-active button:before {opacity: 1;background: linear-gradient(270deg,#00bff7,#295cfc)}

/*****************************************/
/* Start Approach to ROI    */
/*****************************************/
.approach_block,.approach_block_nobg,.approach_block_4col,.approach_block_4col_nobg{padding:25px 0 0;background:#0f0a13}
.approach_block,.approach_block_4col{background-repeat:no-repeat;background-position:top left}
.approach_block .tegline,.approach_block_nobg .tegline,.approach_block_4col .tegline,.approach_block_4col_nobg .tegline{text-align:center;color:#6B8FFF;font-size:16px;line-height:1.5;font-family:'Inter';font-weight:700;margin:0}
.approach_block h2,.approach_block_nobg h2,.approach_block_4col h2,.approach_block_4col_nobg h2{text-align:center;font-family:'Inter';font-weight:bold;font-size:48px;line-height:60px;letter-spacing:-.02em;color:#fff;margin-bottom:40px}
.approach_block .content,.approach_block_nobg .content,.approach_block_4col .content,.approach_block_4col_nobg .content{display:flex;flex-wrap:wrap;justify-content:space-between}
.approach_block .block,.approach_block_nobg .block,.approach_block_4col .block,.approach_block_4col_nobg .block{border-radius:0 30px;margin-bottom:20px;position:relative}
.approach_block .block:before,.approach_block_nobg .block:before,.approach_block_4col .block:before,.approach_block_4col_nobg .block:before{position:absolute;content:"";top:-1px;right:-1px;bottom:-1px;left:-1px;background:linear-gradient(270deg,#00BFF7 0%,#295CFC 100%);border-radius:0 30px}
.approach_block .block-inner,.approach_block_nobg .block-inner,.approach_block_4col .block-inner,.approach_block_4col_nobg .block-inner{background:#130720;border-radius:0 30px;position:relative;z-index:1;background-size:cover;background-position:center;padding:40px 20px;height:100%}
.approach_block .block-bg-img,.approach_block_nobg .block-bg-img,.approach_block_4col .block-bg-img,.approach_block_4col_nobg .block-bg-img{position:absolute;left:0;top:0;width:100%;height:100%;border-radius:0 30px;background-size:cover;background-position:center}
.approach_block .block .overlay_num,.approach_block_nobg .block .overlay_num,.approach_block_4col .block .overlay_num,.approach_block_4col_nobg .block .overlay_num{position:absolute;background:linear-gradient(270deg,rgba(0,191,247,.08) 0%,rgba(41,92,252,.08) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent;font-size:250px;line-height:1.2;right:0;top:-50px;z-index:2;font-weight:bold}
.approach_block .block .icon,.approach_block_nobg .block .icon,.approach_block_4col .block .icon,.approach_block_4col_nobg .block .icon{display:flex;width:40px;height:40px;align-items:center;justify-content:center;background:linear-gradient(270deg,rgba(0,191,247,.08) 0%,rgba(41,92,252,.08) 100%);border-radius:50%;position:relative}
.approach_block .block .icon img,.approach_block_nobg .block .icon img,.approach_block_4col .block .icon img,.approach_block_4col_nobg .block .icon img{max-width:20px;position:absolute;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);left:50%;top:50%}
.approach_block .block .icon .icon-hover-img,.approach_block_nobg .block .icon .icon-hover-img,.approach_block_4col .block .icon .icon-hover-img,.approach_block_4col_nobg .block .icon .icon-hover-img{opacity:0;visibility:hidden}
.approach_block .block h3,.approach_block_nobg .block h3,.approach_block_4col .block h3,.approach_block_4col_nobg .block h3{color:#fff;font-family:'Inter';line-height:32px;font-size:24px;margin-top:10px;margin-bottom:10px}
.approach_block .block h3 span,.approach_block_nobg .block h3 span,.approach_block_4col .block h3 span,.approach_block_4col_nobg .block h3 span{color:#fff;font-family:'Inter';line-height:32px;font-size:32px;font-weight:bold;margin-top:10px;margin-bottom:10px;margin-right:1px}
.approach_block .block p,.approach_block_nobg .block p,.approach_block_4col .block p,.approach_block_4col_nobg .block p{margin:0;font-size:16px;line-height:24px;color:#f7f7f7}
.approach_block .block,.approach_block .block-bg-img,.approach_block .block-inner,.approach_block .block:before,.approach_block .block .icon,.approach_block .block p,.approach_block .block .icon img,
.approach_block_nobg .block,.approach_block_nobg .block-bg-img,.approach_block_nobg .block-inner,.approach_block_nobg .block:before,.approach_block_nobg .block .icon,.approach_block_nobg .block p,.approach_block_nobg .block .icon img,
.approach_block_4col .block,.approach_block_4col .block-bg-img,.approach_block_4col .block-inner,.approach_block_4col .block:before,.approach_block_4col .block .icon,.approach_block_4col .block p,.approach_block_4col .block .icon img,
.approach_block_4col_nobg .block,.approach_block_4col_nobg .block-bg-img,.approach_block_4col_nobg .block-inner,.approach_block_4col_nobg .block:before,.approach_block_4col_nobg .block .icon,.approach_block_4col_nobg .block p,.approach_block_4col_nobg .block .icon img{transition:all 500ms ease-out;-webkit-transition:all 500ms ease-out}
.approach_block .block:hover .block-inner,.approach_block_nobg .block:hover .block-inner,.approach_block_4col .block:hover .block-inner,.approach_block_4col_nobg .block:hover .block-inner{background:rgba(0,26,105,.8)}
.approach_block .block:hover p,.approach_block_nobg .block:hover p,.approach_block_4col .block:hover p,.approach_block_4col_nobg .block:hover p{color:#fff}
.approach_block .block:hover .overlay_num,.approach_block_nobg .block:hover .overlay_num,.approach_block_4col .block:hover .overlay_num,.approach_block_4col_nobg .block:hover .overlay_num{background:linear-gradient(270deg,rgba(255,255,255,.08) 0%,rgba(255,255,255,.08) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent}
.approach_block .block:hover .icon .icon-hover-img,.approach_block_nobg .block:hover .icon .icon-hover-img,.approach_block_4col .block:hover .icon .icon-hover-img,.approach_block_4col_nobg .block:hover .icon .icon-hover-img{opacity:1;visibility:visible}
.approach_block .block:hover .icon .icon-img,.approach_block_nobg .block:hover .icon .icon-img,.approach_block_4col .block:hover .icon .icon-img,.approach_block_4col_nobg .block:hover .icon .icon-img{opacity:0;visibility:hidden}
.approach_block .block,.approach_block_nobg .block{width:30%}
.approach_block_4col .block,.approach_block_4col_nobg .block{width:23%}


/*****************************************/
/* Start Awards    */
/*****************************************/
.awards { padding: 40px 0; background-size: cover; background-position: center; }
.awards .container { display: flex; align-items: center; flex-wrap: wrap; }
.awards .text_part { width: 30%; padding-right: 30px; }
.awards .text_part h2 { color: #000; font-size: 36px; line-height: 1.2; margin: 0; font-weight: 900; }
.awards .badges { width: 70%; display: flex; flex-wrap: wrap; }
.awards .badges div { width: 150px; padding: 20px; border: 1px solid #D3D7DA; border-radius: 0px 30px; margin-right: 30px; display: flex; align-items: center; justify-content: center; }
.awards .badges div img { max-width: 100%; }

/*****************************************/
/* Start Our Clients    */
/*****************************************/
.logo_module {background:#0f0a13;padding:0;height:100px;overflow:hidden;position:relative;width:100%;}
.logo_module .slider_content {width:100vw;height:100px;overflow:hidden;padding:0;margin:0;}
.logo_module .logo_items {display:flex;animation:logo-scroll 35s linear infinite;min-width:max-content;gap:80px;}
.logo_module .block {width:120px;height:100px;display:flex;align-items:center;justify-content:center;}
.logo_module .block img {max-height:95px;width:auto;display:block;filter:brightness(0) invert(1);object-fit:contain;}
@keyframes logo-scroll {0%{transform:translateX(0);}100%{transform:translateX(-50%);}}

/*****************************************/
/* Start Services    */
/*****************************************/
.tab_blocks { background: #0f0a13; padding: 50px 0 100px 0; position: relative; }
.tab_blocks > img { position: absolute; left: 0; bottom: 0; transform: translate(0, 90%); max-width: 200px; z-index: 9; }
.tab_blocks .top_content { text-align: center; }
.tab_blocks .top_content .tagline { color: #6B8FFF; font-size: 16px; line-height: 24px; margin: 0; font-weight:700; }
.tab_blocks .top_content h2 { font-size: 48px; line-height: 60px; letter-spacing: -0.02em; color: #fff; margin-bottom: 120px; }
.tab_blocks .content { max-width: 976px; margin: 0 auto; }
.tab_blocks .tabs ul { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; align-items: center; border-bottom: 1px solid #776A84; }
.tab_blocks .tabs ul li { color: #776A84; font-size: 14px; line-height: 24px; padding-bottom: 10px; font-weight:700; padding-right:20px; }
.tab_blocks .tabs ul li.active, .tab_blocks .tabs ul li:hover { background: linear-gradient(270deg, #00BFF7 0%, #295CFC 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; }
.tab_blocks .tabs ul li:hover { cursor: pointer; }
.tab_blocks .tabs ul li.active:before { content: ""; left: 0; bottom: -1px; width: 100%; height: 1px; background: linear-gradient(270deg, #00BFF7 0%, #295CFC 100%); position: absolute; }
.tab_blocks .tab_contents { margin-top: 70px; }
.tab_blocks .tab_contents .block { display: flex; flex-wrap: wrap; align-items: center; display: none; }
.tab_blocks .tab_contents .block.active { display: flex; }
.tab_blocks .tab_contents .block .text_part { width: 50%; padding-right: 50px; }
.tab_blocks .tab_contents .block .text_part_full { width: 100%; }
.tab_blocks .tab_contents .block h3 { color: #6B8FFF; font-size: 16px; line-height: 24px; font-family: 'Inter'; margin-bottom: 30px; }
.tab_blocks .tab_contents .block h4 { color: #fff; font-size: 24px; line-height: 32px; margin-bottom: 30px; font-family: 'Inter'; }
.tab_blocks .tab_contents .block p { color: #f7f7f7; font-size: 16px; line-height: 24px; margin-bottom: 30px; max-width: 286px; }
.tab_blocks .tab_contents .block .text_part_full p { color: #f7f7f7; font-size: 16px; line-height: 24px; margin-bottom: 30px; max-width: 100%; }
.tab_blocks .tab_contents .block .img_part { width: 50%; }
.tab_blocks .tab_contents .block img { width: 100%;border-radius: 0 30px; }
.ser-bg-img{  position: absolute;  left: 0;  top: 100%;  z-index: 1;  margin-top: -145px;}

/*****************************************/
/* New Services Tab Functionality   */
/*****************************************/

.execo-services-module{position:relative;background:#0f0a13;overflow:hidden;}
.execo-bg-bubbles .container{position:relative;z-index:1;}
.execo-bubble-bg{
  position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none;z-index:0;
}
.execo-bubble-bg:before,.execo-bubble-bg:after{
  content:"";position:absolute;border-radius:50%;filter:blur(60px);opacity:0.75;z-index:0;
}
.execo-bubble-bg:before{
  width:360px;height:340px;left:10%;top:10%;
  background:radial-gradient(circle at 40% 60%, #4f36eb 0%, #a191f5 80%, transparent 100%);
  opacity:0.5;
}
.execo-bubble-bg:after{
  width:300px;height:270px;right:8%;top:30%;
  background:radial-gradient(circle at 70% 30%, #0fcfef 0%, #7ee6f7 60%, transparent 100%);
  opacity:0.4;
}
.execo-bubble-bg span{
  position:absolute;display:block;width:150px;height:140px;left:55%;top:48%;
  transform:translate(-50%,0);border-radius:50%;filter:blur(38px);opacity:0.32;
  background:radial-gradient(circle at 70% 40%, #ffe026 0%, #ffeb6b 60%, transparent 100%);
}

.execo-services-header{text-align:center;padding-top:32px;}
.execo-services-bubble, .sec-tagline, .sub-tegline{
  font-weight: 700;
  font-size: 16px;
  display: inline-block;
  background: linear-gradient(90deg, #033bf0 0%, #4f36eb 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  margin-bottom: 14px;
  letter-spacing: 0.02em;
}
.execo-services-title{color:#fff;font-size:48px;margin:0 0 28px 0;font-weight:700;}

.execo-services-layout{display:flex;}
.execo-services-sidebar{min-width:230px;background:transparent;padding:32px 0;display:flex;flex-direction:column;align-items:flex-start;}
.execo-services-sidebar ul{list-style:none;margin:0;padding:0 0 0 24px;width:100%;display:flex;flex-direction:column;gap:0;}
.execo-services-sidebar li{padding:14px 0 14px 4px;cursor:pointer;font-size:inherit;font-family:inherit;width:95%;border-radius:8px 0 0 8px;background:transparent;position:relative;}
.execo-services-tab-bubble{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;padding:6px 22px;border-radius:32px;transition:background 0.18s,color 0.18s;box-shadow:none;}
.execo-services-sidebar li .execo-services-tab-bubble{background:transparent;color:#a191f5;}
.execo-services-sidebar li.active .execo-services-tab-bubble,
.execo-services-sidebar li:hover .execo-services-tab-bubble{
  background:linear-gradient(90deg,#a191f5 0%,#0fcfef 100%);
  color:#181422;
  box-shadow:0 2px 12px 0 rgba(79,54,235,0.09);
}
.execo-services-tab-bubble i{font-size:1.12em;}
.execo-services-tab-label{font-weight:400;}
.execo-services-content{flex:1;padding:48px 36px;position:relative;min-width:0;display:flex;flex-direction:column;justify-content:center;z-index:2;}
.execo-services-panel{
  display:none;
  gap:24px;
  align-items: flex-start;
  justify-content:space-between;
  animation:fadeIn 0.4s;
  background:rgba(20,20,30,0.32);
  border-radius:16px;
  box-shadow:0 4px 36px 0 rgba(79,54,235,0.16);
  padding:40px 32px 32px 32px;
  position:relative;
  z-index:3;
  flex-direction:row;
  flex-wrap:wrap;
}
.execo-services-panel.active{display:flex;}
.execo-panel-headline{
  width:100%;
  flex-basis:100%;
  order:-1;
  font-size: 32px;
  font-weight:600;
  color:#fff;
  margin:0 0 8px 0;
  padding:0;
  letter-spacing:-1px;
  line-height:1.08;
}
.execo-services-panel-content{flex:1 1 0%;min-width:0;}
.execo-services-panel-content h3{color:#ffe026;margin:0 0 8px 0;font-size:1.15rem;font-weight:600;}
/* h4 headline is now handled above */
.execo-services-panel-content p{color:#f7f7f7;font-size:inherit;line-height:1.7;margin-bottom:32px;}
.execo-learn-more{
  background:#143bb2;
  color:#fff;
  border:none;
  border-radius:0 6px;
  padding:12px 32px;
  font-size:inherit;
  font-family:inherit;
  cursor:pointer;
  transition:background 0.16s,color 0.16s;
  display:inline-flex;
  align-items:center;
  gap:10px;
  box-shadow:0 2px 8px rgba(79,54,235,0.08);
  text-decoration:none;
}
.execo-learn-more i{font-size:1.25em;transition:transform 0.2s;color:#fff;}
.execo-learn-more:hover{background:#4f36eb;color:#fff;}
.execo-learn-more:hover i{transform:translateX(6px);}
.execo-services-panel-image{
  flex:0 0 340px;
  display:flex;
  align-items:flex-start;   /* Align image to top! */
  justify-content:center;
}
.execo-services-panel-image img{max-width:100%;border-radius:0 30px;object-fit:cover;}
@keyframes fadeIn{from{opacity:0;transform:translateY(16px);}to{opacity:1;transform:translateY(0);}
}
/* Responsive: horizontal scroll for tabs on mobile */
@media (max-width:1169px){
  .execo-services-layout{flex-direction:column;}
  .execo-services-sidebar{min-width:100%;flex-direction:row;border-radius:18px 18px 0 0;padding:0;overflow-x:auto;align-items:stretch;}
  .execo-services-sidebar ul{
    display:flex;flex-direction:row;gap:10px; /* space between tab chips */
    width:auto;min-width:100vw;max-width:100vw;
    overflow-x:auto;overflow-y:hidden;
    white-space:nowrap; /* prevent line breaks */
    padding:12px 6vw 0 6vw;
    margin:0;
    scrollbar-width:none;
  }
  .execo-services-sidebar ul::-webkit-scrollbar{display:none;}
  .execo-services-sidebar li{
    width:auto;min-width:120px;
    border-radius:24px;
    justify-content:center;
    padding:0;
    background:transparent;
    flex-shrink:0;
  }
  .execo-services-content{padding:28px 14px;}
  .execo-services-panel{flex-direction:column;gap:28px;padding:28px 14px;align-items:stretch;}
  .execo-panel-headline{font-size:1.17rem;margin-bottom:8px;}
  .execo-services-panel-image{
    align-items:flex-start;
  }
  .execo-services-panel-image img{width:100%;min-width:0;max-width:350px;border-radius:0 30px;}
  .execo-learn-more{padding:10px 18px;}
}
@media (max-width:767px){
  .execo-services-header{padding-top:18px;}
  .execo-services-panel{
    gap:18px;
    padding:20px 10px 16px 10px; /* More padding on all sides */
    border-radius:8px;
  }
  .execo-panel-headline{font-size:1.05rem;margin-bottom:6px;}
  .execo-services-panel-image img{max-width:95vw;border-radius:0 30px;}
}

/*****************************************/
/* Start Solution   */
/*****************************************/

.solution{background:#0f0a13;color:#ffffff;}
/* Header */
.solution-header{text-align:center;margin-bottom:clamp(2rem,5vw,3rem);}
.solution-header h2{font-size:48px;font-weight:700;margin:0 0 28px;color:#ffffff;line-height:60px;letter-spacing:-0.02em;}
.solution-lead{color:#f7f7f7;font-size:clamp(0.8rem,1vw,0.9rem);margin:0 auto;line-height:1.2;}
/* Grid layout */
.solution-grid{display:grid;grid-template-columns:1.1fr 0.9fr;gap:clamp(1.5rem,4vw,3rem);align-items:start;max-width:1200px;margin:0 auto;}
/* One-column modifier when testimonial is off */
.solution-grid--single{grid-template-columns:1fr;max-width:900px;}
/* Checklist */
.solution-list{list-style:none;display:grid;gap:1.1rem;margin:0;padding:0;}
.solution-list li{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:0.9rem;font-size:clamp(0.8rem,1vw,0.9rem);color:#f7f7f7;}
/* Check icon */
.check{width:28px;height:28px;flex:0 0 auto;filter:drop-shadow(0 0 10px rgba(45,211,111,0.25));}
.check .ring{fill:rgba(45,211,111,0.12);stroke:#0FCFEF;stroke-width:2.2;}
.check .tick{fill:none;stroke:#0FCFEF;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.6;}
/* Testimonial card */
.testimonial-card{position:relative;background:linear-gradient(135deg,#4f36eb,#6b54ed 55%,#a191f5);color:#ffffff;border-radius:18px;padding:clamp(1.25rem,3vw,2rem);box-shadow:0 18px 48px rgba(0,0,0,0.45);}
.quote-mark{position:absolute;top:12px;right:14px;width:48px;height:48px;}
.testimonial-quote{font-style:italic;line-height:1.5;color:#ffffff;margin:0 0 1.25rem 0;font-size:clamp(0.8rem,1vw,0.9rem);}
.testimonial-author{display:grid;grid-template-columns:auto 1fr;gap:0.8rem;align-items:center;}
.author-avatar{width:48px;height:48px;border-radius:999px;display:block;}
.author-meta{display:grid;}
.author-name{font-weight:700;color:#ffffff;line-height:1.2;font-size:0.85rem;}
.author-title{color:#9eb5ff;font-size:0.75rem;line-height:1.2;}
/* Responsive */
@media (max-width:1169px){
  .solution-grid{grid-template-columns:1fr;max-width:900px;}
  .testimonial-card{order:2;}
}

/*****************************************/
/* Start Why We're Different   */
/*****************************************/

/* Wrapper: dark background; HubSpot controls outer width */
.edge-section{
  background: #0f0a13;
  color: #f7f7f7;
}

/* Header */
.edge-header{
  text-align: center;
  margin-bottom: clamp(2rem, 5vw, 3rem);
}
.edge-badge{
  display: inline-block;
  background: #20c05b;
  color: #ffffff;
  font-weight: 700;
  font-size: 0.95rem;
  padding: 0.45rem 0.9rem;
  border-radius: 999px;
  box-shadow: 0 6px 18px rgba(32,192,91,0.35);
  margin-bottom: 0.85rem;
}
.edge-header h2{
  color: #ffffff;
  font-size: 48px;
  margin: 0 0 28px 0;
  font-weight: 700;
  line-height: 1.1;
}
.edge-sublead{
  color: #f7f7f7;
  font-size: clamp(0.8rem, 1vw, 0.9rem);
  max-width: 1200px;
  margin: 0 auto;
}

/* Grid: constrain only the card block */
.edge-grid{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(1rem, 3vw, 1.5rem);
  align-items: stretch;

  max-width: 1200px;   /* prevents over-wide cards */
  margin: 0 auto;
}

/* Cards */
.edge-card{
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.9rem;
  align-items: start;

  background: #14111b;
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 14px;
  padding: 1.25rem 1.25rem;
  box-shadow: 0 10px 24px rgba(0,0,0,0.35);
  transition: border-color .2s ease;
}

/* Icon badge using Font Awesome */
.edge-card-badge{
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 12px;
  flex: 0 0 auto;
  color: #ffffff;              /* FA icon color */
  box-shadow: 0 10px 22px rgba(0,0,0,0.35);
  transition: transform .2s ease;
}
.edge-card-badge i{
  font-size: 18px;             /* FA icon size */
  line-height: 1;
}

/* Colorways for badge backgrounds (on-brand gradients) */
.icon--blue{
  background: linear-gradient(135deg, #001f7a, #033bf0 50%, #295cfc);
  box-shadow: 0 8px 28px rgba(41,92,252,0.28);
}
.icon--purple{
  background: linear-gradient(135deg, #3017d6, #6b54ed 55%, #a191f5);
  box-shadow: 0 8px 28px rgba(107,84,237,0.28);
}
.icon--teal{
  background: linear-gradient(135deg, #03292F, #0CA5BF 55%, #3ED9F3);
  box-shadow: 0 8px 28px rgba(12,165,191,0.25);
}

/* Card copy */
.edge-card-copy h3{
  font-size: 1.05rem;
  font-weight: 800;
  color: #ffffff;
  margin: 0 0 0.35rem 0;
  line-height: 1.25;
}
.edge-card-copy p{
  color: #f7f7f7;
  font-size: clamp(0.8rem, 1vw, 0.9rem);
  line-height: 1.6;
  margin: 0;
}

/* ---- Hover highlight (preserved) ---- */
.edge-card:hover .edge-card-badge{ transform: scale(1.03); transition: transform .2s ease; }
.edge-card:hover{ border-color: rgba(255,255,255,0.16); }

/* -------- Breakpoints -------- */

/* ≤1169px: 2 columns */
@media (max-width: 1169px){
  .edge-grid{
    grid-template-columns: repeat(2, 1fr);
  }
}

/* ≤767px: 1 column + tighter padding/title size */
@media (max-width: 767px){
  .edge-grid{
    grid-template-columns: 1fr;
  }
  .edge-card{
    padding: 1rem 1rem;
  }
  .edge-badge{
    font-size: 0.9rem;
  }
  .edge-header h2{
    font-size: 32px;
    margin: 0 0 20px 0;
  }
  .edge-sublead{
    font-size: 0.8rem;
  }
}

/*****************************************/
/* Start Careers Page   */
/*****************************************/

/************ Hero ************/

/* ===== Careers Hero (full reset) ===== */
.careers-hero-rotator{
  position: relative;
  overflow: hidden;
  background: #0f0a13;
  color: #fff;
  padding: clamp(64px, 8vw, 112px) 16px;
  isolation: isolate;
  height: calc(100vh - 88px);
}

/* Grid container */
.careers-hero-rotator .hero-inner{
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  /* critical: allow columns to shrink below min-content */
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.2fr);
  grid-template-areas:
    "copy panel";
  column-gap: clamp(24px, 4vw, 48px);
  row-gap: clamp(12px, 2vw, 24px);
  align-items: center;
}

/* Stack at ≤920px and make the panel nice and wide */
@media (max-width: 1280px){
  .careers-hero-rotator .hero-inner{
    grid-template-columns: 1fr;
    grid-template-areas:
      "copy"
      "panel";
    column-gap: 0;
    row-gap: 20px;
    max-width: 1280px; /* keep it roomy when stacked so panel isn't too narrow */
  }
}

/* Left + right grid areas */
.careers-hero-rotator .hero-copy{ grid-area: copy; min-width: 0; }
.careers-hero-rotator .panel{ grid-area: panel; min-width: 0; }

/* Headline (25% smaller than original) */
.careers-hero-rotator .hero-copy h1{
  font-weight: 600;
  line-height: 1.08;
  color: #fff;
  font-size: clamp(1.65rem, 4.3vw, 2.6rem);
  margin: 0 0 1.3rem 0;
}

/* Subhead */
.careers-hero-rotator .hero-copy .subhead{
  color: #fff;
  font-size: clamp(1rem, 2.7vw, 1.25rem);
  font-weight: 200;
  text-transform: none;
  margin-bottom: 1.3rem;
}

/* CTAs */
.careers-hero-rotator .btn-cta{
  display: inline-flex;
  align-items: center;
  gap: 0.7rem;
  padding: 0.95rem 1.35rem;
  border-radius: 999px;
  text-decoration: none;
  font-weight: 700;
  font-size: 1rem;
  color: #fff;
  cursor: pointer;
  background: linear-gradient(to right, #295cfc 0%, #00bff7 50%, #295cfc 100%) !important;
  background-size: 200% auto !important;
  transition: all 350ms ease-out;
  box-shadow: 0 8px 28px rgba(41, 92, 252, 0.35);
}
.careers-hero-rotator .btn-cta:hover{ background-position: right center !important; }

.careers-hero-rotator .btn-cta.ghost{
  background: transparent !important;
  border: 2px solid #295cfc;
  color: #cfe1ff;
  box-shadow: none;
  transition: all 250ms ease;
}
.careers-hero-rotator .btn-cta.ghost:hover{
  color: #ffffff;
  border-color: #00bff7;
  background: rgba(41,92,252,0.12) !important;
  box-shadow: 0 6px 20px rgba(41, 92, 252, 0.25);
  transform: translateY(-1px);
}
.careers-hero-rotator .btn-cta.ghost:focus-visible{
  outline: 2px solid #00bff7;
  outline-offset: 2px;
  box-shadow: 0 0 0 4px rgba(0,191,247,0.25);
}

/* Breathing background (scale-forward pulse) */
.careers-hero-rotator .hero-bg{
  position:absolute; inset: -20% -10% auto -10%;
  height: 100%;
  background:
    radial-gradient(60% 60% at 20% 10%, rgba(41,92,252,.45), transparent 60%),
    radial-gradient(50% 50% at 80% 30%, rgba(15,207,240,.45), transparent 60%),
    radial-gradient(40% 40% at 60% 80%, rgba(1,26,105,.55), transparent 60%);
  filter: blur(40px) saturate(120%);
  z-index: -1;
  animation: breathe 12s ease-in-out infinite;
}
@keyframes breathe{
  0%   { transform: scale(1);    opacity: 0.8; }
  50%  { transform: scale(1.25); opacity: 1;   }
  100% { transform: scale(1);    opacity: 0.8; }
}

/* Image panel */
.careers-hero-rotator .panel{
  position: relative;
  width: 100%;
  max-width: 100%;     /* ensure it never overflows its grid track */
  min-height: clamp(300px, 42vw, 520px);
  border-radius: 20px;
  overflow: hidden;
  background: #111;
  box-shadow: 0 20px 40px rgba(0,0,0,.35);
  justify-self: stretch; /* don't let it auto-size wider than the track */
}

/* Fix for very short devices the rotator image being cut off */
@media (max-height: 767px) {
  .careers-hero-rotator .panel{
    display: none;
  }
}

/* When stacked, let it be big & centered */
@media (max-width: 1280px){
  .careers-hero-rotator .panel{
    min-height: clamp(320px, 56vw, 560px);
    justify-self: center;
  }
}

/* Panel images */
.careers-hero-rotator .panel .img{
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  transition: opacity .9s ease;
}
.careers-hero-rotator .panel .img.current{ opacity: 1; }
.careers-hero-rotator .panel .img.next{ opacity: 0; }

/* Per-slide zoom — keep growing into the fade */
.careers-hero-rotator .zooming{ animation: slideZoom 7s linear forwards; }
@keyframes slideZoom{
  0%   { transform: scale(1); }
  70%  { transform: scale(1.05); }
  100% { transform: scale(1.10); }
}

/************ Growth Learning ************/

/* === Careers: Growth & Learning module (scoped) === */
.gl-growth-learning .gl-wrap { max-width: 1120px; margin: 0 auto; padding: 0 16px; }
.gl-growth-learning .gl-header { text-align: center; margin: 0 0 36px; }
.gl-growth-learning .gl-h2 { margin-bottom: 28px; }
.gl-growth-learning .gl-sublead {
    color: #f7f7f7;
    font-size: clamp(0.8rem, 1vw, 0.9rem);
    margin: 0 auto;
    line-height: 1.2;
}

/* Layout spacing to prevent overlap */
.gl-growth-learning .gl-grid { display: grid; gap: 40px; }
@media (min-width: 900px){
  .gl-growth-learning .gl-grid { grid-template-columns: 1fr 1fr; column-gap: 56px; align-items: start; }
}

/* Narrative */
.gl-growth-learning .gl-left .gl-preview p{ color: #f7f7f7; font-size: 18px; line-height: 1.75; margin: 0 0 14px; }
.gl-growth-learning .gl-left .gl-full p{ color: #f7f7f7; font-size: 16px; line-height: 1.65; margin: 0 0 12px; }

/* Read-more toggle */
.gl-growth-learning .gl-toggle{
  appearance: none; border: 1px solid #36454f; background: transparent; color: #f7f7f7;
  padding: 10px 14px; border-radius: 10px; cursor: pointer;
  transition: border-color .2s ease, transform .2s ease;
}
.gl-growth-learning .gl-toggle:hover{ border-color: #295cfc; }
.gl-growth-learning .gl-toggle:active{ transform: translateY(1px); }
.gl-growth-learning .gl-toggle:focus-visible{ outline: 2px solid #295cfc; outline-offset: 2px; }
.gl-growth-learning .gl-caret{ display:inline-block; transition: transform .2s ease; }
.gl-growth-learning .gl-toggle[aria-expanded="true"] .gl-caret{ transform: rotate(180deg); }

/* Diagram wrapper — responsive, no scrollbars */
.gl-growth-learning .gl-right{ min-width: 0; padding-top: 24px; }
.gl-growth-learning .gl-diagram{
  position: relative;
  width: 100%;
  max-width: clamp(160px, 65vw, 400px);
  aspect-ratio: 1 / 1;
  margin-inline: auto;
  z-index: 0;
  overflow: visible;
}

/* Background image holder (inline via HubL style attr) */
.gl-growth-learning .gl-bg{
  position: absolute; left: 50%; top: 50%;
  width: 80%; height: 80%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background-size: cover;
  background-position: center center;
  z-index: 0; pointer-events: none;
}

/* Circle path — 3px stroke, no arrowhead */
.gl-growth-learning .gl-loop{ position: absolute; inset: 0; width: 100%; height: 100%; z-index: 1; }
.gl-growth-learning .gl-path{
  fill: none; stroke: #cbd5e1; stroke-width: 3; vector-effect: non-scaling-stroke;
  stroke-dasharray: 1500; stroke-dashoffset: 1500; transition: stroke-dashoffset 1.2s ease;
  marker-end: none;
}
.gl-growth-learning .gl-diagram.animate .gl-path{ stroke-dashoffset: 0; }

.gl-growth-learning .gl-nodes{ position: absolute; inset: 0; z-index: 2; }

/* Node anchor */
.gl-growth-learning .gl-node{
  position: absolute; width: 1px; height: 1px; background: transparent; border: 0;
  cursor: pointer; outline: none;
}

/* Arrows (replace dots) */
.gl-growth-learning .gl-node-dot{
  position: absolute; left: 0; top: 0; transform: translate(-50%, -50%);
  width: 0; height: 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-left: 22px solid #295cfc;
}

/* Labels + plus badge */
.gl-growth-learning .gl-node-label{
  position: absolute; left: 0; top: 0; transform: translate(-50%, -50%);
  font-size: 16px; color: #f7f7f7;
  background: rgba(15,10,19,.6);
  border: 1px solid #36454f;
  border-radius: 999px; padding: 7px 12px 14px; /* extra bottom for badge */
  user-select: none; transition: border-color .2s ease, box-shadow .2s ease;
}
.gl-growth-learning .gl-node:hover .gl-node-label,
.gl-growth-learning .gl-node:focus-visible .gl-node-label{ border-color: #295cfc; box-shadow: 0 2px 8px rgba(0,0,0,.25); }

/* Plus badge — fill only on hover (no rotation) */
.gl-growth-learning .gl-node-label::after{
  content: "+";
  position: absolute;
  left: 50%; bottom: -8px; transform: translateX(-50%);
  width: 18px; height: 18px; line-height: 18px; text-align: center;
  font-weight: 700; font-size: 12px;
  color: #f7f7f7;
  background: rgba(15,10,19,.85);
  border: 1px solid #36454f;
  border-radius: 999px;
  box-shadow: 0 1px 2px rgba(0,0,0,.25);
  pointer-events: none;
}
.gl-growth-learning .gl-node:hover .gl-node-label::after,
.gl-growth-learning .gl-node:focus-visible .gl-node-label::after{ background: #295cfc; color: #fff; }

/* Put the plus badge ABOVE the label for 54° and 126° (JS toggles .badge-top) */
.gl-growth-learning .gl-node.badge-top .gl-node-label::after{
  top: -8px; bottom: auto; transform: translateX(-50%);
}

/* Tooltip — placement controlled by JS via modifier classes */
.gl-growth-learning .gl-tooltip{
  position: absolute; z-index: 3;
  background: rgba(15,23,42,.95); color: #fff;
  border-radius: 10px; padding: 8px 10px;
  width: min(280px, calc(100vw - 32px));
  line-height: 1.35; white-space: normal;
  pointer-events: none;
}
.gl-growth-learning .gl-tooltip::after{
  content: ""; position: absolute; border: 6px solid transparent;
}

/* Positioning modes (JS adds these classes) */
.gl-growth-learning .gl-tooltip.below-center::after{
  left: 50%; top: -12px; transform: translateX(-50%);
  border-bottom-color: rgba(15,23,42,.95);
}
.gl-growth-learning .gl-tooltip.below-left::after{
  right: 0; top: -12px;
  border-bottom-color: rgba(15,23,42,.95);
}
.gl-growth-learning .gl-tooltip.below-right::after{
  left: 0; top: -12px;
  border-bottom-color: rgba(15,23,42,.95);
}
.gl-growth-learning .gl-tooltip.above-left::after{
  right: 0; bottom: -12px;
  border-top-color: rgba(15,23,42,.95);
}
.gl-growth-learning .gl-tooltip.above-right::after{
  left: 0; bottom: -12px;
  border-top-color: rgba(15,23,42,.95);
}

/* === Namespaced: .cwwl prevents site-wide bleed === */
.cwwl.careers-what-work { background:#0f0a13; color:#fff; padding:clamp(56px,8vw,96px) 0; }
.cwwl .wwl-wrap { max-width:1120px; margin:0 auto; padding:0 16px; }

/* Header */
.cwwl .wwl-header { text-align:center; margin-bottom:28px; }
.cwwl .execo-services-bubble{
  font-weight:700; font-size:16px; display:inline-block;
  -webkit-text-fill-color:transparent; color:transparent; margin-bottom:14px; letter-spacing:0.02em;
  background:linear-gradient(90deg, rgb(3,59,240) 0%, rgb(79,54,235) 100%);
  -webkit-background-clip:text; background-clip:text;
}
.cwwl .wwl-h2{ font-size:48px; font-weight:700; color:#fff; line-height:60px; letter-spacing:-0.02em; margin:0 0 18px; }
.cwwl .wwl-sublead{ color:#f7f7f7; font-size:clamp(0.8rem,1vw,0.9rem); line-height:1.2; margin:0 auto; max-width:860px; }

/* ===== Carousel ===== */
.cwwl .wwl-carousel{ position:relative; margin:20px 0 40px; }
.cwwl .wwl-viewport{
  overflow-x:auto; overflow-y:hidden; scroll-behavior:auto; padding:0 10vw;
  -ms-overflow-style:none; scrollbar-width:none;
}
.cwwl .wwl-viewport::-webkit-scrollbar{ display:none; height:0; }
.cwwl .wwl-track{ display:flex; gap:16px; align-items:stretch; } /* stretch makes equal heights possible */
.cwwl .wwl-slide{
  flex:0 0 72%;
  transition:transform .25s ease, opacity .25s ease;
  transform:scale(.8); opacity:.7;
  display:flex;                               /* allow slide to stretch the card */
}
@media (max-width:560px){ .cwwl .wwl-slide{ flex-basis:80%; } }
.cwwl .wwl-slide.is-active{ transform:scale(1); opacity:1; }
.cwwl .wwl-slide.is-prev,
.cwwl .wwl-slide.is-next{ transform:scale(.8); opacity:.9; }

/* Card look */
.cwwl .wwl-card{
  position:relative; background:#14111b;
  border:1px solid rgba(255,255,255,0.08); border-radius:14px;
  padding:1.25rem; /* paragraph can span full width now */
  box-shadow:0 10px 24px rgba(0,0,0,0.35); transition:border-color .2s ease;
  min-height:168px;

  /* equal-height behavior */
  height:100%;
  display:flex; flex-direction:column;
}
.cwwl .wwl-card:hover{ border-color:rgba(255,255,255,0.16); }

/* Background glyph in the carousel card */
.cwwl .wwl-bgicon{
  position:absolute; top:12px; right:12px; font-size:42px; opacity:.22; line-height:1; pointer-events:none;
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:transparent;
}
.cwwl .cwwl-col--blue   { background-image:linear-gradient(135deg,#001f7a,#033bf0 50%,#295cfc); }
.cwwl .cwwl-col--purple { background-image:linear-gradient(135deg,#3017d6,#6b54ed 55%,#a191f5); }
.cwwl .cwwl-col--teal   { background-image:linear-gradient(135deg,#03292F,#0CA5BF 55%,#3ED9F3); }

/* Copy: title aligns with icon; paragraph sits underneath and can use full width */
.cwwl .wwl-copy{
  display:flex; flex-direction:column; gap:8px; /* supports equal height nicely */
  flex:1 1 auto;
}
.cwwl .wwl-copy h3{
  margin:0; font-weight:800; letter-spacing:-.01em; color:#fff; font-size:19px;
  padding-right:4.5rem;      /* reserve space beside title for the icon */
  min-height:42px;           /* match icon’s visual height */
  display:flex; align-items:center;
}
@media (max-width:560px){
  .cwwl .wwl-copy h3{ min-height:40px; padding-right:4rem; }
}
.cwwl .wwl-copy p{
  margin:0;                 /* sits directly below the title row */
  color:#e5e7eb; font-size:17px; line-height:1.55;
}

/* Arrows */
.cwwl .wwl-nav{
  position:absolute; top:50%; transform:translateY(-50%);
  width:40px; height:40px; border-radius:999px; border:1px solid rgba(255,255,255,0.12);
  background:#14111b; color:#fff; display:grid; place-items:center; cursor:pointer;
  opacity:.92; transition:opacity .2s ease, transform .2s ease; z-index:2;
}
.cwwl .wwl-nav:hover{ opacity:1; transform:translateY(-50%) scale(1.03); }
.cwwl .wwl-prev{ left:8px; }
.cwwl .wwl-next{ right:8px; }

/* ===== Values ===== */
.cwwl .wwl-h3{ font-size:22px; font-weight:700; margin:14px 0 10px; padding-top:6px; letter-spacing:-.01em; color:#fff; }
.cwwl .wwl-h3.centered{ text-align:center; }

.cwwl .wwl-values{ padding-bottom:18px; }
.cwwl .values-grid{
  display:grid; gap:14px; margin-top:10px; position:relative; z-index:2;
  grid-template-columns:repeat(1,minmax(0,1fr));
}
@media (min-width:600px){ .cwwl .values-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (min-width:820px){ .cwwl .values-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (min-width:1024px){ .cwwl .values-grid{ grid-template-columns:repeat(5,minmax(0,1fr)); } }

.cwwl .value-card{
  background:#14111b; border:1px solid rgba(255,255,255,.08);
  border-radius:14px; padding:14px;
  transition:border-color .2s ease, box-shadow .2s ease;
  box-shadow:0 10px 24px rgba(0,0,0,.35);
}
.cwwl .value-card:hover{ border-color:rgba(255,255,255,.16); }

/* Toggler */
.cwwl .value-toggle{
  width:100%; display:flex; justify-content:space-between; align-items:center; gap:10px;
  background:transparent; color:#fff; border:0; padding:8px 4px; cursor:pointer; text-align:left;
}
.cwwl .value-toggle:focus-visible{ outline:2px solid rgba(79,54,235,.8); outline-offset:2px; border-radius:8px; }

.cwwl .value-top{ display:grid; grid-template-columns:44px 1fr; align-items:center; column-gap:10px; }

/* >>> Colored square with white icon (NO text-clip) */
.cwwl .value-ico{ width:44px; height:44px; border-radius:10px; display:grid; place-items:center; }
.cwwl .value-ico i{ color:#fff; font-size:16px; line-height:1; }

/* gradient backgrounds on the BOX */
.cwwl .value-ico.cwwl-col--blue   { background-image:linear-gradient(135deg,#001f7a,#295cfc 60%,#0fcff0); }
.cwwl .value-ico.cwwl-col--purple { background-image:linear-gradient(135deg,#3017d6,#6b54ed 60%,#a191f5); }
.cwwl .value-ico.cwwl-col--teal   { background-image:linear-gradient(135deg,#03292F,#0CA5BF 55%,#3ED9F3); }

.cwwl .value-title{ font-weight:800; letter-spacing:-.01em; }
.cwwl .value-chev i{ font-size:14px; transition:transform .2s ease; }
.cwwl .value-card.is-selected .value-chev i{ transform:rotate(180deg); }

/* Hide the per-card source nodes */
.cwwl .value-src{ display:none !important; }

/* Shared tabpanel */
.cwwl .values-detail{
  position:relative; z-index:1; margin-top:-1px; background:#14111b;
  border:1px solid rgba(255,255,255,.10); border-radius:14px; border-top-left-radius:0; border-top-right-radius:0;
  overflow:hidden; max-height:0; opacity:0; transition:max-height .28s ease, opacity .2s ease;
}
.cwwl .values-detail.open{ max-height:520px; opacity:1; }
.cwwl .values-detail .detail-inner{ padding:16px 18px; }

/* Intro paragraph styling */
.cwwl .detail-intro{ margin:0 0 8px; color:#f1f1f1; font-size:15px; line-height:1.5; font-weight:600; }

/* Bullets */
.cwwl .detail-list{ list-style:none; margin:0; padding:0; }
.cwwl .detail-list li{
  display:grid; grid-template-columns:12px 1fr; column-gap:12px;
  align-items:start; margin:10px 0; padding-top:10px;
  border-top:1px solid rgba(255,255,255,.06);
}
.cwwl .detail-list li:first-child{ border-top:0; padding-top:0; margin-top:0; }
.cwwl .detail-list li::before{
  content:""; width:6px; height:6px; border-radius:999px; margin-top:7px;
  background:linear-gradient(135deg,#033bf0,#4f36eb);
}
.cwwl .detail-list li > span{ color:#f7f7f7; font-size:14px; line-height:1.45; }

/* Mobile accordion */
@media (max-width:899px){
  .cwwl .values-detail{ display:none !important; }
  .cwwl .value-card{ overflow:hidden; }
  .cwwl .value-card.is-open{ border-color:rgba(255,255,255,.16); }
  .cwwl .value-inline{ padding:10px 12px 12px; background:#14111b; }
  .cwwl .value-inline .detail-list{ margin-top:4px; }
}

/* Desktop: connect selected tab to panel + equal heights + vertical centering */
@media (min-width:900px){
  .cwwl .value-card.is-selected{
    position:relative;
    z-index:3;
    border-bottom-left-radius:0;
    border-bottom-right-radius:0;
    margin-bottom:-1px;             /* overlap to remove the seam */
    border-bottom-color:transparent;
  }

  /* Equal heights across row */
  .cwwl .values-grid{ grid-auto-rows: 1fr; }
  .cwwl .value-card{ height:100%; display:flex; }

  /* Center content vertically within card */
  .cwwl .value-toggle{
    display:flex;
    justify-content:space-between;
    align-items:center;   /* vertical centering */
    width:100%;
    min-height:88px;      /* still leave room for 2 lines if needed */
  }

  .cwwl .value-top{
    display:grid;
    grid-template-columns:44px 1fr; /* icon + title */
    column-gap:10px;
    align-items:center;             /* center icon + title vertically */
  }

  .cwwl .value-title{
    line-height:1.25;
    text-wrap:balance;
    hyphens:auto;
  }
}

/* ===== Life @ Execo module ===== */

/* ===== Section shell ===== */
/* Removed the blue radial highlight at the top */
.life-execo {
  background: linear-gradient(180deg, #0f0a13 0%, #0f0a13 100%);
  padding: 80px 16px;
  color: #fff;
}
.life-execo__inner { max-width: 1280px; margin: 0 auto; }

/* ===== Header styles — match global ===== */
.life-execo__header { text-align: center; margin-bottom: 32px; }
.life-execo__h2 {
  font-size: 48px; font-weight: 700; color: #fff;
  line-height: 60px; letter-spacing: -0.02em; margin: 0 0 28px;
}
.life-execo__sublead { color: #f7f7f7; font-size: clamp(0.8rem, 1vw, 0.9rem); line-height: 1.2; margin: 0 auto; max-width: 720px; }

/* ===== Splide – main stage (unchanged) ===== */
.life-execo__main {
  margin: 32px auto 16px;
  max-width: 1280px;
  border-radius: 16px;
  overflow: visible;
  box-shadow: 0 10px 30px rgba(0,0,0,0.35);
}
.life-execo__main .splide__track,
.life-execo__main .splide__list,
.life-execo__main .splide__slide,
.life-execo__figure {
  border-radius: 16px;
  overflow: hidden;
}
.life-execo__figure { position: relative; }
.life-execo__figure img { display: block; width: 100%; height: 100%; object-fit: cover; }

/* Caption */
.life-execo__caption {
  position: absolute; left: 0; right: 0; bottom: 0;
  padding: 12px 14px; background: rgba(15,10,19,0.9);
  font-size: 18px; line-height: 1.35; color: #f7f7f7; text-align: center;
  transform: translateY(100%); transition: transform 200ms ease-in-out;
}
.life-execo__main .splide__slide:hover .life-execo__caption,
.life-execo__main .splide__slide:focus-within .life-execo__caption { transform: translateY(0); }

/* ===== Thumbnails (unchanged) ===== */
.life-execo__thumbs { margin: 10px auto 0; max-width: 1100px; }
.life-execo__thumbs .splide__slide { padding: 7px 7px 9px; box-sizing: border-box; }
.life-execo__thumb-wrap { border-radius: 10px; }
.life-execo__thumb { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 10px; }
.life-execo__thumbs .splide__slide { opacity: 0.75; transition: opacity .2s ease, transform .2s ease, box-shadow .2s ease; }
.life-execo__thumbs .splide__slide.is-active,
.life-execo__thumbs .splide__slide:focus { opacity: 1; }
.life-execo__thumbs .splide__slide.is-active .life-execo__thumb {
  outline: 3px solid #295cfc; outline-offset: 0; box-shadow: 0 6px 16px rgba(41,92,252,0.3); transform: translateY(-2px);
}
.life-execo__thumbs .splide__track { padding-bottom: 8px; }

/* ===== Arrows (unchanged) ===== */
.splide__arrow { background: rgba(15,10,19,0.92); border: 1px solid rgba(255,255,255,0.5); color: #ffffff; box-shadow: 0 8px 20px rgba(0,0,0,0.45); }
.splide__arrow:hover { background: rgba(15,10,19,1); border-color: rgba(255,255,255,0.7); }
.splide__arrow svg { fill: #ffffff; }

/* ===== Micro-blurbs (VERTICAL ALIGN + TEXT SIZE) ===== */
.life-execo__blurbs {
  margin: 28px auto 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; max-width: 1100px;
}
.life-execo__blurb {
  position: relative;
  display: flex;                  /* center content vertically */
  align-items: center;            /* vertical alignment */
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 14px;
  padding: 18px 16px;
  padding-right: 88px;            /* room for bg icon */
  min-height: 84px;
  box-shadow: 0 10px 24px rgba(0,0,0,0.25);
  backdrop-filter: blur(4px);
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
  overflow: hidden;
}
.life-execo__blurb:hover { border-color: rgba(41,92,252,0.22); box-shadow: 0 14px 28px rgba(0,0,0,0.32); transform: translateY(-1px); }

/* ~25% larger text */
.life-execo__blurb-title { margin: 0; font-size: 20px; line-height: 1.35; color: #fff; position: relative; z-index: 1; font-weight: 200; }

/* Background icons: vertically centered */
.life-execo__bg-icon {
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
  font-size: 64px;
  opacity: .22;
  line-height: 1;
  pointer-events: none;
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  z-index: 0;
}
/* Unique gradients */
.life-execo__bg-icon--blue   { background-image: linear-gradient(135deg, #001f7a, #033bf0 50%, #295cfc); }
.life-execo__bg-icon--purple { background-image: linear-gradient(135deg, #3017d6, #6b54ed 55%, #a191f5); }
.life-execo__bg-icon--teal   { background-image: linear-gradient(135deg, #03292F, #0CA5BF 55%, #3ED9F3); }

/* ===== Responsive ===== */
@media (max-width: 1100px) { .life-execo__thumbs { max-width: 100%; } }
@media (max-width: 900px)  {
  .life-execo__blurbs { grid-template-columns: 1fr; }
  .life-execo__blurb { padding-right: 72px; }
  .life-execo__bg-icon { font-size: 52px; }
}
@media (max-width: 768px)  {
  .life-execo { padding: 64px 12px; }
  .life-execo__bg-icon { font-size: 44px; }
}


/*****************************************/
/* Start Home Page About + Map Area   */
/*****************************************/

/* ===============================
   ABOUT MODULE WRAPPER & LAYOUT
   =============================== */
.eg-about {
  background: #0f0a13;
  color: #f7f7f7;
}

.eg-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 48px 20px;
}

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

.eg-title {
  margin: 12px 0 0;
  font-size: 48px;
  line-height: 1.2;
  color: #fff;
}

.eg-sublead--left {
  margin: 12px 0 20px;
  color: #f7f7f7;
  font-size: 16px;   /* match site default */
  line-height: 1.5;
}

/* Two-column split: hard 50/50 */
.eg-grid {
  display: grid;
  grid-template-columns: 50% 50%;
  gap: 32px;
  align-items: start;
}

/* ===============================
   ABOUT CARDS (new namespace)
   =============================== */
.aboutcards-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
  align-items: stretch;
}

.aboutcard {
  position: relative;
  background: #14111b;
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 12px;
  padding: 1rem;
  box-shadow: 0 6px 16px rgba(0,0,0,0.3);
  transition: border-color .2s ease, box-shadow .2s ease;
}
.aboutcard:hover {
  border-color: rgba(255,255,255,0.16);
}

.aboutcard__copy h3 {
  font-size: 18px;   /* slightly larger than body */
  font-weight: 700;
  line-height: 1.3;
  margin: 0 0 0.4rem 0;
  color: #ffffff;
}

.aboutcard__copy p {
  font-size: 16px;   /* match default paragraph */
  line-height: 1.5;
  color: #e5e7eb;
  margin: 0;
}

/* Position the decorative icon (no background here) */
.aboutcard--bgicon .aboutcard__bg{
  position: absolute;
  top: 12px;
  right: 12px;
  font-size: 36px;
  opacity: .2;
  pointer-events: none;
  line-height: 1;
}

/* Base gradient CLIPPED TO THE GLYPH (FA6 uses ::before) */
.aboutcard--bgicon .aboutcard__bg::before{
  display: inline-block;                 /* ensure it paints */
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;                    /* fallback */
  background-image: linear-gradient(135deg, #033bf0, #0fcff0);
}

/* Colorway variants — MUST target ::before and be declared AFTER the base rule */
.aboutcard--blueicon  .aboutcard__bg::before{
  background-image: linear-gradient(135deg, #001f7a, #295cfc 60%, #0fcff0);
}
.aboutcard--purpleicon .aboutcard__bg::before{
  background-image: linear-gradient(135deg, #3017d6, #6b54ed 60%, #a191f5);
}
.aboutcard--tealicon  .aboutcard__bg::before{
  background-image: linear-gradient(135deg, #03292F, #0CA5BF 55%, #3ED9F3);
}

/* ===============================
   MAP
   =============================== */
.eg-map {
  width: 100%;
}
.eg-map svg {
  width: 100%;
  height: auto;
  display: block;
}
.eg-map svg .covered {
  filter: drop-shadow(0 0 4px rgba(23,125,235,.45));
}

/* ===============================
   RESPONSIVE BREAKPOINTS
   =============================== */
@media (max-width: 1169px) {
  .aboutcards-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .eg-title { font-size: 28px; }
}

@media (max-width: 767px) {
  .eg-grid {
    grid-template-columns: 1fr; /* stack */
  }
  .aboutcards-grid {
    grid-template-columns: 1fr;
  }
  .eg-title { font-size: 24px; }
}

/*****************************************/
/* Start Results   */
/*****************************************/
.testimonial { background: #0f0a13; padding: 120px 0; position: relative; }
.testimonial .right-img { position: absolute; right: 0; bottom: 0; transform: translate(0, 22%); max-width: 200px; z-index: 9; }
.testimonial .content { max-width: 866px; margin: 0 auto; padding: 0 15px; }
.testimonial .content > .tagline { text-align: center; color: #6B8FFF; font-size: 16px; line-height: 24px; font-family: 'Inter'; margin: 0; max-width: 100%; font-weight:700;}
.testimonial .content > h2 { font-size: 48px; text-align: center; line-height: 60px; color: #fff; font-family: 'Inter'; margin-bottom: 40px; }
.testimonial .content > p { color: #fff; font-size: 22px; line-height: 32px; max-width: 533px; margin-bottom: 15px; }
.testimonial .content_blocks { }
.testimonial .content_blocks .block { display: flex; flex-wrap: wrap; background: #FFFFFF; box-shadow: 0px 15px 27px rgb(0 0 0 / 7%); border-radius: 0px 30px; display: none; }
.testimonial .content_blocks .block.active { display: flex; }
.testimonial .content_blocks .left_part { width: 65%; background: #352446; border-radius: 0px 10px 93px 27px; padding: 60px; display: flex; align-items: center; }
.testimonial .content_blocks .left_part h3 { color: #fff; font-size: 20px; line-height: 30px; font-family: 'Inter'; font-weight: normal; margin-bottom: 48px; }
.testimonial .content_blocks .left_part p { font-size: 18px; line-height: 28px; color: #fff; font-weight: 600; margin-bottom: 0px; }
.testimonial .content_blocks .left_part span { color: #fff; margin: 0; font-size: 16px; line-height: 24px; display: flex; }
.testimonial .content_blocks .right_part { width: 35%; padding: 50px 40px; display: flex; align-items: center; }
.testimonial .content_blocks .right_part h3 { color: #352446; font-size: 48px; line-height: 60px; font-family: 'Inter'; margin-bottom: 34px; }
.testimonial .content_blocks .right_part p { color: #352446; font-size: 20px; line-height: 30px; margin-bottom: 35px; font-weight:700; }
.testimonial .content_blocks .right_part a { color: #352446; font-size: 16px; line-height: 24px; display: flex; align-items: center; font-weight:700; }
.testimonial .content_blocks .right_part a i { margin-left: 10px; }
.testimonial .logo_blocks { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; margin-top: 16px; }
.testimonial .content_blocks .right_part a:hover {color: #295cfc;}
.testimonial .logo_blocks .logo_blc.active { opacity: 1; }
.testimonial .logo_blocks .logo_blc:hover { cursor: pointer; }
.testimonial .logo_blocks .logo_blc { min-width: 130px; max-width: 130px; margin: 0 24px; display: flex; opacity: 0.4; }
.testimonial .logo_blocks .logo_blc:nth-child(3) img { height:36px; }
.testimonial .link-text { position:relative; display: flex;
align-items: center;
justify-content: end; }
.testimonial .link-text:before { height:1px; width:100%; top:50%; content:""; position:absolute;background: #D9D9D9; }
.testimonial .link-text a { background-color:#fff; position:relative; z-index:1; padding-left:13px;display: flex;align-items: center;transition: all 500ms ease-out; }

/*****************************************/
/* Start Home Blog   */
/*****************************************/
.latest_blog { padding:  0; background: #0f0a13; position: relative; }
.latest_blog .container .tagline { font-family: Inter; font-size: 16px; font-weight: 700; letter-spacing: 0.02em; margin: 0 auto 14px; display: block; width: fit-content; background: linear-gradient(90deg, #033bf0 0%, #4f36eb 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent; }
.latest_blog .container h2 { color: #fff; font-family: Inter; font-size: 48px; line-height: 60px; margin-bottom: 60px; text-align: center; }
.latest_blog .content { display: flex; flex-wrap: wrap; justify-content: space-between; max-width: 893px; margin: 0 auto; }
.latest_blog .content .block { width: 30%; }

/* Services-like panel (kept) */
.latest_blog .content .blog-panel {
  position: relative;
  border-radius: 16px;
  padding: 16px;
  overflow: hidden;
  background:
    radial-gradient(120% 120% at 85% 20%, rgba(79,54,235,0.22) 0%, rgba(3,59,240,0.16) 35%, rgba(15,10,19,0) 70%),
    rgba(255,255,255,0.02);
  border: 1px solid rgba(255,255,255,0.06);
  filter: drop-shadow(0 10px 25px rgba(79,54,235,0.25)) drop-shadow(0 6px 18px rgba(3,59,240,0.20));
  transition: transform .2s ease, filter .2s ease, border-color .2s ease;
}
.latest_blog .content .blog-panel:hover {
  transform: translateY(-2px);
  border-color: rgba(255,255,255,0.12);
  filter: drop-shadow(0 14px 35px rgba(79,54,235,0.35)) drop-shadow(0 8px 22px rgba(3,59,240,0.28));
}

.latest_blog .content img { width: 100%; height: 145px; object-fit: cover; margin-bottom: 18px; border-radius: 16px; }

/* Tag bubbles (smaller) */
.latest_blog .content h3.tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 12px;
  color: inherit;
  font-size: 0;
  line-height: 0;
  font-weight: 400;
}
.latest_blog .content h3.tags .tag-bubble {
  display: inline-block;
  padding: 0.12em 0.65em;
  border-radius: 999px;
  background: linear-gradient(90deg, #033bf0 0%, #4f36eb 100%);
  color: #fff;
  font-weight: 400;
  font-size: 11px;   /* smaller than previous 16px */
  line-height: 18px;
  box-shadow: 0 2px 12px #033bf033;
  white-space: nowrap;
  transition: background 0.4s;
}
.latest_blog .content h3.tags .tag-bubble:hover {
  background: linear-gradient(90deg, #234ef6 0%, #6a58ff 100%);
}

.latest_blog .content h4 { color: #fff; font-size: 20px; line-height: 30px; font-weight:700; }
.latest_blog .content h3, .latest_blog .content h4, .latest_blog .content img {transition: all .5s ease-out; -webkit-transition: all .5s ease-out;}
.latest_blog .content img:hover { transform: scale(1.05); -webkit-transform: scale(1.05); }
.latest_blog .content .block a { display:block; }
.latest_blog .content .block a:hover h3 { color:#fff; }  /* harmless with bubbles */
.latest_blog .content .block a:hover h4 { color:#295cfc; }
/*.latest_blog .content .block a:hover img { border-radius:0; }*/


/*****************************************/
/* Start Subscribe   */
/*****************************************/
.subscribe { padding: 0; background: #0f0a13; position: relative; }
.subscribe:before { position: absolute; left: 0; bottom: 0; width: 100%; height: 50%; content: ""; background: #f7f7f7; }
.subscribe .container { position: relative; }

/* Card – solid white background */
.subscribe .content {
  max-width: 1088px;
  border-radius: 30px;
  background: #ffffff; /* solid white */
  min-height: 439px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin: 0 auto;
  width: 100%;
  position: relative;
  overflow: hidden; /* keeps SVG inside */
  box-shadow: 0 8px 40px rgba(0,0,0,0.18);
}

/* Abstract wave shape inside the card – bottom positioned, extended upward */
.subscribe .subscribe-shape-bg {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  display: flex;
  align-items: flex-end; /* push SVG to bottom */
}
.subscribe .subscribe-shape-bg svg {
  width: 100%;
  height: 70%; /* cover ~70% of card height instead of 50% */
  display: block;
  opacity: 0.35; /* lighter for subtlety */
  fill: url(#subscribeGradient);
}

/* Inner content */
.subscribe .content-inner {
  max-width: 510px;
  width: 100%;
  margin: 0 auto;
  position: relative;
  z-index: 2; /* above SVG */
}
.subscribe .content h2 { font-size: 24px; line-height: 32px; margin-bottom: 24px; font-family: 'Inter'; background: linear-gradient(90deg, #033bf0 0%, #4f36eb 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent; }
.subscribe .content p  { color: #000; font-size: 16px; line-height: 24px; margin-bottom: 24px; }

/* Inputs */
.subscribe .content-inner .form-control,
.subscribe .content-inner .hs_cos_wrapper .input .hs-input {
  background: #FFFFFF;
  height: 35px;
  line-height: 35px;
  padding: 0 15px;
  text-align: center;
  border: 0;
  font-size: 16px;
  color: #000;
  margin-bottom: 0;
  border-radius: 0;
}

/* Focus states */
.subscribe .content-inner .form-control:focus,
.subscribe .content-inner .subscribe-btn:focus,
.subscribe .content-inner .hs_cos_wrapper .input .hs-input:focus,
.subscribe .content-inner .hs_cos_wrapper .hs-button:focus,
.subscribe .hs-button:focus,
.subscribe form .hs-button:focus,
.subscribe form input[type="submit"]:focus { outline: 0 none; }

/* Button */
.subscribe .content-inner .subscribe-btn,
.subscribe .content-inner .hs_cos_wrapper .hs-button,
.subscribe .hs-button,
.subscribe form .hs-button,
.subscribe form input[type="submit"] {
  background: linear-gradient(270deg, #295CFC 0%,#00BFF7 50%,#00BFF7 50%,#295CFC 100%);
  transition: all 350ms ease-out;
  background-size: 200% auto;
  border-radius: 999px;
  color: #fff;
  padding: 12px 18px;
  height: 48px;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  border: 0;
}
.subscribe .content-inner .subscribe-btn:hover,
.subscribe .content-inner .subscribe-btn:focus,
.subscribe .content-inner .hs_cos_wrapper .hs-button:hover,
.subscribe .content-inner .hs_cos_wrapper .hs-button:focus,
.subscribe .hs-button:hover,
.subscribe .hs-button:focus,
.subscribe form .hs-button:focus,
.subscribe form input[type="submit"]:focus,
.subscribe form .hs-button:hover,
.subscribe form input[type="submit"]:hover {
  background-position: right center;
}

/* Validation */
.subscribe .content-inner .hs_cos_wrapper label span,
.subscribe .content-inner .hs_cos_wrapper .hs_error_rollup { display: none; }
.subscribe .submitted-message { color: #00b903; }
.subscribe .content-inner form .inputs-list > li { margin: 0; }
.subscribe .content-inner .hs_cos_wrapper .hs-error-msg { color: #f00; font-size: 15px; }

/* Wider input + gap */
.subscribe .content-inner form .hs_email { display: flex; align-items: stretch; gap: 24px; flex-wrap: nowrap; justify-content: center; }
.subscribe .content-inner form .hs_email .input { flex: 1.2; min-width: 0; }
.subscribe .content-inner form .hs_submit { flex: 0 0 auto; }

/* Scoped spacing */
.subscribe .hs-form-field { margin-bottom: 24px; }

/*****************************************/
/* Start Footer   */
/*****************************************/
.footer { background: #f7f7f7; padding: 86px 0 15px 0; }
.footer .row-fluid-wrapper { padding:0 !important; }
.footer .content-wrapper { max-width:1088px !important; width:100%; margin:0 auto; }
.footer .row-fluid .dnd-column { width:auto !important; padding:0; }
.footer .social-links { margin-top: 24px; }
.footer .social-links { justify-content: start !important; }
.footer .row-fluid .row-fluid .widget-span { align-items: start !important; }
.footer .social-links__icon { margin:0 20px 0 0 !important; border-radius:5px !important; background:none !important; height: 30px !important; width:30px; transition: all .5s ease-out;
-webkit-transition: all .5s ease-out;
}
.footer .social-links__icon svg { fill:#36454F !important; height: 20px; transition: all .5s ease-out;
-webkit-transition: all .5s ease-out;
}
.footer .social-links__icon:hover { background:#36454f !important; }
.footer .social-links__icon:hover svg { fill:#fff !important; }
.footer h2 { color: #0f0a13; margin-bottom: 10px; }
.footer .menu__wrapper .menu__item--depth-1 { display: block; padding: 2px 0; text-transform: none; }
.footer .menu__wrapper .menu__item--depth-1 .menu__link { font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; color: #36454f; }
.footer .menu__wrapper .menu__item--depth-1 .menu__link:hover { color: #0f0a13; }
.footer .menu__wrapper .menu__item--depth-1 .menu__submenu { border-radius: 0; box-shadow: none; position:static; width:auto; background:none; border:0; }
.footer .menu__wrapper .menu__item--depth-1 .menu__submenu .menu__item:before { display:none; }
.footer .menu__wrapper .menu__item--depth-1 .menu__submenu .menu__item { border:0; padding: 2px 0; }
.footer .menu__wrapper .menu__item--depth-1 .menu__submenu .menu__item .menu__link { padding:0; font-weight: 400; font-size: 14px; line-height: 20px; color: #D3D7DA; background:none; }
.footer .menu__wrapper .menu__item--depth-1 .menu__submenu .menu__item .menu__link:hover, .footer .menu .footer .menu__item--depth-1 > .menu__link--active-link, .footer .menu__wrapper .menu__item--depth-1 .menu__link:hover { -webkit-text-fill-color: transparent; background: linear-gradient(270deg, #00bff7, #295cfc); background-clip: border-box; -webkit-background-clip: text; }
.footer .menu__submenu--level-2 { transform: translateX(0); }
.footer .menu .menu__item--depth-1 > .menu__link--active-link:after { display:none; }
.footer .row-fluid .row-fluid > .span3:last-child .hs-image-widget { margin: 20px 0 0 0; }
.footer .row-fluid .row-number-13 .row-fluid .dnd-column.span12 { width:100% !important; margin-top:80px; font-weight: 400; font-size: 16px; line-height: 24px; color: #D3D7DA; }
.footer .row-fluid .row-number-13 .row-fluid .dnd-column.span12 a { color:#36454F; }
.footer .row-fluid .row-number-13 .row-fluid .dnd-column.span12 a:hover { color:#fff; }
.footer .menu__wrapper .menu__item--depth-1 .menu__child-toggle .menu__child-toggle-icon { display:none; }
.footer .menu__wrapper .menu__item--depth-1 .menu__child-toggle { position:relative; }
.footer .menu__wrapper .menu__item--depth-1 .menu__child-toggle:before { border: solid #fff; border-width: 0 3px 3px 0; display: inline-block; padding: 3px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); position:absolute; left:5px; top:-5px; content:""; }
.footer .menu__wrapper .menu__item--depth-1:hover .menu__child-toggle:before { transform: rotate(45deg); -webkit-transform: rotate(45deg); }

/*****************************************/
/* Our Framework   */
/*****************************************/
.text-center { text-align:center; }
/*.sec-tagline, .sub-tegline {color: #6b8fff;font-size: 16px;line-height: 24px;font-weight: 700;margin-bottom: 5px;}*/
.heading, h2 {font-weight: 700;font-size: 48px;line-height: 60px;letter-spacing: -0.02em;color: #FFFFFF; margin-bottom:90px;}
h3, .small-heading {font-weight: 700;font-size: 24px;line-height: 32px; color:#fff; margin-bottom:32px;}
p {font-weight: 400;font-size: 16px;line-height: 24px;color: #f7f7f7; margin-bottom:32px;}
.img-holder img { width:100%; }
.brd-radius img {border-radius: 30px;}
img { max-width:100%; height:auto; }
.number-list { margin:0; padding:0; list-style:none;counter-reset: list-number; }
.number-list li {font-weight: 400;font-size: 16px;line-height: 24px;color: #f7f7f7; margin-bottom:30px; position:relative;padding-left: 25px;}
.number-list li:before {counter-increment: list-number;content: counter(list-number);font-weight: 700;font-size: 24px;line-height: 32px;color:#fff; position: absolute;left: 0;top: 0;}
.button.dark-btn {background: #0f0a13; margin: 1px 0; border:0;}
.button.dark-btn:before { position:absolute; left:-1px; top:-1px; right:-1px; bottom:-1px; content:"";background: linear-gradient(270deg, #00BFF7 0%, #295CFC 100%);border-radius: 0 8px; z-index:-1;}
.button.dark-btn:hover {background: linear-gradient(270deg, #00BFF7 0%, #295CFC 100%);}
.row {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap; margin: 0 -25px;}
.row-with-top-padding {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap; margin: 33px -25px;}
.col-md-6 { width:50%; padding: 0 25px; }

.approach_block.inner-page { padding:160px 0 128px 0; background:none; }
.section-header { margin:0 auto 60px auto; max-width:840px; width:100%; }
.section-header h2 { margin-bottom:24px; }
.section-header p { margin-bottom:0; }
.section-header .sub-text { padding: 0 60px; }
.approach_block.inner-page .block {width: 15.666%;}
.approach_block.inner-page .content { margin-bottom:20px; }
.approach_block .block .overlay_num {font-size: 190px; line-height:1.5;}
.how-it-work, .inner-faq { padding:160px 0; }
.how-it-work .row .col-md-6:first-child { width:58%; }
.how-it-work .row .col-md-6:last-child { width:42%; }
.inner-faq .row .col-md-6:first-child { width:42%; }
.inner-faq .row .col-md-6:last-child { width:58%; }
.inner-faq h3 { margin-bottom:10px; }

/*****************************************/
/* Services   */
/*****************************************/
.services-block { padding: 160px 0; }
.services-block .section-header { max-width:768px; margin-bottom:86px; }
.services-block .row .col-md-6:first-child { padding-right:100px; }
.services-block .row .col-md-6:last-child { padding-left:100px; }
.services .approach_block, .markets .approach_block { background:none; }
.sub-tegline { margin-bottom:32px; }

/*****************************************/
/* Case Study   */
/*****************************************/
.case-study-block { padding:108px 0; }
.case-study-block h2 { margin-bottom:32px; }
.case-study-block h3 { font-size:30px; line-height:38px; margin-bottom:20px; margin-top:10px; }
.related-blog-list .related-blog-item { margin-bottom:32px; }
.related-blog-list .related-blog-item, .related-blog-list .related-blog-item a{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap; width:100%;}
.related-blog-list .related-blog-item .img-holder, .related-blog-list .related-blog-item .related-blog-card { width:50%; }
.related-blog-list .related-blog-item .img-holder { padding-right:18px; }
.related-blog-list .related-blog-item h4 {font-weight: 400;font-size: 16px;line-height: 24px;color: #6B8FFF; margin-bottom:12px;}
.related-blog-list .related-blog-item p {font-weight: 700;font-size: 20px;line-height: 30px;color: #FFFFFF; margin-bottom:0;}
.related-blog-list .related-blog-item .img-holder img, .related-blog-list .related-blog-item h4, .related-blog-list .related-blog-item p{  transition: all .5s ease-out;-webkit-transition: all .5s ease-out;}
.related-blog-list .related-blog-item:hover .img-holder img { border-radius:0; }
.related-blog-list .related-blog-item:hover h4 { color:#fff; }
.related-blog-list .related-blog-item:hover p { color:#6B8FFF; }
.case-studie-list { padding: 160px 0; }
.case-studie-item:not(:last-child) { margin-bottom:96px; }
.case-studie-item .row {align-items: center;}
.case-studie-item .img-holder img { display:block; }
.case-studie-item h2 a { color:#fff; }
.case-studie-item h2 a:hover { color: #6B8FFF; }
.case-studie-item h2 { margin-bottom:32px; font-size:24px; line-height:32px; font-weight:700; }
.case-studie-item .post-left-block .heding-paragraph { margin-bottom:0; border:0;}
.case-studie-item .post-left-block p { font-weight: 400;font-size: 16px;line-height: 24px;color: #f7f7f7; margin-bottom:32px;} 
.case-studie-item .author {align-items: center;}
.case-studie-item .author p {font-style: normal;}
blockquote { position:relative; padding-left:20px; margin-bottom:32px; }
blockquote:before{background: linear-gradient(270deg, #00BFF7 0%, #295CFC 100%); left:0; top:0; bottom:0; width:2px; content:""; position:absolute;}
blockquote p {font-style: italic;font-weight: 500; color:#fff; margin-bottom:20px;}
.author {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap; width:100%;}
.author .user-photo { width:40px; height:40px; border-radius:50%; overflow:hidden; margin-right:12px; }
.author .user-photo img { width:100%; }
.author .author-detail p { margin-bottom:0;}
.author .author-name {font-weight: 500;font-size: 14px;line-height: 20px; color:#fff; margin-bottom:0;}
.author .author-post{font-weight: 400;font-size: 14px;line-height: 20px;color: #f7f7f7; margin-bottom:0;}
.case-category { margin:0; padding:0;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;list-style: none;}
.case-category li { padding-right:48px; margin-bottom:32px; }
.case-category li p {font-size: 16px;line-height: 24px;color: #FFFFFF; margin-bottom:0;}
.case-category li p strong {font-weight:700;}
.case-studie-item .row .col-md-6:first-child { padding-right:70px; }
.case-studie-item .row .col-md-6:last-child { padding-left:70px; }
.case-studie-item:nth-child(even) .row .col-md-6:first-child { order:2; padding-right:25px; padding-left:70px;}
.case-studie-item:nth-child(even) .row .col-md-6:last-child { order:1;padding-left:25px; padding-right:70px;}

/*****************************************/
/* Landing page   */
/*****************************************/
.landing-page { position:relative; padding: 96px 0; }
/*.landing-page .row {align-items: center;}*/
.landing-page .container { position:relative; }
.landing-page .landing-right-img { background-position: center center; background-size:cover; position:absolute; right:0; top:0; width:50%; height:100%; }
.landing-page h1.heading { font-size:36px; line-height:44px; }
.landing-page h2.heading { font-size:28px; line-height:44px; }
.landing-page .small-heading { font-size:20px; line-height:24px; }
.landing-page .heading, .landing-page .small-heading { margin-bottom:30px; }
.landing-content { padding-right:80px; }
.landing-page ul { margin:0 0 27px 0; padding:0; list-style:none; }
.landing-page ul li {color: #9cb3c9;font-size: 16px;font-weight: 400;line-height: 24px; position:relative; padding-left:20px;margin-bottom: 5px;}
.landing-page ul li:before { position:absolute; left:0; top:10px; width:7px; height:7px; border-radius:50%; content:""; background-color:#9cb3c9; }
strong { font-weight:700;}
.landing-page strong { color:#fff; }
.landing-right-wrap {display: flex;align-items: start;justify-content: end;}
.landing-center-wrap {display: flex;align-items: center;justify-content: center;}
.landing-right { max-width:464px; width:100%;border-radius: 0px 30px; border-radius:30px; padding: 48px; background: rgba(255, 255, 255, 0.9);;}
.landing-right h2 {font-size: 36px;line-height: 44px;letter-spacing: -0.02em;color: #0F0A13; margin-bottom:48px;}
.playbook-form .hs-form-field { margin-bottom:32px; }
.playbook-form .hs-input {height: 48px;background: #FFFFFF;border: 1px solid #D3D7DA;box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);border-radius: 8px;font-weight: 400;font-size: 16px;line-height: 24px;color: #36454F; padding:12px 16px;}
.playbook-form textarea.hs-input { height:128px; resize:none; }
.playbook-form select.hs-input { cursor:pointer; }
::-webkit-input-placeholder {opacity:1 !important;color: #776A84 !important;}
:-ms-input-placeholder {opacity:1 !important;color: #776A84 !important;}
::placeholder {opacity:1 !important;color: #776A84 !important;}
.landing-right p {font-size: 18px;line-height: 28px;color: #000000;}
.oembed_container {display: inline-block;height: 100%;position: relative;width: 100%;}
.oembed_container .iframe_wrapper > * {height: 100%;left: 0;margin: 0 auto;position: absolute;right: 0;top: 0;width: 100%;}
.iframe_wrapper {height: 0;padding-bottom: 56.25%;padding-top: 25px;position: relative;}
.embed_container iframe {left: 0;max-height: 100%;max-width: 100%;position: absolute;right: 0;top: 0;}
.button.fill-btn { background: linear-gradient(to right, #295cfc 0%,#00bff7 50%,#295cfc 100%) !important;transition: all 350ms ease-out; background-size: 200% auto !important;font-weight: 600; }
.button.fill-btn:hover, .button.fill-btn:focus { background-position: right center !important; }
.thank-you-page .landing-content { padding-right:60px; }
.video-wrap { margin-bottom: 30px; }

/*****************************************/
/* Contact Us   */
/*****************************************/
.contact-detail .contact-widget { margin-bottom:32px; position:relative; min-height:45px; padding-left:60px; }
.contact-detail .contact-widget .icon {width: 45px;height: 45px;border: 0; position:absolute; left:0; top:0;display: flex;align-items: center;justify-content: center;}
.contact-detail .contact-widget .title-text { margin-bottom:0;font-weight: 700;font-size: 18px;line-height: 23px;color: #FFFFFF; }
.contact-detail .contact-widget .title-value {font-weight: 400;font-size: 16px;line-height: 24px;color: #f7f7f7; margin-bottom:0;}
.contact-detail .contact-widget .title-value a {color: #f7f7f7;}
.contact-detail .contact-widget .title-value a:hover {color: #fff;}
.connect-us { margin:0 0 30px 0; padding:0; list-style:none;display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap;flex-wrap: wrap; }
.connect-us li { margin-right:10px; padding:0 !important; }
.connect-us li:before { display:none; }
.connect-us li a { width:30px; height:30px; border-radius: 0 5px; display: flex;align-items: center;justify-content: center; padding:5px; }
.connect-us li a:hover { background-color:#fff; }
.connect-us li svg { width:100%; height:100%; }
.connect-us li svg path { fill:#776A84; }
.connect-us li a:hover svg path { fill:#295cfc; }
.landing-page .hs-error-msgs, .hs-error-msgs { margin:0; padding:0; list-style:none; }
.landing-page .hs-error-msgs li, .hs-error-msgs li { padding:0;margin: 0; }
.landing-page .hs-error-msgs li:before, .hs-error-msgs li:before { display:none; }
.landing-page .hs-error-msgs li .hs-error-msg, .hs-error-msgs li .hs-error-msg, .hs-error-msg {color: #f00;font-size: 14px;font-weight: 400;margin: 0;}
.hs-input.invalid.error {border-color: #f00 !important;}
.hs-main-font-element { display:none !important; }
.location-map .iframe_wrapper { padding:0; height:auto; }
.location-map .embed_container iframe { position:static; }
.playbook-form .hs-form-field label {font-weight: 500;font-size: 14px;line-height: 20px;color: #000000; margin-bottom:6px;}

/*****************************************/
/* Detail Page   */
/*****************************************/
.detail-wrap { padding: 160px 0 60px 0; }
.body-container--blog-post .blog-post { padding:0 !important; max-width:100% !important; }
.detail-header { margin-bottom:66px;max-width: 810px; width:100%; }
.detail-header h1 {font-weight: 700;font-size: 48px;line-height: 60px;letter-spacing: -0.02em;color: #FFFFFF; margin-bottom:20px;}
.detail-header p, .post-detail p {font-weight: 400;font-size: 18px;line-height: 28px;color: #f7f7f7; margin-bottom:30px;}
.detail-header p a, .post-detail p a, .post-detail a { text-decoration:underline; color:#1291f9; }
.detail-header p a:hover, .post-detail p a:hover, .post-detail a:hover { color:#fff; }
.post-detail h2 {font-weight: 600;font-size: 30px;line-height: 38px; margin-bottom:24px;}
.post-detail h3 {font-weight: 600;font-size: 24px;line-height: 32px; margin-bottom:16px;}
.post-detail h4 {font-weight: 600;font-size: 20px;line-height: 26px; margin-bottom:16px;}
.post-detail h5 {font-weight: 600;font-size: 18px;line-height: 22px; margin-bottom:16px;}
.post-detail h5 {font-weight: 600;font-size: 17px;line-height: 22px; margin-bottom:16px;}
.post-detail ol { margin:0 0 30px 0; padding:0 0 0 25px; }
.post-detail ul { margin:0 0 30px 0; padding:0; list-style:none; }
.post-detail ul li, .post-detail ol li {color: #f7f7f7;font-weight: 400;font-size: 18px;line-height: 28px; position:relative; padding-left:20px;margin-bottom: 5px;}
.post-detail ol li { padding-left:0; }
.post-detail ul li:before { position:absolute; left:0; top:10px; width:7px; height:7px; border-radius:50%; content:""; background-color:#9cb3c9; }
.post-detail .conclusion { padding:32px;background: rgba(255, 255, 255, 0.08);border-radius: 0px 32px; margin-bottom:48px; }
.post-detail .post-content-img { margin-bottom:16px; }
.post-detail .post-content-img img, .detail-wrap .post-large-img img { display:block; width:100%; height:auto;}
.post-detail p, .post-detail h2, .post-detail h3, .post-detail h4, .post-detail h5, .post-detail h6, .post-detail ul, .post-detail ol { width:100%; }
.detail-wrap .author .user-photo { width:56px; height:56px; margin-right:16px; }
.detail-wrap .author-detail {width: calc(100% - 72px);}
.detail-wrap .author-detail .author-name{font-weight: 500;font-size: 18px;line-height: 28px;}
.detail-wrap .author-detail .author-post {font-weight: 400;font-size: 16px;line-height: 24px;color: #f7f7f7;}
.detail-wrap .post-large-img { margin-bottom:42px; }
.heding-paragraph { margin-bottom:48px; border-bottom:1px solid #36454F; }
.heding-paragraph p {font-weight: 400;font-size: 20px;line-height: 30px;color: #FFFFFF; margin-bottom:32px;}
.detail-wrap blockquote { margin:56px 0; }
.detail-wrap blockquote p{font-style: italic;font-weight: 500;font-size: 24px;line-height: 36px;color: #FFFFFF;}
.detail-wrap blockquote .user-name { margin-bottom:0;font-style: normal;font-weight: 400;font-size: 16px;line-height: 24px;}
.detail-wrap .author {align-items: center;}

.detail-header .heding-paragraph { margin-bottom:0; border-bottom:0; }
.detail-header .heding-paragraph p {color: #fff; margin-bottom:20px;}
.body-container--blog-post .detail-header .heding-paragraph p {color: #f7f7f7;}
.detail-footer { padding-top:24px; border-top: 1px solid #36454F; width:71%;}
.detail-footer .author-wrap {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap; width:100%;justify-content: space-between;margin-bottom:20px;}
.detail-footer .author-wrap .author {width: calc(100% - 300px);}
.detail-footer .post-share { width: 300px;}
.detail-footer .post-share ul { margin:0; padding:0; list-style:none;display: flex;justify-content: end; }
.detail-footer .post-share ul li {padding-left: 10px; margin:0;}
.detail-footer .post-share ul li:before { display:none; }

.detail-footer .post-share ul li .clipboard, .detail-footer .post-share ul li a { display:flex;border: 1px solid #36454F;border-radius: 0 8px;padding: 3px 10px;color: #776A84;width: 100%;align-items: center;font-size: 14px;height: 40px;min-width: 40px;justify-content: center; }
.detail-footer .post-share ul li .clipboard { font-size:14px; }
.detail-footer .post-share ul li .clipboard svg { margin-right:8px; }
.detail-footer .post-share ul li .clipboard:hover, .detail-footer .post-share ul li a:hover { border-color:#fff; background-color:#fff; color:#275bfa; }
.detail-footer .post-share ul li a:hover svg path {fill: #275bfa !important;}
.post-detail-left .hs_cos_wrapper {display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap;flex-wrap: wrap;width: 100%;}
.post-detail-left .post-left-block {width: 74%;padding-right: 32px;}
.post-detail-left .post-right-block {width: 26%;margin-bottom: 48px;}
.post-right-block .title {font-weight: 700;font-size: 30px;line-height: 38px;color: #FFFFFF; margin-bottom:16px;text-align: left !important;}
.post-right-block table, .post-right-block table tr, .post-right-block table tr td { margin:0; padding:0; background:none;border: 0 !important; }
.post-right-block ul { padding:24px; margin:0; list-style:none;background: rgba(255, 255, 255, 0.08);border-radius: 0px 24px; }
.post-right-block ul li:before { display:none;}
.post-right-block ul li{ padding:0;font-weight: 700;font-size: 16px;line-height: 24px;color: #f7f7f7; margin-bottom:10px;}
.post-right-block ul li a {color: #f7f7f7; text-decoration:none;  font-weight: 700;}
.post-right-block ul li:hover, .post-right-block ul li a:hover { color:#fff; }
.post-right-block .sidebar-wrap {width: 100%;height: 100%;position: relative;}
.post-right-block .sidebar {position: absolute;width: 100%;height: 100%;}
.post-right-block .sidebar-box{position: -webkit-sticky;position: sticky;top: 100px;}
.tag-list { margin:0; padding:0; list-style:none;display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap;flex-wrap: wrap; width:auto; }
.tag-list li:before { display:none; }
.tag-list li {background: rgba(255, 255, 255, 0.16);border-radius: 16px;padding: 2px 10px;font-weight: 500;font-size: 14px;line-height: 20px;color: #FFFFFF; margin:6px 10px 6px 0; position:relative;}
.tag-list li a { color:#fff; text-decoration:none; }
.tag-list li a:hover {color: #1291f9;}
.tag-list li.post-time { background:none;border-radius: 0;color: #f7f7f7; margin:6px 10px 6px 0; padding-left:14px;}
.tag-list li.post-time:before { position:absolute; left:2px; top:10px; width:4px; height:4px; border-radius:50%; content:""; background-color:#fff; display:block; }
.blog-detail-category .tag-list {padding: 2px 8px;background: rgba(255, 255, 255, 0.08);border-radius: 32px;margin-bottom: 20px;}
.body-container--blog-post .content-wrapper { padding: 0 !important; }


/*****************************************/
/* About Us   */
/*****************************************/
.about-aspire { padding-top:128px; }
.about-aspire-block { border-top:1px solid #36454F; border-bottom:1px solid #36454F; padding:32px 64px 0 64px; }
.about-aspire-block .img-holder { position: relative; }
.about-aspire-block blockquote p { font-weight: 500; font-size: 24px; line-height: 36px; }

.our-team-inner { padding: 64px 64px 0; }
.our-team-inner .row { margin: 0 -16px; display: flex; flex-wrap: wrap; justify-content: center; }
.our-team-inner .row .col-md-4 { padding: 0 16px; width: 25%; }

.team-item .img-holder { margin-bottom: 16px; }
.team-item .img-holder a { display: block; }
.team-item .img-holder img { width: 100%; height: auto; display: block; border: 3px solid #1291f9; transition: all .4s ease-out; -webkit-transition: all .4s ease-out; }
.team-item:hover .img-holder img { border: 10px solid #ffffff; }

.team-item .team-item-content { text-align: center; }
.team-item h3 { font-weight: 600; font-size: 20px; line-height: 32px; color: #fff; margin-bottom: 0; }
.team-item h3 a { color: #1291f9; text-decoration: none; transition: all .2s ease-out; -webkit-transition: all .2s ease-out; }
.team-item:hover h3 a { color: #fff; }
.team-item h4 { font-weight: 400; font-size: 18px; line-height: 28px; color: #FFFFFF; margin-bottom: 16px; }
.team-item p { font-weight: 400; font-size: 16px; line-height: 24px; color: #f7f7f7; margin-bottom: 16px; }

.team-item .social-share { margin: 0; padding: 0; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center; }
.team-item .social-share li { margin-right: 10px; }
.team-item .social-share li a { width: 30px; height: 30px; border-radius: 0 5px !important; background: none !important; transition: all .2s ease-out; -webkit-transition: all .2s ease-out; display: flex; align-items: center; justify-content: center; }
.team-item .social-share li a svg { height: 20px; transition: all .2s ease-out; -webkit-transition: all .2s ease-out; }
.team-item .social-share li a:hover { background: #fff !important; }
.team-item .social-share li a:hover svg path { fill: #275bfa !important; }

.team-detail { padding: 160px 0; }
.team-detail .img-holder img { height: auto; width: 100%; display: block; }
.team-detail h2 { font-weight: 700; font-size: 36px; line-height: 44px; letter-spacing: -0.02em; color: #6B8FFF; margin-bottom: 4px; }
.team-detail h3 { font-weight: 600; font-size: 20px; line-height: 30px; color: #FFFFFF; margin-bottom: 24px; }

.increase-annual { margin: 0 -15px; padding: 0; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.increase-annual li { width: 33.333%; padding: 0 15px; }
.increase-annual li strong { display: block; font-weight: 900; font-size: 36px; line-height: 44px; letter-spacing: -0.02em; color: #FFFFFF; }

.team-item .brd-radius img { border-radius: 999px; }

/* ===============================
   ABOUT PAGE MAP SECTION
   =============================== */
.eg-about-ap {
  background: #0f0a13;
  color: #f7f7f7;
}

.eg-ap-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 56px 20px 48px;
}

.eg-ap-header {
  text-align: center;
  margin-bottom: 16px;
}

.eg-ap-title {
  margin: 0 0 32px;
  font-size: 48px;
  line-height: 1.2;
  color: #fff;
}

/* Split row (intro | map) */
.eg-ap-split {
  display: grid;
  grid-template-columns: 55% 45%;
  gap: 36px;
  align-items: start;
  margin-top: 12px;
}

.eg-ap-intro {
  font-size: 17px;
  line-height: 1.7;
  color: #f7f7f7;
  max-width: 62ch;
}
.eg-ap-intro p { margin: 0 0 1rem; }
.eg-ap-intro ul,
.eg-ap-intro ol { margin: 0 0 1rem 1.25rem; }
.eg-ap-intro a { color: #8fb7ff; text-decoration: underline; }

/* Map */
.eg-ap-map-title {
  text-align: center;
  font-size: 18px;
  line-height: 1.4;
  font-weight: 600;
  color: #e9eefc;
  margin: 0 0 20px; /* subtle spacing above the SVG */
}

.eg-ap-map { width: 100%; }
.eg-ap-map svg {
  width: 100%;
  height: auto;
  display: block;
}
.eg-ap-map svg .covered {
  filter: drop-shadow(0 0 4px rgba(23,125,235,.45));
}

/* Full-width cards BELOW split */
.eg-ap-cards { margin-top: 28px; }

.aboutcards-ap-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
  align-items: stretch;
}

/* Card styles (namespaced) */
.aboutcard-ap {
  position: relative;
  background: #14111b;
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 12px;
  padding: 1rem;
  box-shadow: 0 6px 16px rgba(0,0,0,0.3);
  transition: border-color .2s ease, box-shadow .2s ease;
}
.aboutcard-ap:hover { border-color: rgba(255,255,255,0.16); }

.aboutcard-ap__copy h3 {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
  margin: 0 0 0.4rem 0;
  color: #ffffff;
}
.aboutcard-ap__copy p {
  font-size: 16px;
  line-height: 1.5;
  color: #e5e7eb;
  margin: 0;
}

/* Decorative icon */
.aboutcard-ap--bgicon .aboutcard-ap__bg{
  position: absolute;
  top: 12px;
  right: 12px;
  font-size: 36px;
  opacity: .2;
  pointer-events: none;
  line-height: 1;
}

/* Gradient clipped to glyph */
.aboutcard-ap--bgicon .aboutcard-ap__bg::before{
  display: inline-block;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  background-image: linear-gradient(135deg, #033bf0, #0fcff0);
}

/* Colorways */
.aboutcard-ap--blueicon  .aboutcard-ap__bg::before{
  background-image: linear-gradient(135deg, #001f7a, #295cfc 60%, #0fcff0);
}
.aboutcard-ap--purpleicon .aboutcard-ap__bg::before{
  background-image: linear-gradient(135deg, #3017d6, #6b54ed 60%, #a191f5);
}
.aboutcard-ap--tealicon  .aboutcard-ap__bg::before{
  background-image: linear-gradient(135deg, #03292F, #0CA5BF 55%, #3ED9F3);
}

/* ===============================
   Responsive
   =============================== */
@media (max-width: 1169px) {
  .eg-ap-title { font-size: 30px; }
  .aboutcards-ap-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 900px) {
  .eg-ap-split { grid-template-columns: 1fr; gap: 20px; }
  .eg-ap-right { order: 2; }
  .eg-ap-left  { order: 1; }
}

@media (max-width: 767px) {
  .eg-ap-title { font-size: 26px; }
  .aboutcards-ap-grid { grid-template-columns: 1fr; }
}

/*****************************************/
/* Blog   */
/*****************************************/
.blog-top-wrap { padding-top:160px; }
.blog-list-wrap {display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap;flex-wrap: wrap;}
.blog-list-left {padding-right: 32px;width: 73%;}
.blog-list-right {width: 27%;}
.blog-list-wrap h3 {font-weight: 700;font-size: 30px;line-height: 38px;}
.blog-item {display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap;flex-wrap: wrap;align-items: start;}
.blog-item:not(:last-child) { margin-bottom: 32px; }
.blog-item .img-holder { width:320px; overflow:hidden;border-radius: 30px; }
.blog-item .img-holder img { display:block; width:100%; height:auto;transition: all .2s ease-out;-webkit-transition: all .2s ease-out; }
.blog-item .blog-card { padding-left:18px;width: calc(100% - 320px); }
.blog-item .blog-card .sub-tegline { margin-bottom:12px; }
.blog-item .blog-card h4 { margin-bottom:12px; font-size:20px; line-height:20px; }
.blog-item .blog-card h4 a { color:#fff;transition: all .2s ease-out;-webkit-transition: all .2s ease-out; }
.blog-item .blog-card .heding-paragraph { margin-bottom:0; border:0; }
.blog-item .blog-card p {font-weight: 400;font-size: 16px;line-height: 24px;color: #f7f7f7; margin-bottom:14px;}
.blog-item .blog-card p span {color: #f7f7f7 !important;}
.blog-item:hover .blog-card h4 a { color:#1291f9; }
.blog-item:hover .img-holder img { transform: scale(1.1); -webkit-transform: scale(1.1); }
.blog-list-right .tag-wrap {background: rgba(255, 255, 255, 0.08);border-radius: 30px; padding:16px;}
.blog-list-right .tag-list li {margin: 4px 8px 4px 0;}
.hs-pagination { margin:32px auto; padding:30px 120px;border-top: 1px solid #36454F;max-width: 1190px; width:100%; position:relative; }
.hs-pagination .hs-pagination__link--number,
.hs-pagination .hs-pagination__link--prev,
.hs-pagination .hs-pagination__link--next{min-width: 40px; min-height: 40px;  border-radius: 8px; padding:10px;font-weight: 500;font-size: 14px;line-height: 20px; color:#fff;justify-content: center;margin: 0 4px;}
.hs-pagination .hs-pagination__link--number:hover, .hs-pagination .hs-pagination__link--active, .hs-pagination .hs-pagination__link--prev:hover, .hs-pagination .hs-pagination__link--next:hover,

.hs-pagination .hs-pagination__link--number:focus, .hs-pagination .hs-pagination__link--prev:focus, .hs-pagination .hs-pagination__link--next:focus {background: rgba(255, 255, 255, 0.2); color:#fff;}
.hs-pagination .hs-pagination__link--active {pointer-events: none;}
.hs-pagination .hs-pagination__link--number span,
.hs-pagination .hs-pagination__link--prev span,
.hs-pagination .hs-pagination__link--next span,
.hs-pagination .hs-pagination__link--number:hover span,
.hs-pagination .hs-pagination__link--prev:hover span,
.hs-pagination .hs-pagination__link--next:hover span,
.hs-pagination .hs-pagination__link--number:focus span,
.hs-pagination .hs-pagination__link--prev:focus span,
.hs-pagination .hs-pagination__link--next:focus span { color:#fff; }
.hs-pagination .hs-pagination__link--prev,
.hs-pagination .hs-pagination__link--next { position:absolute; top:30px; }
.hs-pagination .hs-pagination__link--prev { left:0; margin:0;padding-left: 28px; }
.hs-pagination .hs-pagination__link--next { right:0; margin:0;padding-right: 28px; }
.hs-pagination__link-icon svg {display:none;}
.hs-pagination .hs-pagination__link--prev:before,
.hs-pagination .hs-pagination__link--next:before {font: normal normal normal 14px/1 FontAwesome;  font-size: 14px;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; position:absolute;}
.hs-pagination .hs-pagination__link--prev:before {content: "\f177"; left:10px;}
.hs-pagination .hs-pagination__link--next:before {content: "\f178"; right:10px;}
.blog-list-page .hs-pagination { margin-bottom:86px; }
.hs-pagination__link--first, .hs-pagination__link--last { display:none !important; }
.post-footer .hs-form-private  { background-color:#fff; padding:50px 40px;display: flex;flex-wrap: wrap;border-radius: 0 30px; }
.post-footer .hs-form-private .hs_firstname,
.post-footer .hs-form-private .hs_lastname,
.post-footer .hs-form-private .hs_email {width: 33.333%;padding: 0 10px;}
.post-footer .hs-form-private .hs_comment, .post-footer .hs-form-private .hs_recaptcha {width: 3100%;padding: 0 10px;} 
.post-footer .hs-form-private textarea.hs-input { height:130px; }
.post-footer .hs-form-private .hs_recaptcha .grecaptcha-badge { margin:0; }
.post-footer .hs-form-private .hs-input {background: #fff;border: 1px solid #d3d7da;color: #36454f;font-size: 16px;font-weight: 400;height: 48px;line-height: 24px;padding: 12px 16px;}
.post-footer .hs-form-private .hs_submit { padding: 0 10px; }
form .inputs-list > li {margin: 5px 0 0 0;}
.post-footer .hs-form-private .hs-form-field { margin-bottom: 15px;}


/*****************************************/
/* CTAs   */
/*****************************************/
.hs-cta-img {
  border-radius: 0 30px;
}

@media (max-width: 1169px) {
body { margin-top:88px; }
  
.hero-content.single-col { padding: 0 2vw; height: 100%; }
.hero-content.single-col h1 { font-size: clamp(1.7rem, 6vw, 3rem); }
.subhead { font-size: 1rem; }
.highlight-gradient, .rotate-text { min-width: 5em; } 
 
.header .logo_part { width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 0; }
.header .navigation { width: 100%; left: 0; top: 68px; position: absolute; z-index: -1; background: #0f0a13; padding: 0 15px 40px 15px;transform: translateX(-100%); -webkit-transform: translateX(-100%);transition: all .5s ease-out;-webkit-transition: all .5s ease-out;}
.menu-open .header .navigation {transform: translateX(0); -webkit-transform: translateX(0); z-index:5;}
.header .navigation .menu_part ul li { position:relative; }
.menu_part ul li .sub_menu { position:static; visibility:visible; opacity:1; display:none; } /* mobile: shown via JS */
.header .navigation .menu_part ul li > a:hover { color: #fff; }
.header .navigation .menu_part ul li.parent > a:before { display:none; }
.header .navigation .menu_part ul li .menuIcon { display:inline-block; }
.header .navigation .menu_part ul li.parent > a { padding-right:0;}

.mobile_trigger { display: inline-block; width: 18px; height: 12px; border-top: 2px solid #fff; border-bottom: 2px solid #fff; position: relative; cursor:pointer; }
.mobile_trigger:before { content: ""; position: absolute; left: 0; height: 2px; width: 100%; top: 50%; background: #fff; transform: translate(0, -50%); }

.header .navigation .menu_part, .header .navigation .cta_part { width:100%; margin:0; }
.header .navigation .cta_part { margin-top:15px; }
.header .navigation .menu_part ul { display:block; }
.header .navigation .menu_part ul li {padding: 4px 0;}
.header .navigation .menu_part ul li a {font-weight: 600;font-size: 20px;line-height: 30px;color: #D3D7DA;}
.menu_part .sub_menu .sub_title { display:none; }
.menu_part ul li .sub_menu .sub_blocks {  margin-left: 0;}
.sub_blocks .row .col-md-5, .sub_blocks .row .col-md-7 {  width: 50%;}
/* mobile submenu padding & full width */
.header .navigation .menu_part ul li .sub_menu.navmega { position:static; box-sizing:border-box; padding:10px 15px; margin-left:-15px; margin-right:-15px; width:auto; max-width:none; border-radius:10px; box-shadow:none; }
.menu_part .sub_menu .navmega-link { padding:10px 0; grid-template-columns:40px 1fr; }
.menu_part .sub_menu .navmega-badge { width:40px; height:40px; border-radius:10px; }
.menu_part .sub_menu .navmega-title { font-size:16px; }
.menu_part .sub_menu .navmega-desc { font-size:13px; font-weight: 400; }
.menu_part .sub_menu .navmega-item + .navmega-item { border-top:1px solid rgba(255,255,255,0.08); }

.hero_section, .inner-banner { height:auto; padding:100px 0; border-radius:0;}
.hero_section .content h1, .inner-banner .content h1 { font-size:45px; line-height:50px; }
.hero_section .content p, .inner-banner .content p { font-size:25px;line-height: 34px; }
.hero_section .content, .inner-banner .content {max-width: 570px;}
.hero_section_wrap .center-block, .inner-banner-wrap .center-block { display:none; }
.approach_block h2, .awards .text_part h2, .tab_blocks .top_content h2, .testimonial .content > h2, .latest_blog .container h2, .heading, h2, .detail-header h1 { font-size:35px; line-height: 48px; }
.approach_block h2, .tab_blocks .top_content h2, .testimonial .content > h2, .latest_blog .container h2 { margin-bottom: 40px; }
.approach_block .block, .latest_blog .content .block { width:32%; }
.awards .badges div {margin-right: 15px;padding: 10px;width: 120px;}
.tab_blocks, .testimonial, .latest_blog, .subscribe { padding:0; }
.approach_block h2 { margin-bottom:90px; }
.approach_block {background: #0f0a13;}
.tab_blocks { padding-top:50px; }
.tab_blocks .tab_contents {margin-top: 50px;}
.footer { padding-top:15px;}
.ser-bg-img, .testimonial .right-img { display:none; }
.latest_blog .content h4 { font-size:16px; line-height:25px; }
.approach_block .block-inner { padding: 15px; }
.approach_block .block .overlay_num { font-size:160px; line-height:1.5;}
.approach_block .block h3 { font-size:19px; line-height:26px; }
.inner-banner { padding: 160px 0; }
.inner-banner .content p.tagline {font-size: 14px;line-height: 24px; margin-bottom:32px;}
.section-header h2 {margin-bottom: 24px;}
.how-it-work .row .col-md-6:first-child, .how-it-work .row .col-md-6:last-child, .inner-faq .row .col-md-6:first-child, .inner-faq .row .col-md-6:last-child { width:50%; }
.services-block .row .col-md-6:first-child { padding-right:25px; }
.services-block .row .col-md-6:last-child { padding-left:25px; }
.case-study-block h3 {font-size: 25px; line-height: 32px;}
.case-studie-item .row .col-md-6:first-child, .case-studie-item:nth-child(2n) .row .col-md-6:last-child { padding-right: 25px; }
.case-studie-item .row .col-md-6:last-child, .case-studie-item:nth-child(2n) .row .col-md-6:first-child { padding-left:25px; }
.detail-footer { width:100%; }
.detail-wrap { padding: 60px 0; }
.our-team-inner {padding: 64px 32px 0;}
.hs-pagination { width:auto; margin-left:15px; margin-right:15px; }
.blog-list-page .hs-pagination { margin-bottom: 66px;}
.menu_part ul li .sub_menu:after, .menu_part ul li .sub_menu:before { display:none; }
}

@media (max-width: 1023px) {
.tab_blocks .tabs ul li { font-size:12px; }
.testimonial .content_blocks .left_part, .testimonial .content_blocks .right_part { padding: 30px; }
.testimonial .content_blocks .right_part h3 {font-size: 38px;line-height: 50px;margin-bottom: 20px;}
.testimonial .content_blocks .right_part p {font-size: 16px;line-height: 24px;margin-bottom: 20px;}
.testimonial .content_blocks .left_part h3 { font-size:18px; line-height:24px; margin-bottom:30px; }
.tab_blocks .tab_contents .block h4 { font-size:20px; line-height:25px; }
.testimonial .content_blocks .right_part a { font-size:15px; }
.testimonial .link-text:before { margin-top: 2px; }
.approach_block.inner-page .block {width: 32%;}
.how-it-work .row .col-md-6:first-child, .how-it-work .row .col-md-6:last-child, .inner-faq .row .col-md-6:first-child, .inner-faq .row .col-md-6:last-child, .services-block .row .col-md-6, .case-study-block .col-md-6 {width: 100%;}
.how-it-work .row .img-holder, .inner-faq .row .img-holder, .services-block .row .col-md-6:first-child { margin-bottom:64px; }
.row.mob-revers {flex-direction: column-reverse;}
.services-block .section-header { margin-bottom:96px; }
.case-studie-item .row .col-md-6 { width:100%; }
.case-studie-item .row .col-md-6:first-child { margin-bottom:32px; }
.case-studie-item:nth-child(2n) .row .col-md-6:first-child {order: 1;}
.case-studie-item:nth-child(2n) .row .col-md-6:last-child {order: 2;}
.landing-page .landing-right-img { display:none; }
.landing-page .col-md-6 { width:100%; }
.landing-content, .thank-you-page .landing-content { padding-right:0; }
.landing-right { max-width:100%; }
.landing-page { padding-bottom:128px; }
.landing-page:before { position:absolute; left:0; bottom:0; width:100%; height:96px; content:""; background:#000; }
.thank-you-page .landing-content, .contact-page .landing-content { margin-bottom:32px; }
.post-right-block .title {font-size: 23px;}
.about-aspire-block { padding:32px 0 0 0; }
.about-aspire-block .img-holder { display:none; }
.about-aspire-block .col-md-6, .team-detail .col-md-6 { width:100%; }
.about-aspire-block h2 { margin-bottom:40px; }
.team-detail .img-holder { margin-bottom:64px; }
.blog-list-left {padding-right: 0;width: 100%; order:2;}
.blog-list-right {width: 100%;order:1; margin-bottom:64px;}
.awards .badges div { margin-bottom:15px; }
.menu_part .sub_menu .sub_blocks .block { width:80%; }
}

@media (max-width: 767px) {
body { margin-top:82px; }
.hero-content.single-col { padding: 0 6vw; height: 100%; }
.hero-content.single-col h1 { font-size: clamp(1.2rem, 9vw, 2rem); }
.highlight-gradient, .rotate-text { min-width: 4em; }
.hero-bg { min-height: 270px; }
 /* stop blob keyframes but keep them visible */
  .blob { animation: none !important; }
.header .navigation { top:44px; }
.sub_blocks .row .col-md-5 { display:none; }
.sub_blocks .row .col-md-7 { width:100%; }
.header .navigation .cta_part a { display:block; text-align:center; padding:15px; }
.header .logo_part a img { max-width: 105px; }
.header { padding: 24px 0; }
.hero_section { height:576px; padding: 50px 0; }
.hero_section .content h1 { font-size: 32px; line-height: 38px; margin-bottom:15px; font-weight:700; }
.hero_section .content p { font-size: 24px; line-height: 32px; margin-bottom:4px; }
.hero_section .content { max-width: 300px; }
.button { line-height:19px; padding:10px 15px; }
.approach_block h2, .awards .text_part h2, .latest_blog .container h2, .tab_blocks .top_content h2, .testimonial .content > h2, .heading, h2 { font-size: 30px; line-height: 38px; }
.approach_block .block, .latest_blog .content .block { width: 100%; }
.approach_block .block { margin-bottom:30px; }
.approach_block .block h3 { font-size: 24px; line-height: 32px; }
.approach_block .block-inner { padding:40px 20px; }
.approach_block { padding-bottom:32px; }
.awards { padding:35px 0 240px 0; }
.awards .container { display:block; }
.awards .text_part { padding-right: 0; width: auto; text-align: center; }
.awards .text_part h2 { font-size:36px; line-height:44px; margin-bottom:38px; }
.awards .badges { justify-content: center; width:auto; }
.awards .badges div { width:125px; height:125px; margin:0 10px 10px 10px; }
.tab_blocks .tabs { width: 100%; overflow-y: scroll; }
.tab_blocks .tabs ul { width:970px; }
.tab_blocks .tab_contents { margin-top: 70px; }
.tab_blocks .tab_contents .block h4 { font-size: 24px; line-height: 32px; }
.tab_blocks .tab_contents .block .text_part { padding-right: 0; margin-bottom: 32px; width: 100%; }
.tab_blocks .tab_contents .block .img_part { width: 100%; }
.tab_blocks .tab_contents .block .text_part .button, .button.dark-btn { padding: 15px 18px; }
.tab_blocks .tab_contents .block p { max-height:100%; }
.tab_blocks { padding-bottom:30px; }
.testimonial .content_blocks .block { border-radius: 0 30px 20px 20px; }
.testimonial .content > p { font-weight:600; font-size:18px; line-height:28px; }
.testimonial .content_blocks .left_part, .testimonial .content_blocks .right_part { width:100%; }
.testimonial .content_blocks .left_part { border-radius: 0 10px 93px 0; padding:75px 20px 40px 20px; }
.testimonial .content_blocks .left_part h3 { font-size: 17px; line-height: 28px; margin-bottom: 60px; font-weight: 600; }
.testimonial .content_blocks .right_part { padding:15px 20px; }
.testimonial .content_blocks .right_part h3 { font-size: 48px; line-height: 60px; margin-bottom: 16px; font-weight: 700; }
.testimonial .content_blocks .right_part p { font-size: 18px; line-height: 28px; margin-bottom: 16px; }
.testimonial .content_blocks .right_part a { font-size: 16px; }
.testimonial .content_blocks .right_part a i { margin-top: 3px; }
.testimonial .logo_blocks .logo_blc { margin: 0 7px;}
.testimonial { padding-top:105px; }
.latest_blog .container h2 { margin-bottom:64px; }
.latest_blog .content img { height:auto; }
.latest_blog .content h4 { font-size: 20px; line-height: 30px; }
.latest_blog .content .block { margin-bottom:45px; }
.subscribe .content { padding: 25px; }
.subscribe .content h2 { font-size: 20px; line-height: 30px; font-weight: 700; margin-bottom: 10px; padding: 0 20px; }
.subscribe .content p { margin-bottom: 10px; }
.subscribe { padding-bottom: 128px; }
.subscribe .content-inner { max-width: 290px; }
.subscribe .content-inner form .hs_email { flex-direction: column; gap: 12px; }
.footer .social-links { margin-bottom:50px; }
.footer h2 { font-size:16px; line-height:24px; font-weight:700; margin-bottom:10px; }
.footer .row-fluid .dnd-column { width: 100% !important; }
.footer .menu__item--depth-1 { border:0 !important; }
.footer .menu__item--has-submenu > .menu__link { width: auto !important; display: inline-block; }
.footer .menu__item--depth-1 > .menu__link { padding: 0 !important; }
.footer .row-fluid .row-number-13 .row-fluid .dnd-column.span12 { font-size:16px !important; }
.footer .menu__child-toggle { width:auto !important; height:auto !important; padding:0 !important; top:-7px !important; }
.footer .menu__wrapper .menu__item--depth-1 .menu__submenu .menu__item { background:none; }
.footer .menu--mobile { margin-bottom:50px; }
.footer .row-fluid .row-number-13 .row-fluid .dnd-column.span12 { margin-top:60px; }
.inner-banner .content h1 {font-size: 36px;line-height: 44px; font-weight:700;}
.inner-banner .content p {max-width: 100%;font-weight: 400;font-size: 20px;line-height: 30px; margin-bottom:60px;}
.inner-banner .content p.tagline { margin-bottom:32px; }
.section-header .sub-text { font-size:18px; line-height:28px; padding:0;}
.approach_block.inner-page .block {width: 100%;min-height: 243px;margin-bottom: 16px;}
.how-it-work, .inner-faq {padding: 96px 0;}
.number-list li:before {color: #6B8FFF;}
.how-it-work {width: 100%;text-align: center;}
h3 {font-size: 20px;line-height: 30px;}
.inner-faq .button, .how-it-work .button, .subscribe .content-inner .hs_cos_wrapper .hs-button, .subscribe .content-inner .subscribe-btn {width: 100%;text-align: center;}
.inner-faq { padding-bottom:128px; }
.inner-page .subscribe { padding-bottom:128px; }
.approach_block.inner-page { padding-bottom:64px; }
.number-list li { text-align:left; }
.services-block {padding: 96px 0 35px 0;}
.services-block .row .col-md-6:first-child { margin-bottom: 32px; }
.case-study-block { padding:66px 0 128px 0; }
.case-study-block h2 {font-size: 48px;line-height: 60px;}
.case-study-block h3{font-size: 30px;line-height: 38px;}
.related-blog-list .related-blog-item .img-holder, .related-blog-list .related-blog-item .related-blog-card { width:100%; }
.related-blog-list .related-blog-item .img-holder { padding:0; margin-bottom:18px; }
.related-blog-list .related-blog-item .img-holder img { display:block; }
.case-studie-list {padding: 96px 0 128px 0;}
.case-category li { width:33%; padding-right:0; }
.case-studie-item .button.dark-btn, form .hs-button, form input[type="submit"] { width:100%; text-align:center; }
.landing-page { padding-top:32px; }
.landing-right { padding:33px; }
.detail-wrap {padding: 96px 0;}
.detail-header h1 { font-size:30px; line-height:38px; }
.post-detail-left .post-left-block {padding-right: 0;width: 100%;order: 2;}
.post-detail-left .post-right-block {margin-bottom: 32px; width: 100%;order: 1;}
.post-right-block .sidebar-wrap, .post-right-block .sidebar { height:auto; position:static; }
.post-right-block .title {font-size: 30px;}
.detail-footer .author-wrap { display:block; }
.detail-footer .author-wrap .author {width: auto;}
.detail-footer .post-share {width: auto;margin: 26px 0 10px 0;}
.detail-footer .post-share ul {justify-content: start;}
.detail-footer .post-share ul li { padding-left:0; padding-right:10px; }
.post-detail .conclusion { margin-bottom:32px; }
.about-aspire {padding-top: 64px;}
.our-team-inner .row .col-md-4 { width:100%; }
.team-item { margin-bottom:36px; }
.our-team-inner .row .col-md-4:last-child .team-item { margin-bottom:0; }
.our-team-inner { padding-bottom:15px; }
.team-detail {padding: 96px 0;}
.blog-top-wrap {padding-top: 96px;}
.blog-item .img-holder, .blog-item .blog-card { width:100%; padding:0; }
.blog-item .img-holder { margin-bottom: 18px; }
.blog-list-right h3 { margin-bottom:16px; }
.hs-pagination .hs-pagination__link--prev { padding-left:8px; }
.hs-pagination .hs-pagination__link--next { padding-right:8px; }
.hs-pagination { padding-left:20px; padding-right:20px;margin-left: 0;margin-right: 0; }
.hs-pagination .hs-pagination__link--next, .hs-pagination .hs-pagination__link--number, .hs-pagination .hs-pagination__link--prev {min-height: 30px;min-width: 30px;padding: 6px;}
.hs-pagination .hs-pagination__link--prev:before {left: 7px;}
.hs-pagination .hs-pagination__link--next:before {right: 7px;}
.menu_part .sub_menu .sub_blocks .block { width:80%; }
.post-footer .hs-form-private { padding:20px 10px; }
.post-footer .hs-form-private .hs_email, .post-footer .hs-form-private .hs_firstname, .post-footer .hs-form-private .hs_lastname { width:100%; }
}

@media (max-width: 479px) {
.testimonial .logo_blocks .logo_blc {max-width: 90px;min-width: 90px;}
.testimonial .logo_blocks .logo_blc:nth-child(3) img {height: 24px;}
}