/* =========================================
   BASE & RESET
========================================= */
img {
  -ms-interpolation-mode: bicubic;
  border: 0;
  color: transparent;
  max-width: 100%;
  vertical-align: top;
}
img.img-broken {
  background: #FAFEFF;
  font-size: 0;
}
fieldset, form {
  border-style: none;
  margin: 0;
  padding: 0;
}
input::-ms-clear {
  display: none;
}
button, input[type=button], input[type=file], input[type=password],
input[type=reset], input[type=submit], input[type=text], textarea {
  -ms-progress-appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  outline: none;
}
button, input[type=button], input[type=reset], input[type=submit] {
  cursor: pointer;
}
input, textarea {
  border-radius: 0;
}
input[type=image] {
  border: none;
  padding: 0;
}
button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
:focus {
  outline: none;
}
blockquote, q {
  quotes: none;
}
blockquote:after, blockquote:before, q:after, q:before {
  content: none;
}
dd {
  margin: 0 0 0 40px;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
nav ol, nav ul {
  list-style-image: none;
}
dl, menu, ol, p, ul {
  margin: 1em 0;
}
menu, ol, ul {
  padding: 0;
}
h1, h2, h3, h4, h5, h6 {
  margin: 0;
  font-weight: 500;
  line-height: 1.15;
  font-family: Outfit, sans-serif;
}
strong, b {
  font-weight: 500;
}
button, input, select, textarea {
  font-family: Outfit, sans-serif;
}
a {
  color: var(--defaultLinkColor, #0181dd);
  transition-duration: .18s;
  transition-property: color, background, border-color;
  transition-timing-function: ease-out;
  text-decoration: none;
}
.mobile a {
  transition: none;
}
@media screen and (min-width:1201px) {
  a:hover { color: #00abf3; }
}
mark {
  color: inherit;
  background: none;
}
svg use {
  pointer-events: none;
}
u {
  position: relative;
  text-decoration: none;
}
u:after {
  background: currentColor;
  bottom: 0;
  content: "";
  height: 2px;
  left: 0;
  pointer-events: none;
  position: absolute;
  width: 100%;
}
*, :after, :before {
  box-sizing: border-box;
}
html {
  -webkit-text-size-adjust: 100%;
}
[v-cloak] {
  display: none;
}
body, html {
  -webkit-overflow-scrolling: touch;
  height: 100%;
  margin: 0;
}
html.block-scroll {
  overflow: hidden;
}
body {
  background: #fff;
  color: #000;
  font: 300 16px/1.25 Outfit, sans-serif;
  min-width: 320px;
}

/* =========================================
   UTILITIES
========================================= */
.hide { display: none !important; }
.invisible { visibility: hidden; }
.d-flex { display: flex; }
.d-none { display: none; }
.d-i-flex { display: inline-flex; }
.fl-shrink { flex-shrink: 0; }
.fl-grow { flex-grow: 1; }
.fl-col { flex-direction: column; }
.fl-wrap { flex-wrap: wrap; }
.fl-center { align-items: center; justify-content: center; }
.fl-baseline { align-items: baseline; }
.fl-align-center { align-items: center; }
.fl-justify-center { justify-content: center; }
.loading { position: relative; }

@media screen and (min-width:1201px) { .laptop-view { display: none !important; } }
@media screen and (max-width:1200px) { .laptop-hide { display: none !important; } }
@media screen and (min-width:1025px) { .tablet-view { display: none !important; } }
@media screen and (max-width:1024px) { .tablet-hide { display: none !important; } }
@media screen and (min-width:768px)  { .mobile-view { display: none !important; } }
@media screen and (max-width:767px)  { .mobile-hide { display: none !important; } }

.site-width-grid {
  margin: 0 auto;
  max-width: 1480px;
  width: 100%;
}
@media screen and (min-width:1201px) {
  .site-width-grid { padding-left: 35px; padding-right: 35px; }
}
@media screen and (max-width:1200px) {
  .site-width-grid { padding-left: 25px; padding-right: 25px; }
}
@media screen and (max-width:767px) {
  .site-width-grid { padding-left: 20px; padding-right: 20px; }
}

.wrapper { min-height: 100vh; overflow: hidden; }
.main { width: 100%; --defaultLinkColor: #267efd; color: #08235c; }
@media screen and (max-width:1200px) {
  .main { padding-top: 62px; }
}
@media screen and (min-width:1201px) {
  .fancy-header~.main, .header~.main { padding-top: 74px; }
  .is-come-from-admin { margin-top: 20px; }
}

/* =========================================
   BUTTONS (.btn-flex & .btn-fancy)
========================================= */
.btn-flex {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  line-height: 1.25;
  padding-bottom: 2px;
  padding-top: 2px;
  transition-duration: .2s;
  transition-property: color, background, border-color;
  transition-timing-function: ease-out;
}
.btn-flex--rounded { border-radius: 5em; }
.btn-flex--nowrap { white-space: nowrap; }
.btn-flex--slanted {
  background-color: transparent;
  overflow: visible !important;
  position: relative;
}
.btn-flex--slanted:before {
  backface-visibility: hidden;
  border-radius: .3em .5em;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transform: skewX(-35deg) translateZ(0);
  transition-duration: .2s;
  transition-property: background, border-color;
  transition-timing-function: ease-out;
  width: 100%;
  will-change: transform;
}
.btn-flex--slanted>* { position: relative; }
.btn-flex--text__uppercase { text-transform: uppercase; }
.btn-flex--weight__med { font-weight: 500; }
.btn-flex--color__navy { color: #08235c; }
@media screen and (min-width:1025px) {
  .btn-flex--color__navy:hover { color: #0181dd; }
}
.btn-flex--slanted-border__custom:before { border: 1px solid var(--btnBorderColor, #fff); }
@media screen and (min-width:1025px) {
  .btn-flex--slanted-border__custom:hover:before { border-color: var(--btnBorderColorActive, var(--btnBorderColor)); }
}
.btn-flex--font-desktop__md { font-size: 18px; }
.btn-flex--size-desktop__sm { min-height: 48px; }
.btn-flex--padding__md { padding-left: 20px; padding-right: 20px; }
.btn-flex--gap__lg { gap: 16px; }
.btn-flex .chevron, .btn-flex .icon, .btn-flex i {
  fill: var(--btnIconColor, currentColor);
  color: var(--btnIconColor, currentColor);
  transition: transform .2s;
}
.btn-flex i { position: relative; }
.btn-flex .loading {
  left: 0; opacity: 0; position: absolute; top: 50%; transform: translateY(-50%);
}
@media screen and (min-width:1025px) {
  .btn-flex:hover .icon { transform: translateX(2px); }
}
.disabled .btn-flex:has(.loading) { filter: grayscale(1); opacity: .5; pointer-events: none; }
.disabled .btn-flex:has(.loading) .icon { opacity: 0; }
.disabled .btn-flex:has(.loading) .loading { opacity: 1; }

.btn-fancy {
  background-color: transparent;
  border: none;
  line-height: 1.25;
  overflow: visible !important;
  padding-bottom: 2px;
  padding-top: 2px;
  position: relative;
  transition: color .2s ease-out;
}
.btn-fancy:after, .btn-fancy:before {
  backface-visibility: hidden;
  border-radius: .3em .5em;
  content: "";
  inset: 0;
  position: absolute;
  transform: skewX(-35deg) translateZ(0);
}
.btn-fancy:before {
  background-color: #fff;
  border-style: solid;
  border-width: 1.5px;
  opacity: 0;
  transition: opacity .1s ease-out, background-color .1s ease-out;
}
.btn-fancy:after {
  background-position-x: -100%, 0;
  background-size: 200% 100%, 100% 100%;
  transition: opacity .2s ease-out, background-position-x .2s ease-out .05s;
}
.btn-fancy>* { position: relative; z-index: 1; }
@media screen and (min-width:1025px) {
  .btn-fancy:hover:before { opacity: 1; }
  .btn-fancy:hover:after {
    background-position-x: -200%, 0;
    opacity: 0;
    transition: opacity .3s ease-out .1s, background-position-x .2s ease-out;
  }
  .btn-fancy:hover .icon { transform: translateX(2px); }
}
.btn-fancy--indigo { color: #fff; }
.btn-fancy--indigo:before { border-color: #4300ff; }
.btn-fancy--indigo:after {
  background-image: linear-gradient(90deg, #3d05d9 30%, #936efb 40%, #3d05d9 50%, rgba(61, 5, 217, 0)), linear-gradient(170deg, #7648f7, #4e10fd 55%, #1f6dff);
}
@media screen and (min-width:1025px) {
  .btn-fancy--indigo:hover { color: #4300ff; }
}
.btn-fancy--green { color: #fff; }
.btn-fancy--green:before { border-color: #006d46; }
.btn-fancy--green:after {
  background-image: linear-gradient(90deg, #06bc7b 30%, #5ef696 40%, #06bc7b 50%, rgba(6, 188, 123, 0)), linear-gradient(170deg, #5ef696, #06bc7b 55%, #25cd91);
}
@media screen and (min-width:1025px) {
  .btn-fancy--green:hover { color: #08235c; }
}
.btn-fancy--xs { min-height: 42px; }
.btn-fancy--sm { min-height: 48px; }
.btn-fancy--px-md { padding-inline: 20px; }
.btn-fancy--px-lg { padding-inline: 25px; }
.btn-fancy--px-xl { padding-inline: 30px; }
.btn-fancy--gap-md { gap: 12px; }
.btn-fancy--gap-lg { gap: 16px; }
.btn-fancy--text-sm { font-size: 16px; }
.btn-fancy--text-md { font-size: 18px; }
.btn-fancy--bold { font-weight: 600; }
.btn-fancy--medium { font-weight: 500; }
.btn-fancy--uppercase { text-transform: uppercase; }
.btn-fancy .chevron, .btn-fancy .icon, .btn-fancy i {
  fill: currentColor; color: currentColor; transition: transform .2s;
}
.btn-fancy i { position: relative; }
.btn-fancy .loading { left: 0; opacity: 0; position: absolute; top: 50%; transform: translateY(-50%); }
.disabled .btn-fancy:has(.loading) { filter: grayscale(1); opacity: .5; pointer-events: none; }
.disabled .btn-fancy:has(.loading) .icon { opacity: 0; }
.disabled .btn-fancy:has(.loading) .loading { opacity: 1; }

/* =========================================
   FORM VALIDATION (PARSLEY)
========================================= */
.parsley-errors-list, .validate-errors-list {
  list-style: none; margin: 0; padding: 0;
}
.parsley-errors-list li, .validate-errors-list li {
  background: #fff;
  border: 1px solid #ed383d;
  bottom: var(--errorBottom, 100%);
  color: #ed383d;
  font-size: 14px;
  font-weight: 500;
  min-height: 37px;
  min-width: 190px;
  padding: 3px 15px 7px;
  position: absolute;
  right: 0;
  transform: translateY(-4px);
  white-space: nowrap;
  z-index: 1;
  opacity: 0;
  pointer-events: none;
}
@media screen and (max-width:767px) {
  .parsley-errors-list li, .validate-errors-list li { height: auto; white-space: normal; }
}
.parsley-errors-list li:after, .validate-errors-list li:after {
  background: #fff; border-bottom: 1px solid #ed383d; border-right: 1px solid #ed383d;
  content: ""; height: 10px; position: absolute; right: 15px; top: 100%;
  transform: translate3d(0, -4px, 0) rotate(45deg); width: 10px;
}
.parsley-errors-list li:before, .validate-errors-list li:before {
  bottom: -4px; content: "!"; display: inline; font-size: 25px; font-weight: 500;
  line-height: 20px; margin-right: 14px; position: relative;
}
form[data-parsley-validate] { position: relative; }

/* =========================================
   HEADER & NAVIGATION
========================================= */
.fancy-header {
  --headerLinkFontSize: 16px;
  background-color: #fff;
  box-shadow: 0 0 90px rgba(0, 0, 0, .08);
  left: 0; position: fixed; right: 0; top: 0; z-index: 100;
  transition: transform .25s;
}
.fancy-header ul { list-style: none; margin: 0; padding: 0; }
@media screen and (min-width:1201px) {
  .fancy-header.scrolled { transform: translateY(-14px); }
  .fancy-header.scrolled .holder { transform: translateY(7px); }
  .fancy-header.scrolled .logo { transform: scale(.84); }
}
.fancy-header .holder {
  gap: clamp(20px, 2.9296875vw, 30px);
  justify-content: space-between;
  pointer-events: none;
  transition: transform .25s;
}
.fancy-header .holder>* { pointer-events: auto; }
@media screen and (min-width:1201px) {
  .fancy-header .holder { height: 74px; }
}
@media screen and (max-width:1200px) {
  .fancy-header .holder { height: 62px; }
  .fancy-header .holder.is-active .nav {
    opacity: 1; pointer-events: auto; transform: translateX(0);
  }
  .fancy-header .holder.is-active .burger span { background-color: transparent; }
  .fancy-header .holder.is-active .burger span:after { transform: rotate(45deg); }
  .fancy-header .holder.is-active .burger span:before { transform: rotate(-45deg); }
}
.fancy-header .logo { transform-origin: left center; transition: transform .25s; margin-right: auto; }
.fancy-header .logo a { display: block; }
.fancy-header .logo img { display: block; height: auto; }
@media screen and (max-width:1200px) {
  .fancy-header .logo a { max-width: 172px; }
  .fancy-header .nav {
    background-color: rgba(255, 255, 255, 0.98);
    backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px);
    flex-direction: column; height: calc(100vh - 62px); left: 0; overflow-y: auto;
    padding: 40px 25px; right: 0; top: 62px; transform: translateX(100%);
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); width: 100vw;
    box-shadow: -10px 0 30px rgba(0, 0, 0, 0.05); border-top: 1px solid rgba(0, 0, 0, 0.05);
    opacity: 0; pointer-events: none; position: fixed;
  }
  .fancy-header .menu { flex-direction: column; gap: 0; align-items: stretch; width: 100%; }
  .fancy-header .menu li { border-bottom: 1px solid rgba(0, 0, 0, 0.03); list-style: none; }
  .fancy-header .menu a {
    color: #111827; font-size: 20px; font-weight: 600; display: flex;
    align-items: center; justify-content: space-between; padding: 20px 10px;
    text-transform: uppercase; letter-spacing: 0.05em; transition: all 0.3s ease;
    line-height: normal; height: auto !important; width: auto !important; min-height: 60px;
  }
  .fancy-header .menu a:after {
    content: "→"; opacity: 0; transform: translateX(-10px); transition: all 0.3s ease;
    font-weight: 400; color: #4300ff;
  }
  .fancy-header .menu a:hover, .fancy-header .menu a.active {
    color: #4300ff; padding-left: 15px; background-color: rgba(67, 0, 255, 0.02);
  }
  .fancy-header .menu a:hover:after, .fancy-header .menu a.active:after {
    opacity: 1; transform: translateX(0);
  }
  .fancy-header .link-holder { display: flex; flex-direction: column; width: 100%; }
}
@media screen and (min-width:1201px) {
  .fancy-header .inner { gap: 30px; }
  .fancy-header .nav { align-items: center; gap: 25px; }
  .fancy-header .menu { gap: 40px; }
  .fancy-header .menu a { color: #08235c; }
  .fancy-header .menu a.active, .fancy-header .menu a:hover { color: #4300ff; }
  .fancy-header .link-holder { position: relative; }
  .fancy-header .link-holder:not(:hover) .link i { transform: rotate(90deg); }
  .fancy-header .link-holder:not(:hover) .dropbox,
  .fancy-header .link-holder:not(:hover) .dropdown {
    opacity: 0; pointer-events: none; transform: translate(-50%, 6px);
  }
  .fancy-header .dropbox, .fancy-header .dropdown {
    box-shadow: 0 0 20px rgba(0, 0, 0, .2); left: 50%; position: absolute;
    top: 100%; transform: translate(-50%, 12px); transition: all .25s;
  }
  .fancy-header .dropbox:after, .fancy-header .dropbox:before,
  .fancy-header .dropdown:after, .fancy-header .dropdown:before {
    content: ""; left: 0; position: absolute; right: 0;
  }
  .fancy-header .dropbox:before, .fancy-header .dropdown:before {
    border-color: #4300ff transparent; border-style: none solid solid; border-width: 8px;
    height: 0; margin: auto; width: 0;
  }
  .fancy-header .dropdown {
    background-color: #fff; border-radius: 10px; border-top: 3px solid #4300ff; width: 300px;
  }
  .fancy-header .dropdown:before { bottom: calc(100% + 2px); }
  .fancy-header .dropdown:after { bottom: 100%; height: 15px; }
  .fancy-header .dropdown li:not(:last-child) { border-bottom: 1px solid rgba(8, 35, 92, .1); }
  .fancy-header .dropdown a {
    font-size: 18px; font-weight: 500; gap: 10px; min-height: 50px; padding: 5px 20px; width: 100%;
  }
}
@media screen and (max-width:1200px) {
  .fancy-header .dropdown { padding-left: 30px; }
  .fancy-header .dropdown ul { display: flex; flex-direction: column; gap: 20px; }
}
.fancy-header .dropdown a svg { fill: #4300ff; }
@media screen and (min-width:1201px) {
  .fancy-header .dropbox {
    background-color: #fefefe; border-radius: 0 0 10px 10px; margin-left: var(--dropboxMenuShift);
    max-width: 99vw; padding: 28px 20px 24px; width: 1230px;
  }
  .fancy-header .dropbox:before { bottom: calc(100% - 1px); transform: translateX(calc(var(--dropboxMenuShift)*-1)); }
  .fancy-header .dropbox:after {
    background-image: linear-gradient(90deg, #9675f2 0, #4300ff 70%, #1981ff);
    background-position: 0 100%; background-repeat: no-repeat; background-size: 100% 3px;
    bottom: calc(100% - 3px); height: 18px;
  }
  .fancy-header .dropbox-holder { gap: 30px; }
}
@media screen and (max-width:1200px) {
  .fancy-header .dropbox-holder { flex-direction: column; }
}
@media screen and (min-width:1201px) {
  .fancy-header .dropbox-nav { gap: 12px; width: 286px; }
  .fancy-header .dropbox-nav-item {
    border-radius: 5px; cursor: pointer; font-size: 18px; font-weight: 500;
    gap: 20px; height: 60px; padding: 4px 15px;
  }
  .fancy-header .dropbox-nav-item .icon { fill: #4300ff; }
  .fancy-header .dropbox-nav-item.active {
    background: linear-gradient(135deg, #794cf7, #4300ff 60%, #1293ff); color: #fff;
  }
  .fancy-header .dropbox-nav-item.active .icon { fill: #fff; }
  .fancy-header .dropbox-sections-holder {
    background-color: #fff; background-position: 96% 22px; background-repeat: no-repeat;
    background-size: 245px auto; box-shadow: 0 4px 40px rgba(0, 0, 0, .1); padding: 0 40px; position: relative;
  }
}
.fancy-header .dropbox-sections-holder:has([data-location=us]:checked) .dropbox-section-items [data-location=global] { display: none; }
.fancy-header .dropbox-sections-holder:has([data-location=global]:checked) .dropbox-section-items [data-location=us] { display: none; }
@media screen and (min-width:1201px) {
  .fancy-header .dropbox-sections { overflow: hidden; }
  .fancy-header .dropbox-tabs { gap: 45px; left: 40px; position: absolute; right: 40px; top: 0; z-index: 1; }
  .fancy-header .dropbox-tabs:after {
    background: linear-gradient(90deg, #4300ff 0, rgba(67, 0, 255, 0)); bottom: 0;
    content: ""; height: 1px; left: 0; position: absolute; width: 100%;
  }
}
@media screen and (max-width:1200px) {
  .fancy-header .dropbox-tabs { gap: 14px; margin-bottom: 20px; margin-top: 10px; }
}
.fancy-header .dropbox-tabs label { font-weight: 500; position: relative; text-transform: uppercase; }
@media screen and (min-width:1201px) {
  .fancy-header .dropbox-tabs label { cursor: pointer; font-size: 14px; gap: 12px; height: 64px; transition: color .2s; }
}
@media screen and (max-width:1200px) {
  .fancy-header .dropbox-tabs label {
    background: rgba(150, 117, 242, .1); border-radius: 5px; color: #08235c;
    font-size: 16px; gap: 16px; height: 48px; padding: 0 5px; width: 100%;
  }
}
.fancy-header .dropbox-tabs label:after, .fancy-header .dropbox-tabs label:before {
  content: ""; left: 0; opacity: 0; position: absolute; right: 0; top: calc(100% - 2px);
}
@media screen and (min-width:1201px) {
  .fancy-header .dropbox-tabs label:after, .fancy-header .dropbox-tabs label:before { transition: opacity .2s; }
  .fancy-header .dropbox-tabs label:before { background: #4300ff; height: 3px; }
}
.fancy-header .dropbox-tabs label:after { border-style: solid solid none; height: 0; width: 0; }
@media screen and (min-width:1201px) {
  .fancy-header .dropbox-tabs label:after { border-color: #4300ff transparent; border-width: 5px 6px; margin: 3px auto 0; }
}
@media screen and (max-width:1200px) {
  .fancy-header .dropbox-tabs label:after { border-color: #9675f2 transparent; border-width: 8px 9px; margin: auto; }
}
@media screen and (min-width:1201px) {
  .fancy-header .dropbox-tabs label:has(input:checked) { color: #4300ff; }
}
@media screen and (max-width:1200px) {
  .fancy-header .dropbox-tabs label:has(input:checked) { background: #9675f2; color: #fff; }
}
.fancy-header .dropbox-tabs label:has(input:checked):after, .fancy-header .dropbox-tabs label:has(input:checked):before { opacity: 1; }
.fancy-header .dropbox-tabs label img { border-radius: 50%; }
.fancy-header .dropbox-tabs label input { height: 0; opacity: 0; pointer-events: none; position: absolute; width: 0; z-index: -1; }
@media screen and (min-width:1201px) {
  .fancy-header .dropbox-section { display: flex; height: 100%; padding: 85px 0 20px; position: relative; width: 100%; }
  .fancy-header .dropbox-section:not(.active) { display: none; }
}
@media screen and (max-width:1200px) {
  .fancy-header .dropbox-section:not(:last-child) { border-bottom: 1px solid rgba(8, 35, 92, .15); }
  .fancy-header .dropbox-section-title {
    align-items: center; color: #08235c; display: flex; font-size: 16px; font-weight: 500;
    gap: 20px; height: 60px; padding: 2px 20px; text-transform: uppercase;
  }
  .fancy-header .dropbox-section-title svg { fill: currentColor; }
  .fancy-header .dropbox-section-title .arrow { margin-left: auto; transform: rotate(90deg); }
  .fancy-header .dropbox-section-title.current { color: #4300ff; }
  .fancy-header .dropbox-section-title.current .arrow { transform: rotate(-90deg); }
}
@media screen and (min-width:1201px) {
  .fancy-header .dropbox-section-items {
    -moz-column-gap: 15px; column-gap: 15px; -moz-columns: 2 auto; column-count: 2;
    -moz-column-fill: auto; column-fill: auto; height: 375px; overflow: hidden; width: 100%;
  }
}
@media screen and (max-width:1200px) {
  .fancy-header .dropbox-section-items { border-top: 1px solid rgba(8, 35, 92, .15); padding: 10px 0; }
}
@media screen and (min-width:1201px) {
  .fancy-header .dropbox-section-items a {
    align-items: center; color: #08235c; display: inline-flex; font-weight: 500; gap: 20px; padding: 10px 0; transition: all .2s;
  }
  .fancy-header .dropbox-section-items a:hover { color: #4300ff; transform: translateX(10px); }
  .fancy-header .dropbox-section-items a .icon { fill: #4300ff; }
}
@media screen and (max-width:1200px) {
  .fancy-header .dropbox-section-items a {
    align-items: center; color: #08235c; display: flex; font-size: 15px; font-weight: 500; padding: 10px 24px; width: 100%;
  }
  .fancy-header .dropbox-section-items a .icon {
    border-color: transparent #08235c; border-style: solid none solid solid; border-width: 7px 10px;
    flex-shrink: 0; height: 0; margin-right: 20px; width: 0;
  }
  .fancy-header .dropbox-section-items a .icon svg { display: none; }
}
@media screen and (min-width:1321px) {
  .fancy-header .link { font-size: var(--headerLinkFontSize, 15px); gap: 10px; text-transform: uppercase; }
}
@media screen and (min-width:1201px) and (max-width:1320px) {
  .fancy-header .link { font-size: var(--headerLinkFontSize, 13px); gap: 10px; text-transform: uppercase; }
}
@media screen and (min-width:1201px) {
  .fancy-header .link { transition: all .2s; }
  .fancy-header .link i { height: 12px; transform: rotate(-90deg); width: 12px; }
  .fancy-header .link i svg { fill: #08235c; }
  .fancy-header .link i.alone { transform: rotate(90deg); }
  .fancy-header .link:hover .icon { transform: translateX(2px); }
}
@media screen and (max-width:1200px) {
  .fancy-header .link { height: 18px; width: 18px; }
  .fancy-header .link svg { height: 18px; width: 11px; }
  .fancy-header .cta { align-items: center; display: flex; font-size: 20px; gap: 20px; justify-content: center; margin: 30px 0; padding: 0 15px; width: 100%; }
}
@media screen and (max-width:680px) {
  .fancy-header .cta { flex-direction: column-reverse; }
}
@media screen and (max-width:1200px) {
  .fancy-header .cta a { gap: 16px; height: 52px; min-width: 30%; padding: 0 40px; position: relative; }
  .fancy-header .cta a:before {
    border-radius: 5px 8px; content: ""; height: 100%; left: 0; pointer-events: none; position: absolute;
    top: 0; transform: skewX(-35deg); transition-duration: .2s; transition-property: background, border-color;
    transition-timing-function: ease-out; width: 100%;
  }
  .fancy-header .cta a .icon { fill: var(--headerCtaIconColor, #71a0fa); }
}
@media screen and (max-width:640px) { .fancy-header .cta a { width: 100%; } }
.fancy-header .cta { text-transform: uppercase; white-space: nowrap; }
@media screen and (min-width:1201px) {
  .fancy-header .cta { font-size: 16px; }
  .fancy-header .cta a { position: relative; gap: 10px; }
  .fancy-header .cta a svg { fill: currentColor; height: 12px; width: 6px; }
}
.fancy-header .burger { background: none; border: none; height: 30px; position: relative; width: 30px; }
.fancy-header .burger span, .fancy-header .burger span:after, .fancy-header .burger span:before {
  background-color: var(--headerBurgerColor, #4300ff); bottom: 0; height: 2px; left: 0; margin: auto; right: 0; top: 0; width: 26px;
}
.fancy-header .burger span { opacity: 1; z-index: 1; position: absolute; }
.fancy-header .burger span:after, .fancy-header .burger span:before { background-color: var(--headerBurgerColor, #4300ff); content: ""; position: absolute; }
.fancy-header .burger span:after { transform: translateY(8px); }
.fancy-header .burger span:before { transform: translateY(-8px); }
@media screen and (max-width:1200px) {
  .fancy-header .mobile-main-item {
    border-radius: var(--headerMobileMainItemRadius, 8px); border-style: solid; border-width: 1px; color: var(--headerMobileMainItemColor, #08235c);
    font-size: 16px; font-weight: 500; height: 48px; justify-content: space-between; padding: 0 16px; text-transform: uppercase; width: 100%;
  }
  .fancy-header .mobile-main-item:not(.current) { background: var(--headerMobileMainItemBg, #fff); border-color: #96c9ee; }
  .fancy-header .mobile-main-item:not(.current) svg { fill: #4300ff; transform: rotate(90deg); }
  .fancy-header .mobile-main-item.current { background: linear-gradient(175deg, #7649f7, #4201ff 30%, #0ba9ff); color: #fff; }
  .fancy-header .mobile-main-item.current svg { fill: #fff; transform: rotate(-90deg); }
  .fancy-header .mobile-toggler-dropdown { margin-top: 20px; }
  .fancy-header .mobile-toggler-dropbox:not(.opened), .fancy-header .mobile-toggler-dropdown:not(.opened) { display: none; }
}

/* =========================================
   FOOTER
========================================= */
.footer { font-weight: 400; }
.footer ul { list-style: none; margin: 0; padding: 0; }
.footer a { display: inline-flex; }
.footer--nav { font-size: 16px; }
@media screen and (min-width:1025px) { .footer--nav { gap: 4%; } }
@media screen and (max-width:1024px) {
  .footer--nav { align-items: center; gap: 55px; margin-bottom: 40px; }
  .footer--nav aside { text-align: center; }
}
@media screen and (min-width:1025px) { .footer--nav section { align-items: flex-start; } }
@media screen and (min-width:768px) and (max-width:1024px) { .footer--nav section { width: 100%; } }
@media screen and (max-width:767px) { .footer--nav section { align-items: center; flex-direction: column; gap: 70px; text-align: center; } }
.footer--nav ul { flex-direction: column; }
.footer--nav address { color: #fff; font-style: normal; line-height: 1.5; }
@media screen and (min-width:768px) { .footer--nav address { margin-bottom: 18px; } }
@media screen and (max-width:767px) { .footer--nav address { margin-bottom: 28px; } }
.footer--nav_part { flex-direction: column; font-weight: 500; }
@media screen and (max-width:767px) { .footer--nav_part { align-items: center; gap: 32px; } }
.footer--bottom aside { font-size: 14px; }
.footer--bottom .pages { flex-wrap: wrap; white-space: nowrap; }
.footer--bottom .shares { flex-wrap: wrap; }
.footer--bottom .icon { fill: currentColor; }

@media screen and (min-width:1025px) {
  .footer-fancy {
    background-color: #fff; background-position: calc(50% + 690px) -48px; background-size: 530px auto; padding: 0 0 30px;
  }
}
@media screen and (max-width:1024px) { .footer-fancy { padding: 0 0 78px; } }
@media screen and (min-width:768px) and (max-width:1024px) {
  .footer-fancy { background-position: calc(50% + 400px) 150%; background-size: 450px auto; }
}
@media screen and (max-width:767px) {
  .footer-fancy { background-position: calc(50% + 100px) calc(100% + 190px); background-size: 540px auto; }
}
.footer-fancy a { color: #08235c; }
.footer-fancy .is-active, .footer-fancy a:hover { color: #4300ff; }
.footer-fancy .footer--nav { border-bottom: 1px solid rgba(8, 35, 92, .1); }
@media screen and (min-width:1025px) {
  .footer-fancy .footer--nav { margin-bottom: 40px; padding-bottom: 58px; padding-top: 48px; }
}
@media screen and (max-width:1024px) {
  .footer-fancy .footer--nav { flex-direction: column; padding-bottom: 50px; padding-top: 44px; }
}
@media screen and (max-width:767px) {
  .footer-fancy .footer--nav { margin-bottom: 50px; padding-bottom: 92px; }
}
@media screen and (min-width:1025px) { .footer-fancy .footer--nav aside { width: 36%; } }
.footer-fancy .footer--nav aside p { line-height: 1.375; }
@media screen and (min-width:1025px) {
  .footer-fancy .footer--nav aside p { margin: 38px 0 0; padding-right: 8%; }
}
@media screen and (max-width:1024px) {
  .footer-fancy .footer--nav aside p { margin: 16px 0 0; }
}
@media screen and (min-width:1025px) {
  .footer-fancy .footer--nav section { gap: 4%; padding-left: 10px; padding-top: 8px; width: 60%; }
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .footer-fancy .footer--nav section { gap: 2%; text-align: center; }
}
@media screen and (max-width:767px) { .footer-fancy .footer--nav section { gap: 60px; } }
@media screen and (min-width:768px) { .footer-fancy .footer--nav ul { gap: 16px; } }
@media screen and (max-width:767px) { .footer-fancy .footer--nav ul { font-size: 18px; gap: 16px; } }
@media screen and (min-width:768px) { .footer-fancy .footer--nav_part { font-size: 18px; gap: 46px; width: 32%; } }
@media screen and (max-width:767px) { .footer-fancy .footer--nav_part { gap: 25px; } }
.footer-fancy .footer--nav_part .title { color: #4300ff; font-size: 22px; font-weight: 500; margin: 0; }
@media screen and (min-width:1025px) {
  .footer-fancy .footer--bottom { display: grid; gap: 30px 20px; grid-template-columns: 19% 1fr auto; grid-template-rows: auto auto; }
}
@media screen and (max-width:1024px) {
  .footer-fancy .footer--bottom { align-items: center; display: flex; flex-direction: column; gap: 30px; }
}
.footer-fancy .footer--bottom address { font-style: normal; }
@media screen and (min-width:1025px) {
  .footer-fancy .footer--bottom address { font-size: 14px; grid-column: 1; grid-row: 1/3; line-height: 1.7142857143; }
}
@media screen and (max-width:1024px) {
  .footer-fancy .footer--bottom address { font-size: 18px; line-height: 1.6111111111; text-align: center; }
}
.footer-fancy .footer--bottom .pages { font-size: 18px; }
@media screen and (min-width:1025px) { .footer-fancy .footer--bottom .pages { align-self: start; grid-column: 2; grid-row: 1; } }
@media screen and (max-width:1024px) { .footer-fancy .footer--bottom .pages { margin-bottom: 30px; order: -1; } }
@media screen and (min-width:768px) { .footer-fancy .footer--bottom .pages { gap: 5px 20px; } }
@media screen and (max-width:767px) { .footer-fancy .footer--bottom .pages { gap: 15px 30px; justify-content: center; } }
@media screen and (max-width:480px) { .footer-fancy .footer--bottom .pages { flex-direction: column; } }
.footer-fancy .footer--bottom .shares { gap: 5px 28px; }
@media screen and (min-width:1025px) { .footer-fancy .footer--bottom .shares { align-self: start; grid-column: 3; grid-row: 1; } }
@media screen and (max-width:1024px) { .footer-fancy .footer--bottom .shares { margin-bottom: 15px; } }
@media screen and (min-width:1025px) { .footer-fancy .footer--bottom aside { grid-column: 2; grid-row: 2; } }
@media screen and (max-width:1024px) { .footer-fancy .footer--bottom aside { order: 1; } }


/* =========================================
   HP SECTIONS
========================================= */
.hp--hero { margin-bottom: clamp(32px, 5.2734375vw, 54px); }
@media screen and (min-width:1201px) { .hp--hero { padding-top: 74px; } }
@media screen and (max-width:1200px) { .hp--hero { padding-top: clamp(30px, 4.8828125vw, 50px); } }
.hp--hero .title { font-size: clamp(36px, 5.37109375vw, 55px); font-weight: 700; line-height: 1.1; margin-bottom: 24px; }
.hp--hero .subtitle { font-size: clamp(16px, 1.7578125vw, 18px); letter-spacing: 1px; line-height: 1.3; padding: 0 15px; text-transform: uppercase; }
@media screen and (min-width:768px) { .hp--hero .subtitle { margin-bottom: 10px; } }
@media screen and (max-width:767px) { .hp--hero .subtitle { margin-bottom: 14px; } }
.hp--hero ul { list-style: none; margin: 0; }
.hp--hero nav { left: 0; position: fixed; right: 0; top: 59px; z-index: 180; transition: all .15s; }
.hp--hero nav .holder { transition: all .25s; }
.hp--hero .cta { transform-origin: right center; transition: all .2s; }
.hp--hero .holder { gap: 54px; justify-content: space-between; min-height: 88px; padding: 25px 0 10px; }
@media screen and (min-width:1201px) { .hp--hero .holder { align-items: center; } }
.hp--hero .holder:before { content: ""; flex-shrink: 0; }
@media screen and (min-width:1421px) { .hp--hero .holder:before { width: 180px; } }
@media screen and (min-width:1201px) and (max-width:1420px) { .hp--hero .holder:before { width: 0; } }
.hp--hero .inner { text-align: center; }
@media screen and (min-width:1201px) {
  .hp--hero .inner { border-top: 1px solid rgba(0, 0, 0, .08); padding-top: clamp(30px, 4.8828125vw, 50px); }
  .fancy-header.scrolled~.main .hp--hero nav { background-color: #fff; box-shadow: 0 0 90px rgba(0, 0, 0, .08); }
  .fancy-header.scrolled~.main .hp--hero nav .holder { min-height: 60px; padding-top: 11px; }
  .fancy-header.scrolled~.main .hp--hero .cta { transform: scale(.9); }
  .fancy-header.scrolled~.main .hp--navigation .link { font-size: 16px; }
}
.hp--hero .inner ul {
  background-color: rgba(67, 0, 255, .06); border-radius: 8px; font-size: 16px; font-weight: 400; gap: clamp(16px, 3.125vw, 40px); min-height: 34px;
}
@media screen and (min-width:768px) { .hp--hero .inner ul { padding: 2px 20px; } }
@media screen and (max-width:767px) {
  .hp--hero .inner ul { padding: 10px 16px; text-align: left; }
  .hp--hero .inner li { gap: 17px; }
  .hp--hero .inner li mark { font-weight: 500; }
}
@media screen and (max-width:420px) { .hp--hero .inner ul { font-size: 13px; } }
@media screen and (min-width:768px) { .hp--hero .inner li { gap: 12px; } }
.hp--hero .inner li:before { content: ""; flex-shrink: 0; }
@media screen and (min-width:768px) {
  .hp--hero .inner li:before {
    border-bottom: 3px solid #4300ff; border-left: 3px solid #4300ff; height: 7px;
    transform: rotate(-45deg) translateY(-2px); width: 14px;
  }
}
@media screen and (max-width:767px) {
  .hp--hero .inner li:before {
    align-self: flex-start; border-bottom: 2px solid #4300ff; border-left: 2px solid #4300ff;
    height: 7px; transform: rotate(-45deg) translate(-5px, 5px); width: 13px;
  }
}
.hero-banner-wrap { margin-top: 50px; }
@media screen and (max-width: 767px) {
  .full-width-mobile-banner {
    width: 100vw !important; margin-left: calc(-50vw + 50%) !important; margin-right: calc(-50vw + 50%) !important; margin-top: 30px !important;
  }
  .full-width-mobile-banner img { border-radius: 0 !important; width: 100vw !important; box-shadow: none !important; }
}

.hp--navigation { position: relative; z-index: 1; }
@media screen and (min-width:1421px) { .hp--navigation { --dropboxMenuShift: 75px; } }
@media screen and (min-width:1201px) and (max-width:1420px) { .hp--navigation { --dropboxMenuShift: 14vw; } }
.hp--navigation .list { gap: 40px; }
.hp--navigation .list a { color: #08235c; }
.hp--navigation .list a:hover { color: #4300ff; }
.hp--navigation .link-holder { position: relative; }
.hp--navigation .link-holder:not(:hover) .link i { transform: rotate(90deg); }
.hp--navigation .link-holder:not(:hover) .dropbox, .hp--navigation .link-holder:not(:hover) .dropdown {
  opacity: 0; pointer-events: none; transform: translate(-50%, 6px);
}
.hp--navigation .dropbox, .hp--navigation .dropdown {
  box-shadow: 0 0 20px rgba(0, 0, 0, .2); left: 50%; position: absolute; top: 100%; transform: translate(-50%, 12px); transition: all .25s;
}
.hp--navigation .dropbox:after, .hp--navigation .dropbox:before, .hp--navigation .dropdown:after, .hp--navigation .dropdown:before {
  content: ""; left: 0; position: absolute; right: 0;
}
.hp--navigation .dropbox:before, .hp--navigation .dropdown:before {
  border-color: #4300ff transparent; border-style: none solid solid; border-width: 8px; height: 0; margin: auto; width: 0;
}
.hp--navigation .dropdown { background-color: #fff; border-radius: 10px; border-top: 3px solid #4300ff; width: 300px; }
.hp--navigation .dropdown:before { bottom: calc(100% + 2px); }
.hp--navigation .dropdown:after { bottom: 100%; height: 15px; }
.hp--navigation .dropdown li:not(:last-child) { border-bottom: 1px solid rgba(8, 35, 92, .1); }
.hp--navigation .dropdown a { font-size: 18px; font-weight: 500; gap: 10px; min-height: 50px; padding: 5px 20px; width: 100%; }
.hp--navigation .dropdown a svg { fill: #4300ff; }
.hp--navigation .dropbox {
  background-color: #fefefe; border-radius: 0 0 10px 10px; margin-left: var(--dropboxMenuShift);
  max-width: 99vw; padding: 28px 20px 24px; width: 1230px;
}
.hp--navigation .dropbox:before { bottom: calc(100% - 1px); transform: translateX(calc(var(--dropboxMenuShift)*-1)); }
.hp--navigation .dropbox:after {
  background-image: linear-gradient(90deg, #9675f2 0, #4300ff 70%, #1981ff); background-position: 0 100%;
  background-repeat: no-repeat; background-size: 100% 3px; bottom: calc(100% - 3px); height: 18px;
}
.hp--navigation .dropbox-holder { gap: 30px; }
.hp--navigation .dropbox-nav { gap: 12px; width: 286px; }
.hp--navigation .dropbox-nav-item {
  border-radius: 5px; cursor: pointer; font-size: 18px; font-weight: 500; gap: 20px; height: 60px; padding: 4px 15px;
}
.hp--navigation .dropbox-nav-item .icon { fill: #4300ff; }
.hp--navigation .dropbox-nav-item.active { background: linear-gradient(135deg, #794cf7, #4300ff 60%, #1293ff); color: #fff; }
.hp--navigation .dropbox-nav-item.active .icon { fill: #fff; }
.hp--navigation .dropbox-sections-holder {
  background-color: #fff; background-position: 96% 22px; background-repeat: no-repeat; background-size: 245px auto;
  box-shadow: 0 4px 40px rgba(0, 0, 0, .1); padding: 0 40px; position: relative;
}
.hp--navigation .dropbox-sections-holder:has([data-location=us]:checked) .dropbox-section-items [data-location=global] { display: none; }
.hp--navigation .dropbox-sections-holder:has([data-location=global]:checked) .dropbox-section-items [data-location=us] { display: none; }
.hp--navigation .dropbox-sections { overflow: hidden; }
@media screen and (min-width:1201px) {
  .hp--navigation .dropbox-tabs { gap: 45px; left: 40px; position: absolute; right: 40px; top: 0; z-index: 1; }
  .hp--navigation .dropbox-tabs:after {
    background: linear-gradient(90deg, #4300ff 0, rgba(67, 0, 255, 0)); bottom: 0; content: ""; height: 1px; left: 0; position: absolute; width: 100%;
  }
}
@media screen and (max-width:1200px) {
  .hp--navigation .dropbox-tabs { gap: 14px; margin-bottom: 20px; margin-top: 10px; }
}
.hp--navigation .dropbox-tabs label { font-weight: 500; position: relative; text-transform: uppercase; }
@media screen and (min-width:1201px) {
  .hp--navigation .dropbox-tabs label { cursor: pointer; font-size: 14px; gap: 12px; height: 64px; transition: color .2s; }
}
@media screen and (max-width:1200px) {
  .hp--navigation .dropbox-tabs label {
    background: var(--headerMobileTabLabelBg, hsla(0, 0%, 100%, .1)); border-radius: 5px;
    color: var(--headerMobileTabLabelColor, #fff); font-size: 16px; gap: 16px; height: 48px; padding: 0 5px; width: 100%;
  }
}
.hp--navigation .dropbox-tabs label:after, .hp--navigation .dropbox-tabs label:before {
  content: ""; left: 0; opacity: 0; position: absolute; right: 0; top: calc(100% - 2px);
}
@media screen and (min-width:1201px) {
  .hp--navigation .dropbox-tabs label:after, .hp--navigation .dropbox-tabs label:before { transition: opacity .2s; }
  .hp--navigation .dropbox-tabs label:before { background: #4300ff; height: 3px; }
}
.hp--navigation .dropbox-tabs label:after { border-style: solid solid none; height: 0; width: 0; }
@media screen and (min-width:1201px) {
  .hp--navigation .dropbox-tabs label:after { border-color: #4300ff transparent; border-width: 5px 6px; margin: 3px auto 0; }
}
@media screen and (max-width:1200px) {
  .hp--navigation .dropbox-tabs label:after { border-color: transparent; border-width: 8px 9px; margin: auto; }
}
@media screen and (min-width:1201px) {
  .hp--navigation .dropbox-tabs label:has(input:checked) { color: #4300ff; }
}
@media screen and (max-width:1200px) {
  .hp--navigation .dropbox-tabs label:has(input:checked) {
    background: var(--headerMobileTabLabelBgActive, #71a0fa); color: var(--headerMobileTabLabelColorActive, #fff);
  }
}
.hp--navigation .dropbox-tabs label:has(input:checked):after, .hp--navigation .dropbox-tabs label:has(input:checked):before { opacity: 1; }
.hp--navigation .dropbox-tabs label img { border-radius: 50%; }
.hp--navigation .dropbox-tabs label input { height: 0; opacity: 0; pointer-events: none; position: absolute; width: 0; z-index: -1; }
@media screen and (min-width:1201px) {
  .hp--navigation .dropbox-section { display: flex; height: 100%; padding: 85px 0 20px; position: relative; width: 100%; }
  .hp--navigation .dropbox-section:not(.active) { display: none; }
}
.hp--navigation .dropbox-section-items {
  -moz-column-gap: 15px; column-gap: 15px; -moz-columns: 2 auto; column-count: 2; -moz-column-fill: auto; column-fill: auto; height: 375px; overflow: hidden; width: 100%;
}
@media screen and (min-width:1201px) {
  .hp--navigation .dropbox-section-items a { align-items: center; color: #08235c; display: inline-flex; font-weight: 500; gap: 20px; padding: 10px 0; transition: all .2s; }
  .hp--navigation .dropbox-section-items a:hover { color: #4300ff; transform: translateX(10px); }
  .hp--navigation .dropbox-section-items a .icon { fill: #4300ff; }
  .hp--navigation .link { transition: all .2s; font-size: 18px; gap: 10px; text-transform: uppercase; }
  .hp--navigation .link i { height: 12px; transform: rotate(-90deg); width: 12px; }
  .hp--navigation .link i svg { fill: #4300ff; }
  .hp--navigation .link i.alone { transform: rotate(90deg); }
}
@media screen and (max-width:1200px) {
  .hp--navigation .dropbox-section-items a {
    align-items: center; color: var(--headerSubdropSectionItemColor, #fff); display: flex; font-size: 15px; font-weight: 500; padding: 10px 24px; width: 100%;
  }
  .hp--navigation .dropbox-section-items a .icon {
    border-color: transparent var(--headerSubdropSectionItemColor, #fff); border-style: solid none solid solid; border-width: 7px 10px; flex-shrink: 0; height: 0; margin-right: 20px; width: 0;
  }
  .hp--navigation .dropbox-section-items a .icon svg { display: none; }
}

.hp--about {
  background-color: #f5fbfe;
  background-repeat: no-repeat;
  background-size: 1520px auto;
  padding-bottom: clamp(46px, 5.2734375vw, 54px);
  padding-top: clamp(46px, 7.8125vw, 80px);
}
@media screen and (min-width:768px) {
  .hp--about { background-position: calc(50% - 450px) 67%; }
}
@media screen and (max-width:767px) {
  .hp--about { background-position: calc(50% + 165px) 72%; }
  .hp--about .inner { flex-direction: column-reverse !important; }
}
.hp--about .inner { gap: 40px; justify-content: space-between; padding-bottom: clamp(25px, 5.859375vw, 60px); }
@media screen and (min-width:1201px) { .hp--about .inner { align-items: flex-start; } }
@media screen and (max-width:1200px) { .hp--about .inner { align-items: center; flex-direction: column; text-align: center; } }
@media screen and (min-width:768px) { .hp--about .inner { border-bottom: 1px solid rgba(88, 108, 136, .1); } }
.hp--about .heading { padding-top: 12px; }
.hp--about .heading .title { font-size: clamp(30px, 3.515625vw, 36px); font-weight: 400; }
@media screen and (min-width:768px) { .hp--about .heading .title { margin-bottom: 25px; } }
@media screen and (max-width:767px) { .hp--about .heading .title { margin-bottom: 36px; } }
.hp--about .heading .title mark { color: #4300ff; }
.hp--about .heading .subtitle { font-size: 20px; font-weight: 400; line-height: 1.6; }
@media screen and (min-width:768px) { .hp--about .cta { margin-top: 42px; } }
.hp--about .cta b { display: block; font-size: 36px; font-weight: 700; margin-bottom: 38px; }
.hp--about .cta b mark {
  -webkit-text-fill-color: transparent; background: linear-gradient(115deg, #9675f2, #4300ff);
  -webkit-background-clip: text; display: inline-block; position: relative;
}
.hp--about .cta b mark:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 156 18' fill='none'%3E%3Cpath d='M156 7.85c-51.2-16-125.667-3.666-156 3 101-12.5 140 .5 148 7-.5-5.5 4.5-9.5 8-10Z' fill='url(%23a)'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='156' y1='14.199' x2='127.569' y2='-46.025' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%234300FF'/%3E%3Cstop offset='.833' stop-color='%239675F2'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat; background-size: contain; content: ""; display: block;
  height: 18px; left: 0; position: absolute; right: 0; top: 100%; width: 105%;
}
@media screen and (min-width:1201px) { .hp--about .video-box { width: 50%; } }
@media screen and (max-width:1200px) { .hp--about .video-box { margin: 0 auto; text-align: center; width: 100%; } }
.hp--about .video-box figure { cursor: pointer; max-width: 100%; position: relative; transition: width .2s; width: 540px; }
@media screen and (min-width:1201px) { .hp--about .video-box figure { margin: 0 0 0 auto; } }
@media screen and (max-width:1200px) { .hp--about .video-box figure { margin: 0 auto; } }
@media screen and (max-width:767px) { .hp--about .video-box figure { height: calc(56.2963vw - 22.51852px); width: 100%; } }
.hp--about .video-box figure.active { width: 100%; }
.hp--about .video-box figure.active figcaption { display: none; }
.hp--about .video-box figure.active img { height: 100%; left: 0; object-fit: cover; position: absolute; top: 0; width: 100%; }
.hp--about .video-box figure.active .video { box-shadow: 0 0 0 2px #fff; opacity: 1; pointer-events: auto; position: relative; z-index: 2; }
.hp--about .video-box img { aspect-ratio: 540/304; border-radius: clamp(16px, 4vw, 22px); display: block; height: auto; width: 100%; }
.hp--about .video-box .video, .hp--about .video-box figcaption { border-radius: clamp(16px, 4vw, 22px); height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
.hp--about .video-box figcaption {
  background: linear-gradient(180deg, transparent 0, #093a96); color: #fff; gap: clamp(14px, 2.734375vw, 28px); justify-content: flex-end; text-align: center;
}
@media screen and (min-width:768px) { .hp--about .video-box figcaption { padding: 10px 10px 38px 0; } }
@media screen and (max-width:767px) { .hp--about .video-box figcaption { padding: 10px 10px 20px 0; } }
.hp--about .video-box figcaption:before {
  border: 3px solid #f5fbfe; border-radius: clamp(16px, 4vw, 22px); bottom: -1px; content: ""; left: -1px; pointer-events: none; position: absolute; right: -1px; top: -1px;
}
.hp--about .video-box figcaption strong { display: block; font-weight: 500; line-height: .8571428571; }
@media screen and (min-width:768px) { .hp--about .video-box figcaption strong { font-size: 28px; } }
@media screen and (max-width:767px) { .hp--about .video-box figcaption strong { font-size: 30px; } }
.hp--about .video-box figcaption p { font-size: 18px; font-weight: 500; line-height: 1.2222222222; margin: 8px 0 2px; }
@media screen and (max-width:767px) { .hp--about .video-box figcaption p { margin: 6px 0 0; } }
.hp--about .video-box figcaption span { display: block; font-weight: 500; }
@media screen and (min-width:768px) { .hp--about .video-box figcaption span { font-size: 18px; } }
@media screen and (max-width:767px) { .hp--about .video-box figcaption span { font-size: 16px; } }
.hp--about .video-box .icon {
  align-items: center; border: 3px solid #fff; border-radius: 50%; display: flex; flex-shrink: 0;
  height: clamp(60px, 6.640625vw, 68px); justify-content: center; padding-left: 4px; position: relative; width: clamp(60px, 6.640625vw, 68px);
}
.hp--about .video-box .icon svg { fill: #edc74b; }
.hp--about .video-box .video { opacity: 0; overflow: hidden; pointer-events: none; transition: all .2s; }
.hp--about .video-box video { display: block; height: 100%; position: relative; width: 100%; }
.hp--statistics { color: #fff; margin-bottom: 40px; }
@media screen and (min-width:768px) { .hp--statistics { margin-bottom: 80px; } }

.hp--statistics .inner {
  --flower-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 89.89 138.67' opacity='.1'%3E%3Cpath d='M89.62 86.07A32.94 32.94 0 0 1 69 114.83s-1.64.48-2.09.59h-.12c-8.48 2.07-26.51 4.74-26.51-9.3 0-6 3.22-10.53 7.69-14.44C54.5 86 63.69 81.61 69.39 76.16c3.12-3 5.19-6.29 5.19-10.35A57 57 0 0 0 66.52 36c0 42.15-44.37 45.22-44.37 76.39v.61c0 14.06 11.25 25.69 26.24 25.69 47.47-.02 41.23-52.01 41.23-52.62Z' fill='%23fff'/%3E%3Cpath d='M66.55 36v-.05a57 57 0 0 1 8.06 29.83c0 4.06-2.07 7.37-5.19 10.35C63.69 81.61 54.5 86 48 91.68c-4.47 3.91-7.69 8.46-7.69 14.44 0 14 18 11.37 26.51 9.3h.12H65.59c-.31 0-.61-.08-.91-.12-4.28-.73-5.66-3.49-5.66-7.14V108c0-8.79 14.79-14.09 19.29-28.52a29 29 0 0 0 1.29-8.72C79.57 53.89 68.16 38.27 66.55 36Z' fill='%23fff'/%3E%3Cpath d='M45.28 0a53.49 53.49 0 0 0-8.13 24.88c0 7.53 3.09 11.36 6 15.09a27.09 27.09 0 0 1 3.45 5.36 15.08 15.08 0 0 1 1.31 6.34c0 13.29-15.31 14.06-20.09 13.64H28h-.4a3.56 3.56 0 0 1-.57-.08l-.34-.06c-4.7-.9-9.14-4.87-9.14-16.36C17.57 48.82 0 76.33 0 94.66s18.2 35.47 18.2 35.47c-3.14-6.08-5-12.82-4.39-19.56 0-28.76 47.7-42.81 47.7-69.71 0-14.63-5.62-28.65-16.23-40.86Z' fill='%23fff'/%3E%3Cpath d='M47.86 51.69a15.08 15.08 0 0 0-1.31-6.34A27.09 27.09 0 0 0 43.1 40c-2.86-3.73-6-7.56-6-15.09A53.49 53.49 0 0 1 45.28 0c-1.26 1.58-15 19.29-15 30.34 0 12.19 6.93 18.28 6.93 24.37a12.82 12.82 0 0 1-1.38 6.11 8 8 0 0 1-7.53 4.48h-.47c4.78.42 20.09-.35 20.09-13.64Z' fill='%23fff'/%3E%3C/svg%3E");
  background-image: var(--flower-bg), linear-gradient(170deg, #8761f4 0, #4300ff 75%, #2ea5ff 100%);
  background-repeat: no-repeat; 
  border-radius: 8px; 
  color: #fff; 
  font-weight: 400; 
  min-height: 134px; 
  position: relative;
}

@media screen and (min-width:1481px) { .hp--statistics .inner { gap: 25px 50px; padding: 10px 80px 10px 55px; } }
@media screen and (min-width:1201px) and (max-width:1480px) { .hp--statistics .inner { gap: 25px 50px; padding: 10px 45px; } }
@media screen and (min-width:1025px) and (max-width:1200px) { .hp--statistics .inner { flex-wrap: wrap; gap: 25px 50px; justify-content: center; padding: 25px; text-align: center; } }
@media screen and (max-width:1024px) { .hp--statistics .inner { align-items: center; flex-direction: column; gap: 30px; padding: 42px; text-align: center; } }

@media screen and (min-width:768px) { 
  .hp--statistics .inner { background-position: 114% 80%, 0 0; background-size: 355px auto, cover; } 
}
@media screen and (max-width:767px) { 
  .hp--statistics .inner { background-position: 55px 86%, 0 0; background-size: 640px auto, cover; } 
}

.hp--statistics dd, .hp--statistics dl { margin: 0; }
.hp--statistics dt { font-size: 32px; font-weight: 700; }
.hp--statistics dd { font-size: 20px; font-weight: 500; opacity: .8; }
.hp--statistics hr {
  background-color: hsla(0, 0%, 100%, .4); border: 0; box-shadow: -8px 6px 0 hsla(0, 0%, 100%, .2);
  height: 40px; margin: 0 27px; transform: rotate(35deg) translate(6px, -4px); width: 3px;
}
@media screen and (min-width:1201px) { .hp--statistics .cta { margin-left: auto; margin-right: 30px; } }
@media screen and (max-width:1024px) { .hp--statistics .cta { margin-top: 5px; } }
.card-toggle-check { display: none !important; visibility: hidden; }
@media screen and (min-width: 768px) {
  .card-footer-v2 { display: none !important; }
  .hp--services__card-content { max-height: none !important; opacity: 1 !important; overflow: visible !important; }
}
.hp--services { padding: 90px 0; background: #fff; }
.hp--services__header { text-align: center; margin-bottom: 64px; }
.hp--services__label {
  display: inline-block; background: rgba(67, 0, 255, 0.08); color: #4300ff; font-size: 13px; font-weight: 600;
  letter-spacing: 0.12em; text-transform: uppercase; padding: 6px 18px; border-radius: 100px; margin-bottom: 20px;
}
.hp--services__title { font-size: clamp(28px, 4vw, 42px); font-weight: 700; color: #08235c; line-height: 1.2; margin: 0 0 18px; }
.hp--services__title mark {
  background: linear-gradient(135deg, #794cf7, #4300ff 60%, #1293ff);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent;
}
.hp--services__subtitle { font-size: 18px; color: #64748B; max-width: 680px; margin: 0 auto; line-height: 1.7; }
.hp--services__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-bottom: 56px; }
@media screen and (max-width: 1200px) { .hp--services__grid { grid-template-columns: repeat(2, 1fr); } }
@media screen and (max-width: 767px) {
  .hp--services__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
  .hp--services__card {
    padding: 16px 10px; overflow: hidden; height: fit-content; border-radius: 12px; background: #fff;
    box-shadow: 0 4px 10px rgba(67, 0, 255, 0.04); grid-column: span 1; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); display: flex; flex-direction: column;
  }
  .hp--services__card-trigger { cursor: pointer; display: flex; flex-direction: column; width: 100%; margin: 0; }
  .card-header-v2 { display: flex; flex-direction: column; align-items: center; text-align: center; margin-bottom: 0; }
  .hp--services__card-icon { width: 44px; height: 44px; margin-bottom: 10px; margin-right: 0; }
  .hp--services__card-title { font-size: 11.5px; margin-bottom: 0; line-height: 1.2; font-weight: 800; }
  .hp--services__card-content { max-height: 0; overflow: hidden; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); opacity: 0; text-align: left; }
  .card-footer-v2 { margin-top: 12px; display: flex; justify-content: center; }
  .read-more-btn-v2 {
    font-size: 11px; font-weight: 700; color: #4300ff; padding: 6px 12px; border: 1px solid rgba(67, 0, 255, 0.2);
    border-radius: 6px; background: rgba(67, 0, 255, 0.02); transition: all 0.2s ease;
  }
  .hp--services__card:has(.card-toggle-check:checked) {
    grid-column: span 2; padding: 24px 20px; box-shadow: 0 10px 20px rgba(67, 0, 255, 0.1); border: 1px solid rgba(67, 0, 255, 0.1);
  }
  .card-toggle-check:checked ~ .hp--services__card-content { max-height: 600px; opacity: 1; margin-top: 15px; padding-top: 15px; border-top: 1px solid #f1f4f9; }
  .card-toggle-check:checked ~ .card-header-v2 { align-items: flex-start; text-align: left; }
  .card-toggle-check:checked ~ .card-header-v2 .hp--services__card-title { font-size: 20px; margin-top: 5px; }
  .card-toggle-check:checked ~ .card-footer-v2 .read-more-btn-v2 { background: #4300ff; color: #fff; border-color: #4300ff; }
  .card-toggle-check:checked ~ .card-footer-v2 .read-more-btn-v2:after { content: ' Less'; }
  .hp--services__card-desc { font-size: 14px; line-height: 1.6; margin-bottom: 12px; }
  .hp--services__card-list li { font-size: 13px; margin-bottom: 6px; }
}
.hp--services__card {
  background: #fafbff; border: 1px solid #e8ecf8; border-radius: 16px; padding: 32px 28px;
  transition: all 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275); position: relative; overflow: hidden;
}
.hp--services__card:before {
  content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 3px;
  background: linear-gradient(90deg, #794cf7, #4300ff 60%, #1293ff); opacity: 0; transition: opacity 0.3s ease;
}
.hp--services__card:hover { transform: translateY(-8px); border-color: rgba(67, 0, 255, 0.25); box-shadow: 0 20px 40px -10px rgba(67, 0, 255, 0.12); background: #fff; }
.hp--services__card:hover:before { opacity: 1; }
.hp--services__card-icon {
  width: 56px; height: 56px; border-radius: 14px; background: linear-gradient(135deg, rgba(121, 76, 247, 0.12), rgba(67, 0, 255, 0.08));
  display: flex; align-items: center; justify-content: center; color: #4300ff; margin-bottom: 20px; transition: all 0.3s ease;
}
.hp--services__card:hover .hp--services__card-icon { background: linear-gradient(135deg, #794cf7, #4300ff); color: #fff; }
.hp--services__card-title { font-size: 22px; font-weight: 700; color: #08235c; margin: 0 0 12px; line-height: 1.3; }
.hp--services__card-desc { font-size: 16px; color: #64748B; line-height: 1.65; margin: 0 0 20px; }
.hp--services__card-list { list-style: none; margin: 0; padding: 0; border-top: 1px solid #e8ecf8; padding-top: 18px; display: flex; flex-direction: column; gap: 10px; }
.hp--services__card-list li { font-size: 15px; font-weight: 500; color: #475569; display: flex; align-items: center; gap: 10px; }
.hp--services__card-list li:before {
  content: ''; flex-shrink: 0; width: 6px; height: 6px; border-radius: 50%; background: linear-gradient(135deg, #794cf7, #4300ff);
}
.hp--services__cta-banner {
  background: linear-gradient(135deg, #794cf7 0, #4300ff 60%, #1293ff 100%); border-radius: 20px; padding: 48px 56px; display: flex; align-items: center; justify-content: space-between; gap: 32px;
}
@media screen and (max-width: 900px) {
  .hp--services__cta-banner { flex-direction: column; text-align: center; padding: 36px 28px; }
}
.hp--services__cta-text { font-size: 16px; color: rgba(255,255,255,0.9); line-height: 1.65; margin: 0; max-width: 640px; }
.hp--services__cta-btn {
  flex-shrink: 0; background: #fff; color: #4300ff; font-size: 15px; font-weight: 700; padding: 14px 28px; border-radius: 100px;
  display: inline-flex; align-items: center; gap: 10px; text-decoration: none; transition: all 0.25s ease; white-space: nowrap;
}
.hp--services__cta-btn:hover { background: #08235c; color: #fff; transform: translateY(-2px); box-shadow: 0 8px 20px rgba(0,0,0,0.2); }
.hp--services__cta-btn svg { transition: transform 0.2s ease; }
.hp--services__cta-btn:hover svg { transform: translateX(4px); }

.hp--how-it-works {
  padding: 120px 0; background: radial-gradient(circle at 10% 20%, rgba(67, 0, 255, 0.02) 0%, transparent 50%), #ffffff;
  overflow: hidden; position: relative;
}
.hp--how-it-works .site-width-grid { position: relative; z-index: 5; }
.hp--how-it-works .hp-title { font-size: clamp(36px, 5vw, 56px); font-weight: 900; text-align: center; margin-bottom: 80px; color: #111827; letter-spacing: -0.02em; }
.hp--how-it-works .hp-title mark { background: none; color: #4300ff; }
.process-steps-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 30px; margin-bottom: 80px; position: relative; }
@media screen and (min-width: 1025px) {
  .process-steps-grid:after {
    content: ''; position: absolute; top: 50px; left: 8%; right: 8%; height: 3px;
    background: linear-gradient(90deg, rgba(67, 0, 255, 0.05) 0%, #4300ff 50%, rgba(67, 0, 255, 0.05) 100%); z-index: 1; border-radius: 4px; opacity: 0.3;
  }
}
.step-card {
  background: #ffffff; padding: 40px 24px; border-radius: 24px; border: 1px solid #e1e7f0; position: relative; z-index: 2;
  transition: all 0.4s ease; display: flex; flex-direction: column; align-items: center; text-align: center;
}
.step-card:hover { transform: translateY(-8px); box-shadow: 0 20px 40px rgba(67, 0, 255, 0.1); border-color: #4300ff33; }
.step-icon-wrap {
  width: 72px; height: 72px; background: #f1edff; border-radius: 20px; display: flex; align-items: center; justify-content: center;
  margin-bottom: 24px; position: relative; transition: all 0.3s ease;
}
.step-icon-wrap svg { stroke: #4300ff; }
.step-card:hover .step-icon-wrap { background: #4300ff; transform: scale(1.05); }
.step-card:hover .step-icon-wrap svg { stroke: #ffffff; }
.step-count-badge {
  position: absolute; top: -8px; right: -8px; width: 26px; height: 26px; background: #4300ff; border: 3px solid #fff;
  border-radius: 50%; color: white; font-size: 11px; font-weight: 800; display: flex; align-items: center; justify-content: center;
}
.step-card h3 { font-size: 18px; font-weight: 800; color: #111827; margin-bottom: 12px; line-height: 1.3; }
.step-card p { font-size: 14px; color: #6b7280; line-height: 1.6; }
.growth-session-cta { background: linear-gradient(135deg, #4300ff 0%, #7000ff 100%); border-radius: 24px; padding: 60px 40px; text-align: center; position: relative; overflow: hidden; box-shadow: 0 30px 60px rgba(67, 0, 255, 0.2); }
.growth-session-cta h2 { font-size: 32px; font-weight: 900; color: #ffffff; margin-bottom: 12px; }
.growth-session-cta p { font-size: 18px; color: rgba(255, 255, 255, 0.8); margin-bottom: 35px; max-width: 600px; margin-left: auto; margin-right: auto; }
.btn-growth-premium {
  display: inline-flex; align-items: center; padding: 18px 44px; background: #ffffff; color: #4300ff;
  border-radius: 12px; font-weight: 800; font-size: 16px; text-transform: uppercase; letter-spacing: 0.05em; transition: all 0.3s ease; gap: 12px;
}
.btn-growth-premium:hover { transform: translateY(-3px); background: #f8fafc; box-shadow: 0 10px 20px rgba(0,0,0,0.1); }
@media screen and (max-width: 1024px) { .process-steps-grid { grid-template-columns: repeat(2, 1fr); gap: 20px; } }
@media screen and (max-width: 767px) {
  .hp--how-it-works { padding: 60px 0; }
  .process-steps-grid { grid-template-columns: 1fr; gap: 20px; }
  .process-steps-grid:before { content: ''; position: absolute; top: 20px; bottom: 20px; left: 45px; width: 2px; background: #4300ff; opacity: 0.1; }
  .step-card { flex-direction: row; text-align: left; align-items: center; padding: 20px; }
  .step-icon-wrap { width: 60px; height: 60px; margin-bottom: 0; margin-right: 15px; flex-shrink: 0; }
  .growth-session-cta { padding: 40px 20px; }
  .growth-session-cta h2 { font-size: 24px; }
  .btn-growth-premium { width: 100%; justify-content: center; }
}

.industries-section { background: #F5F6F8 !important; padding: 100px 0 !important; position: relative; }
.industries-section .title { color: #111827 !important; font-size: 36px !important; font-weight: 800 !important; margin-bottom: 60px !important; text-align: center !important; letter-spacing: -0.02em; }
.industries-section .title mark { background: transparent; color: #6366F1; position: relative; }
.industries-section .industries-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; max-width: 1200px; margin: 0 auto; padding: 0 20px; }
.industry-card-v2 {
  background: #FFFFFF; border-radius: 24px; border: 1px solid #E5E7EB; overflow: hidden;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); display: flex; flex-direction: column; height: 100%; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
}
.industry-card-v2:hover { transform: translateY(-12px); box-shadow: 0 25px 50px -12px rgba(99, 102, 241, 0.15); border-color: #6366F1; }
.industry-card-v2__image { position: relative; height: 220px; overflow: hidden; }
.industry-card-v2__image img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s ease; }
.industry-card-v2:hover .industry-card-v2__image img { transform: scale(1.1); }
.industry-card-v2__overlay { position: absolute; inset: 0; background: linear-gradient(180deg, transparent 40%, rgba(0, 0, 0, 0.5) 100%); opacity: 0; transition: opacity 0.3s ease; }
.industry-card-v2:hover .industry-card-v2__overlay { opacity: 1; }
.industry-card-v2__body { padding: 32px; flex-grow: 1; display: flex; flex-direction: column; }
.industry-card-v2__icon-box {
  width: 52px; height: 52px; border-radius: 16px; display: flex; align-items: center; justify-content: center;
  margin-bottom: 24px; transition: all 0.3s ease; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.05);
}
.industry-card-v2:hover .industry-card-v2__icon-box { transform: scale(1.1) rotate(4deg); }
.industry-card-v2__title { font-size: 20px; font-weight: 700; color: #111827; margin-bottom: 8px; line-height: 1.3; }
.industry-card-v2__label { font-size: 13px; font-weight: 700; color: #6B7280; margin-bottom: 20px; text-transform: uppercase; letter-spacing: 0.08em; display: flex; align-items: center; gap: 8px; }
.industry-card-v2__label::after { content: ''; height: 2px; width: 24px; background: currentColor; opacity: 0.2; }
.industry-card-v2__list { list-style: none; padding: 0; margin: 0 0 28px 0; }
.industry-card-v2__item { display: flex; align-items: center; gap: 12px; color: #4B5563; font-size: 15px; margin-bottom: 14px; font-weight: 500; }
.industry-card-v2__check { width: 24px; height: 24px; border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: 14px; flex-shrink: 0; }
.industry-card-v2__footer { margin-top: auto; padding: 16px 20px; border-radius: 16px; font-size: 14px; font-weight: 600; display: flex; align-items: center; gap: 12px; line-height: 1.4; border: 1px solid transparent; }
.card-blue .industry-card-v2__icon-box, .card-blue .industry-card-v2__check { background: #E0F2FE; color: #0EA5E9; }
.card-blue .industry-card-v2__footer { background: #F0F9FF; color: #0369A1; border-color: #BAE6FD; }
.card-amber .industry-card-v2__icon-box, .card-amber .industry-card-v2__check { background: #FFFBEB; color: #D97706; }
.card-amber .industry-card-v2__footer { background: #FFFBEB; color: #B45309; border-color: #FEF3C7; }
.card-indigo .industry-card-v2__icon-box, .card-indigo .industry-card-v2__check { background: #EEF2FF; color: #6366F1; }
.card-indigo .industry-card-v2__footer { background: #F5F3FF; color: #4338CA; border-color: #DDD6FE; }
@media (max-width: 1024px) { .industries-section .industries-grid { grid-template-columns: repeat(2, 1fr); gap: 24px; } }
@media (max-width: 768px) {
  .industries-section { padding: 60px 0 !important; }
  .industries-section .industries-grid { grid-template-columns: 1fr; gap: 24px; }
  .industries-section .title { font-size: 28px !important; margin-bottom: 40px !important; }
}

.hp--awards {
  background-repeat: no-repeat; background-size: cover, 1580px auto, cover; color: #fff; padding-top: clamp(46px, 6.4453125vw, 66px);
}
@media screen and (min-width:768px) {
  .hp--awards {
    background-image: linear-gradient(170deg, rgba(14, 6, 30, 0) 20%, #0e061e 100%), linear-gradient(to right, #09a0e7 0, #350fc0 40%, #6d3fec 75%, #5d34b5 100%);
    background-position: 0 0, calc(100% + 330px) -735px, 0 0; padding-bottom: 185px;
  }
}
@media screen and (max-width:767px) {
  .hp--awards {
    background-image: linear-gradient(to bottom, rgba(47, 3, 172, 0) 0, #2f03ac 60%), linear-gradient(to right, #1d60d6 0, #3315c2 100%);
    background-position: 0 0, calc(100% + 1180px) -730px, 0 0; padding-bottom: 265px;
  }
}

.hp--subscription .holder {
  background-color: #fff;
  background-image: linear-gradient(to bottom, hsla(0, 0%, 100%, 0) 40%, hsla(0, 0%, 100%, .7) 100%);
  background-repeat: no-repeat; border-radius: 8px; box-shadow: 0 4px 40px rgba(0, 0, 0, .1);
}
@media screen and (max-width:767px) {
  .hp--subscription .holder { background-position: 0 0, 150px 115%; background-size: cover, 558px auto, cover; flex-direction: column; }
}
.hp--subscription figure { align-items: flex-end; margin: 0; position: relative; }
@media screen and (min-width:768px) and (max-width:1024px) { .hp--subscription figure { align-self: flex-start; } }
@media screen and (max-width:767px) { .hp--subscription figure { margin-left: 20px; } }
.hp--subscription figure i {
  background-color: #4300ff; background-position: 50%; background-repeat: no-repeat; border-radius: 50%; position: absolute; right: 0; top: 0;
}
.hp--subscription figure svg { fill: rgba(67, 0, 255, .2); }
.hp--subscription .inner { justify-content: space-between; }
@media screen and (min-width:1025px) and (max-width:1280px) { .hp--subscription .inner { gap: 25px; } }
@media screen and (max-width:1024px) { .hp--subscription .inner { flex-direction: column; gap: 20px; } }
@media screen and (min-width:768px) and (max-width:1024px) { .hp--subscription .inner { align-items: flex-start; } }
.hp--subscription .title { font-weight: 400; line-height: 1.4; }
@media screen and (max-width:767px) { .hp--subscription .title { text-align: center; } }
.hp--subscription .title mark { color: #4300ff; }
.hp--subscription .title small { display: block; }
@media screen and (max-width:767px) { .hp--subscription .title small { margin-top: 15px; } }
@media screen and (max-width:420px) { .hp--subscription .title small { font-size: 18px; } }
.hp--subscription .title small strong { font-weight: 700; }
@media screen and (min-width:1201px) and (max-width:1320px) { .hp--subscription .form { width: 60%; } }
@media screen and (min-width:1025px) and (max-width:1200px) { .hp--subscription .form { width: 90%; } }
@media screen and (max-width:767px) { .hp--subscription .form { width: 100%; } }
.hp--subscription .form-fieldset { gap: 24px 15px; }
@media screen and (max-width:767px) { .hp--subscription .form-fieldset { align-items: center; flex-direction: column; } }
.hp--subscription .input { padding: 0 25px; position: relative; }
@media screen and (max-width:767px) { .hp--subscription .input { width: 100%; } }
.hp--subscription .input:before {
  background-color: #fff; border-radius: 5px 8px; box-shadow: inset 0 0 0 1px #4300ff; content: "";
  height: 100%; left: 10px; position: absolute; top: 0; transform: skewX(-35deg); width: calc(100% - 20px);
}
.hp--subscription .input:has(input:-internal-autofill-selected):before { background-color: #fff; }
.hp--subscription .input:has(.parsley-errors-list li):before { box-shadow: inset 0 0 0 1px #ed383d; }
.hp--subscription .input input { background: none; border: none; color: #08235c; font-size: 18px; font-weight: 400; height: 48px; padding-left: 50px; position: relative; width: 100%; }
.hp--subscription .input input::-webkit-input-placeholder { color: #08235c; }
.hp--subscription .input input:focus+.parsley-errors-list li { opacity: 1; pointer-events: auto; z-index: 100000; }
.hp--subscription .input .icon { fill: #4300ff; bottom: 0; display: block; left: 48px; margin: auto; pointer-events: none; position: absolute; top: 0; transform: translateX(-50%); z-index: 1; }
@media screen and (min-width:768px) { .hp--subscription__static { margin-top: -85px; } }
@media screen and (max-width:767px) { .hp--subscription__static { margin-top: -205px; } }
.hp--subscription__static .holder { gap: 8px 25px; min-height: 170px; }
@media screen and (min-width:1281px) { .hp--subscription__static .holder { padding: 20px 56px 20px 44px; } }
@media screen and (min-width:1025px) and (max-width:1280px) { .hp--subscription__static .holder { padding: 20px 40px 20px 30px; } }
@media screen and (max-width:1024px) { .hp--subscription__static .holder { padding: 40px 30px; } }
@media screen and (min-width:768px) { .hp--subscription__static .holder { background-position: 0 0, -150px 50%; background-size: cover, 1048px auto, cover; } }
.hp--subscription__static figure { height: 70px; width: 85px; }
.hp--subscription__static figure i { background-size: 15px auto; height: 40px; width: 40px; }
@media screen and (min-width:1281px) { .hp--subscription__static .inner { gap: 40px; } }
.hp--subscription__static .title { font-size: clamp(28px, 3.125vw, 32px); }
@media screen and (max-width:420px) { .hp--subscription__static .title { font-size: 25px; } }
.hp--subscription__static .title small { font-size: 22px; }
@media screen and (min-width:1321px) { .hp--subscription__static .form { width: 42%; } }
@media screen and (min-width:768px) { .hp--subscription__static .input { width: 60%; } }
.hp--subscription__modal { max-height: calc(100dvh - 30px); overflow: auto; }
.hp--subscription__modal .holder { gap: 15px 60px; padding: clamp(40px, 7.4vw, 75px) clamp(45px, 9.8vw, 100px); }
@media screen and (min-width:768px) { .hp--subscription__modal .holder { background-position: 0 0, 40px 40%; background-size: cover, 1000px auto, cover; } }
.hp--subscription__modal figure { height: clamp(70px, 12.0833333333vw, 145px); width: clamp(80px, 13.6666666667vw, 164px); }
@media screen and (min-width:768px) { .hp--subscription__modal figure { align-self: flex-start; } }
.hp--subscription__modal figure i { background-size: clamp(15px, 3vw, 26px) auto; height: clamp(40px, 5.8333333333vw, 70px); width: clamp(40px, 5.8333333333vw, 70px); }
.hp--subscription__modal figure svg { height: clamp(50px, 9.3333333333vw, 112px); width: clamp(60px, 11.4166666667vw, 137px); }
.hp--subscription__modal .inner { flex-direction: column; }
@media screen and (min-width:1281px) { .hp--subscription__modal .inner { gap: 34px; } }
@media screen and (min-width:768px) { .hp--subscription__modal .inner { padding-top: 26px; } }
.hp--subscription__modal .title { font-size: clamp(28px, 3.7109375vw, 38px); }
@media screen and (max-width:420px) { .hp--subscription__modal .title { font-size: 25px; } }
.hp--subscription__modal .title small { font-size: clamp(22px, 2.34375vw, 24px); margin-top: 10px; }
.hp--subscription__modal .form { align-self: flex-start; width: 100%; }
@media screen and (min-width:768px) {
  .hp--subscription__modal .form-fieldset { align-items: flex-start; flex-direction: column; }
  .hp--subscription__modal .input { width: 75%; }
}

.hp--socials { padding-bottom: clamp(65px, 8.7890625vw, 90px); }
@media screen and (min-width:1025px) { .hp--socials { padding-top: 120px; } }
@media screen and (min-width:768px) and (max-width:1024px) { .hp--socials { padding-top: 220px; } }
@media screen and (max-width:767px) { .hp--socials { padding-top: 65px; } }
.hp--socials .title { font-size: clamp(30px, 3.515625vw, 36px); font-weight: 400; margin-bottom: 56px; text-align: center; }
.hp--socials .title mark { color: #4300ff; }
.hp--socials .holder { gap: clamp(60px, 8.7890625vw, 90px); }
.hp--socials .section-instagram .item { width: calc(20% - 24px); }
@media screen and (max-width:1280px) { .hp--socials .section-instagram .item { min-width: 258px; } }
.hp--socials .section-instagram .item a { aspect-ratio: 4/5; }
.hp--socials .heading { border-bottom: 1px solid rgba(0, 0, 0, .1); gap: 18px; margin-bottom: 30px; padding-bottom: 18px; }
.hp--socials .heading i { height: 36px; width: 36px; }
.hp--socials .heading i img { height: 100%; object-fit: contain; width: 100%; }
.hp--socials .heading .section-title { font-size: 28px; }
@media screen and (min-width:1025px) { .hp--socials .heading .section-title { margin-right: 15px; } }
@media screen and (max-width:1024px) { .hp--socials .heading .section-title { margin-right: auto; } }
.hp--socials .heading .btn-flex { --btnIconColor: #4300ff; }
@media screen and (min-width:768px) {
  .hp--socials .heading .btn-flex { --btnBorderColor: #fff; }
  .hp--socials .heading .btn-flex:before { box-shadow: 0 0 3px rgba(0, 0, 0, .35); }
}
@media screen and (max-width:767px) {
  .hp--socials .heading .btn-flex { gap: 10px; min-height: 0; padding: 0; }
  .hp--socials .heading .btn-flex .icon { height: 14px; width: 10px; }
}
.hp--socials .list { gap: 30px; }
@media screen and (max-width:1280px) {
  .hp--socials .list { margin: -20px; overflow: auto; padding: 20px; }
}
.hp--socials .item a { border-radius: 4px; display: block; overflow: hidden; width: 100%; }
@media screen and (min-width:1281px) { .hp--socials .item a { box-shadow: 0 0 40px rgba(0, 0, 0, .2); } }
@media screen and (max-width:1280px) { .hp--socials .item a { box-shadow: 0 0 20px rgba(0, 0, 0, .1); } }
.hp--socials .item img { height: 100%; object-fit: cover; width: 100%; }

.hp--bottom-content-1 { position: relative; }
.hp--bottom-content-1 .hp--subscription { left: 0; position: absolute; right: 0; top: 100%; }
@media screen and (max-width:767px) {
  .hp--bottom-content-2 { background: linear-gradient(180deg, transparent 90%, rgba(0, 0, 0, .03)); }
  .hp--bottom-content-2 .hp--socials { order: 1; }
}
@media screen and (max-width: 850px) {
  .hp--bottom-content-1 .hp--subscription { position: relative !important; top: auto !important; margin-top: 40px !important; margin-bottom: 20px !important; z-index: 10; }
  .hp--socials { padding-top: 30px !important; }
  .hp--socials .heading { flex-wrap: wrap; justify-content: flex-start; }
}

.hp--modal { color: #08235c; transition: all .2s; z-index: 200; position: fixed; }
.hp--modal:not(.active) { opacity: 0; pointer-events: none; }
.hp--modal, .hp--modal .bg { height: 100%; left: 0; top: 0; width: 100%; }
.hp--modal .bg { background-color: rgba(6, 2, 16, .9); position: absolute; }
.hp--modal .content { max-width: calc(100vw - 30px); position: relative; width: 912px; }
.hp--modal .content .close {
  border: 2px solid; border-radius: 50%; color: #4300ff; font-size: 24px; height: 20px; padding: 0; position: absolute; right: 25px; top: 25px; width: 20px;
}

@keyframes fadeIn {
  0% { opacity: 0; translate: 0 -1em; }
  to { opacity: 1; translate: 0 0; }
}

.dialog {
  background-color: var(--dialog-bg-color, #fff);
  background-image: linear-gradient(to bottom, hsla(0, 0%, 100%, 0) 40%, hsla(0, 0%, 100%, .7) 100%);
  background-repeat: no-repeat; border: var(--dialog-border, none); border-radius: var(--dialog-radius, 8px); box-shadow: var(--dialog-shadow, 0 4px 20px rgba(0, 0, 0, .1));
  color: var(--dialog-color, #08235c); font-size: clamp(28px, 3.7109375vw, 38px); max-width: var(--dialog-max-width, calc(100vw - 30px)); padding: 0; position: fixed; width: var(--dialog-width, 912px);
}
@media screen and (min-width:768px) {
  .dialog { background-position: 0 0, 40px 40%; background-size: cover, 1000px auto, cover; }
}
@media screen and (max-width:767px) {
  .dialog { background-position: 0 0, 150px 95%; background-size: cover, 558px auto, cover; }
}
.dialog::backdrop { background-color: var(--dialog-backdrop-bg, rgba(0, 0, 0, .8)); }
.dialog[open] { animation: fadeIn .5s forwards; }
.dialog .close { border: 2px solid; border-radius: 50%; color: #4300ff; font-size: 24px; height: 20px; padding: 0; position: absolute; right: 25px; top: 25px; width: 20px; }
.dialog .content { gap: 15px 60px; min-height: var(--dialog-min-height, 260px); padding: var(--dialog-padding, 40px 20px); }
@media screen and (max-width:767px) { .dialog .content { flex-direction: column; } }
.dialog .content figure { align-items: flex-end; height: clamp(70px, 12.0833333333vw, 145px); margin: 0; position: relative; width: clamp(80px, 13.6666666667vw, 164px); }
@media screen and (max-width:767px) { .dialog .content figure { margin-left: 20px; } }
.dialog .content figure i {
  background-color: #4300ff; background-position: 50%; background-repeat: no-repeat; background-size: clamp(15px, 3vw, 26px) auto;
  border-radius: 50%; height: clamp(40px, 5.8333333333vw, 70px); position: absolute; right: 0; top: 0; width: clamp(40px, 5.8333333333vw, 70px);
}
.dialog .content figure svg { fill: rgba(67, 0, 255, .2); height: clamp(50px, 9.3333333333vw, 112px); width: clamp(60px, 11.4166666667vw, 137px); }