@charset "UTF-8";
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block; }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent; }

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0; }

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong,
.strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn,
em,
.em {
  font-style: italic; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

/*
 * Addresses margins set differently in IE6/7.
 */
pre {
  margin: 0; }

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em; }

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre-wrap; }

/**
 * Set consistent quote types.
 */
q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
q:before,
q:after {
  content: '';
  content: none; }

small, .small {
  font-size: 75%; }

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

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* ==========================================================================
  Lists
========================================================================== */
/*
 * Addresses margins set differently in IE6/7.
 */
dl,
menu,
ol,
ul {
  margin: 1em 0; }

dd {
  margin: 0; }

/*
 * Addresses paddings set differently in IE6/7.
 */
menu {
  padding: 0 0 0 40px; }

ol,
ul {
  padding: 0;
  list-style-type: none; }

/*
 * Corrects list images handled incorrectly in IE7.
 */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none; }

/* ==========================================================================
  Embedded content
========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
img {
  border: 0; }

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden; }

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0; }

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box; }

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */ }

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.image-replacement,
.ir {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }

.clearfix, .cf {
  zoom: 1; }
  .clearfix:before, .clearfix:after, .cf:before, .cf:after {
    content: "";
    display: table; }
  .clearfix:after, .cf:after {
    clear: both; }

/*
use the best ampersand
http://simplebits.com/notebook/2008/08/14/ampersands-2/
*/
span.amp {
  font-family: Baskerville,'Goudy Old Style',Palatino,'Book Antiqua',serif !important;
  font-style: italic; }

.flex-wrap {
  margin-bottom: -40px;
  display: flex;
  flex-wrap: wrap;
  margin-left: -25px; }
  .flex-wrap.flex-wrap-small-gap {
    margin-bottom: -15px;
    margin-left: -15px; }
    .flex-wrap.flex-wrap-small-gap .flex-col {
      margin-bottom: 15px;
      padding-left: 15px; }
  .flex-wrap .flex-col {
    margin-bottom: 40px;
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;
    padding-left: 25px; }
  .flex-wrap .flex-col-1of2-mobile {
    -ms-flex: 50%;
    flex: 50%;
    max-width: 50%; }
  .flex-wrap .flex-col-1of3-mobile {
    -ms-flex: 33.3333%;
    flex: 33.3333%;
    max-width: 33.3333%; }
  .flex-wrap .flex-col-1of4-mobile {
    -ms-flex: 25%;
    flex: 25%;
    max-width: 25%; }
  .flex-wrap .flex-col-1of5-mobile {
    -ms-flex: 20%;
    flex: 20%;
    max-width: 20%; }
  .flex-wrap .flex-col-2of3-mobile {
    -ms-flex: 66.6666%;
    flex: 66.6666%;
    max-width: 66.6666%; }
  .flex-wrap .flex-col-3of4-mobile {
    -ms-flex: 75%;
    flex: 75%;
    max-width: 75%; }
  .flex-wrap .flex-col-2of5-mobile {
    -ms-flex: 40%;
    flex: 40%;
    max-width: 40%; }
  .flex-wrap .flex-col-3of5-mobile {
    -ms-flex: 60%;
    flex: 60%;
    max-width: 60%; }
  .flex-wrap .flex-col-full-width {
    -ms-flex: 100% !important;
    flex: 100% !important;
    max-width: 100% !important; }

.flex-wrap-center {
  align-items: center; }

.flex-wrap-reverse {
  flex-direction: row-reverse; }

.flex-wrap-end {
  align-items: flex-end; }

/* Portrait tablet to landscape */
@media (min-width: 768px) {
  .flex-wrap .flex-col-1of2 {
    -ms-flex: 50%;
    flex: 50%;
    max-width: 50%; }
  .flex-wrap .flex-col-1of3 {
    -ms-flex: 33.3333%;
    flex: 33.3333%;
    max-width: 33.3333%; }
  .flex-wrap .flex-col-1of4 {
    -ms-flex: 25%;
    flex: 25%;
    max-width: 25%; }
  .flex-wrap .flex-col-1of5 {
    -ms-flex: 20%;
    flex: 20%;
    max-width: 20%; }
  .flex-wrap .flex-col-2of3 {
    -ms-flex: 66.6666%;
    flex: 66.6666%;
    max-width: 66.6666%; }
  .flex-wrap .flex-col-3of4 {
    -ms-flex: 75%;
    flex: 75%;
    max-width: 75%; }
  .flex-wrap .flex-col-2of5 {
    -ms-flex: 40%;
    flex: 40%;
    max-width: 40%; }
  .flex-wrap .flex-col-3of5 {
    -ms-flex: 60%;
    flex: 60%;
    max-width: 60%; } }
/* Landscape to small desktop */
@media (min-width: 1000px) {
  .flex-wrap {
    margin-bottom: -80px;
    margin-left: -50px; }
    .flex-wrap.flex-wrap-small-gap {
      margin-bottom: -30px;
      margin-left: -30px; }
      .flex-wrap.flex-wrap-small-gap .flex-col {
        margin-bottom: 30px;
        padding-left: 30px; }
    .flex-wrap .flex-col {
      margin-bottom: 80px;
      padding-left: 50px; }
    .flex-wrap .flex-col-1of2-desktop {
      -ms-flex: 50%;
      flex: 50%;
      max-width: 50%; }
    .flex-wrap .flex-col-1of3-desktop {
      -ms-flex: 33.3333%;
      flex: 33.3333%;
      max-width: 33.3333%; }
    .flex-wrap .flex-col-1of4-desktop {
      -ms-flex: 25%;
      flex: 25%;
      max-width: 25%; }
    .flex-wrap .flex-col-1of5-desktop {
      -ms-flex: 20%;
      flex: 20%;
      max-width: 20%; }
    .flex-wrap .flex-col-2of3-desktop {
      -ms-flex: 66.6666%;
      flex: 66.6666%;
      max-width: 66.6666%; }
    .flex-wrap .flex-col-3of4-desktop {
      -ms-flex: 75%;
      flex: 75%;
      max-width: 75%; }
    .flex-wrap .flex-col-2of5-desktop {
      -ms-flex: 40%;
      flex: 40%;
      max-width: 40%; }
    .flex-wrap .flex-col-3of5-desktop {
      -ms-flex: 60%;
      flex: 60%;
      max-width: 60%; } }
/* XL desktop */
@media (min-width: 1240px) {
  .flex-wrap {
    margin-bottom: -100px;
    margin-left: -70px; }
    .flex-wrap .flex-col {
      margin-bottom: 100px;
      padding-left: 70px; }
    .flex-wrap .flex-col-1of2-xl-desktop {
      -ms-flex: 50%;
      flex: 50%;
      max-width: 50%; }
    .flex-wrap .flex-col-1of3-xl-desktop {
      -ms-flex: 33.3333%;
      flex: 33.3333%;
      max-width: 33.3333%; }
    .flex-wrap .flex-col-1of4-xl-desktop {
      -ms-flex: 25%;
      flex: 25%;
      max-width: 25%; }
    .flex-wrap .flex-col-1of5-xl-desktop {
      -ms-flex: 20%;
      flex: 20%;
      max-width: 20%; }
    .flex-wrap .flex-col-2of3-xl-desktop {
      -ms-flex: 66.6666%;
      flex: 66.6666%;
      max-width: 66.6666%; }
    .flex-wrap .flex-col-3of4-xl-desktop {
      -ms-flex: 75%;
      flex: 75%;
      max-width: 75%; }
    .flex-wrap .flex-col-2of5-xl-desktop {
      -ms-flex: 40%;
      flex: 40%;
      max-width: 40%; }
    .flex-wrap .flex-col-3of5-xl-desktop {
      -ms-flex: 60%;
      flex: 60%;
      max-width: 60%; } }
.blue-btn, .button, .wp-block-button__link, .button-outline, .button-purple, .button-white, .gform_button {
  display: inline-block;
  position: relative;
  font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-decoration: none;
  color: #fff !important;
  background: #10064C;
  font-size: 13px;
  line-height: 20px;
  font-weight: 500;
  padding: 10px 20px;
  border-radius: 4px;
  border: 1px solid #10064C;
  cursor: pointer;
  text-align: center;
  transition: 0.35s cubic-bezier(0.4, 0, 0.2, 1); }
  .blue-btn:hover, .button:hover, .wp-block-button__link:hover, .button-outline:hover, .button-purple:hover, .button-white:hover, .gform_button:hover {
    color: #fff !important;
    background: #9747FF;
    border-color: #9747FF; }
    .blue-btn:hover svg path, .button:hover svg path, .wp-block-button__link:hover svg path, .button-outline:hover svg path, .button-purple:hover svg path, .button-white:hover svg path, .gform_button:hover svg path {
      fill: #fff; }
  .blue-btn svg, .button svg, .wp-block-button__link svg, .button-outline svg, .button-purple svg, .button-white svg, .gform_button svg, .blue-btn img, .button img, .wp-block-button__link img, .button-outline img, .button-purple img, .button-white img, .gform_button img {
    margin-right: 5px; }
    .blue-btn svg path, .button svg path, .wp-block-button__link svg path, .button-outline svg path, .button-purple svg path, .button-white svg path, .gform_button svg path, .blue-btn img path, .button img path, .wp-block-button__link img path, .button-outline img path, .button-purple img path, .button-white img path, .gform_button img path {
      transition: 0.35s cubic-bezier(0.4, 0, 0.2, 1); }
  @media only screen and (min-width: 1000px) {
    .blue-btn, .button, .wp-block-button__link, .button-outline, .button-purple, .button-white, .gform_button {
      padding: 15px 35px; } }

@media only screen and (max-width: 767px) {
  .circle-button-mobile {
    border-radius: 50%;
    width: 34px;
    height: 34px;
    line-height: 20px;
    padding: 7px 0; }
    .circle-button-mobile img, .circle-button-mobile svg {
      margin: 0; }
    .circle-button-mobile span {
      display: none; } }
/*
An example button.
You can use this example if you want. Just replace all the variables
and it will create a button dependant on those variables.
*/
.button-outline {
  background: transparent;
  color: #10064C !important; }
  .button-outline:hover {
    color: #fff !important; }

.light-content .button-outline {
  color: #fff !important;
  border-color: #fff; }
  .light-content .button-outline:hover {
    border-color: #9747FF; }

.button-icon {
  display: flex;
  justify-content: center;
  align-items: center; }
  @media only screen and (min-width: 1000px) {
    .button-icon svg {
      width: 15px;
      height: 15px; } }

.button-purple {
  background: #9747FF;
  border: #9747FF; }
  .button-purple:hover {
    background: #10064C;
    border: #10064C; }

.button-white, .gform_button {
  background: #fff;
  border: #fff;
  color: #10064C !important; }
  .button-white:hover, .gform_button:hover {
    background: #9747FF;
    border: #9747FF;
    color: #fff !important; }

/*********************
INPUTS
*********************/
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
select,
textarea,
.field {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-sizing: border-box;
  display: block;
  height: 50px;
  line-height: 20px !important;
  font-weight: 400;
  font-size: 16px !important;
  padding: 15px 15px !important;
  margin-bottom: 0px;
  color: #fff;
  border-radius: 5px;
  font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
  vertical-align: middle;
  border: 1px solid #10064C;
  box-shadow: none;
  width: 100%;
  background: #3e3866;
  transition: 0.35s cubic-bezier(0.4, 0, 0.2, 1); }
  input[type="text"]:focus, input[type="text"]:active,
  input[type="password"]:focus,
  input[type="password"]:active,
  input[type="datetime"]:focus,
  input[type="datetime"]:active,
  input[type="datetime-local"]:focus,
  input[type="datetime-local"]:active,
  input[type="date"]:focus,
  input[type="date"]:active,
  input[type="month"]:focus,
  input[type="month"]:active,
  input[type="time"]:focus,
  input[type="time"]:active,
  input[type="week"]:focus,
  input[type="week"]:active,
  input[type="number"]:focus,
  input[type="number"]:active,
  input[type="email"]:focus,
  input[type="email"]:active,
  input[type="url"]:focus,
  input[type="url"]:active,
  input[type="search"]:focus,
  input[type="search"]:active,
  input[type="tel"]:focus,
  input[type="tel"]:active,
  input[type="color"]:focus,
  input[type="color"]:active,
  select:focus,
  select:active,
  textarea:focus,
  textarea:active,
  .field:focus,
  .field:active {
    background: #3e3866 !important;
    border-color: #9747FF !important;
    color: #fff !important;
    outline: none; }
    input[type="text"]:focus::-webkit-input-placeholder, input[type="text"]:active::-webkit-input-placeholder,
    input[type="password"]:focus::-webkit-input-placeholder,
    input[type="password"]:active::-webkit-input-placeholder,
    input[type="datetime"]:focus::-webkit-input-placeholder,
    input[type="datetime"]:active::-webkit-input-placeholder,
    input[type="datetime-local"]:focus::-webkit-input-placeholder,
    input[type="datetime-local"]:active::-webkit-input-placeholder,
    input[type="date"]:focus::-webkit-input-placeholder,
    input[type="date"]:active::-webkit-input-placeholder,
    input[type="month"]:focus::-webkit-input-placeholder,
    input[type="month"]:active::-webkit-input-placeholder,
    input[type="time"]:focus::-webkit-input-placeholder,
    input[type="time"]:active::-webkit-input-placeholder,
    input[type="week"]:focus::-webkit-input-placeholder,
    input[type="week"]:active::-webkit-input-placeholder,
    input[type="number"]:focus::-webkit-input-placeholder,
    input[type="number"]:active::-webkit-input-placeholder,
    input[type="email"]:focus::-webkit-input-placeholder,
    input[type="email"]:active::-webkit-input-placeholder,
    input[type="url"]:focus::-webkit-input-placeholder,
    input[type="url"]:active::-webkit-input-placeholder,
    input[type="search"]:focus::-webkit-input-placeholder,
    input[type="search"]:active::-webkit-input-placeholder,
    input[type="tel"]:focus::-webkit-input-placeholder,
    input[type="tel"]:active::-webkit-input-placeholder,
    input[type="color"]:focus::-webkit-input-placeholder,
    input[type="color"]:active::-webkit-input-placeholder,
    select:focus::-webkit-input-placeholder,
    select:active::-webkit-input-placeholder,
    textarea:focus::-webkit-input-placeholder,
    textarea:active::-webkit-input-placeholder,
    .field:focus::-webkit-input-placeholder,
    .field:active::-webkit-input-placeholder {
      /* Chrome/Opera/Safari */
      color: #8079af; }
    input[type="text"]:focus::-moz-placeholder, input[type="text"]:active::-moz-placeholder,
    input[type="password"]:focus::-moz-placeholder,
    input[type="password"]:active::-moz-placeholder,
    input[type="datetime"]:focus::-moz-placeholder,
    input[type="datetime"]:active::-moz-placeholder,
    input[type="datetime-local"]:focus::-moz-placeholder,
    input[type="datetime-local"]:active::-moz-placeholder,
    input[type="date"]:focus::-moz-placeholder,
    input[type="date"]:active::-moz-placeholder,
    input[type="month"]:focus::-moz-placeholder,
    input[type="month"]:active::-moz-placeholder,
    input[type="time"]:focus::-moz-placeholder,
    input[type="time"]:active::-moz-placeholder,
    input[type="week"]:focus::-moz-placeholder,
    input[type="week"]:active::-moz-placeholder,
    input[type="number"]:focus::-moz-placeholder,
    input[type="number"]:active::-moz-placeholder,
    input[type="email"]:focus::-moz-placeholder,
    input[type="email"]:active::-moz-placeholder,
    input[type="url"]:focus::-moz-placeholder,
    input[type="url"]:active::-moz-placeholder,
    input[type="search"]:focus::-moz-placeholder,
    input[type="search"]:active::-moz-placeholder,
    input[type="tel"]:focus::-moz-placeholder,
    input[type="tel"]:active::-moz-placeholder,
    input[type="color"]:focus::-moz-placeholder,
    input[type="color"]:active::-moz-placeholder,
    select:focus::-moz-placeholder,
    select:active::-moz-placeholder,
    textarea:focus::-moz-placeholder,
    textarea:active::-moz-placeholder,
    .field:focus::-moz-placeholder,
    .field:active::-moz-placeholder {
      /* Firefox 19+ */
      color: #8079af; }
    input[type="text"]:focus:-ms-input-placeholder, input[type="text"]:active:-ms-input-placeholder,
    input[type="password"]:focus:-ms-input-placeholder,
    input[type="password"]:active:-ms-input-placeholder,
    input[type="datetime"]:focus:-ms-input-placeholder,
    input[type="datetime"]:active:-ms-input-placeholder,
    input[type="datetime-local"]:focus:-ms-input-placeholder,
    input[type="datetime-local"]:active:-ms-input-placeholder,
    input[type="date"]:focus:-ms-input-placeholder,
    input[type="date"]:active:-ms-input-placeholder,
    input[type="month"]:focus:-ms-input-placeholder,
    input[type="month"]:active:-ms-input-placeholder,
    input[type="time"]:focus:-ms-input-placeholder,
    input[type="time"]:active:-ms-input-placeholder,
    input[type="week"]:focus:-ms-input-placeholder,
    input[type="week"]:active:-ms-input-placeholder,
    input[type="number"]:focus:-ms-input-placeholder,
    input[type="number"]:active:-ms-input-placeholder,
    input[type="email"]:focus:-ms-input-placeholder,
    input[type="email"]:active:-ms-input-placeholder,
    input[type="url"]:focus:-ms-input-placeholder,
    input[type="url"]:active:-ms-input-placeholder,
    input[type="search"]:focus:-ms-input-placeholder,
    input[type="search"]:active:-ms-input-placeholder,
    input[type="tel"]:focus:-ms-input-placeholder,
    input[type="tel"]:active:-ms-input-placeholder,
    input[type="color"]:focus:-ms-input-placeholder,
    input[type="color"]:active:-ms-input-placeholder,
    select:focus:-ms-input-placeholder,
    select:active:-ms-input-placeholder,
    textarea:focus:-ms-input-placeholder,
    textarea:active:-ms-input-placeholder,
    .field:focus:-ms-input-placeholder,
    .field:active:-ms-input-placeholder {
      /* IE 10+ */
      color: #8079af; }
    input[type="text"]:focus:-moz-placeholder, input[type="text"]:active:-moz-placeholder,
    input[type="password"]:focus:-moz-placeholder,
    input[type="password"]:active:-moz-placeholder,
    input[type="datetime"]:focus:-moz-placeholder,
    input[type="datetime"]:active:-moz-placeholder,
    input[type="datetime-local"]:focus:-moz-placeholder,
    input[type="datetime-local"]:active:-moz-placeholder,
    input[type="date"]:focus:-moz-placeholder,
    input[type="date"]:active:-moz-placeholder,
    input[type="month"]:focus:-moz-placeholder,
    input[type="month"]:active:-moz-placeholder,
    input[type="time"]:focus:-moz-placeholder,
    input[type="time"]:active:-moz-placeholder,
    input[type="week"]:focus:-moz-placeholder,
    input[type="week"]:active:-moz-placeholder,
    input[type="number"]:focus:-moz-placeholder,
    input[type="number"]:active:-moz-placeholder,
    input[type="email"]:focus:-moz-placeholder,
    input[type="email"]:active:-moz-placeholder,
    input[type="url"]:focus:-moz-placeholder,
    input[type="url"]:active:-moz-placeholder,
    input[type="search"]:focus:-moz-placeholder,
    input[type="search"]:active:-moz-placeholder,
    input[type="tel"]:focus:-moz-placeholder,
    input[type="tel"]:active:-moz-placeholder,
    input[type="color"]:focus:-moz-placeholder,
    input[type="color"]:active:-moz-placeholder,
    select:focus:-moz-placeholder,
    select:active:-moz-placeholder,
    textarea:focus:-moz-placeholder,
    textarea:active:-moz-placeholder,
    .field:focus:-moz-placeholder,
    .field:active:-moz-placeholder {
      /* Firefox 18- */
      color: #8079af; }
  input[type="text"][disabled], input[type="text"].is-disabled,
  input[type="password"][disabled],
  input[type="password"].is-disabled,
  input[type="datetime"][disabled],
  input[type="datetime"].is-disabled,
  input[type="datetime-local"][disabled],
  input[type="datetime-local"].is-disabled,
  input[type="date"][disabled],
  input[type="date"].is-disabled,
  input[type="month"][disabled],
  input[type="month"].is-disabled,
  input[type="time"][disabled],
  input[type="time"].is-disabled,
  input[type="week"][disabled],
  input[type="week"].is-disabled,
  input[type="number"][disabled],
  input[type="number"].is-disabled,
  input[type="email"][disabled],
  input[type="email"].is-disabled,
  input[type="url"][disabled],
  input[type="url"].is-disabled,
  input[type="search"][disabled],
  input[type="search"].is-disabled,
  input[type="tel"][disabled],
  input[type="tel"].is-disabled,
  input[type="color"][disabled],
  input[type="color"].is-disabled,
  select[disabled],
  select.is-disabled,
  textarea[disabled],
  textarea.is-disabled,
  .field[disabled],
  .field.is-disabled {
    cursor: not-allowed;
    border-color: #cfcfcf;
    opacity: 0.6; }
  input[type="text"]::-webkit-input-placeholder,
  input[type="password"]::-webkit-input-placeholder,
  input[type="datetime"]::-webkit-input-placeholder,
  input[type="datetime-local"]::-webkit-input-placeholder,
  input[type="date"]::-webkit-input-placeholder,
  input[type="month"]::-webkit-input-placeholder,
  input[type="time"]::-webkit-input-placeholder,
  input[type="week"]::-webkit-input-placeholder,
  input[type="number"]::-webkit-input-placeholder,
  input[type="email"]::-webkit-input-placeholder,
  input[type="url"]::-webkit-input-placeholder,
  input[type="search"]::-webkit-input-placeholder,
  input[type="tel"]::-webkit-input-placeholder,
  input[type="color"]::-webkit-input-placeholder,
  select::-webkit-input-placeholder,
  textarea::-webkit-input-placeholder,
  .field::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #fff;
    transition: 0.35s cubic-bezier(0.4, 0, 0.2, 1); }
  input[type="text"]::-moz-placeholder,
  input[type="password"]::-moz-placeholder,
  input[type="datetime"]::-moz-placeholder,
  input[type="datetime-local"]::-moz-placeholder,
  input[type="date"]::-moz-placeholder,
  input[type="month"]::-moz-placeholder,
  input[type="time"]::-moz-placeholder,
  input[type="week"]::-moz-placeholder,
  input[type="number"]::-moz-placeholder,
  input[type="email"]::-moz-placeholder,
  input[type="url"]::-moz-placeholder,
  input[type="search"]::-moz-placeholder,
  input[type="tel"]::-moz-placeholder,
  input[type="color"]::-moz-placeholder,
  select::-moz-placeholder,
  textarea::-moz-placeholder,
  .field::-moz-placeholder {
    /* Firefox 19+ */
    color: #fff;
    transition: 0.35s cubic-bezier(0.4, 0, 0.2, 1); }
  input[type="text"]:-ms-input-placeholder,
  input[type="password"]:-ms-input-placeholder,
  input[type="datetime"]:-ms-input-placeholder,
  input[type="datetime-local"]:-ms-input-placeholder,
  input[type="date"]:-ms-input-placeholder,
  input[type="month"]:-ms-input-placeholder,
  input[type="time"]:-ms-input-placeholder,
  input[type="week"]:-ms-input-placeholder,
  input[type="number"]:-ms-input-placeholder,
  input[type="email"]:-ms-input-placeholder,
  input[type="url"]:-ms-input-placeholder,
  input[type="search"]:-ms-input-placeholder,
  input[type="tel"]:-ms-input-placeholder,
  input[type="color"]:-ms-input-placeholder,
  select:-ms-input-placeholder,
  textarea:-ms-input-placeholder,
  .field:-ms-input-placeholder {
    /* IE 10+ */
    color: #fff;
    transition: 0.35s cubic-bezier(0.4, 0, 0.2, 1); }
  input[type="text"]:-moz-placeholder,
  input[type="password"]:-moz-placeholder,
  input[type="datetime"]:-moz-placeholder,
  input[type="datetime-local"]:-moz-placeholder,
  input[type="date"]:-moz-placeholder,
  input[type="month"]:-moz-placeholder,
  input[type="time"]:-moz-placeholder,
  input[type="week"]:-moz-placeholder,
  input[type="number"]:-moz-placeholder,
  input[type="email"]:-moz-placeholder,
  input[type="url"]:-moz-placeholder,
  input[type="search"]:-moz-placeholder,
  input[type="tel"]:-moz-placeholder,
  input[type="color"]:-moz-placeholder,
  select:-moz-placeholder,
  textarea:-moz-placeholder,
  .field:-moz-placeholder {
    /* Firefox 18- */
    color: #fff;
    transition: 0.35s cubic-bezier(0.4, 0, 0.2, 1); }

select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #fff; }

input[type="password"] {
  letter-spacing: 0.3em; }

textarea {
  max-width: 100%;
  min-height: 120px;
  line-height: 1.4; }

select {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  cursor: pointer;
  -webkit-appearance: none;
  /* 1 */
  -moz-appearance: none;
  appearance: none;
  line-height: 20px;
  background: #3e3866 url("../images/down-arrow.svg") no-repeat right 12px center scroll !important;
  background-size: 20px 20px !important; }
  select:focus {
    background: #3e3866 url("../images/down-arrow.svg") no-repeat right 12px center scroll !important;
    background-size: 20px 20px !important; }

select::-ms-expand {
  display: none; }

.gform_body ul {
  margin: 0; }

.hidden_label label {
  display: none; }

.gform_validation_container {
  display: none; }

body .gform_body ul {
  margin: 0; }
  body .gform_body ul li {
    list-style: none; }

.validation_error {
  color: #000;
  margin-bottom: 15px;
  font-weight: 800; }

.validation_message {
  display: none !important;
  margin: 0;
  position: absolute;
  top: -14px;
  left: 50%;
  margin-left: -70px;
  background: #4848DA;
  display: block;
  padding: 0px 10px;
  border-radius: 5px;
  color: #000;
  font-weight: 800;
  font-size: 12px; }

.gfield_error textarea, .gfield_error input {
  border-color: #4848DA !important; }
  .gfield_error textarea::-webkit-input-placeholder, .gfield_error input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #fff; }
  .gfield_error textarea::-moz-placeholder, .gfield_error input::-moz-placeholder {
    /* Firefox 19+ */
    color: #fff; }
  .gfield_error textarea:-ms-input-placeholder, .gfield_error input:-ms-input-placeholder {
    /* IE 10+ */
    color: #fff; }
  .gfield_error textarea:-moz-placeholder, .gfield_error input:-moz-placeholder {
    /* Firefox 18- */
    color: #fff; }
.gfield_error select {
  border-color: #4848DA !important; }

li.gfield {
  position: relative; }

.gform_footer, .gform_page_footer {
  position: relative; }

.gform_wrapper.gravity-theme .gform_validation_errors {
  background: #4848DA !important;
  border: 1px solid #4848DA !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  margin-bottom: 15px !important;
  margin-top: 0px !important;
  padding: 15px 15px 15px 50px !important;
  position: relative;
  color: #fff !important;
  text-align: left; }

.gform_wrapper.gravity-theme .gform_validation_errors > h2 {
  color: #fff !important; }

.gform_wrapper.gravity-theme .gfield_required {
  color: #fff !important; }

.gform_required_legend {
  font-size: 12px;
  display: none; }

/*********************
GENERAL STYLES 400/700
*********************/
body {
  font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  color: #10064C;
  background: #fff;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased; }

/*********************
LAYOUT & GRID STYLES
*********************/
.wrap {
  width: 100%;
  margin: 0;
  padding: 50px 25px; }

.wrap-large {
  padding-top: 80px;
  padding-bottom: 80px; }

.wrap-small {
  padding-top: 25px;
  padding-bottom: 25px; }

@media only screen and (max-width: 767px) {
  .hide-mobile {
    display: none !important; }

  .mobile-top {
    margin-top: 40px; } }
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .hide-tablet {
    display: none !important; } }
@media only screen and (min-width: 1000px) and (max-width: 1239px) {
  .hide-small-desktop {
    display: none !important; } }
@media only screen and (min-width: 1240px) {
  .hide-desktop {
    display: none !important; } }
.nop-top {
  padding-top: 0px !important; }

.nop-left {
  padding-left: 0px !important; }

.nop-right {
  padding-right: 0px !important; }

.nop-bottom {
  padding-bottom: 0px !important; }

.nom-top {
  margin-top: 0px !important; }

.nom-left {
  margin-left: 0px !important; }

.nom-right {
  margin-right: 0px !important; }

.nom-bottom {
  margin-bottom: 0px !important; }

.margin-top {
  margin-top: 40px; }

.margin-top-small {
  margin-top: 20px; }

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

.margin-bottom-small {
  margin-bottom: 20px; }

.lh-0 {
  display: block;
  line-height: 0; }

.relative {
  position: relative; }

.video-bg, .image-bg {
  position: absolute;
  inset: 0;
  object-fit: cover;
  width: 100%;
  height: 100%; }

.overlay {
  position: relative; }
  .overlay:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: #10064C;
    background: linear-gradient(290.49deg, rgba(16, 6, 76, 0.5) 25%, rgba(16, 6, 76, 0.9) 100%);
    z-index: 1; }

@media only screen and (max-width: 999px) {
  .overlay-solid-blue-mobile:before {
    background: rgba(16, 6, 76, 0.75); }

  .custom-nav-wrap-two {
    margin-top: 100px; } }
.over-overlay {
  position: relative;
  z-index: 3; }

.overlay-solid {
  position: relative; }
  .overlay-solid:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: #000;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1; }

/*********************
LINK STYLES
*********************/
a {
  font-weight: 500;
  color: #9747FF;
  text-decoration: none;
  transition: 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  /* on hover */ }
  a:hover {
    color: #4848DA; }

*:focus {
  outline: none !important; }

/******************************************************************
H1, H2, H3, H4, H5 STYLES
******************************************************************/
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, .widgettitle {
  text-rendering: optimizelegibility;
  font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  line-height: 1.1;
  color: #10064C;
  text-wrap: balance;
  margin: 0;
  /*
  if you're going to use webfonts, be sure to check your weights
  http://css-tricks.com/watch-your-font-weight/
  */
  /* removing text decoration from all headline links */ }
  h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a, .widgettitle a {
    text-decoration: none; }

.light-content h1 a, .light-content .h1 a, .light-content h2 a, .light-content .h2 a, .light-content h3 a, .light-content .h3 a, .light-content h4 a, .light-content .h4 a, .light-content h5 a, .light-content .h5 a {
  color: #9747FF; }
  .light-content h1 a:hover, .light-content .h1 a:hover, .light-content h2 a:hover, .light-content .h2 a:hover, .light-content h3 a:hover, .light-content .h3 a:hover, .light-content h4 a:hover, .light-content .h4 a:hover, .light-content h5 a:hover, .light-content .h5 a:hover {
    color: #fff; }

h1, .h1 {
  font-size: 26px; }

h2, .h2, .widgettitle {
  font-size: 26px;
  line-height: 1.1; }

h3, .h3 {
  font-size: 21px;
  line-height: 1.2; }

h4, .h4 {
  font-size: 18px;
  line-height: 1.3; }

h5, .h5 {
  font-size: 16px;
  line-height: 1.4; }

p {
  margin: 0; }

/*********************
HEADER STYLES
*********************/
body.no-scroll {
  overflow: hidden; }

.header {
  background: #fff;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  display: block;
  z-index: 9999;
  box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.2); }

#container {
  padding-top: 80px; }

#inner-header {
  padding-top: 0;
  padding-bottom: 0px;
  height: 80px;
  gap: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between; }
  #inner-header .header-left {
    flex: 1 1 130px;
    /* grow, shrink, base width */
    min-width: 100px;
    /* prevents shrinking too small */
    max-width: 148px; }
  #inner-header .header-right {
    display: flex;
    align-items: center; }
    #inner-header .header-right .button {
      margin-left: 5px; }
    @media only screen and (max-width: 380px) {
      #inner-header .header-right .hide-xs {
        display: none; } }
    #inner-header .header-right .nav-icon {
      margin: -8px -8px -8px 4px;
      padding: 8px 8px;
      cursor: pointer;
      line-height: 0; }
      #inner-header .header-right .nav-icon svg {
        width: 32px;
        height: auto; }
      #inner-header .header-right .nav-icon path {
        transition: 0.35s cubic-bezier(0.4, 0, 0.2, 1); }
      #inner-header .header-right .nav-icon:hover path {
        fill: #4848DA; }

.header-logo img {
  display: block;
  width: 100%;
  height: auto;
  transition: 0.35s cubic-bezier(0.4, 0, 0.2, 1); }
  .header-logo img:hover {
    opacity: 0.5; }

.nav-wrap {
  background: #10064C;
  transition: 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  position: absolute;
  z-index: 8888;
  padding: 0px;
  top: 100%;
  right: 0;
  height: 100vh;
  height: calc(100vh - 80px);
  width: 100%;
  overflow: auto;
  opacity: 0;
  pointer-events: none;
  visibility: hidden; }
  .nav-wrap .wrap {
    padding-top: 35px;
    padding-bottom: 80px; }
  .nav-wrap.active {
    opacity: 1;
    pointer-events: all;
    visibility: visible; }

/*********************
NAVIGATION STYLES
*********************/
.nav-wrap .nav {
  border-bottom: 0;
  margin: 0;
  /* end .menu li */
  /* highlight current page */
  /* end current highlighters */ }
  .nav-wrap .nav li {
    margin: 0;
    position: relative;
    width: auto;
    border-bottom: 1px solid #5e5796;
    /*
    so you really have to rethink your dropdowns for mobile.
    you don't want to have it expand too much because the
    screen is so small. How you manage your menu should
    depend on the project. Here's some great info on it:
    http://www.alistapart.com/articles/organizing-mobile/
    */ }
    .nav-wrap .nav li a {
      display: block;
      color: #fff;
      text-transform: uppercase;
      text-decoration: none;
      padding: 10px 0px;
      font-size: 16px;
      font-weight: 500;
      /*
      remember this is for mobile ONLY, so there's no need
      to even declare hover styles here, you can do it in
      the style.scss file where it's relevant. We want to
      keep this file as small as possible!
      */ }
      .nav-wrap .nav li a:hover, .nav-wrap .nav li a:focus {
        color: #9747FF; }
    .nav-wrap .nav li .navarrow {
      position: absolute;
      top: 0px;
      right: -12px;
      padding: 12px;
      cursor: pointer;
      transition: 0.35s cubic-bezier(0.4, 0, 0.2, 1);
      -ms-transform: rotate(90deg);
      /* IE 9 */
      -webkit-transform: rotate(90deg);
      /* Chrome, Safari, Opera */
      transform: rotate(90deg);
      width: 45px;
      height: 45px;
      overflow: visible; }
      .nav-wrap .nav li .navarrow polyline {
        fill: none;
        stroke: #fff;
        stroke-width: 14px; }
      .nav-wrap .nav li .navarrow.active {
        transition: 0.35s cubic-bezier(0.4, 0, 0.2, 1);
        -ms-transform: rotate(-90deg);
        /* IE 9 */
        -webkit-transform: rotate(-90deg);
        /* Chrome, Safari, Opera */
        transform: rotate(-90deg); }
      .nav-wrap .nav li .navarrow:hover polyline {
        stroke: #4848DA; }
    .nav-wrap .nav li ul.sub-menu,
    .nav-wrap .nav li ul.children {
      margin: 0;
      padding: 0 0 10px 0;
      display: none;
      /* highlight current page */
      /* end current highlighters */ }
      .nav-wrap .nav li ul.sub-menu li,
      .nav-wrap .nav li ul.children li {
        border: none; }
        .nav-wrap .nav li ul.sub-menu li a,
        .nav-wrap .nav li ul.children li a {
          color: #9747FF;
          text-transform: none;
          padding-top: 5px;
          padding-bottom: 5px;
          font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
          font-weight: 400;
          font-size: 14px; }
          .nav-wrap .nav li ul.sub-menu li a:hover, .nav-wrap .nav li ul.sub-menu li a:focus,
          .nav-wrap .nav li ul.children li a:hover,
          .nav-wrap .nav li ul.children li a:focus {
            color: #fff; }
        .nav-wrap .nav li ul.sub-menu li ul.sub-menu,
        .nav-wrap .nav li ul.sub-menu li ul.children,
        .nav-wrap .nav li ul.children li ul.sub-menu,
        .nav-wrap .nav li ul.children li ul.children {
          margin: 0;
          display: none;
          /* highlight current page */
          /* end current highlighters */ }
          .nav-wrap .nav li ul.sub-menu li ul.sub-menu li a,
          .nav-wrap .nav li ul.sub-menu li ul.children li a,
          .nav-wrap .nav li ul.children li ul.sub-menu li a,
          .nav-wrap .nav li ul.children li ul.children li a {
            color: #fff;
            text-transform: none; }
            .nav-wrap .nav li ul.sub-menu li ul.sub-menu li a:hover, .nav-wrap .nav li ul.sub-menu li ul.sub-menu li a:focus,
            .nav-wrap .nav li ul.sub-menu li ul.children li a:hover,
            .nav-wrap .nav li ul.sub-menu li ul.children li a:focus,
            .nav-wrap .nav li ul.children li ul.sub-menu li a:hover,
            .nav-wrap .nav li ul.children li ul.sub-menu li a:focus,
            .nav-wrap .nav li ul.children li ul.children li a:hover,
            .nav-wrap .nav li ul.children li ul.children li a:focus {
              color: #9747FF; }
          .nav-wrap .nav li ul.sub-menu li ul.sub-menu li.current-menu-item a,
          .nav-wrap .nav li ul.sub-menu li ul.sub-menu li.current-menu-ancestor a,
          .nav-wrap .nav li ul.sub-menu li ul.sub-menu li.current-menu-parent a,
          .nav-wrap .nav li ul.sub-menu li ul.children li.current-menu-item a,
          .nav-wrap .nav li ul.sub-menu li ul.children li.current-menu-ancestor a,
          .nav-wrap .nav li ul.sub-menu li ul.children li.current-menu-parent a,
          .nav-wrap .nav li ul.children li ul.sub-menu li.current-menu-item a,
          .nav-wrap .nav li ul.children li ul.sub-menu li.current-menu-ancestor a,
          .nav-wrap .nav li ul.children li ul.sub-menu li.current-menu-parent a,
          .nav-wrap .nav li ul.children li ul.children li.current-menu-item a,
          .nav-wrap .nav li ul.children li ul.children li.current-menu-ancestor a,
          .nav-wrap .nav li ul.children li ul.children li.current-menu-parent a {
            color: #9747FF; }
      .nav-wrap .nav li ul.sub-menu li.current-menu-item a,
      .nav-wrap .nav li ul.sub-menu li.current-menu-ancestor a,
      .nav-wrap .nav li ul.sub-menu li.current-menu-parent a,
      .nav-wrap .nav li ul.children li.current-menu-item a,
      .nav-wrap .nav li ul.children li.current-menu-ancestor a,
      .nav-wrap .nav li ul.children li.current-menu-parent a {
        color: #fff; }
  .nav-wrap .nav li.current-menu-item a,
  .nav-wrap .nav li.current-menu-ancestor a,
  .nav-wrap .nav li.current-menu-parent a {
    color: #9747FF; }
  .nav-wrap .nav li.current-menu-item ul.sub-menu li.current-menu-item a {
    color: #9747FF; }

/* end .nav */
/*********************
POSTS & CONTENT STYLES
*********************/
.background-white {
  background: #fff; }

.background-black {
  background: #000; }

.background-purple {
  background: #9747FF; }

.background-blue {
  background: #10064C; }

.background-grey {
  background: #D2D2D2; }

.background-light-grey {
  background: #F5F5F5; }

.background-light-blue {
  background: #4848DA;
  background: linear-gradient(90deg, #4848DA 0%, #3A8CFF 100%); }

.background-black + .background-black .wrap,
.background-white + .background-white .wrap,
.background-light-grey + .background-light-grey .wrap,
.background-grey + .background-grey .wrap {
  padding-top: 0px; }

.background-blue + .background-blue {
  position: relative; }

.background-blue + .background-blue:before {
  content: "";
  display: block;
  pointer-events: none;
  position: absolute;
  top: -1px;
  left: 25px;
  width: calc(100% - 50px);
  height: 1px;
  background: #9747FF; }

.light-content {
  color: #fff; }
  .light-content h1, .light-content h2, .light-content h3, .light-content h4, .light-content h5, .light-content p, .light-content .h1, .light-content .h2, .light-content .h3, .light-content .h4, .light-content .h5, .light-content ul, .light-content li, .light-content ol {
    color: #fff; }
  .light-content a {
    color: #fff; }
    .light-content a:hover {
      color: #9747FF; }

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

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

hr {
  margin: 20px 0;
  border: none;
  background: none;
  border-top: 1px solid #9747FF; }

.read-more {
  cursor: pointer; }

.tile {
  padding: 25px;
  display: block; }
  .tile .read-more {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #10064C; }
  .tile .tile-image {
    background: #10064C;
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    display: block;
    pointer-events: none; }
  .tile .tile-content {
    font-size: 14px;
    color: #10064C;
    max-width: 350px; }
    .tile .tile-content strong {
      font-size: 18px;
      display: inline-block;
      margin-bottom: 5px;
      color: #10064C; }

.light-content .read-more {
  color: #fff; }
  .light-content .read-more svg path {
    fill: #fff; }
.light-content .tile-content {
  color: #fff; }
  .light-content .tile-content strong {
    color: #fff; }

.tile-hero {
  padding: 50px 25px; }
  .tile-hero article {
    max-width: 600px; }

.capped-content {
  max-width: 600px; }

.tile-case-studies {
  position: relative; }
  .tile-case-studies .tile-on-top {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    z-index: 5;
    pointer-events: none; }
    .tile-case-studies .tile-on-top .tile-left {
      display: block; }
    .tile-case-studies .tile-on-top .tile-title {
      margin-bottom: 10px;
      display: block !important; }
  .tile-case-studies .item .tile {
    height: 460px;
    align-items: flex-end;
    padding-bottom: 64px; }
    .tile-case-studies .item .tile .tile-right {
      pointer-events: none; }
  .tile-case-studies .tns-nav {
    position: absolute;
    bottom: 25px;
    left: 25px;
    width: auto; }
    .tile-case-studies .tns-nav button {
      margin: 0 12px 0 0; }

@media only screen and (max-width: 999px) {
  .tile-section {
    display: flex;
    flex-direction: column; }
    .tile-section .tile, .tile-section .tile-left {
      display: flex;
      justify-content: space-between;
      align-items: center; }
      .tile-section .tile .tile-title, .tile-section .tile-left .tile-title {
        display: inline-block; }
    .tile-section .tile-left {
      width: 100%; }

  .tile-hero {
    order: 1; }

  .tile-1 {
    order: 3; }

  .tile-2 {
    order: 4; }

  .tile-3 {
    order: 6; }

  .tile-4 {
    order: 2; }

  .tile-5 {
    order: 5; }

  .tile-case-studies {
    order: 7; } }
.iframe-wrap {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; }

.iframe-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border-radius: 10px; }

.gform_wrapper + .iframe-wrap {
  padding: 0px; }

.gform_confirmation_wrapper + .iframe-wrap {
  padding-top: 0 !important; }

.gform_wrapper.gravity-theme .gform_footer, .gform_wrapper.gravity-theme .gform_page_footer {
  padding-bottom: 0px !important; }
  .gform_wrapper.gravity-theme .gform_footer .button, .gform_wrapper.gravity-theme .gform_page_footer .button {
    margin-bottom: 0px !important; }

.ditty img {
  height: 50px !important;
  width: auto !important;
  object-fit: contain !important; }

/* Tablet */
@media (max-width: 999px) {
  .ditty img {
    height: 40px !important; } }
/* Mobile */
@media (max-width: 767px) {
  .text-align-center-mobile {
    text-align: center; }

  .ditty-item {
    padding: 0 15px !important; }

  .ditty img {
    height: 25px !important; } }
.purple {
  color: #9747FF !important; }

.stats-wrap {
  height: 360px;
  overflow: hidden;
  text-align: center;
  position: relative; }
  .stats-wrap:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 120px;
    background: linear-gradient(0deg, #10064C 25%, rgba(16, 6, 76, 0) 100%);
    z-index: 3; }
  .stats-wrap:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 120px;
    background: linear-gradient(180deg, #10064C 0%, rgba(16, 6, 76, 0) 100%);
    z-index: 3; }
  .stats-wrap .stat-content {
    position: relative;
    z-index: 1;
    height: 120px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    overflow: hidden; }
    .stats-wrap .stat-content:after {
      content: "";
      width: 112px;
      height: 1px;
      position: absolute;
      bottom: 0;
      left: 50%;
      margin-left: -60px;
      background: #9747FF;
      display: block; }
    .stats-wrap .stat-content span {
      font-size: 17px;
      line-height: 1.3;
      font-weight: 400;
      display: block;
      margin-bottom: 2px; }
    .stats-wrap .stat-content strong {
      display: block;
      color: #fff;
      text-transform: uppercase;
      font-size: 44px;
      font-weight: 700;
      line-height: 1; }
  .stats-wrap .stats-column:last-of-type .stat-content:last-of-type:after {
    display: none; }

.content-slider-section {
  /* Container: place it where you want (sidebar or under slider) */
  /* Each nav item */
  /* Visual column: main dot -> line -> side dot */
  /* Main dot (fills when active) */
  /* Line wrapper ensures the line can animate smaller/larger */
  /* The actual line that "fills" vertically — we animate its scaleY via CSS var */
  /* The small side dot near the title */
  /* Title */
  /* Active state: fill main dot and highlight title & side dot */
  /* Focus styles for keyboard nav */ }
  .content-slider-section .custom-nav-wrap {
    position: relative;
    padding: 50px 0px 0px 0px; }
    .content-slider-section .custom-nav-wrap:before {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      width: 25px;
      height: 100%;
      background: linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
      z-index: 3;
      pointer-events: none; }
    .content-slider-section .custom-nav-wrap:after {
      content: '';
      position: absolute;
      bottom: 0;
      right: 0;
      width: 25px;
      height: 100%;
      background: linear-gradient(270deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
      z-index: 3;
      pointer-events: none; }
  .content-slider-section .custom-nav-scroll {
    overflow-x: auto;
    position: relative;
    padding-right: 0px;
    padding-left: 25px; }
  .content-slider-section .custom-nav {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    gap: 0px;
    padding: 0px;
    user-select: none;
    position: relative; }
  .content-slider-section .nav-item {
    position: relative;
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-start;
    gap: 8px;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 0px;
    text-align: left;
    outline: none;
    flex: 0 0 140px; }
    .content-slider-section .nav-item:before {
      bottom: 7px;
      left: 0;
      width: 100%;
      position: absolute;
      content: "";
      height: 1px;
      background: #10064C;
      z-index: 0; }
    .content-slider-section .nav-item:last-of-type {
      flex: 0 0 165px;
      padding-right: 25px; }
      .content-slider-section .nav-item:last-of-type:before {
        display: none; }
  .content-slider-section .nav-visual {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    width: 14px;
    /* reserve width for the vertical elements */ }
  .content-slider-section .nav-main-dot {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #F5F5F5;
    border: 1px solid #10064C;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
    transition: 0.5s cubic-bezier(0.4, 0, 0.2, 1); }
  .content-slider-section .nav-line-wrapper {
    display: flex;
    align-items: flex-start;
    height: 20px;
    margin: 0;
    overflow: hidden; }
  .content-slider-section .nav-line {
    width: 1px;
    height: 100%;
    background: #D2D2D2;
    position: relative;
    display: block; }
    .content-slider-section .nav-line:after {
      content: "";
      position: absolute;
      display: block;
      width: 1px;
      height: 0%;
      bottom: 0;
      left: 0;
      background: #9747FF;
      transition: 0.5s cubic-bezier(0.4, 0, 0.2, 1); }
  .content-slider-section .nav-item.active .nav-line:after {
    height: 100%; }
  .content-slider-section .nav-side-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #D2D2D2;
    transition: 0.5s cubic-bezier(0.4, 0, 0.2, 1); }
  .content-slider-section .nav-title {
    font-size: 11px;
    line-height: 1.2;
    color: #D2D2D2;
    padding: 0 15px 0 3px;
    font-weight: 600;
    display: inline-block;
    transition: 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    text-wrap: balance; }
  .content-slider-section .nav-item.active .nav-main-dot {
    background: #9747FF !important;
    /* filled main dot */
    border-color: #9747FF; }
  .content-slider-section .nav-item:hover .nav-main-dot {
    background: #10064C; }
  .content-slider-section .nav-item.active .nav-side-dot {
    background: #9747FF;
    transition-delay: .32s; }
  .content-slider-section .nav-item.active .nav-title {
    color: #10064C;
    transition-delay: .35s; }
  .content-slider-section .nav-item:focus-visible .nav-main-dot {
    box-shadow: 0 0 0 4px rgba(17, 17, 17, 0.08); }

.content-slider-section.background-light-grey .custom-nav-wrap:before {
  background: linear-gradient(90deg, #F5F5F5 0%, rgba(245, 245, 245, 0) 100%); }
.content-slider-section.background-light-grey .custom-nav-wrap:after {
  background: linear-gradient(270deg, #F5F5F5 0%, rgba(245, 245, 245, 0) 100%); }

.box-padding {
  padding: 25px; }

.slide-image-wrap {
  line-height: 0;
  display: block;
  padding-bottom: 50px; }
  .slide-image-wrap img, .slide-image-wrap video {
    width: 100%;
    max-width: none;
    line-height: 0;
    display: block;
    height: auto; }

video {
  width: 100%;
  height: auto; }

.image-slider-section {
  position: relative; }
  @media only screen and (max-width: 999px) {
    .image-slider-section .wrap {
      min-height: 60vw;
      display: flex;
      flex-direction: column;
      justify-content: flex-end; } }
  .image-slider-section .image-slider-wrap {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0; }
    .image-slider-section .image-slider-wrap .tns-outer, .image-slider-section .image-slider-wrap .tns-ovh, .image-slider-section .image-slider-wrap .tns-inner, .image-slider-section .image-slider-wrap .image-slider, .image-slider-section .image-slider-wrap .item {
      height: 100%; }
    .image-slider-section .image-slider-wrap .item {
      overflow: hidden; }
    .image-slider-section .image-slider-wrap .image-bg {
      transition: 4.2s linear; }
    .image-slider-section .image-slider-wrap .tns-slide-active .image-bg, .image-slider-section .image-slider-wrap .tns-fadeOut .image-bg {
      transform: scale(1.1) !important; }

.custom-nav-wrap-two {
  position: relative;
  z-index: 10; }
  .custom-nav-wrap-two .custom-nav-two {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    gap: 6px; }
  .custom-nav-wrap-two .custom-nav-item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 25%;
    cursor: pointer; }
  .custom-nav-wrap-two .custom-nav-logo {
    height: 3vw;
    width: 80%;
    object-fit: contain;
    object-position: left bottom;
    margin-bottom: 10px;
    opacity: 0.5;
    transition: opacity 0.3s; }
  .custom-nav-wrap-two .custom-nav-item.active .custom-nav-logo,
  .custom-nav-wrap-two .custom-nav-item:hover .custom-nav-logo {
    opacity: 1; }
  .custom-nav-wrap-two .custom-nav-bar {
    width: 100%;
    height: 6px;
    background: rgba(217, 217, 217, 0.4);
    border-radius: 0px;
    overflow: hidden;
    position: relative; }
  .custom-nav-wrap-two .custom-nav-fill {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 0%;
    background: white;
    transition: width 0.3s linear; }

.testimonial {
  padding: 0 35px; }
  .testimonial:before {
    content: "";
    background: url("../images/speech-open.svg") no-repeat center center scroll;
    background-size: 100% 100%;
    width: 28px;
    height: 17px;
    display: block;
    position: absolute;
    top: 0;
    left: -5px; }
  .testimonial:after {
    content: "";
    background: url("../images/speech-close.svg") no-repeat center center scroll;
    background-size: 100% 100%;
    width: 28px;
    height: 17px;
    display: block;
    position: absolute;
    top: 3px;
    right: -5px; }
  .testimonial strong {
    color: #9747FF; }

.sub-heading {
  background: #9747FF;
  font-size: 12px;
  padding: 5px 25px;
  display: inline-block;
  color: #fff;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.25em; }

.anchor-list {
  margin: 0;
  padding: 0; }
  .anchor-list li {
    border-bottom: 1px solid #D9D9D9; }
    .anchor-list li a {
      display: flex;
      justify-content: space-between;
      align-items: center;
      color: #10064C;
      font-size: 14px;
      line-height: 1.2;
      padding: 10px 0; }
      .anchor-list li a:hover {
        color: #9747FF; }
        .anchor-list li a:hover svg {
          transform: rotate(90deg) scale(1.5); }
      .anchor-list li a svg {
        min-width: 13px;
        transition: 0.35s cubic-bezier(0.4, 0, 0.2, 1); }
  .anchor-list li:last-of-type {
    border-bottom: none; }

.cta-section {
  background: #fff;
  border: 1px solid #D9D9D9;
  padding: 20px;
  border-radius: 7px; }
  .cta-section strong {
    color: #4848DA; }
  .cta-section p {
    margin: 0 !important; }

body.page-id-24 .hero-col-side {
  display: none; }

.large-image-section + .background-blue {
  margin-top: -37vw;
  padding-top: 37vw; }
  .large-image-section + .background-blue .wrap {
    padding-top: 0px; }

.contact-details p {
  margin-bottom: 10px !important; }
.contact-details a {
  color: #fff !important; }
  .contact-details a:hover {
    color: #9747FF !important; }

.timeline-content, .timeline-media {
  padding-left: 25px; }

.timeline-wrap {
  position: relative;
  --line-height: 0px; }
  .timeline-wrap .wrap:first-of-type {
    padding-top: 0px; }
  .timeline-wrap .flex-col {
    line-height: 0; }
    .timeline-wrap .flex-col .entry-content {
      line-height: 1.6; }
  .timeline-wrap .timeline-item .sub-heading {
    transition: 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 0;
    transform: translate(10px, 0); }
  .timeline-wrap .timeline-item .article-header {
    transition: 0.75s cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 0;
    transform: translate(0, -20px);
    transition-delay: 0.2s; }
  .timeline-wrap .timeline-item .entry-content {
    transition: 0.75s cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 0;
    transform: translate(0, 20px);
    transition-delay: 0.2s; }
  .timeline-wrap .timeline-item .timeline-media {
    transition: 1s cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 0;
    transition-delay: 0.4s; }
  .timeline-wrap .timeline-item.active .sub-heading, .timeline-wrap .timeline-item.active .article-header, .timeline-wrap .timeline-item.active .entry-content, .timeline-wrap .timeline-item.active .timeline-media {
    transform: translate(0, 0) !important;
    opacity: 1 !important; }

.timeline-wrap:before {
  content: "";
  width: 1px;
  height: 100%;
  background: #9747FF;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  height: var(--line-height);
  transition: height 0.06s linear;
  /* optional */
  pointer-events: none; }

.timeline-cta .cta-section {
  position: relative;
  transition: 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
  transform: translate(0, 20px);
  transition-delay: 0; }
  .timeline-cta .cta-section:before {
    content: "";
    position: absolute;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    top: -11px;
    left: -11px;
    background: #9747FF;
    transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transform: scale(0);
    opacity: 0; }
.timeline-cta.active .cta-section {
  transform: translate(0, 0);
  opacity: 1; }
.timeline-cta.active .cta-section:before {
  transform: scale(1);
  opacity: 1; }

.single-title,
.page-title,
.entry-title,
.wp-block-heading {
  margin: 0 0 20px 0; }

/* want to style individual post classes? Booya! */
/* post by id (i.e. post-3) */
/* general post style */
/* general article on a page style */
/* general style on an attatchment */
/* sticky post style */
/* hentry class */
/* style by category (i.e. category-videos) */
/* style by tag (i.e. tag-news) */
/* post meta */
.byline {
  color: #D9D9D9;
  font-style: italic;
  margin: 0; }

/* entry content */
.entry-content {
  /*
  image alignment on a screen this size may be
  a bit difficult. It's set to start aligning
  and floating images at the next breakpoint,
  but it's up to you. Feel free to change it up.
  */ }
  .entry-content .button {
    margin-top: 10px;
    margin-right: 10px; }
  .entry-content .wp-block-buttons {
    margin-bottom: 20px; }
  .entry-content p {
    margin-bottom: 20px; }
    .entry-content p img {
      margin-bottom: 0px !important; }
    .entry-content p strong {
      font-weight: 700; }
    .entry-content p a {
      font-weight: 700; }
  .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5 {
    margin-bottom: 20px;
    margin-top: 35px; }
  .entry-content iframe {
    width: 100%; }
  .entry-content i {
    color: #000; }
  .entry-content fieldset {
    margin-bottom: 15px; }
  .entry-content ul, .entry-content ol {
    margin: 0 0 20px 18px; }
  .entry-content ul li {
    list-style: disc; }
  .entry-content ol li {
    list-style: decimal; }
  .entry-content hr {
    margin: 25px 0; }
  .entry-content table {
    width: 100%;
    border: 1px solid #000;
    border-right: none;
    margin-bottom: 25px;
    border-bottom: none; }
    .entry-content table caption {
      margin: 0 0 7px;
      font-size: 0.75em;
      color: #D9D9D9;
      text-transform: uppercase;
      letter-spacing: 1px; }
    .entry-content table a {
      font-weight: 700; }
  .entry-content tr {
    border-bottom: 1px solid #000; }
    .entry-content tr input, .entry-content tr p {
      margin: 0; }
    .entry-content tr .amount {
      color: #D2D2D2;
      font-weight: 700; }
    .entry-content tr img {
      margin: 0; }
  .entry-content td {
    padding: 15px;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    background: none !important;
    vertical-align: top;
    line-height: 1.3; }
  .entry-content th {
    padding: 15px;
    background: none;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    vertical-align: top;
    line-height: 1.3; }
  .entry-content blockquote {
    margin: 0 0 20px 0;
    padding: 0 0 0 20px;
    border-left: 3px solid #000;
    color: #10064C; }
  .entry-content dd {
    margin-left: 0;
    font-size: 0.9em;
    color: #787878;
    margin-bottom: 1.5em; }
  .entry-content img {
    margin: 0 0 20px 0;
    max-width: 100%;
    height: auto; }
  .entry-content .size-auto,
  .entry-content .size-full,
  .entry-content .size-large,
  .entry-content .size-medium,
  .entry-content .size-thumbnail {
    max-width: 100%;
    height: auto; }
  .entry-content pre {
    background: #000;
    color: #F5F5F5;
    font-size: 0.9em;
    padding: 1.5em;
    margin: 0 0 1.5em;
    border-radius: 3px; }
  .entry-content .nudge-down + p, .entry-content .nudge-down + img, .entry-content .nudge-down + table, .entry-content .nudge-down + ul, .entry-content .nudge-down + ol, .entry-content .nudge-down + iframe, .entry-content .nudge-down + fieldset, .entry-content .nudge-down + blockquote, .entry-content .nudge-down + h1, .entry-content .nudge-down + h2, .entry-content .nudge-down + h3, .entry-content .nudge-down + h4, .entry-content .nudge-down + h5, .entry-content .nudge-down + .wp-block-buttons {
    margin-top: 0px !important; }
  .entry-content p + .nudge-up, .entry-content img + .nudge-up, .entry-content table + .nudge-up, .entry-content ul + .nudge-up, .entry-content ol + .nudge-up, .entry-content iframe + .nudge-up, .entry-content fieldset + .nudge-up, .entry-content blockquote + .nudge-up, .entry-content h1 + .nudge-up, .entry-content h2 + .nudge-up, .entry-content h3 + .nudge-up, .entry-content h4 + .nudge-up, .entry-content h5 + .nudge-up, .entry-content .wp-block-buttons + .nudge-up {
    margin-top: -20px;
    display: block; }

/* end .entry-content */
.wp-caption {
  max-width: 100%;
  background: #eee;
  padding: 5px;
  /* images inside wp-caption */ }
  .wp-caption img {
    max-width: 100%;
    margin-bottom: 0;
    width: 100%; }
  .wp-caption p.wp-caption-text {
    font-size: 0.85em;
    margin: 4px 0 7px;
    text-align: center; }

/* end .wp-caption */
/* image gallery styles */
/* end .gallery */
/* gallery caption styles */
.tags {
  margin: 0; }

/******************************************************************
PAGE NAVI STYLES
******************************************************************/
.pagination,
.wp-prev-next {
  margin: 0;
  display: block;
  width: 100%;
  max-width: 100%; }

.pagination {
  text-align: center; }
  .pagination ul {
    display: inline-block;
    white-space: nowrap;
    padding: 0;
    margin: 0;
    clear: both; }
  .pagination li {
    padding: 0;
    margin: 0;
    float: left;
    display: inline;
    overflow: hidden; }
  .pagination a, .pagination span {
    margin: 0;
    text-decoration: none;
    padding: 0;
    line-height: 1em;
    font-size: 1em;
    font-weight: 700;
    padding: 0.75em;
    min-width: 1em;
    display: block;
    color: #9747FF; }
    .pagination a:hover, .pagination a:focus, .pagination span:hover, .pagination span:focus {
      color: #4848DA; }
  .pagination .current {
    cursor: default;
    color: #4848DA; }
    .pagination .current:hover, .pagination .current:focus {
      color: #4848DA; }

/* end .bones_page_navi */
/* fallback previous & next links */
.wp-prev-next .prev-link {
  float: left; }
.wp-prev-next .next-link {
  float: right; }

/* end .wp-prev-next */
/*********************
FOOTER STYLES
*********************/
.social-wrap {
  line-height: 0; }
  .social-wrap a {
    line-height: 0;
    display: inline-block; }
    .social-wrap a .fill {
      transition: 0.35s cubic-bezier(0.4, 0, 0.2, 1); }
  .social-wrap a:hover .fill {
    fill: #10064C; }

.footer {
  font-size: 13px;
  border-bottom: 14px solid #10064C; }
  .footer ul {
    margin: 0; }
    .footer ul li a {
      color: #9747FF; }
      .footer ul li a:hover {
        color: #10064C; }

/* end .footer-links */
.copyright a {
  color: #000; }
  .copyright a:hover {
    color: #9747FF; }

.anim-section .anim-right {
  transition: 1s cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
  transform: translate(-25px, 0); }
.anim-section .anim-left {
  opacity: 0;
  transition: 1s cubic-bezier(0.4, 0, 0.2, 1);
  transform: translate(25px, 0); }
.anim-section .anim-down {
  opacity: 0;
  transition: 1s cubic-bezier(0.4, 0, 0.2, 1);
  transform: translate(0, -25px); }
.anim-section .anim-up {
  opacity: 0;
  transition: 1s cubic-bezier(0.4, 0, 0.2, 1);
  transform: translate(0, 25px); }
.anim-section .anim-fade {
  opacity: 0;
  transition: 1s cubic-bezier(0.4, 0, 0.2, 1);
  transform: translate(0px, 0px); }
.anim-section .delay-0 {
  transition-delay: 0s; }
.anim-section .delay-1 {
  transition-delay: 0.1s; }
.anim-section .delay-2 {
  transition-delay: 0.2s; }
.anim-section .delay-3 {
  transition-delay: 0.3s; }
.anim-section .delay-4 {
  transition-delay: 0.4s; }
.anim-section .delay-5 {
  transition-delay: 0.5s; }
.anim-section .delay-6 {
  transition-delay: 0.6s; }
.anim-section .delay-7 {
  transition-delay: 0.7s; }
.anim-section .delay-8 {
  transition-delay: 0.8s; }
.anim-section .delay-9 {
  transition-delay: 0.9s; }
.anim-section .delay-10 {
  transition-delay: 1s; }

.active-onscreen .anim-left,
.active-onscreen .anim-right,
.active-onscreen .anim-up,
.active-onscreen .anim-down,
.active-onscreen .anim-fade {
  transform: translate(0, 0);
  opacity: 1; }

.anim-single {
  opacity: 0;
  transition: 1s cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0.2s;
  transform: translate(0, 25px); }

.anim-single.active-onscreen {
  transform: translate(0, 0);
  opacity: 1; }

/*********************
TNS STYLES
*********************/
.tns-nav {
  padding: 0;
  line-height: 0px;
  width: 100%;
  text-align: center;
  left: 0;
  z-index: 10;
  font-size: 12px; }

.tns-nav button {
  display: inline-block;
  border: none;
  padding: 0px;
  margin: 0 7px 0 7px;
  border: 2px solid #fff;
  text-decoration: none;
  background: 0 0;
  background: transparent;
  font-weight: 600;
  font-size: 12px;
  line-height: 0px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  display: inline-block;
  cursor: pointer;
  text-align: center;
  transition: 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.18);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.18);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.18); }

.tns-nav button:hover {
  background: #9747FF;
  border-color: #fff; }

.tns-nav button.tns-nav-active {
  background: #fff;
  border-color: #fff; }

.white-boxed .tns-nav {
  padding-bottom: 25px; }

.tns-outer {
  padding: 0 !important; }

.tns-outer [hidden] {
  display: none !important; }

.tns-outer [aria-controls], .tns-outer [data-action] {
  cursor: pointer; }

.tns-slider {
  -webkit-transition: all 0s;
  -moz-transition: all 0s;
  transition: all 0s; }

.tns-slider > .tns-item {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.tns-horizontal.tns-subpixel {
  white-space: nowrap; }

.tns-horizontal.tns-subpixel > .tns-item {
  display: inline-block;
  vertical-align: top;
  white-space: normal; }

.tns-horizontal.tns-no-subpixel:after {
  content: '';
  display: table;
  clear: both; }

.tns-horizontal.tns-no-subpixel > .tns-item {
  float: left; }

.tns-horizontal.tns-carousel.tns-no-subpixel > .tns-item {
  margin-right: 0px; }

.tns-no-calc {
  position: relative;
  left: 0; }

.tns-gallery {
  position: relative;
  left: 0;
  min-height: 1px; }

.tns-gallery > .tns-item {
  position: absolute;
  left: 0px;
  -webkit-transition: transform 0s, opacity 0s;
  -moz-transition: transform 0s, opacity 0s;
  transition: transform 0s, opacity 0s; }

.tns-gallery > .tns-slide-active {
  position: relative;
  left: auto !important; }

.tns-gallery > .tns-moving {
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  transition: all 0.25s; }

.tns-autowidth {
  display: inline-block; }

.tns-lazy-img {
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  transition: opacity 0.6s;
  opacity: 0.6; }

.tns-lazy-img.tns-complete {
  opacity: 1; }

.tns-ah {
  -webkit-transition: height 0s;
  -moz-transition: height 0s;
  transition: height 0s; }

.tns-ovh {
  overflow: hidden; }

.tns-visually-hidden {
  position: absolute;
  left: -10000em; }

.tns-transparent {
  opacity: 0;
  visibility: hidden; }

.tns-fadeIn {
  opacity: 1;
  filter: alpha(opacity=100); }

.tns-normal, .tns-fadeOut {
  opacity: 0;
  filter: alpha(opacity=0); }

.tns-vpfix {
  white-space: nowrap; }

.tns-vpfix > div, .tns-vpfix > li {
  display: inline-block; }

.tns-t-subp2 {
  margin: 0 auto;
  width: 310px;
  position: relative;
  height: 10px;
  overflow: hidden; }

.tns-t-ct {
  width: 2333.3333333%;
  width: -webkit-calc(100% * 70 / 3);
  width: -moz-calc(100% * 70 / 3);
  width: calc(100% * 70 / 3);
  position: absolute;
  right: 0; }

.tns-t-ct:after {
  content: '';
  display: table;
  clear: both; }

.tns-t-ct > div {
  width: 1.4285714%;
  width: -webkit-calc(100% / 70);
  width: -moz-calc(100% / 70);
  width: calc(100% / 70);
  height: 10px;
  float: left; }

@media only screen and (min-width: 481px) {
  /*********************
  NAVIGATION STYLES
  *********************/
  /* .menu is clearfixed inside mixins.scss */
  .menu {
    /* end .menu ul */ }
    .menu ul {
      /* end .menu ul li */
      /* highlight current page */
      /* end current highlighters */ }
      .menu ul li {
        /*
        plan your menus and drop-downs wisely.
        */ }
        .menu ul li a {
          /*
          you can use hover styles here even though this size
          has the possibility of being a mobile device.
          */ }

  /* end .menu */
  /*********************
  POSTS & CONTENT STYLES
  *********************/
  .entry-content .alignleft, .entry-content img.alignleft {
    margin-right: 1.5em;
    display: inline;
    float: left; }
  .entry-content .alignright, .entry-content img.alignright {
    margin-left: 1.5em;
    display: inline;
    float: right; }
  .entry-content .aligncenter, .entry-content img.aligncenter {
    margin-right: auto;
    margin-left: auto;
    display: block;
    clear: both; }

  /*********************
  FOOTER STYLES
  *********************/ }
@media only screen and (min-width: 768px) {
  /*********************
  GENERAL STYLES
  *********************/
  /*********************
  HEADER STYLES
  *********************/
  #inner-header .header-right .nav-icon {
    margin-left: 12px; }

  #inner-header .header-right .button {
    margin-left: 10px; }

  #inner-header .header-left {
    max-width: 180px; }

  .nav-wrap .wrap {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    align-items: flex-start; }
    .nav-wrap .wrap .text-links {
      margin-top: 10px !important; }
      .nav-wrap .wrap .text-links p {
        margin-bottom: 5px; }
    .nav-wrap .wrap nav {
      width: 325px; }

  /*********************
  CONTENT STYLES
  *********************/
  .stats-container {
    display: flex; }
    .stats-container .stats-column {
      -ms-flex: 33.3333%;
      flex: 33.3333%;
      max-width: 533.3333%; }

  .stats-wrap {
    height: 45vw; }
    .stats-wrap:after {
      height: 15vw; }
    .stats-wrap:before {
      height: 15vw;
      background: linear-gradient(180deg, #10064C 15%, rgba(16, 6, 76, 0) 100%); }
    .stats-wrap .stat-content {
      height: 15vw; }
      .stats-wrap .stat-content span {
        font-size: 2vw;
        margin-bottom: 0.5vw; }
      .stats-wrap .stat-content strong {
        font-size: 4.75vw; }
    .stats-wrap .stats-column .stat-content:last-of-type:after {
      display: none; }

  .anchor-list {
    margin-top: -10px;
    margin-bottom: -10px;
    border-left: 1px solid #9747FF;
    padding-left: 25px; }
    .anchor-list li:first-of-type a {
      padding-top: 0px; }
    .anchor-list li:last-of-type a {
      padding-bottom: 0px; }

  .cta-section .flex-col-1of3 .button {
    margin: 0;
    padding-left: 10px;
    padding-right: 10px; }
  .cta-section .flex-col-1of3 .button + .button {
    margin-top: 8px !important; }

  .cta-section .button {
    display: block; }

  .large-image-section + .background-blue {
    margin-top: -33vw;
    padding-top: 33vw; }

  /*********************
  CONTENT
  *********************/
  .single-title, .page-title, .entry-title, .widgettitle, .wp-block-heading {
    margin-bottom: 25px; }

  .entry-content p, .entry-content img, .entry-content table, .entry-content ul, .entry-content ol, .entry-content iframe, .entry-content fieldset, .entry-content blockquote, .entry-content .wp-block-buttons {
    margin-bottom: 25px; }
  .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5 {
    margin-bottom: 25px;
    margin-top: 50px; }
  .entry-content hr {
    margin: 25px 0; }

  hr {
    margin: 25px 0; }

  .entry-content p + .nudge-up, .entry-content img + .nudge-up, .entry-content table + .nudge-up, .entry-content ul + .nudge-up, .entry-content ol + .nudge-up, .entry-content iframe + .nudge-up, .entry-content fieldset + .nudge-up, .entry-content blockquote + .nudge-up, .entry-content h1 + .nudge-up, .entry-content h2 + .nudge-up, .entry-content h3 + .nudge-up, .entry-content h4 + .nudge-up, .entry-content h5 + .nudge-up, .entry-content .wp-block-buttons + .nudge-up {
    margin-top: -25px; }

  .large-content {
    font-size: 20px; }

  .medium-content {
    font-size: 18px; }

  .testimonial strong {
    font-size: 17px !important;
    font-weight: 500 !important; }

  .timeline-wrap:before {
    left: 50%; }
  .timeline-wrap .timeline-content, .timeline-wrap .timeline-media {
    padding-left: 0px; }
  .timeline-wrap .flex-wrap {
    margin-left: -50px; }
    .timeline-wrap .flex-wrap .flex-col {
      padding-left: 50px; }
  .timeline-wrap .timeline-item-wrap:nth-of-type(2n-1) .flex-wrap {
    flex-direction: row-reverse; }
    .timeline-wrap .timeline-item-wrap:nth-of-type(2n-1) .flex-wrap .sub-heading {
      margin-left: -24px; }
  .timeline-wrap .timeline-item-wrap:nth-of-type(2n) {
    text-align: right; }
    .timeline-wrap .timeline-item-wrap:nth-of-type(2n) .sub-heading {
      transform: translate(-10px, 0);
      margin-right: -25px; }
    .timeline-wrap .timeline-item-wrap:nth-of-type(2n) .timeline-content .entry-content .button {
      margin-right: 0px;
      margin-left: 10px; }

  .timeline-cta .entry-content {
    width: 60%;
    max-width: 668px;
    margin-left: auto;
    margin-right: auto; }

  .timeline-cta .cta-section:before {
    left: 50%;
    margin-left: -11px; }

  /*********************
  FOOTER STYLES
  *********************/
  .footer .social-wrap {
    text-align: right; }
    .footer .social-wrap a {
      margin-left: 4px; }

  .footer {
    border-width: 22px; }
    .footer .copyright {
      margin-right: 20px; }
    .footer .copyright, .footer nav {
      display: inline-block; }
    .footer nav ul li {
      display: inline;
      margin-right: 10px; } }
@media only screen and (min-width: 768px) and (min-width: 1000px) {
  body {
    font-size: 17px; }

  #inner-header {
    height: 110px;
    gap: 25px; }

  #container {
    padding-top: 110px; }

  .image-slider-section .wrap {
    min-height: calc(100vh - 90px);
    display: flex;
    flex-direction: column;
    justify-content: space-between; }

  #inner-header .header-right .nav-icon {
    margin-left: 17px; }

  #inner-header .header-right .nav-icon svg {
    width: 36px; }

  #inner-header .header-left {
    max-width: 230px; }

  .nav-wrap {
    height: calc(100vh - 110px); }

  .nav-wrap .wrap nav {
    width: 397px; }

  h1, .h1 {
    font-size: 32px; }

  h2, .h2, .widgettitle {
    font-size: 32px; }

  h3, .h3 {
    font-size: 23px; }

  h4, .h4 {
    font-size: 20px; }

  h5, .h5 {
    font-size: 17px; }

  .xl-h {
    font-size: 40px;
    line-height: 1; }

  .sub-heading {
    font-size: 14px; }

  .margin-top {
    margin-top: 80px; }

  .margin-bottom {
    margin-bottom: 80px; }

  .margin-top-small {
    margin-top: 40px; }

  .margin-bottom-small {
    margin-bottom: 40px; }

  .wrap {
    padding: 80px 25px; }

  .wrap-small {
    padding-top: 40px;
    padding-bottom: 40px; }

  .wrap-large {
    padding-top: 140px;
    padding-bottom: 140px; }

  .single-title, .page-title, .entry-title, .widgettitle, .related h2, .wp-block-heading {
    margin-bottom: 30px; }

  .entry-content p, .entry-content img, .entry-content table, .entry-content ul, .entry-content ol, .entry-content iframe, .entry-content fieldset, .entry-content blockquote {
    margin-bottom: 25px; }
  .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5 {
    margin-bottom: 25px;
    margin-top: 50px; }
  .entry-content hr {
    margin: 25px 0; }

  hr {
    margin: 25px 0; }

  .entry-content p + .nudge-up, .entry-content img + .nudge-up, .entry-content table + .nudge-up, .entry-content ul + .nudge-up, .entry-content ol + .nudge-up, .entry-content iframe + .nudge-up, .entry-content fieldset + .nudge-up, .entry-content blockquote + .nudge-up, .entry-content h1 + .nudge-up, .entry-content h2 + .nudge-up, .entry-content h3 + .nudge-up, .entry-content h4 + .nudge-up, .entry-content h5 + .nudge-up {
    margin-top: -25px; }

  .tile-section {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(3, calc(33.3333vh - 36.6666px));
    /* adjust height as needed */
    gap: 0px;
    /* optional spacing */ }
    .tile-section .tile {
      display: flex;
      flex-wrap: wrap;
      align-items: flex-start;
      justify-content: flex-start;
      flex-direction: column; }
      .tile-section .tile .tile-image {
        opacity: 0;
        transition: 0.35s cubic-bezier(0.4, 0, 0.2, 1); }
      .tile-section .tile .tile-title {
        position: relative;
        z-index: 3;
        width: 100%;
        display: block;
        transition: 0.35s cubic-bezier(0.4, 0, 0.2, 1); }
      .tile-section .tile .read-more {
        position: relative;
        z-index: 3;
        width: auto;
        margin-top: 5px;
        transition: 0.35s cubic-bezier(0.4, 0, 0.2, 1); }
        .tile-section .tile .read-more svg, .tile-section .tile .read-more path {
          transition: 0.35s cubic-bezier(0.4, 0, 0.2, 1); }
      .tile-section .tile .tile-content {
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 3;
        padding: 25px;
        opacity: 0;
        transform: translateY(25px);
        transition: 0.35s cubic-bezier(0.4, 0, 0.2, 1); }
        .tile-section .tile .tile-content p, .tile-section .tile .tile-content strong {
          transition: 0.35s cubic-bezier(0.4, 0, 0.2, 1); }
      .tile-section .tile .tile-left {
        -ms-flex: 50%;
        flex: 50%;
        max-width: 50%;
        padding-right: 25px; }
      .tile-section .tile .tile-right {
        -ms-flex: 50%;
        flex: 50%;
        max-width: 50%;
        padding-left: 25px; }
        .tile-section .tile .tile-right .tile-content {
          position: relative;
          bottom: auto;
          left: auto;
          padding: 0px;
          opacity: 1 !important;
          transform: translateY(0px) !important; }
      .tile-section .tile:hover .tile-title {
        color: #fff; }
      .tile-section .tile:hover .read-more {
        color: #fff; }
        .tile-section .tile:hover .read-more svg path {
          fill: #fff; }
      .tile-section .tile:hover .tile-content {
        opacity: 1;
        transform: translateY(0px);
        color: #fff; }
        .tile-section .tile:hover .tile-content p, .tile-section .tile:hover .tile-content strong {
          color: #fff; }
      .tile-section .tile:hover .tile-image {
        opacity: 1; }
    .tile-section .tile-on-top {
      width: 100% !important;
      display: block; }
    .tile-section .tile-2-col {
      display: flex;
      flex-wrap: wrap;
      align-items: flex-start;
      justify-content: flex-start;
      flex-direction: row; }
    .tile-section .tile-case-studies .item .tile {
      height: 100%;
      align-items: flex-start;
      padding-bottom: 25px; }
      .tile-section .tile-case-studies .item .tile .tile-right {
        margin-left: 50%; }
      .tile-section .tile-case-studies .item .tile .tile-image {
        opacity: 1; }
    .tile-section .tile-case-studies .tns-outer, .tile-section .tile-case-studies .tns-ovh, .tile-section .tile-case-studies .tns-inner, .tile-section .tile-case-studies .case-study-slider, .tile-section .tile-case-studies .item {
      height: 100% !important; }

  .tile-case-studies .read-more {
    pointer-events: all;
    cursor: pointer; }

  .read-more:hover svg {
    transform: translateX(10px); }

  .tile .tile-content {
    font-size: 1.5vh; } }
@media only screen and (min-width: 768px) and (min-width: 1000px) and (max-height: 850px) {
  .tile .tile-title {
    font-size: 2.5vh; }

  .tile .read-more {
    font-size: 1.8vh; }

  .tile .tile-content strong {
    font-size: 2vh; }

  .tile-hero .entry-content {
    font-size: 1.8vh; }

  .tile-hero .page-title {
    font-size: 3.75vh;
    margin-bottom: 2.5vh; } }
@media only screen and (min-width: 768px) and (min-width: 1000px) {
  /* Tile placements */
  .tile-hero {
    padding: 25px 25px 25px 25px;
    grid-column: 1 / span 2;
    /* columns 1–2 */
    grid-row: 1 / span 2;
    /* rows 1–2 (boxes 1,2,5,6) */
    display: flex;
    align-items: center; }
    .tile-hero main {
      width: 100%; }

  .tile-1 {
    grid-column: 3 / span 2;
    /* boxes 3–4 */
    grid-row: 1; }

  .tile-2 {
    grid-column: 3;
    grid-row: 2; }

  .tile-3 {
    grid-column: 4;
    grid-row: 2; }

  .tile-4 {
    grid-column: 1;
    grid-row: 3; }

  .tile-5 {
    grid-column: 2;
    grid-row: 3; }

  .tile-case-studies {
    grid-column: 3 / span 2;
    /* boxes 11–12 */
    grid-row: 3; }

  .content-slider-section {
    position: relative; }
    .content-slider-section .custom-nav-wrap {
      border-radius: 12px;
      overflow: hidden;
      position: absolute;
      bottom: 50px;
      left: 0;
      z-index: 10;
      width: 50%;
      width: calc(50% - 25px);
      padding: 25px 0;
      background: rgba(255, 255, 255, 0.9); }
    .content-slider-section .reverse-custom-nav {
      left: 50%; }

  .content-slider-section.background-light-grey .custom-nav-wrap {
    background: rgba(245, 245, 245, 0.9); }

  .split {
    display: flex; }
    .split .split-left {
      flex: 50%;
      max-width: 50%;
      padding-bottom: 150px; }
    .split .split-right {
      flex: 50%;
      max-width: 50%; }
      .split .split-right .slide-image-wrap {
        height: 100%; }

  .slide-image-wrap img, .slide-image-wrap video {
    height: 100%;
    object-fit: cover; }

  .box-padding {
    padding: 80px 25px; }

  .nop-tablet {
    padding: 0px !important; }

  .content-slider-section article, .content-slider-section .split {
    height: 100% !important; }

  .custom-nav-wrap-two .custom-nav-two {
    gap: 20px; }

  .custom-nav-wrap-two .custom-nav-bar {
    height: 10px; }

  .custom-nav-wrap-two .custom-nav-logo {
    height: 40px;
    width: 200px; }

  .custom-nav-wrap-two .custom-nav-logo {
    margin-bottom: 25px; }

  .testimonial {
    padding: 0 100px; }
    .testimonial:before {
      width: 74px;
      height: 45px;
      left: 0px; }
    .testimonial:after {
      width: 74px;
      height: 45px;
      right: 0; }

  .large-content {
    font-size: 24px;
    line-height: 1.55; }

  .medium-content {
    font-size: 20px; }

  .timeline-wrap .flex-wrap {
    margin-left: -100px; }
    .timeline-wrap .flex-wrap .flex-col {
      padding-left: 100px; }
  .timeline-wrap .timeline-item-wrap:nth-of-type(2n-1) .flex-wrap .sub-heading {
    margin-left: -50px; }
  .timeline-wrap .timeline-item-wrap:nth-of-type(2n) .sub-heading {
    margin-right: -50px; }

  .footer {
    font-size: 14px; }

  .anim-section .delay-0-desktop {
    transition-delay: 0s; }
  .anim-section .delay-1-desktop {
    transition-delay: 0.1s; }
  .anim-section .delay-2-desktop {
    transition-delay: 0.2s; }
  .anim-section .delay-3-desktop {
    transition-delay: 0.3s; }
  .anim-section .delay-4-desktop {
    transition-delay: 0.4s; }
  .anim-section .delay-5-desktop {
    transition-delay: 0.5s; }
  .anim-section .delay-6-desktop {
    transition-delay: 0.6s; }
  .anim-section .delay-7-desktop {
    transition-delay: 0.7s; }
  .anim-section .delay-8-desktop {
    transition-delay: 0.8s; }
  .anim-section .delay-9-desktop {
    transition-delay: 0.9s; }
  .anim-section .delay-10-desktop {
    transition-delay: 1s; } }
@media only screen and (min-width: 1240px) {
  body {
    font-size: 18px; }

  .wrap {
    padding: 100px 50px;
    max-width: 1540px;
    margin-left: auto;
    margin-right: auto; }

  .full-width {
    max-width: none; }

  .wrap-large {
    padding-top: 200px;
    padding-bottom: 200px; }

  .wrap-small {
    padding-top: 50px;
    padding-bottom: 50px; }

  .single-title, .page-title, .entry-title, .widgettitle {
    margin-bottom: 35px; }

  h1, .h1 {
    font-size: 35px; }

  h2, .h2, .widgettitle {
    font-size: 35px; }

  h3, .h3 {
    font-size: 26px; }

  h4, .h4 {
    font-size: 22px; }

  h5, .h5 {
    font-size: 18px; }

  .xl-h {
    font-size: 60px;
    line-height: 1; }

  .sub-heading {
    font-size: 16px; }

  #container {
    padding-top: 160px; }

  .image-slider-section .wrap {
    min-height: calc(100vh - 140px); }

  .header {
    z-index: 8888;
    box-shadow: 0px 0px 30px 5px rgba(151, 71, 255, 0.2); }
    .header #inner-header {
      position: relative;
      gap: 35px; }
      .header #inner-header .header-left {
        max-width: 260px; }
      .header #inner-header .header-right {
        padding-top: 30px; }
      .header #inner-header .header-right .button {
        margin-left: 15px;
        width: 160px;
        padding-left: 0px;
        padding-right: 0px; }
      .header #inner-header .client-login {
        position: absolute;
        top: 0;
        right: 50px;
        border-top-right-radius: 0px;
        border-top-left-radius: 0px;
        padding: 6px 0;
        width: 170px; }
      .header #inner-header .text-links {
        font-size: 13px;
        margin-right: 35px; }
        .header #inner-header .text-links a {
          margin-left: 15px;
          color: #10064C; }
          .header #inner-header .text-links a:hover {
            color: #9747FF; }
        .header #inner-header .text-links .hide-before-large {
          display: none; }

  .nav-wrap .text-links {
    display: none; }

  .nav-wrap {
    right: 0;
    top: 100%;
    height: auto;
    padding: 0px;
    background: none;
    position: relative;
    width: 100%;
    visibility: visible;
    pointer-events: all;
    overflow: visible;
    opacity: 1;
    transition: 0s;
    z-index: 9999;
    line-height: 1;
    background: #10064C; }
    .nav-wrap .wrap {
      padding-top: 0px;
      padding-bottom: 0px; }
    .nav-wrap .wrap nav {
      width: 100%; }

  .nav-wrap .top-nav {
    display: block; }

  .nav-wrap .top-nav li {
    -ms-flex: unset;
    flex: unset;
    max-width: none; }

  .nav-wrap .nav {
    border: 0;
    margin-top: 0;
    width: 100%;
    display: flex;
    gap: 0;
    /* end .menu ul li */
    /* highlight current page */
    /* end current highlighters */ }
    .nav-wrap .nav .hide-nav-item {
      display: none; }
    .nav-wrap .nav li {
      flex: 1;
      float: none;
      position: relative;
      display: inline-block;
      margin: 0px;
      padding: 0;
      border: none;
      border: none;
      /*
      plan your menus and drop-downs wisely.
      */
      /* showing sub-menus */ }
      .nav-wrap .nav li .navarrow {
        display: none; }
      .nav-wrap .nav li a {
        border-bottom: 0;
        padding: 0 15px;
        height: 50px;
        line-height: 1.2;
        font-weight: 500;
        font-size: 13px;
        display: inline-block;
        text-align: center;
        border: none;
        display: flex;
        justify-content: center;
        align-items: center;
        border-right: 1px solid #5e5796;
        /*
        you can use hover styles here even though this size
        has the possibility of being a mobile device.
        */ }
        .nav-wrap .nav li a:hover, .nav-wrap .nav li a:focus {
          background: #9747FF;
          color: #fff !important; }
      .nav-wrap .nav li:hover a {
        background: #9747FF;
        color: #fff !important; }
      .nav-wrap .nav li:first-child a {
        border-left: 1px solid #5e5796; }
      .nav-wrap .nav li ul.sub-menu,
      .nav-wrap .nav li ul.children {
        transition: 0.35s cubic-bezier(0.4, 0, 0.2, 1);
        margin: 0 0 0 0;
        border: 0;
        background: #9747FF;
        width: 100%;
        width: calc(100% - 1px);
        position: absolute;
        top: 100%;
        left: 0;
        visibility: hidden;
        opacity: 0;
        pointer-events: none;
        z-index: 8999;
        padding: 10px 20px;
        display: block !important;
        /* highlight sub-menu current page */ }
        .nav-wrap .nav li ul.sub-menu li,
        .nav-wrap .nav li ul.children li {
          margin: 0;
          -ms-flex: 100%;
          flex: 100%;
          max-width: 100%;
          border: none;
          display: block;
          width: 100%;
          /*
          if you need to go deeper, go nuts
          just remember deeper menus suck
          for usability. k, bai.
          */ }
          .nav-wrap .nav li ul.sub-menu li a,
          .nav-wrap .nav li ul.children li a {
            background: none;
            padding-left: 0px;
            border-right: 0;
            display: block;
            width: 100%;
            font-size: 14px;
            font-weight: 600;
            color: #fff;
            text-transform: none;
            padding-top: 8px;
            padding-bottom: 8px;
            border: none;
            height: auto;
            text-align: left;
            border-bottom: 1px solid #732cce; }
            .nav-wrap .nav li ul.sub-menu li a:hover, .nav-wrap .nav li ul.sub-menu li a:focus,
            .nav-wrap .nav li ul.children li a:hover,
            .nav-wrap .nav li ul.children li a:focus {
              background: none;
              color: #10064C !important;
              font-weight: 600; }
          .nav-wrap .nav li ul.sub-menu li:last-child a,
          .nav-wrap .nav li ul.children li:last-child a {
            border-bottom: none; }
          .nav-wrap .nav li ul.sub-menu li ul,
          .nav-wrap .nav li ul.children li ul {
            top: 0;
            left: 100%; }
        .nav-wrap .nav li ul.sub-menu li.current-menu-item a,
        .nav-wrap .nav li ul.sub-menu li.current-menu-ancestor a,
        .nav-wrap .nav li ul.sub-menu li.current-menu-parent a,
        .nav-wrap .nav li ul.children li.current-menu-item a,
        .nav-wrap .nav li ul.children li.current-menu-ancestor a,
        .nav-wrap .nav li ul.children li.current-menu-parent a {
          color: #10064C !important; }
      .nav-wrap .nav li:hover > ul {
        top: auto;
        visibility: visible;
        opacity: 1;
        pointer-events: all; }
    .nav-wrap .nav li.current-menu-item a,
    .nav-wrap .nav li.current-menu-ancestor a,
    .nav-wrap .nav li.current-menu-parent a {
      color: #fff;
      background: #9747FF; }
    .nav-wrap .nav li.current-menu-item ul.sub-menu li.current-menu-item a {
      color: #fff !important; }
      .nav-wrap .nav li.current-menu-item ul.sub-menu li.current-menu-item a:hover {
        color: #10064C !important; }

  /* end .nav */
  .tile-section {
    grid-template-rows: repeat(3, calc(33.3333vh - 53.3333px)); }

  .tile-hero {
    padding: 30px 30px 30px 50px; } }
@media only screen and (min-width: 1240px) and (min-height: 900px) {
  .tile-hero {
    font-size: 17px; } }
@media only screen and (min-width: 1240px) and (min-height: 950px) {
  .tile-hero {
    font-size: 18px; } }
@media only screen and (min-width: 1240px) {
  .tile {
    padding: 30px; }

  .tile-section .tile .tile-content {
    padding: 30px;
    max-width: 300px; }

  .tile .tile-content {
    font-size: 1.6vh; }

  .tile-section .tile .tile-left {
    padding-right: 30px; }

  .tile-section .tile .tile-right {
    padding-left: 30px; }

  .entry-content .button {
    margin-top: 15px;
    margin-right: 15px; }

  .tile-case-studies .tns-nav {
    bottom: 30px;
    left: 30px; }

  .box-padding {
    padding: 100px 50px; }

  .content-slider-section .custom-nav-wrap {
    bottom: 75px;
    width: calc(50% - 50px); }

  .content-slider-section .custom-nav-scroll {
    padding-left: 50px; }

  .content-slider-section .split .split-left {
    padding-bottom: 175px; }

  .large-content {
    font-size: 26px;
    line-height: 1.5; }

  .medium-content {
    font-size: 22px; }

  .testimonial strong {
    font-size: 18px !important; }

  .anchor-list {
    padding-left: 50px; }

  .cta-section {
    border-radius: 9px;
    padding: 28px 30px; }

  .background-blue + .background-blue:before {
    left: 50px;
    width: calc(100% - 100px); }

  .contact-details hr {
    margin: 30px 0; }

  .large-image-section + .background-blue {
    margin-top: -500px;
    padding-top: 500px; }

  .timeline-content {
    max-width: 586px; }

  .timeline-wrap .timeline-item-wrap:nth-of-type(2n) .timeline-content {
    margin-left: auto; }

  .footer {
    font-size: 16px; } }
@media only screen and (min-width: 1240px) and (min-width: 1440px) {
  .header #inner-header .text-links .hide-before-large {
    display: inline; }

  .stats-wrap {
    height: 630px; }
    .stats-wrap:after {
      height: 16vw; }
    .stats-wrap:before {
      height: 16vw; }
    .stats-wrap .stat-content {
      height: 210px; }
      .stats-wrap .stat-content span {
        font-size: 30px;
        margin-bottom: 5px; }
      .stats-wrap .stat-content strong {
        font-size: 68px; }

  .large-content {
    font-size: 28px;
    line-height: 1.45; }

  .medium-content {
    font-size: 24px; } }
@media only screen and (min-width: 1240px) and (min-width: 1540px) {
  .nav-wrap .nav .hide-nav-item {
    display: inline-block; }

  .nav-wrap .nav li a {
    font-size: 14px; }

  .tile-hero main {
    width: 690px;
    margin-left: auto; }

  .content-slider-section .custom-nav-wrap {
    width: auto;
    left: 50%;
    margin-left: -770px; }

  .content-slider-section .reverse-custom-nav {
    left: 50%;
    margin-left: 0px; }

  .split .split-left {
    width: 770px;
    flex: 770px;
    max-width: 770px;
    margin-left: auto; }

  .split.flex-wrap-reverse .split-left {
    margin-left: 0px;
    margin-right: auto; }

  .large-content {
    font-size: 30px; }

  .medium-content {
    font-size: 26px; }

  .cta-section {
    padding: 35px 40px; }

  .background-blue + .background-blue:before {
    left: 50%;
    width: 1440px;
    margin-left: -720px; } }
@media only screen and (min-width: 1240px) and (min-width: 1610px) {
  .icon-left {
    position: relative; }
    .icon-left:before {
      content: "";
      width: 51px;
      height: 46px;
      position: absolute;
      top: -2px;
      right: 100%;
      margin-right: 12px;
      background: url("../images/logo-icon.svg") no-repeat center center scroll;
      background-size: 51px 46px; }

  .split.flex-wrap-reverse .split-left .box-padding {
    padding-left: 100px; }

  .content-slider-section .reverse-custom-nav {
    margin-left: 50px; }

  .xl-h.icon-left:before {
    top: 7px; }

  .light-content .icon-left:before {
    background: url("../images/logo-icon-white.svg") no-repeat center center scroll;
    background-size: 51px 46px; }

  .anim-section .icon-left:before {
    transform: scale(0.75);
    opacity: 0;
    transition: 1s cubic-bezier(0.4, 0, 0.2, 1); }

  .anim-section.active-onscreen .icon-left:before {
    opacity: 1;
    transform: scale(1); }

  .active-onscreen .delay-2 .icon-left:before {
    transition-delay: 1.2s; }

  .anim-section .delay-1 .icon-left:before {
    transition-delay: 1.1s; }

  .anim-section .delay-0 .icon-left:before {
    transition-delay: 1s; } }

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