:root {
  --color-hoppr-purple: #2a1a5a;
  --color-radiolucent: #010d28;
  --color-radiopaque-grey: #e1e1e1;
  --color-purple-pop: #b367ff;
  --color-barium-blue: #06b8d9;
  --color-alert-red: #d15f56;
  --color-bone-yellow: #fcfcd6;
  --gradient-pop: linear-gradient(135deg, #b367ff, #2a1a5a);
  --gradient-deep: linear-gradient(135deg, #2a1a5a, #010d28);
  --surface-primary: #010d28;
  --surface-secondary: #2a1a5a;
  --surface-tertiary: rgba(255,255,255,0.04);
  --text-primary: #ffffff;
  --text-secondary: rgba(255,255,255,0.75);
  --text-muted: rgba(255,255,255,0.55);
  --border-subtle: rgba(255,255,255,0.08);
  --border-accent: rgba(6,184,217,0.3);
  --accent: #06b8d9;
  --accent-hover: #1bd5f7;
}

.light-mode, [data-mode=light] {
  --surface-primary: #e1e1e1;
  --surface-secondary: #2a1a5a;
  --surface-tertiary: #ffffff;
  --text-primary: #010d28;
  --text-secondary: rgba(1,13,40,0.75);
  --text-muted: rgba(1,13,40,0.72);
  --border-subtle: rgba(1,13,40,0.1);
  --border-accent: rgba(6,184,217,0.4);
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, img {
  display: block;
}

body {
  line-height: 1.5;
  font-family: "poppins", sans-serif;
  color: #010D28;
  position: relative;
  font-weight: 300;
  font-size: 18px;
  overflow-x: hidden;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

hr {
  border-top: 1px solid #eaeaea;
  margin: 18px 0;
}

em {
  font-style: italic;
}

.border-b {
  border-bottom: 2px solid #06b8d9;
}

.header {
  height: 80px;
}

header {
  z-index: 800;
  position: relative;
  left: 0;
  right: 0;
  top: 0;
  width: 100%;
  max-width: 100vw;
  background: #010D28;
  height: 80px;
}
header a {
  font-family: "poppins", sans-serif;
  font-size: 1.2rem;
  font-weight: 500;
  color: #fff;
  text-decoration: none;
}
header a:hover {
  color: #06b8d9;
}
header a.accent-color:hover {
  color: #231F20;
}
header .sub-menu a {
  color: #010D28;
}
header:not(.sticky) .light .header-btn-holder a.button {
  color: #fff;
  border-color: #fff;
}
header:not(.sticky) .light .header-btn-holder a.button:hover {
  border-color: #06b8d9;
}
header #search-here {
  display: none;
  position: absolute;
  top: 80px;
  background: #fff;
  font-size: 16px;
  right: 0;
  padding: 5px 20px;
  border-top: 2px solid #efefef;
  box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
}
header #search-here .sf-field-search, header #search-here label {
  width: 100%;
}
header #search-here input {
  border-color: #ccc;
  font-weight: 500;
  padding-left: 10px;
}
header #search-here ::-moz-placeholder {
  font-size: 0.9rem;
  font-weight: 700;
  padding-left: 5px;
  color: #010D28;
}
header #search-here ::placeholder {
  font-size: 0.9rem;
  font-weight: 700;
  padding-left: 5px;
  color: #010D28;
}
header #search-here.show-me {
  display: block;
}
header #search-mobile ul {
  margin: 0 auto;
  width: 220px;
  display: flex;
}
header #search-mobile input {
  font-weight: 700;
  padding: 20px;
  display: block;
  position: relative;
  box-shadow: none;
  top: 0;
  max-width: 120px;
  border: 1px solid #ccc;
  border-radius: 100px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-size: 16px;
}
header #search-mobile input.sf-input-text {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
header #search-mobile input[type=submit] {
  width: 60px;
  margin-bottom: 50px;
  color: #fff;
  background: #06b8d9;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
header #search-mobile .sf-field-submit {
  left: 0;
}
header #search-mobile ::-moz-placeholder {
  font-size: 0.9rem;
  font-weight: 700;
  padding-left: 5px;
  color: #010D28;
}
header #search-mobile ::placeholder {
  font-size: 0.9rem;
  font-weight: 700;
  padding-left: 5px;
  color: #010D28;
}
header ul {
  padding: 0;
  margin: 0;
}
header li {
  list-style: none;
}
header .menu-title:not(.link) > a:hover {
  text-decoration: none !important;
  color: rgba(255, 255, 255, 0.85) !important;
  cursor: default;
}
header .sub-menu a {
  font-size: 1.1rem;
}

.admin-bar header.sticky {
  top: 32px;
}

* {
  margin: 0;
  padding: 0;
}

p {
  padding: 0.5rem 0 1rem;
}

ul, ol {
  margin-left: 40px;
  padding: 0.75rem 0;
}

#top ul:not(.main-navigation):not(.gform_fields):not(.breadcrumb):not(.checks):not(.sf-field-category ul) {
  list-style: none;
  margin-left: 20px;
}
#top ul:not(.main-navigation):not(.gform_fields):not(.breadcrumb):not(.checks):not(.sf-field-category ul) li {
  position: relative;
  padding: 5px 0 10px 20px;
}
#top ul:not(.main-navigation):not(.gform_fields):not(.breadcrumb):not(.checks):not(.sf-field-category ul) li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.6em;
  width: 7px;
  height: 7px;
  background: #06b8d9;
  transform: rotate(45deg);
  flex-shrink: 0;
}

.flex-wrap {
  flex-flow: wrap;
}

.flex-row-stretch img, .flex-row-center img {
  max-width: 100%;
  height: auto;
}

.flex-row {
  display: flex;
  flex-direction: row;
}

.flex-row.align-top {
  align-items: flex-start;
}

.flex-row-stretch {
  display: flex;
  flex-direction: row;
  align-items: stretch;
}

.flex-row-center {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.flex-row-bottom {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
}

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

.flex-center {
  justify-content: center;
}

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

.flex-around {
  justify-content: space-around;
}

.row-reverse {
  flex-direction: row-reverse !important;
}

.wrapper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 10;
  padding: 0 5%;
}

.lg-wrapper {
  max-width: 1800px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  position: relative;
  z-index: 10;
}

.fw-wrapper, .thin-wrapper {
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.narrow, .xtra-narrow {
  max-width: none;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

section, article {
  position: relative;
}

.ten {
  flex-basis: 10%;
  flex-grow: 1;
}

.fifteen {
  flex-basis: 15%;
  flex-grow: 1;
}

.twenty {
  flex-basis: 20%;
  flex-grow: 1;
}

.twenty-five {
  flex-basis: 25%;
  flex-grow: 1;
}

.thirty {
  flex-basis: 30%;
  flex-grow: 1;
}

.thirty-three {
  flex-basis: 33.33%;
  flex-grow: 1;
}

.fourty {
  flex-basis: 40%;
  flex-grow: 1;
}

.fourty-five {
  flex-basis: 45%;
  flex-grow: 1;
}

.fourty-seven {
  flex-basis: 47%;
  flex-grow: 1;
}

.fourty-eight {
  flex-basis: 48%;
  flex-grow: 1;
}

.fifty {
  flex-basis: 50%;
  flex-grow: 1;
}

.fifty-five {
  flex-basis: 55%;
  flex-grow: 1;
}

.sixty {
  flex-basis: 60%;
  flex-grow: 1;
}

.sixty-six {
  flex-basis: 66.66%;
  flex-grow: 1;
}

.seventy {
  flex-basis: 70%;
  flex-grow: 1;
}

.seventy-five {
  flex-basis: 75%;
  flex-grow: 1;
}

.eighty {
  flex-basis: 80%;
  flex-grow: 1;
}

.ninety {
  flex-basis: 90%;
  flex-grow: 1;
}

.full {
  flex-basis: 100%;
}

.paged .hide-paged {
  display: none;
}

.theme-border {
  border: none;
  border-radius: 6px;
}

.theme-border-alt {
  border: none;
  border-radius: 6px;
}

.top-br {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

iframe {
  max-width: 100%;
}

.alignleft {
  float: left;
  margin: 1rem 1rem 1rem 0;
}

.alignright {
  float: right;
  margin: 1rem 0 1rem 1rem;
}

.aligncenter {
  margin: 1rem auto;
}

.box-shadow {
  box-shadow: -1px 1px 6px 3px rgba(0, 0, 0, 0.03);
}

table {
  border: 3px solid #EFF1F2;
}
table th {
  background: #06b8d9;
  color: #fff;
  text-align: left;
  font-weight: 700;
  padding: 10px 15px;
  border: 2px solid #fff;
}
table td {
  padding: 10px 15px;
  border: 2px solid #fff;
}

.table-responsive {
  overflow-x: auto; /* enables horizontal scrolling */
  -webkit-overflow-scrolling: touch; /* smooth scrolling on iOS */
  margin-bottom: 20px; /* optional spacing */
}

/* Optional: make sure the table inside can grow naturally */
.table-responsive table {
  width: 100%;
  min-width: 600px;
  border-collapse: collapse;
}

.sr-only:not(:focus):not(:active) {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}

.screen-reader-text:focus {
  background-color: #fff;
  border-radius: 30px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #06b8d9;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

h1, .h1 {
  font-family: "poppins", sans-serif;
  font-size: 3rem;
  line-height: 1.25em;
  padding: 0.5em 0 0.2em;
  color: #2A1A5A;
  font-weight: 600;
}
h1.heading-font, .h1.heading-font {
  font-size: 2.6rem;
}
h1 sup, .h1 sup {
  font-size: 1rem;
}
h1 span.sh1, .h1 span.sh1 {
  display: block;
  font-size: 1.25rem;
  line-height: 2.5rem;
  text-transform: uppercase;
  letter-spacing: 0.4rem;
  color: #06b8d9;
}

h2, .h2 {
  font-family: "poppins", sans-serif;
  font-size: 2.4rem;
  line-height: 1.15em;
  padding: 1.5em 0 0.8em;
  color: #2A1A5A;
  font-weight: 600;
  letter-spacing: -0.02em;
}
h2 sup, .h2 sup {
  font-size: 1rem;
}
h2.sm, .h2.sm {
  font-size: 1.8rem;
  padding: 10px 0 0;
}
h2 strong, .h2 strong {
  color: #06b8d9;
  font-weight: inherit;
}

h3, .h3 {
  font-family: "poppins", sans-serif;
  font-size: 2rem;
  line-height: 1.15em;
  padding: 1.5em 0 0.8em;
  font-weight: 500;
  color: #2A1A5A;
}
h3 sup, .h3 sup {
  font-size: 1rem;
  top: -1rem !important;
}

.subheading {
  margin-bottom: 0;
  padding-bottom: 0;
  font-family: "poppins", sans-serif;
  font-size: 1.35rem;
  font-weight: 500;
}

h4, h5, h6, .h4, .h5, .h6 {
  color: #2A1A5A;
  line-height: 1.25em;
  padding: 1em 0 0.5em;
  font-family: "poppins", sans-serif;
  font-weight: 400;
}
h4 sup, h5 sup, h6 sup, .h4 sup, .h5 sup, .h6 sup {
  font-size: 1rem;
}

h4, .h4 {
  font-weight: 600;
}

.kicker {
  display: inline-flex;
  align-items: center;
  margin-bottom: 20px;
  font-family: "Prosto One", sans-serif;
  color: #06b8d9;
  font-size: 0.8rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.16em;
}
.kicker svg {
  display: block;
  flex-shrink: 0;
  width: 14px;
  height: 14px;
  margin-right: 10px;
}

.kicker.with-icon::before {
  content: "";
  display: block;
  flex-shrink: 0;
  width: 14px;
  height: 14px;
  margin-right: 10px;
  background-color: currentColor;
  mask-image: url('data:image/svg+xml,%3Csvg viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg"%3E%3Cg transform="rotate(45 200 200)"%3E%3Crect x="75" y="75" width="250" height="250" fill="none" stroke="black" stroke-width="28"/%3E%3Ccircle cx="200" cy="200" r="125" fill="none" stroke="black" stroke-width="28"/%3E%3C/g%3E%3Ccircle cx="200" cy="243" r="82" fill="none" stroke="black" stroke-width="28"/%3E%3C/svg%3E');
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-image: url('data:image/svg+xml,%3Csvg viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg"%3E%3Cg transform="rotate(45 200 200)"%3E%3Crect x="75" y="75" width="250" height="250" fill="none" stroke="black" stroke-width="28"/%3E%3Ccircle cx="200" cy="200" r="125" fill="none" stroke="black" stroke-width="28"/%3E%3C/g%3E%3Ccircle cx="200" cy="243" r="82" fill="none" stroke="black" stroke-width="28"/%3E%3C/svg%3E');
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
}

.dark-mode .kicker {
  color: #06b8d9;
}

.kicker.alt {
  color: #b367ff;
}

.light-mode .hero-home .kicker {
  color: #06b8d9;
}

p.kicker {
  padding-bottom: 0;
}

.kicker + h2, .kicker + .h2 {
  padding-top: 0;
}

h2.kicker.with-icon::before, .h2.kicker.with-icon::before,
h3.kicker.with-icon::before, .h3.kicker.with-icon::before {
  content: "";
  display: block;
  flex-shrink: 0;
  width: 14px;
  height: 14px;
  margin-right: 10px;
  background-color: currentColor;
  mask-image: url('data:image/svg+xml,%3Csvg viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg"%3E%3Cg transform="rotate(45 200 200)"%3E%3Crect x="75" y="75" width="250" height="250" fill="none" stroke="black" stroke-width="28"/%3E%3Ccircle cx="200" cy="200" r="125" fill="none" stroke="black" stroke-width="28"/%3E%3C/g%3E%3Ccircle cx="200" cy="243" r="82" fill="none" stroke="black" stroke-width="28"/%3E%3C/svg%3E');
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-image: url('data:image/svg+xml,%3Csvg viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg"%3E%3Cg transform="rotate(45 200 200)"%3E%3Crect x="75" y="75" width="250" height="250" fill="none" stroke="black" stroke-width="28"/%3E%3Ccircle cx="200" cy="200" r="125" fill="none" stroke="black" stroke-width="28"/%3E%3C/g%3E%3Ccircle cx="200" cy="243" r="82" fill="none" stroke="black" stroke-width="28"/%3E%3C/svg%3E');
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
}

.dark-mode h2.kicker.alt, .dark-mode .h2.kicker.alt,
.dark-mode h3.kicker.alt, .dark-mode .h3.kicker.alt {
  color: #b367ff;
}

.small {
  padding: 0.4rem 0;
  font-size: 0.9rem;
  line-height: 1.1rem;
  color: #747474;
}

.author-hero a {
  color: #06b8d9 !important;
}
.author-hero a:hover, .author-hero a:focus {
  color: #fff !important;
}

.blue-grad {
  background: linear-gradient(135deg, #66e7ff, #06b8d9);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.sm-txt, .sm-txt > p {
  font-size: 0.95rem;
  line-height: 1.6;
  opacity: 0.95;
  padding: 0 0 5px 0;
  margin: 0;
}
.sm-txt strong, .sm-txt > p strong {
  color: #06b8d9;
}

.header-font, .heading-font {
  font-family: "Prosto One", sans-serif;
  font-weight: 400;
}

.dark, .color-bg .dark, .dark-grey-bg .dark {
  color: #2A1A5A;
}
.dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6, .dark a, .dark a:hover, .color-bg .dark h1, .color-bg .dark h2, .color-bg .dark h3, .color-bg .dark h4, .color-bg .dark h5, .color-bg .dark h6, .color-bg .dark a, .color-bg .dark a:hover, .dark-grey-bg .dark h1, .dark-grey-bg .dark h2, .dark-grey-bg .dark h3, .dark-grey-bg .dark h4, .dark-grey-bg .dark h5, .dark-grey-bg .dark h6, .dark-grey-bg .dark a, .dark-grey-bg .dark a:hover {
  color: #2A1A5A;
}
.dark p, .dark li, .color-bg .dark p, .color-bg .dark li, .dark-grey-bg .dark p, .dark-grey-bg .dark li {
  color: #010D28;
}

sup, sub {
  vertical-align: baseline;
  position: relative;
  font-size: 0.6rem;
}

sup {
  top: -0.7em;
}

sub {
  top: 0.4em;
}

strong, b {
  font-weight: 700;
}

.lg-type p {
  font-size: 1.3em;
  line-height: 1.4em;
}

.double-space p, .double-space li {
  line-height: 2em;
  margin-top: 0;
}

.center {
  text-align: center;
}

blockquote {
  font-family: "poppins", sans-serif;
  font-weight: 500;
  position: relative;
  font-size: 1.3rem;
  font-style: italic;
  border-left: 4px solid #06b8d9;
  padding: 5px 25px;
  margin: 25px 0;
}
blockquote p {
  padding: 0;
  margin: 0.5rem 0 1rem;
}

:focus-visible {
  outline-color: #06b8d9;
}

#alert1, #alert2 {
  font-family: "poppins", sans-serif;
  font-weight: 500;
}

ul.checks li {
  list-style: none;
  position: relative;
  padding: 0.5rem 0 1rem;
}
ul.checks li:before {
  position: absolute;
  left: -26px;
  content: " ";
  background-image: url(/wp-content/themes/oak-city/images/checkmark.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 16px;
  height: 16px;
  top: 12px;
}

.dark ul.checks li:before, .color-bg ul.checks li:before, .dark-grey-bg ul.checks li:before, .second-color-bg ul.checks li:before, .grad-bg ul.checks li:before, .grad-bg-alt ul.checks li:before {
  filter: invert(1);
}

.font-color {
  color: #fff;
}

.main-color {
  color: #010D28;
}

:root:not(.light-mode) .main-color {
  color: #fff;
}

.accent-color {
  color: #06b8d9;
}

.second-color {
  color: #2A1A5A !important;
}

.third-color {
  color: #b367ff !important;
}
.third-color h1, .third-color h2, .third-color h3, .third-color h4, .third-color h5, .third-color h6 {
  color: #b367ff;
}

.light-color-bg {
  background: #eaeaea;
}

.light-color-border {
  border-color: #eaeaea !important;
}

.main-color-bg {
  background: #010D28;
}

.accent-color-bg {
  background: #06b8d9;
}

.second-color-bg {
  background: #2A1A5A;
  background: linear-gradient(169deg, rgb(42, 26, 90) 30%, rgb(42, 26, 90) 65%, rgb(1, 13, 40) 100%);
}

.color-bg {
  background: #2A1A5A;
}

.grad-bg {
  background: linear-gradient(135deg, rgb(42, 26, 90) 40%, rgb(74, 44, 128) 65%, rgb(179, 103, 255) 100%);
  position: relative;
}

.grad-bg-alt {
  background: linear-gradient(135deg, rgb(42, 26, 90) 50%, rgb(1, 13, 40));
  position: relative;
}

.purple-bg {
  background: linear-gradient(135deg, rgb(86, 38, 147) 0%, rgb(63, 22, 120) 15%, rgb(63, 22, 120) 40%, rgb(95, 44, 157) 70%, rgb(179, 103, 255) 100%);
}
.purple-bg p, .purple-bg li, .purple-bg h1, .purple-bg h2, .purple-bg h3, .purple-bg h4, .purple-bg h5, .purple-bg h6, .purple-bg blockquote {
  color: #fff !important;
}

.grey-bg {
  background-color: #eaeaea;
  position: relative;
}

.dark-grey-bg {
  background-color: #010D28;
}

.white-bg {
  background-color: #fff;
}

.alt-light-bg-1 {
  background: #eaeaea;
}

.alt-light-bg-2 {
  background: #eaeaea;
}

.subtle-bg {
  border: 1px solid #e5e7eb;
  background: radial-gradient(circle at 30% 140%, rgba(155, 75, 217, 0.3), transparent 37%), radial-gradient(circle at 50% 310%, rgba(4, 0, 255, 0.1490196078), rgba(162, 166, 135, 0) 78%), linear-gradient(transparent, rgba(13, 10, 25, 0.368627451)), radial-gradient(circle at 50% -30%, rgba(123, 92, 168, 0.2), rgba(103, 69, 69, 0)), radial-gradient(90% 10% at 50% 0, rgba(168, 92, 92, 0.0509803922), rgba(103, 69, 69, 0) 90%);
}

header .sub-menu {
  display: none;
}
header .sub-menu.opened {
  display: block;
}

.main-navigation .sub-menu {
  background: #010D28;
  border: 1px solid rgba(6, 184, 217, 0.15);
  border-radius: 5px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
  padding: 8px 0;
  min-width: 220px;
}
.main-navigation .sub-menu li {
  padding: 0;
  line-height: 1.4;
}
.main-navigation .sub-menu li a {
  display: block;
  padding: 9px 20px !important;
  color: rgba(255, 255, 255, 0.8) !important;
  font-size: 0.9rem;
  font-weight: 400;
  text-decoration: none;
  border-left: 2px solid transparent;
  transition: color 0.15s, background 0.15s, border-color 0.15s;
}
.main-navigation .sub-menu li a:hover, .main-navigation .sub-menu li a:focus {
  color: #06b8d9 !important;
  background: rgba(6, 184, 217, 0.06);
  border-left-color: #06b8d9;
  text-decoration: none;
}

.callout-box {
  border-radius: 6px;
  padding: 5%;
  position: relative;
  overflow: hidden;
}

.callout-overlay {
  position: absolute;
  inset: 0;
  background: rgba(1, 13, 40, 0.6);
  z-index: 0;
  pointer-events: none;
}

.callout-content {
  position: relative;
  z-index: 1;
}

.link-box {
  border-radius: 6px;
  position: relative;
  overflow: hidden;
}

.light-mode .link-box p, .light-mode .link-box li {
  color: rgba(1, 13, 40, 0.78);
}
.light-mode .link-box h1, .light-mode .link-box h2, .light-mode .link-box h3, .light-mode .link-box h4, .light-mode .link-box h5, .light-mode .link-box h6 {
  color: #010D28;
}
.light-mode .link-box a:not(.button) {
  color: #2A1A5A;
}
.light-mode .link-box a:not(.button):hover {
  color: #06b8d9;
}

.steps-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 30px;
  padding: 6px;
  margin-bottom: 24px;
}
@media only screen and (max-width: 640px) {
  .steps-nav {
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .steps-nav::-webkit-scrollbar {
    display: none;
  }
  .steps-nav {
    -webkit-mask-image: linear-gradient(to right, black calc(100% - 32px), transparent 100%);
    mask-image: linear-gradient(to right, black calc(100% - 32px), transparent 100%);
    padding-right: 32px;
  }
  .steps-nav .step-trigger {
    flex: 0 0 auto;
    white-space: nowrap;
  }
}

.steps-panel-next {
  position: absolute;
  bottom: 20px;
  right: 24px;
}
@media only screen and (min-width: 861px) {
  .steps-panel-next {
    bottom: 28px;
    right: 48px;
  }
}

.step-trigger {
  flex: 1;
  background: none;
  border: none;
  border-radius: calc(30px - 4px);
  padding: 10px 20px;
  font-family: "poppins", sans-serif;
  font-size: 0.9rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.65);
  cursor: pointer;
  transition: background 0.2s, color 0.2s;
  text-align: center;
  line-height: 1.3;
}
.step-trigger span {
  display: block;
  max-width: 180px;
  margin: 0 auto;
}
.step-trigger:hover {
  color: #fff;
  background: rgba(255, 255, 255, 0.06);
}
.step-trigger.active-step {
  background: #b367ff;
  color: #000;
  font-weight: 600;
}

.step-details {
  display: none;
}
.step-details.show-step {
  display: block;
}

.steps-panel-card {
  position: relative;
  border: 1px solid rgba(179, 103, 255, 0.45);
  border-radius: 12px;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  overflow: hidden;
}

.steps-panel-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, #06b8d9 0%, #b367ff 100%);
  transform: scaleX(1);
  transform-origin: left;
}

.steps-panel-card:hover {
  transform: translateY(-4px);
  border-color: rgba(6, 184, 217, 0.4);
}

.steps-panel {
  border-radius: 6px;
  padding: 48px 48px 72px;
  display: flex;
  gap: 40px;
  align-items: flex-start;
  position: relative;
}
.steps-panel > img {
  flex-shrink: 0;
  width: 80px;
  height: 80px;
  border-radius: 6px;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
@media only screen and (max-width: 860px) {
  .steps-panel {
    flex-direction: column;
    padding: 32px 24px 64px;
    gap: 24px;
  }
  .steps-panel > img {
    width: 64px;
    height: 64px;
  }
}

.steps-panel-body {
  flex: 1;
}
.steps-panel-body .kicker {
  margin-bottom: 20px;
  color: #fff;
}
.steps-panel-body h2, .steps-panel-body h3, .steps-panel-body h4 {
  margin-bottom: 16px;
}
.steps-panel-body p {
  color: rgba(255, 255, 255, 0.75);
  margin-bottom: 16px;
  line-height: 1.6;
}
.steps-panel-body .arrow-link {
  margin-top: 24px;
}

.kicker + h3 {
  padding-top: 0;
}

.light-mode .steps-nav {
  background: #fff;
  border-color: rgba(1, 13, 40, 0.1);
}
.light-mode .step-trigger {
  color: rgba(1, 13, 40, 0.6);
}
.light-mode .step-trigger:hover {
  background: rgba(1, 13, 40, 0.04);
  color: #010D28;
}
.light-mode .step-trigger.active-step {
  background: #06b8d9;
  color: #000;
}
.light-mode .steps-panel-body p {
  color: rgba(255, 255, 255, 0.75);
}
.light-mode .steps-panel-body h2, .light-mode .steps-panel-body h3, .light-mode .steps-panel-body h4 {
  color: #fff;
}

.no-h2-pad h2 {
  padding: 0;
}

div.pill {
  display: inline-block;
  text-align: center;
  white-space: nowrap;
  border: 1px solid #eaeaea;
  border-radius: 30px;
  padding: 5px 20px;
  margin: 5px;
  color: #fff;
  background: rgba(0, 0, 0, 0.5764705882);
  text-decoration: none;
  font-size: 0.95rem;
  letter-spacing: 1px;
  font-weight: 400;
}

p a, li a {
  font-weight: 600;
}

a {
  color: #06b8d9;
  text-decoration: underline;
}
a.alt {
  color: #2A1A5A;
}
a.alt:hover {
  color: #06b8d9;
  text-decoration: underline;
}
a.alt3 {
  color: #b367ff;
}
a.alt3:hover {
  color: #010D28;
  text-decoration: underline;
}
a:hover {
  color: #010D28;
  text-decoration: underline;
}
a.box-link {
  color: #010D28;
}
a.box-link:hover {
  text-decoration: none;
}
a.no-underline {
  text-decoration: none;
}
a.no-underline:hover {
  text-decoration: underline;
}
a.grey {
  color: #010D28;
  text-decoration: none;
  font-weight: 400;
  font-size: 0.95rem;
}
a.grey:hover {
  color: #06b8d9;
}
a.button {
  font-family: "poppins", sans-serif;
  font-size: 0.9rem;
  letter-spacing: 0.03em;
  font-weight: 600;
  display: inline-block;
  padding: 12px 32px;
  text-align: center;
  margin: 1.5rem 0;
  position: relative;
  border: 0;
  background: #06b8d9;
  color: #000000;
  text-decoration: none;
  transition: background 0.15s, color 0.15s, transform 0.15s, opacity 0.15s;
  border-radius: 30px;
}
a.button.outline {
  background: none !important;
  padding: 12px 32px;
  box-shadow: none !important;
  color: #06b8d9;
  border: 2px solid #06b8d9;
}
a.button.outline:hover, a.button.outline:focus {
  border: 2px solid #010D28;
  color: #010D28;
  transform: translateY(-2px);
}
a.button.outline.sm {
  padding: 5px 10px;
  min-width: 70px;
}
a.button.white {
  background: #fff;
  padding: 7.5px 18px;
  box-shadow: none !important;
  color: #2A1A5A;
  border: 2px solid #fff;
}
a.button.white:hover, a.button.white:focus {
  border: 2px solid #fff;
  color: #fff;
  background: rgba(10, 10, 10, 0.6784313725);
}
a.button:hover, a.button:focus, a.button:focus-visible {
  background: #07DDFF;
  color: #2A1A5A;
  text-decoration: none;
  transform: translateY(-2px);
  opacity: 0.92;
}
a.button.alt {
  background: #06b8d9;
  border: none;
  color: #010D28;
}
a.button.alt:hover, a.button.alt:focus, a.button.alt:focus-visible {
  background: #1bd5f7;
  color: #010D28;
  opacity: 1;
}
a.button.fw {
  background-color: #2A1A5A;
  background: linear-gradient(135deg, rgb(42, 26, 90) 50%, rgb(1, 13, 40));
  display: block;
  border-radius: 0;
  margin: 0;
  padding: 10px;
  transition: none;
}
a.button.fw:hover, a.button.fw:focus {
  background: #06b8d9;
  color: #fff;
}
a.button.simple {
  padding: 12px 20px;
  background: #2A1A5A;
  color: #fff;
  border: none;
  box-shadow: none;
}
a.button.simple:hover, a.button.simple:focus, a.button.simple:focus-visible {
  background: #06b8d9;
}
a.pill {
  display: inline-block;
  text-align: center;
  white-space: nowrap;
  border: 1px solid #eaeaea;
  border-radius: 30px;
  padding: 5px 20px;
  margin: 5px;
  color: #010D28;
  text-decoration: none;
  font-size: 0.95rem;
  letter-spacing: 1px;
  font-weight: 400;
}
a.pill:hover, a.pill:focus {
  background: #06b8d9;
  color: #fff;
}
a.pill:hover img, a.pill:focus img {
  filter: invert(1);
}
a.pill.alt {
  background: #06b8d9;
  color: #fff;
}
a.pill.alt img {
  filter: invert(1);
}
a.pill.alt:hover, a.pill.alt:focus {
  border: 1px solid #eaeaea;
  color: #010D28;
  background: #fff;
}
a.pill.alt:hover img, a.pill.alt:focus img {
  filter: none;
}
a > .color-bg {
  background-color: #2A1A5A;
  background: linear-gradient(#2A1A5A 0%, #2A1A5A 100%);
}
a > .color-bg img {
  transition: transform 0.3s ease;
}
a > .color-bg:hover {
  background-color: #2A1A5A;
  background: linear-gradient(271deg, #b367ff 0%, #2A1A5A 100%);
}
a > .color-bg:hover img {
  transform: scale(1.05);
}

.dark-grey-bg a.button, .light a.button, .color-bg a.button, .grad-bg a.button {
  background: #06b8d9;
  color: #010D28;
}
.dark-grey-bg a.button:hover, .dark-grey-bg a.button:focus, .light a.button:hover, .light a.button:focus, .color-bg a.button:hover, .color-bg a.button:focus, .grad-bg a.button:hover, .grad-bg a.button:focus {
  background: #1bd5f7;
  color: #010D28;
}
.dark-grey-bg a.button.fw, .light a.button.fw, .color-bg a.button.fw, .grad-bg a.button.fw {
  background: #07DDFF;
  color: #2A1A5A;
}
.dark-grey-bg a.button.fw:hover, .dark-grey-bg a.button.fw:focus, .light a.button.fw:hover, .light a.button.fw:focus, .color-bg a.button.fw:hover, .color-bg a.button.fw:focus, .grad-bg a.button.fw:hover, .grad-bg a.button.fw:focus {
  background: #eaeaea;
  color: #2A1A5A;
}
.dark-grey-bg a .dark a, .light a .dark a, .color-bg a .dark a, .grad-bg a .dark a {
  color: #010D28;
}

li p {
  margin: 5px 0;
}

.dark-grey-bg, .light, .grad-bg, .color-bg, .second-color-bg {
  color: #fff;
}
.dark-grey-bg h1, .dark-grey-bg .h1, .dark-grey-bg h2, .dark-grey-bg .h2, .dark-grey-bg h3, .dark-grey-bg .h3,
.dark-grey-bg h4, .dark-grey-bg .h4, .dark-grey-bg h5, .dark-grey-bg .h5, .dark-grey-bg h6, .dark-grey-bg .h6, .light h1, .light .h1, .light h2, .light .h2, .light h3, .light .h3,
.light h4, .light .h4, .light h5, .light .h5, .light h6, .light .h6, .grad-bg h1, .grad-bg .h1, .grad-bg h2, .grad-bg .h2, .grad-bg h3, .grad-bg .h3,
.grad-bg h4, .grad-bg .h4, .grad-bg h5, .grad-bg .h5, .grad-bg h6, .grad-bg .h6, .color-bg h1, .color-bg .h1, .color-bg h2, .color-bg .h2, .color-bg h3, .color-bg .h3,
.color-bg h4, .color-bg .h4, .color-bg h5, .color-bg .h5, .color-bg h6, .color-bg .h6, .second-color-bg h1, .second-color-bg .h1, .second-color-bg h2, .second-color-bg .h2, .second-color-bg h3, .second-color-bg .h3,
.second-color-bg h4, .second-color-bg .h4, .second-color-bg h5, .second-color-bg .h5, .second-color-bg h6, .second-color-bg .h6 {
  color: #fff;
}
.dark-grey-bg h2 strong, .dark-grey-bg .h2 strong, .dark-grey-bg h3 strong, .dark-grey-bg .h3 strong, .light h2 strong, .light .h2 strong, .light h3 strong, .light .h3 strong, .grad-bg h2 strong, .grad-bg .h2 strong, .grad-bg h3 strong, .grad-bg .h3 strong, .color-bg h2 strong, .color-bg .h2 strong, .color-bg h3 strong, .color-bg .h3 strong, .second-color-bg h2 strong, .second-color-bg .h2 strong, .second-color-bg h3 strong, .second-color-bg .h3 strong {
  color: #06b8d9;
  font-weight: inherit;
}
.dark-grey-bg a, .light a, .grad-bg a, .color-bg a, .second-color-bg a {
  color: #fff;
}
.dark-grey-bg a:hover, .dark-grey-bg a:focus, .light a:hover, .light a:focus, .grad-bg a:hover, .grad-bg a:focus, .color-bg a:hover, .color-bg a:focus, .second-color-bg a:hover, .second-color-bg a:focus {
  color: #06b8d9;
}
.dark-grey-bg a.button, .light a.button, .grad-bg a.button, .color-bg a.button, .second-color-bg a.button {
  color: #000000;
}
.dark-grey-bg a.button:hover, .dark-grey-bg a.button:focus, .light a.button:hover, .light a.button:focus, .grad-bg a.button:hover, .grad-bg a.button:focus, .color-bg a.button:hover, .color-bg a.button:focus, .second-color-bg a.button:hover, .second-color-bg a.button:focus {
  color: #000000;
}
.dark-grey-bg a.button.outline, .light a.button.outline, .grad-bg a.button.outline, .color-bg a.button.outline, .second-color-bg a.button.outline {
  color: #fff;
  border-color: #fff;
}
.dark-grey-bg a.button.outline:hover, .dark-grey-bg a.button.outline:focus, .light a.button.outline:hover, .light a.button.outline:focus, .grad-bg a.button.outline:hover, .grad-bg a.button.outline:focus, .color-bg a.button.outline:hover, .color-bg a.button.outline:focus, .second-color-bg a.button.outline:hover, .second-color-bg a.button.outline:focus {
  text-decoration: none;
  background: #fff !important;
  color: #2A1A5A;
}
.dark-grey-bg a.pill, .light a.pill, .grad-bg a.pill, .color-bg a.pill, .second-color-bg a.pill {
  border: 1px solid #fff;
  color: #fff;
}
.dark-grey-bg a.pill:hover, .dark-grey-bg a.pill:focus, .light a.pill:hover, .light a.pill:focus, .grad-bg a.pill:hover, .grad-bg a.pill:focus, .color-bg a.pill:hover, .color-bg a.pill:focus, .second-color-bg a.pill:hover, .second-color-bg a.pill:focus {
  background: #06b8d9;
  color: #010D28;
}
.dark-grey-bg .dark p, .dark-grey-bg .dark li, .dark-grey-bg .dark em, .dark-grey-bg .dark strong, .dark-grey-bg .dark a, .light .dark p, .light .dark li, .light .dark em, .light .dark strong, .light .dark a, .grad-bg .dark p, .grad-bg .dark li, .grad-bg .dark em, .grad-bg .dark strong, .grad-bg .dark a, .color-bg .dark p, .color-bg .dark li, .color-bg .dark em, .color-bg .dark strong, .color-bg .dark a, .second-color-bg .dark p, .second-color-bg .dark li, .second-color-bg .dark em, .second-color-bg .dark strong, .second-color-bg .dark a {
  color: #010D28;
}
.dark-grey-bg .dark h1, .dark-grey-bg .dark .h1, .light .dark h1, .light .dark .h1, .grad-bg .dark h1, .grad-bg .dark .h1, .color-bg .dark h1, .color-bg .dark .h1, .second-color-bg .dark h1, .second-color-bg .dark .h1 {
  color: #2A1A5A;
}
.dark-grey-bg .dark h2, .dark-grey-bg .dark .h2, .dark-grey-bg .dark h3, .dark-grey-bg .dark .h3, .dark-grey-bg .dark h4, .dark-grey-bg .dark .h4, .dark-grey-bg .dark h5, .dark-grey-bg .dark .h5, .dark-grey-bg .dark h6, .dark-grey-bg .dark .h6, .light .dark h2, .light .dark .h2, .light .dark h3, .light .dark .h3, .light .dark h4, .light .dark .h4, .light .dark h5, .light .dark .h5, .light .dark h6, .light .dark .h6, .grad-bg .dark h2, .grad-bg .dark .h2, .grad-bg .dark h3, .grad-bg .dark .h3, .grad-bg .dark h4, .grad-bg .dark .h4, .grad-bg .dark h5, .grad-bg .dark .h5, .grad-bg .dark h6, .grad-bg .dark .h6, .color-bg .dark h2, .color-bg .dark .h2, .color-bg .dark h3, .color-bg .dark .h3, .color-bg .dark h4, .color-bg .dark .h4, .color-bg .dark h5, .color-bg .dark .h5, .color-bg .dark h6, .color-bg .dark .h6, .second-color-bg .dark h2, .second-color-bg .dark .h2, .second-color-bg .dark h3, .second-color-bg .dark .h3, .second-color-bg .dark h4, .second-color-bg .dark .h4, .second-color-bg .dark h5, .second-color-bg .dark .h5, .second-color-bg .dark h6, .second-color-bg .dark .h6 {
  color: #2A1A5A;
}
.dark-grey-bg .dark a, .light .dark a, .grad-bg .dark a, .color-bg .dark a, .second-color-bg .dark a {
  color: #010D28 !important;
}
.dark-grey-bg .dark-icon, .light .dark-icon, .grad-bg .dark-icon, .color-bg .dark-icon, .second-color-bg .dark-icon {
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(7deg) brightness(508%) contrast(102%);
}

.dark-grey-bg hr {
  border-top: 1px solid #2A1A5A;
  opacity: 1;
}

.sec-link {
  text-decoration: none;
}
.sec-link:hover {
  text-decoration: none;
}
.sec-link:hover .circle-icons {
  background: #06b8d9;
}
.sec-link:hover .circle-icons > div {
  transform: scale(1.2);
  transition: all 0.5s;
}
.sec-link:hover .circle-icons > div img {
  filter: invert(100%) sepia(0%) saturate(1%) hue-rotate(351deg) brightness(1000%) contrast(101%);
}

.light-mode .dark-grey-bg a.button.outline, .light-mode .second-color-bg a.button.outline {
  color: #010D28;
  border-color: #010D28;
}

aside {
  font-size: 18px;
  line-height: 1.2em;
}
aside a {
  color: #06b8d9;
  text-decoration: none;
}
aside a.alt {
  color: #b367ff;
}
aside a:hover {
  color: #010D28;
  text-decoration: underline;
}
aside a.button {
  font-weight: 700;
  background: #06b8d9;
  color: #000000;
  display: inline-block;
  padding: 12px 32px;
  text-align: center;
  position: relative;
  letter-spacing: 0.03em;
  font-size: 0.9rem;
  border-radius: 30px;
}
aside a.button:hover {
  text-decoration: none;
  background: #07DDFF;
}
aside.color-bg a:hover {
  color: #fff;
}
aside#loginBox {
  visibility: hidden;
  z-index: -1;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  transform: translateX(0);
  max-width: 100%;
  overflow: hidden;
}
aside#loginBox > div {
  opacity: 0%;
}
aside#loginBox select {
  border-radius: 0;
}
aside#loginBox.right-panel-active {
  visibility: visible;
  left: 65%;
  padding: 0 40px;
}
aside#loginBox.right-panel-active > div {
  opacity: 100%;
}
aside#loginBox.right-panel-active {
  z-index: 10000 !important;
  overflow-y: auto;
}
aside#loginBox #login-form input {
  border-radius: 30px !important;
}
aside#alert {
  font-weight: 600;
}
aside#alert p {
  padding: 1rem 0;
  font-size: 0.9rem;
}
aside#alert a {
  text-decoration: none;
}
aside#alert a:hover {
  text-decoration: underline;
}
aside#alert.color-bg, aside#alert .color-bg {
  color: #fff;
}
aside#alert.color-bg a, aside#alert .color-bg a {
  color: #fff;
}
aside#alert.color-bg a:hover, aside#alert .color-bg a:hover {
  color: #fff;
}

code {
  background: #000;
  display: block;
  color: #fff;
  border-radius: 6px;
  text-align: left;
  padding: 5%;
}

footer {
  background: #010D28;
  color: rgba(255, 255, 255, 0.75);
  position: relative;
}
footer .wrapper {
  max-width: 1500px;
}
footer #full-overlay {
  display: none;
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1000;
}
footer #full-overlay.on {
  display: block;
}

.footer-top {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 2rem;
  padding: 60px 0 48px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
@media only screen and (max-width: 900px) {
  .footer-top {
    flex-direction: column;
  }
}

.footer-brand {
  flex: 0 0 auto;
  max-width: 220px;
}
.footer-brand .footer-logo-link {
  display: inline-block;
}
.footer-brand img {
  display: block;
}
@media only screen and (max-width: 900px) {
  .footer-brand {
    max-width: 100%;
  }
}

.footer-tagline {
  font-size: 0.85rem;
  color: rgba(255, 255, 255, 0.55);
  margin-top: 14px;
  line-height: 1.6;
}
.footer-tagline p { /* color: #fff; */
  padding: 0.3rem 0 0.2rem;
  margin: 0;
}

.footer-nav-grid {
  flex: 1 1 auto;
  min-width: 0;
  padding: 0 2rem;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 28px;
}
@media only screen and (max-width: 900px) {
  .footer-nav-grid {
    flex: 1 1 100%;
    padding: 0;
    grid-template-columns: repeat(2, 1fr);
    gap: 28px;
  }
}
@media only screen and (max-width: 480px) {
  .footer-nav-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
}

.footer-nav-col {
  display: flex;
  flex-direction: column;
}

.f-menu-title {
  font-size: 0.9rem;
  font-weight: 600;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #06b8d9;
  padding: 0;
  margin: 0 0 14px;
  line-height: 1.3;
}

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

footer ul ul {
  padding: 0.3rem 0 0 0.6rem;
}

.footer-menu-list li {
  margin: 0 0 10px;
  line-height: 1.4;
}
.footer-menu-list li a {
  color: #eaeaea;
  text-decoration: none;
  font-size: 0.8rem;
  font-weight: 400;
  transition: color 0.2s;
}
.footer-menu-list li a:hover, .footer-menu-list li a:focus {
  color: #06b8d9;
  text-decoration: none;
}

.f-disclosures {
  font-size: 0.75rem;
  color: rgba(255, 255, 255, 0.35);
  padding: 20px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}
.f-disclosures p {
  color: rgba(255, 255, 255, 0.35);
  font-size: 0.75rem;
  padding: 0;
}

.footer-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px;
  padding: 20px 0 28px;
}
@media only screen and (max-width: 640px) {
  .footer-bottom {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
}

.footer-bottom-left {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.footer-copyright {
  font-size: 0.78rem;
  color: rgba(255, 255, 255, 0.4);
  margin: 0;
  padding: 0;
}

.footer-terms-list {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 20px;
}
.footer-terms-list li {
  margin: 0;
}
.footer-terms-list li a {
  font-size: 0.78rem;
  color: #798192;
  text-decoration: none;
}
.footer-terms-list li a:hover {
  color: #06b8d9;
}

.footer-social {
  display: flex;
  align-items: center;
  gap: 8px;
}

a.social-logo {
  width: 36px;
  height: 36px;
  background: #b367ff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: background 0.2s;
}
a.social-logo img {
  width: 16px;
  height: auto;
  display: block;
  filter: brightness(0) invert(1);
}
a.social-logo:hover, a.social-logo:focus {
  background: #06b8d9;
  text-decoration: none;
}

footer a:hover {
  color: #fff;
}

.footer-right-col {
  flex: 0 0 160px;
  max-width: 160px;
  min-width: 0;
}

a.footer-logo-link img {
  filter: invert(1);
}

.light-mode footer {
  background: #eaeaea;
  color: #010D28;
}
.light-mode footer .footer-logo-link img,
.light-mode footer .footer-logo img,
.light-mode footer img.logo {
  filter: none !important;
}
.light-mode footer .footer-top {
  border-bottom-color: rgba(1, 13, 40, 0.12);
}
.light-mode footer .f-menu-title {
  color: #010D28;
}
.light-mode footer .footer-menu-list li a {
  color: #010D28;
  text-decoration: none;
}
.light-mode footer .footer-menu-list li a:hover, .light-mode footer .footer-menu-list li a:focus {
  color: #2A1A5A;
}
.light-mode footer .footer-tagline,
.light-mode footer .footer-tagline p {
  color: rgba(1, 13, 40, 0.65);
}
.light-mode footer .footer-copyright {
  color: rgba(1, 13, 40, 0.55);
}
.light-mode footer .footer-terms-list li a {
  color: #676b76;
}
.light-mode footer .footer-terms-list li a:hover {
  color: #2A1A5A;
}
.light-mode footer .f-disclosures,
.light-mode footer .f-disclosures p {
  color: rgba(1, 13, 40, 0.55);
}
.light-mode footer .footer-bottom {
  border-top-color: rgba(1, 13, 40, 0.1);
}
.light-mode footer a.social-logo {
  background: rgba(1, 13, 40, 0.08);
}
.light-mode footer a.social-logo img {
  filter: brightness(0);
}
.light-mode footer a.social-logo:hover {
  background: #2A1A5A;
}
.light-mode footer a.social-logo:hover img {
  filter: brightness(0) invert(1);
}

.cicon {
  width: 40px;
  height: 40px;
  background: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0)), linear-gradient(141deg, rgb(32, 114, 170), rgb(107, 33, 239));
  border-radius: 40px;
  margin: 5px;
  display: flex;
  justify-content: center;
}
.cicon img {
  filter: invert(1);
}

.simple-cicon {
  width: 40px;
  height: 40px;
  background: rgba(0, 0, 0, 0.3803921569);
  border-radius: 40px;
  border: 1px solid #fff;
  margin: 5px;
  display: flex;
  justify-content: center;
}
.simple-cicon:hover {
  background: #06b8d9;
}
.simple-cicon img {
  filter: invert(1);
}

.page-numbers.current {
  text-decoration: underline;
  color: #000;
}

ul.breadcrumb, #breadcrumbs {
  margin: 0;
  padding: 0;
  font-size: 14px;
}

.breadcrumb li {
  list-style: none;
  float: left;
}

.breadcrumb span {
  padding: 0 6px;
}

img {
  max-width: 100%;
  height: auto;
  display: inline-block;
  vertical-align: bottom;
}

.post-content img {
  border-radius: 3px;
}

.image {
  border-radius: 3px;
}

.dark-overlay, .white-overlay {
  position: relative;
}

.dark-overlay:after {
  content: " ";
  position: absolute;
  background: rgba(0, 0, 0, 0.3);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 3px;
  z-index: 1;
}

.white-overlay:after {
  content: " ";
  position: absolute;
  background: rgba(255, 255, 255, 0.6);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 3px;
  z-index: 1;
}

.dark-overlay.grad:after {
  background: linear-gradient(35deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 50%);
}

.dark-overlay.bottom:after {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
}

.dark-overlay.left:after {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.8) 20%, rgba(0, 0, 0, 0.6) 33%, rgba(0, 0, 0, 0.2) 70%);
}

section.dark-overlay {
  border-radius: 0;
}
section.dark-overlay:after {
  border-radius: 0;
}

.dark-overlay.tl:before {
  content: " ";
  position: absolute;
  background: linear-gradient(151deg, rgba(0, 0, 0, 0.69) 0%, rgba(0, 0, 0, 0) 70%);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 5px;
  z-index: 1;
}

.avatar .cimg img {
  background: radial-gradient(ellipse at center top, rgb(255, 255, 255) 0%, #645D63 100%);
}

.cimg img {
  border-radius: 300px;
}

a:hover .dark-overlay, a:hover.dark-overlay, a:focus .dark-overlay, a:focus.dark-overlay {
  transform: scale(1.02);
  transition: 0.05s all;
}
a:hover .dark-overlay p, a:hover .dark-overlay h2, a:hover .dark-overlay h3, a:hover.dark-overlay p, a:hover.dark-overlay h2, a:hover.dark-overlay h3, a:focus .dark-overlay p, a:focus .dark-overlay h2, a:focus .dark-overlay h3, a:focus.dark-overlay p, a:focus.dark-overlay h2, a:focus.dark-overlay h3 {
  transform: scale(1.08);
  transition: 0.05s all;
}
a:hover .dark-overlay:after, a:hover.dark-overlay:after, a:focus .dark-overlay:after, a:focus.dark-overlay:after {
  background: rgba(0, 0, 0, 0.45);
  transition: 0.05s all;
}

.wp-caption-text, .wp-caption {
  max-width: 100%;
  font-size: 0.9rem;
  line-height: 1rem;
}

.p-scroll {
  will-change: transform;
  z-index: 1;
  position: relative;
}

.youtube-embed:before {
  content: " ";
  background: url(/wp-content/themes/oak-city/images/play.png) center no-repeat;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 100;
}
.youtube-embed:hover, .youtube-embed:focus {
  cursor: pointer;
}
.youtube-embed:hover::before, .youtube-embed:focus::before {
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(110deg) brightness(124%) contrast(114%);
}

iframe.video-holder, iframe.video {
  aspect-ratio: 16/9;
  height: 100%;
  width: 100%;
}

.video-container iframe {
  border-radius: 6px;
  box-shadow: -1px 1px 6px 3px rgba(0, 0, 0, 0.03);
  margin: 25px 0;
  aspect-ratio: 16/9;
  height: 100%;
  width: 100%;
}

.youtube-img-holder:before {
  background: rgb(245, 244, 242);
  background: linear-gradient(90deg, rgb(245, 244, 242) 0%, rgba(245, 244, 242, 0.8) 35%, rgba(245, 244, 242, 0.5) 45%, rgba(245, 244, 242, 0) 60%, rgba(245, 244, 242, 0) 100%);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: "";
  border-radius: 6px;
}

.grad-bottom:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: " ";
  background: rgba(0, 0, 0, 0.2);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 8%, rgba(0, 0, 0, 0) 36%, rgba(0, 0, 0, 0) 100%);
}

.grad-bottom.image > img {
  width: 100%;
}

.grad-left-light:before {
  background: rgb(245, 244, 242);
  background: linear-gradient(90deg, rgb(245, 244, 242) 0%, rgb(245, 244, 242) 35%, rgba(245, 244, 242, 0.5) 45%, rgba(245, 244, 242, 0) 60%, rgba(245, 244, 242, 0) 100%);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: "";
  z-index: -1;
}

.grad-left-white:before {
  background: rgb(255, 255, 255);
  background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 35%, rgba(255, 255, 255, 0.5) 45%, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0) 100%);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: "";
  z-index: -1;
}

.page-numbers {
  padding: 0 6px;
}

.freeze {
  overflow: hidden;
}

input:not([type=checkbox]):not([type=radio]),
select,
textarea {
  width: 100%;
  padding: 10px 12px;
  font-family: "poppins", sans-serif;
  font-size: 1rem;
  color: #010D28;
  background: transparent;
  border: 1px solid #cccccc;
  border-radius: 30px;
  box-sizing: border-box;
  margin-bottom: 0;
}

.dark-grey-bg input:not([type=checkbox]):not([type=radio]),
.dark-grey-bg select,
.dark-grey-bg textarea, .second-color-bg input:not([type=checkbox]):not([type=radio]),
.second-color-bg select,
.second-color-bg textarea, .grad-bg input:not([type=checkbox]):not([type=radio]),
.grad-bg select,
.grad-bg textarea, .color-bg input:not([type=checkbox]):not([type=radio]),
.color-bg select,
.color-bg textarea {
  color: #fff;
  border-color: rgba(255, 255, 255, 0.3);
}

select {
  background-image: url(/wp-content/themes/oak-city/images/chevron-down.svg);
  background-repeat: no-repeat;
  background-position: 96% 50%;
  background-size: 16px 16px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

label, legend {
  font-size: 0.9rem;
}

::-moz-placeholder {
  color: rgba(1, 13, 40, 0.5);
  font-size: 0.95rem;
}

::placeholder {
  color: rgba(1, 13, 40, 0.5);
  font-size: 0.95rem;
}

input:focus, select:focus, textarea:focus {
  outline: 2px solid #06b8d9;
  outline-offset: 1px;
}

input[type=submit],
form button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  font-family: "poppins", sans-serif;
  font-size: 0.9rem;
  font-weight: 600;
  letter-spacing: 0.03em;
  padding: 12px 32px;
  background: #06b8d9;
  color: #000000;
  border: 0;
  border-radius: 30px;
  display: inline-block;
  text-align: center;
  transition: background 0.15s, color 0.15s, transform 0.15s;
}
input[type=submit]:hover, input[type=submit]:focus,
form button:hover,
form button:focus {
  background: #07DDFF;
  color: #2A1A5A;
  transform: translateY(-2px);
  text-decoration: none;
}

.gform_wrapper {
  margin: 5px;
}

.light-mode .gform_wrapper.gravity-theme .gfield_required {
  color: #c02b0a !important;
}

.light-mode .no-lm .gform_wrapper.gravity-theme .gfield_required, .gform_wrapper.gravity-theme .gfield_required {
  color: #ff5e50 !important;
}

.gform_wrapper.gravity-theme .gfield_validation_message, .gform_wrapper.gravity-theme .validation_message {
  border: none !important;
  background: none !important;
  padding: 0 !important;
}

.gform_validation_errors {
  background: none !important;
  border-radius: 30px !important;
}

.gform-body input[type=radio] {
  width: unset !important;
}

.gform_required_legend {
  font-size: 0.85rem;
}

.gform-body li {
  list-style: none;
}

.gform_validation_container {
  display: none;
}

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

.gform_fields {
  margin: 0;
  padding: 0;
}

.gfield {
  flex-basis: 100%;
  padding-top: 10px;
}

.gfield--width-half {
  flex-basis: 48%;
}

.gform_footer.top_label {
  margin: 15px 0;
}

.gform_wrapper.gravity-theme .gform_validation_errors > ol li {
  padding: 0 !important;
}

.gform_button,
.gform_footer input[type=submit],
input.gform_button.button {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  display: inline-block;
  background: linear-gradient(135deg, rgb(42, 26, 90) 40%, rgb(74, 44, 128) 65%, rgb(179, 103, 255) 100%);
  color: #fff !important;
  border: none;
  border-radius: 30px;
  padding: 12px 32px;
  font-family: "poppins", sans-serif;
  font-size: 0.9rem;
  font-weight: 600;
  letter-spacing: 0.03em;
  text-decoration: none;
  cursor: pointer;
  transition: opacity 0.2s, background 0.2s;
  line-height: 1.4;
  text-transform: uppercase;
}
.gform_button:hover, .gform_button:focus,
.gform_footer input[type=submit]:hover,
.gform_footer input[type=submit]:focus,
input.gform_button.button:hover,
input.gform_button.button:focus {
  opacity: 0.88;
  text-decoration: none;
  color: #fff !important;
}

.gform_wrapper.gravity-theme .gform_footer input.gform_button {
  max-width: 300px;
  background: #0bb2d6 !important;
  color: #000000 !important;
}

.ginput_container_fileupload {
  border: 1px solid #cccccc;
  border-radius: 30px;
  padding: 10px;
}
.ginput_container_fileupload .gform_fileupload_rules {
  font-size: 0.85rem;
}

.light-mode select option {
  background-color: #fff;
}

select option, .light-mode .no-lm select option {
  background-color: #2A1A5A;
}

.gform_wrapper.gravity-theme .gfield input.large, .gform_wrapper.gravity-theme .gfield select.large {
  padding: 8px 20px !important;
}

.gform_wrapper.gravity-theme .gfield textarea {
  border-radius: 8px !important;
}

.gform_wrapper.gravity-theme .ginput_counter {
  color: #e9e9e9 !important;
}

.light-mode .gform_wrapper.gravity-theme .ginput_counter {
  color: #3e3e3e !important;
}
.light-mode .no-lm .gform_wrapper.gravity-theme .ginput_counter {
  color: #e9e9e9 !important;
}

li.sf-field-search input {
  padding: 10px 20px;
}

.form-section .button.simple:hover {
  color: #fff;
}

.searchandfilter ul {
  margin: 0;
}
.searchandfilter ul li {
  padding: 5px 0;
}
.searchandfilter h4 {
  padding: 5px 0 0;
}

.searchandfilter select.sf-input-select {
  border-radius: 30px;
  padding: 10px 15px;
  color: #645D63;
  font-size: 0.9rem;
  background-color: #fff;
}

.icons img {
  max-height: 100px;
  width: auto;
}

.icon-card h3 {
  font-size: 1.5rem;
  font-weight: 600;
}

aside#sb-box.sb-active, aside#b-popup.bp-active {
  display: block !important;
}

aside#b-popup h3 {
  font-size: 1.5rem;
}

aside#b-popup p {
  line-height: 1.4rem;
}

.question {
  cursor: pointer;
}

.white-bg .question {
  background-color: #eaeaea;
}

.grey-bg .question {
  background-color: #fff;
}

.question.active .arrow > img {
  transform: rotate(180deg);
}

.answer {
  display: none;
}

.answer.show {
  display: block;
}

.question:hover {
  transform: scale(1.03);
}

.question .expand {
  display: block;
}

.question .collapse {
  display: none;
}

.question.active .expand {
  display: none;
}

.question.active .collapse {
  display: block;
}

.light h1 span.sh1, .light .h1 span.sh1, .dark-grey-bg h1 span.sh1, .dark-grey-bg .h1 span.sh1, .dark-overlay h1 span.sh1, .dark-overlay .h1 span.sh1, .color-bg h1 span.sh1, .color-bg .h1 span.sh1 {
  color: #fff;
}

.fw-cta {
  padding: 80px 56px;
  position: relative;
  overflow: hidden;
}
.fw-cta::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: repeating-linear-gradient(45deg, rgba(6, 184, 217, 0.04) 0, rgba(6, 184, 217, 0.04) 1px, transparent 0, transparent 50%), repeating-linear-gradient(-45deg, rgba(6, 184, 217, 0.04) 0, rgba(6, 184, 217, 0.04) 1px, transparent 0, transparent 50%);
  background-size: 40px 40px;
  pointer-events: none;
  z-index: 0;
}
.fw-cta .cta-diamond-wm {
  position: absolute;
  top: -120px;
  right: -120px;
  width: 480px;
  height: 480px;
  opacity: 0.1;
  color: #fcfcd6;
  pointer-events: none;
}
.fw-cta h2 {
  color: #fff;
  padding: 0;
  margin-bottom: 0;
}
.fw-cta p {
  color: #fff;
  max-width: 560px;
}
.fw-cta a.button.cta-btn {
  background: #fff;
  color: #2A1A5A;
  border: none;
  font-weight: 600;
  letter-spacing: 0.03em;
  white-space: nowrap;
  transition: transform 0.15s, box-shadow 0.15s;
}
.fw-cta a.button.cta-btn:hover, .fw-cta a.button.cta-btn:focus {
  background: #fff;
  color: #2A1A5A;
  transform: translateY(-2px);
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.25);
  text-decoration: none;
}
.fw-cta a.button.outline {
  background: none !important;
  color: #fff !important;
  border: 2px solid rgba(255, 255, 255, 0.55) !important;
}
.fw-cta a.button.outline:hover, .fw-cta a.button.outline:focus {
  background: none !important;
  color: #fff !important;
  border-color: #fff !important;
  transform: translateY(-2px);
}

.cta-inner {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 60px;
  align-items: center;
  position: relative;
  z-index: 1;
}

.cta-btn-holder {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}

/*
.dark-grey-bg, .grad-bg, .color-bg, .hero-home, footer {
    .custom-logo-link img,
    .site-logo img,
    .logo img,
    .header-logo img,
    .footer-logo img,
    img.logo,
    img.custom-logo {
        filter: brightness(0) invert(1);
    }
}
*/
:root:not(.light-mode) header img.logo,
:root:not(.light-mode) header .logo img {
  filter: brightness(0) invert(1);
}

.page-id-1927 .hero-banner {
  padding-bottom: 0;
}

.single-news-hero {
  position: relative;
  overflow: hidden;
}

.single-news-bg-rings {
  position: absolute;
  top: 50%;
  right: -200px;
  transform: translateY(-50%);
  width: 700px;
  height: 700px;
  color: #06b8d9;
  opacity: 0.06;
  pointer-events: none;
  z-index: 0;
}
.single-news-bg-rings svg {
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 860px) {
  .single-news-bg-rings {
    right: -350px;
    opacity: 0.04;
  }
}

.single-news-hero-inner {
  position: relative;
  z-index: 1;
}

.single-news-meta-bar {
  margin-bottom: 16px;
}

.single-news-header {
  display: flex;
  gap: 60px;
  align-items: center;
}
@media only screen and (max-width: 860px) {
  .single-news-header {
    flex-direction: column;
    gap: 32px;
  }
}

.single-news-content {
  flex: 1;
}
.single-news-content h1 {
  color: #fff;
  padding-top: 8px;
}
.single-news-content h1 strong {
  color: #06b8d9;
}

.single-news-excerpt {
  font-size: 1.05rem;
  line-height: 1.7;
  max-width: 560px;
  padding: 0;
}

.single-news-thumb {
  flex-shrink: 0;
  width: 400px;
  border-radius: 6px;
  overflow: hidden;
}
.single-news-thumb img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 6px;
}
@media only screen and (max-width: 860px) {
  .single-news-thumb {
    width: 100%;
  }
}

.single-news-body {
  max-width: 800px;
}

.light-mode .single-news-bg-rings {
  color: #2A1A5A;
  opacity: 0.05;
}
.light-mode .single-news-content h1 {
  color: #010D28;
}

.single-event-header {
  display: flex;
  gap: 60px;
  align-items: center;
}
@media only screen and (max-width: 860px) {
  .single-event-header {
    flex-direction: column;
    gap: 32px;
  }
}

.single-event-content {
  flex: 1;
}
.single-event-content h1 {
  color: #fff;
  padding-top: 12px;
}
.single-event-content h1 strong {
  color: #06b8d9;
}

.single-event-excerpt {
  color: rgba(255, 255, 255, 0.75);
  font-size: 1.05rem;
  line-height: 1.7;
  max-width: 560px;
}

.single-event-thumb {
  flex-shrink: 0;
  width: 340px;
  height: 340px;
  border-radius: 6px;
  overflow: hidden;
}
.single-event-thumb img {
  width: 340px;
  height: 340px;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
@media only screen and (max-width: 860px) {
  .single-event-thumb {
    width: 100%;
    height: 260px;
  }
  .single-event-thumb img {
    width: 100%;
    height: 260px;
  }
}

.single-event-body {
  gap: 60px;
  align-items: flex-start;
}

.single-event-main {
  flex: 1;
}

.single-event-sidebar {
  width: 200px;
  flex-shrink: 0;
}
@media only screen and (max-width: 860px) {
  .single-event-sidebar {
    display: none;
  }
}

.single-event-sidebar-inner {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.single-event-sidebar-inner a.button {
  margin: 4px 0 0;
}

.single-event-sidebar-meta {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  margin-bottom: 4px;
}

.single-event-sidebar-row p {
  font-size: 0.9rem;
  color: rgba(255, 255, 255, 0.8);
  padding: 0;
  margin: 0;
}

.light-mode .single-event-content h1 {
  color: #010D28;
}
.light-mode .single-event-excerpt {
  color: rgba(1, 13, 40, 0.7);
}
.light-mode .single-event-sidebar-meta {
  border-bottom-color: rgba(1, 13, 40, 0.1);
}
.light-mode .single-event-sidebar-row p {
  color: rgba(1, 13, 40, 0.75);
}

.events-past-heading {
  margin-top: 72px;
  padding-top: 56px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.event-card--upcoming {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 6px;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  margin-bottom: 20px;
  transition: border-color 0.2s;
}
.event-card--upcoming:hover {
  border-color: rgba(6, 184, 217, 0.4);
}
@media only screen and (max-width: 600px) {
  .event-card--upcoming {
    flex-direction: column;
  }
  .event-card--upcoming .event-thumb-wrap {
    width: 100%;
  }
  .event-card--upcoming .event-thumb-wrap img {
    width: 100%;
    height: 200px;
  }
}

.events-past-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin-top: 8px;
}
@media only screen and (max-width: 600px) {
  .events-past-grid {
    grid-template-columns: 1fr;
  }
}

.event-card--past {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 6px;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  min-width: 0;
  text-decoration: none;
  color: inherit;
  transition: transform 0.2s, border-color 0.2s;
}
.event-card--past:hover {
  transform: translateY(-3px);
  border-color: rgba(6, 184, 217, 0.4);
  text-decoration: none;
}
.event-card--past:hover .event-title {
  color: #06b8d9;
}
.event-card--past .event-thumb-wrap {
  width: 260px;
  min-width: 260px;
  flex-shrink: 0;
  align-self: stretch;
}
.event-card--past .event-thumb-wrap img,
.event-card--past .event-thumb-wrap .event-thumb-placeholder {
  width: 260px;
  height: 100%;
  min-height: 260px;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.event-card--past .event-body {
  padding: 16px 18px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1;
  min-width: 0;
}
@media only screen and (max-width: 600px) {
  .event-card--past {
    flex-direction: column;
  }
  .event-card--past .event-thumb-wrap {
    width: 100%;
    min-width: 0;
    height: 180px;
  }
  .event-card--past .event-thumb-wrap img, .event-card--past .event-thumb-wrap .event-thumb-placeholder {
    width: 100%;
    height: 180px;
    min-height: 0;
  }
}

.event-card--upcoming .event-thumb-wrap {
  flex-shrink: 0;
  width: 260px;
  height: 260px;
}
.event-card--upcoming .event-thumb-wrap img {
  width: 260px;
  height: 260px;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.event-card--upcoming .event-thumb-wrap .event-thumb-placeholder {
  width: 260px;
  height: 260px;
}

.event-thumb-placeholder {
  width: 100%;
  height: 100%;
  background: #2A1A5A;
  display: flex;
  align-items: center;
  justify-content: center;
}
.event-thumb-placeholder svg {
  width: 40px;
  height: 40px;
  color: rgba(255, 255, 255, 0.15);
}

.event-card--upcoming .event-body {
  display: flex;
  flex-direction: column;
  gap: 12px;
  flex: 1;
  padding: 28px 32px;
}

.event-card--upcoming .event-title {
  font-size: 2rem;
  font-weight: 600;
  color: #fff;
  letter-spacing: -0.02em;
  line-height: 1.2;
  padding: 0;
  margin: 0;
}
.event-card--upcoming .event-title a {
  color: #fff;
  text-decoration: none;
}
.event-card--upcoming .event-title a:hover {
  color: #06b8d9;
}

.event-card--past .event-title {
  font-size: 1.5rem;
  font-weight: 600;
  color: #fff;
  letter-spacing: -0.01em;
  line-height: 1.3;
  padding: 0;
  margin: 0;
  text-decoration: none;
}

.event-desc {
  max-width: 850px;
}
.event-desc strong {
  color: #fff;
}

.event-card-btns {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
  margin-top: 8px;
}
.event-card-btns a.button {
  margin: 0;
}

.light-mode .events-past-heading {
  border-top-color: rgba(1, 13, 40, 0.1);
}
.light-mode .event-card--upcoming {
  background: #fff;
  border-color: rgba(1, 13, 40, 0.1);
  border-bottom-color: rgba(1, 13, 40, 0.08);
}
.light-mode .event-card--upcoming:hover {
  border-color: rgba(6, 184, 217, 0.4);
}
.light-mode .event-card--past {
  background: #fff;
  border-color: rgba(1, 13, 40, 0.1);
}
.light-mode .event-card--past:hover {
  border-color: rgba(6, 184, 217, 0.4);
}
.light-mode .event-card--upcoming .event-title,
.light-mode .event-card--past .event-title {
  color: #010D28;
}
.light-mode .event-card--upcoming .event-title a,
.light-mode .event-card--past .event-title a {
  color: #010D28;
}
.light-mode .event-desc p {
  color: rgba(1, 13, 40, 0.82);
}
.light-mode .event-desc strong {
  color: #010D28;
}

.event-card--past .arrow-link {
  margin-top: auto;
  padding-top: 8px;
}

@media only screen and (max-width: 600px) {
  .event-card--upcoming {
    flex-direction: column !important;
    gap: 16px;
  }
  .event-card--upcoming .event-thumb-wrap {
    width: 100%;
    height: 200px;
  }
  .event-card--upcoming .event-thumb-wrap img {
    width: 100%;
    height: 200px;
  }
}
.event-card-reg-cta {
  margin-top: auto;
  padding-top: 8px;
  font-size: 0.8rem;
}

.lib-type-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 36px;
}

.lib-type-btn {
  display: inline-block;
  padding: 7px 18px;
  border-radius: 30px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  background: rgba(255, 255, 255, 0.05);
  color: rgba(255, 255, 255, 0.7);
  font-family: "Prosto One", sans-serif;
  font-size: 0.8rem;
  font-weight: 500;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  text-decoration: none;
  transition: background 0.2s, border-color 0.2s, color 0.2s;
  cursor: pointer;
}
.lib-type-btn:hover {
  background: rgba(6, 184, 217, 0.12);
  border-color: rgba(6, 184, 217, 0.4);
  color: #fff;
  text-decoration: none;
}
.lib-type-btn.active {
  background: rgba(6, 184, 217, 0.2);
  border-color: rgba(6, 184, 217, 0.6);
  color: #fff;
}

.light-mode .lib-type-btn {
  border-color: rgba(1, 13, 40, 0.2);
  background: rgba(1, 13, 40, 0.04);
  color: rgba(1, 13, 40, 0.7);
}
.light-mode .lib-type-btn:hover, .light-mode .lib-type-btn.active {
  background: rgba(6, 184, 217, 0.1);
  border-color: #06b8d9;
  color: #010D28;
}

.lib-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin-bottom: 40px;
}

.vid-card {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 6px;
  overflow: hidden;
  cursor: pointer;
  transition: transform 0.2s, border-color 0.2s;
}
.vid-card[data-embed]:hover {
  transform: translateY(-4px);
  border-color: rgba(6, 184, 217, 0.4);
}
.vid-card[data-embed]:hover .vid-play-btn {
  background: rgba(6, 184, 217, 0.4);
}
.vid-card[data-embed]:hover .vid-title {
  color: #06b8d9;
}

a.vid-card--link {
  display: block;
  text-decoration: none;
  color: inherit;
}
a.vid-card--link:hover {
  transform: translateY(-4px);
  border-color: rgba(6, 184, 217, 0.4);
  text-decoration: none;
}
a.vid-card--link:hover .vid-title {
  color: #06b8d9;
}

.vid-thumb {
  position: relative;
  aspect-ratio: 16/9;
  background: #2A1A5A;
  overflow: hidden;
}
.vid-thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  transition: transform 0.3s;
}
.vid-card:hover .vid-thumb img {
  transform: scale(1.03);
}

.vid-thumb-placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #2A1A5A;
}
.vid-thumb-placeholder svg {
  width: 48px;
  height: 48px;
  color: rgba(255, 255, 255, 0.15);
}

.vid-play {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.vid-play-btn {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: rgba(6, 184, 217, 0.2);
  border: 1.5px solid rgba(6, 184, 217, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s;
  color: #06b8d9;
}
.vid-play-btn svg {
  margin-left: 3px;
}

.vid-body {
  padding: 16px;
}
.vid-body .kicker {
  color: rgba(255, 255, 255, 0.55) !important;
}
.vid-body .kicker svg {
  display: none;
}
.vid-body .kicker {
  margin-bottom: 8px;
  font-family: "Prosto One", sans-serif;
  font-size: 0.8rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.vid-title {
  font-size: 1.5rem;
  font-weight: 600;
  color: #fff;
  line-height: 1.35;
  letter-spacing: -0.01em;
  padding: 0;
  margin: 0;
  transition: color 0.2s;
}

.vid-modal {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.88);
  z-index: 9999;
  align-items: center;
  justify-content: center;
}
.vid-modal.active {
  display: flex;
}

.vid-modal-inner {
  width: min(900px, 90vw);
  aspect-ratio: 16/9;
  position: relative;
}
.vid-modal-inner iframe {
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: 6px;
}

.vid-modal-close {
  position: absolute;
  top: -40px;
  right: 0;
  background: none;
  border: none;
  color: #fff;
  font-size: 28px;
  line-height: 1;
  cursor: pointer;
  opacity: 0.7;
  padding: 4px 8px;
  transition: opacity 0.2s;
}
.vid-modal-close:hover {
  opacity: 1;
}

.light-mode .vid-card,
.light-mode a.vid-card--link {
  background: #fff;
  border-color: rgba(1, 13, 40, 0.1);
}
.light-mode .vid-card[data-embed]:hover, .light-mode .vid-card:hover,
.light-mode a.vid-card--link[data-embed]:hover,
.light-mode a.vid-card--link:hover {
  border-color: rgba(6, 184, 217, 0.4);
}
.light-mode .vid-title {
  color: #010D28;
}
.light-mode .vid-card[data-embed]:hover .vid-title,
.light-mode a.vid-card--link:hover .vid-title {
  color: #06b8d9;
}
.light-mode .vid-body .kicker {
  color: rgba(1, 13, 40, 0.72) !important;
}

@media only screen and (max-width: 860px) {
  .lib-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 540px) {
  .lib-grid {
    grid-template-columns: 1fr;
  }
}
.blog-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin-bottom: 40px;
}

.blog-card {
  background: rgba(255, 255, 255, 0.04);
  border-radius: 6px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  border: 1px solid rgba(255, 255, 255, 0.08);
  transition: transform 0.2s, border-color 0.2s;
  text-decoration: none;
}
.blog-card:hover {
  transform: translateY(-4px);
  border-color: rgba(6, 184, 217, 0.5);
  text-decoration: none;
}

.blog-thumb {
  aspect-ratio: 16/9;
  overflow: hidden;
  background: #2A1A5A;
  display: flex;
  align-items: center;
  justify-content: center;
}
.blog-thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  transition: transform 0.3s;
}
.blog-thumb svg {
  width: 40px;
  height: 40px;
  opacity: 0.15;
}
.blog-card:hover .blog-thumb img {
  transform: scale(1.03);
}

.blog-body {
  padding: 20px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.blog-card h3 {
  font-size: 1.5rem;
  font-weight: 600;
  color: #fff;
  line-height: 1.35;
  letter-spacing: -0.01em;
  padding: 0;
  margin-bottom: 8px;
  transition: color 0.2s;
}
.blog-card:hover .blog-card h3 {
  color: #06b8d9;
}

.blog-body p {
  font-size: 0.85rem;
  line-height: 1.7;
  color: rgba(255, 255, 255, 0.55);
  padding: 0;
  margin: 0;
}

.blog-pagination {
  text-align: center;
  margin-top: 20px;
}
.blog-pagination .page-numbers {
  color: rgba(255, 255, 255, 0.6);
  padding: 6px 10px;
  text-decoration: none;
}
.blog-pagination .page-numbers.current {
  color: #06b8d9;
  text-decoration: underline;
}
.blog-pagination .page-numbers:hover {
  color: #06b8d9;
}

@media only screen and (max-width: 860px) {
  .blog-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 540px) {
  .blog-grid {
    grid-template-columns: 1fr;
  }
}
.hoppr-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.hoppr-icon svg {
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 4;
}

.hoppr-icon--light {
  color: #2A1A5A;
}
.hoppr-icon--light svg {
  stroke: #2A1A5A;
}

.hoppr-icon--dark {
  color: #fff;
}
.hoppr-icon--dark svg {
  stroke: #fff;
}

.hoppr-icon--pop {
  color: #b367ff;
}
.hoppr-icon--pop svg {
  stroke: #b367ff;
}

.hoppr-icon--white-pop {
  color: #fff;
}
.hoppr-icon--white-pop svg {
  stroke: #fff;
}
.hoppr-icon--white-pop svg .icon-accent {
  stroke: #b367ff;
}

.hoppr-icon--icon {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: #b367ff;
  color: #fff;
}
.hoppr-icon--icon svg {
  stroke: #fff;
}
.hoppr-icon--icon:hover, .hoppr-icon--icon:focus {
  background: rgb(153.5, 52, 255);
  cursor: pointer;
}

.news-archive-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 40px;
}

.news-card {
  background: rgba(255, 255, 255, 0.04);
  border-radius: 6px;
  overflow: hidden;
  display: flex;
  border: 1px solid rgba(255, 255, 255, 0.08);
  transition: transform 0.2s, border-color 0.2s;
}
.news-card:hover {
  transform: translateY(-3px);
  border-color: rgba(6, 184, 217, 0.5);
}

.news-thumb {
  width: 220px;
  flex-shrink: 0;
  background: #2A1A5A;
  border-right: 1px solid rgba(255, 255, 255, 0.08);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  padding: 24px;
  text-decoration: none;
}
.news-thumb img {
  display: block;
  transition: transform 0.3s;
}
.news-card:hover .news-thumb img {
  transform: scale(1.03);
}

.news-thumb-img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  padding: 0;
}

.news-thumb-logo {
  width: 80%;
  max-width: 140px;
  height: auto;
  max-height: 60px;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
  margin: 0 auto;
  filter: invert(1) brightness(2);
}

.news-body {
  padding: 22px 24px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.news-title h3 {
  text-decoration: none;
  font-size: 1.5rem;
  font-weight: 600;
  color: #fff;
  line-height: 1.35;
  letter-spacing: -0.01em;
  padding: 0;
  margin-bottom: 8px;
  transition: color 0.2s;
}

.news-title {
  text-decoration: none;
}

.news-title:hover h3 {
  color: #06b8d9;
}

.news-body p {
  font-size: 0.85rem;
  line-height: 1.7;
  color: rgba(255, 255, 255, 0.55);
  flex-grow: 1;
  margin-bottom: 14px;
  padding: 0;
}

.news-footer {
  display: flex;
  align-items: center;
  gap: 12px;
  padding-top: 14px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  margin-top: auto;
}

.news-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.75rem;
  font-weight: 600;
  color: #06b8d9;
  text-decoration: none;
  transition: gap 0.2s, color 0.2s;
}
.news-link:hover {
  gap: 10px;
  color: #06b8d9;
  text-decoration: none;
}

.news-ext-badge {
  font-size: 0.65rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.65);
  display: flex;
  align-items: center;
  gap: 4px;
}

@media only screen and (max-width: 600px) {
  .news-card {
    flex-direction: column;
  }
  .news-thumb {
    width: 100%;
    height: 140px;
    border-right: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  }
  .news-body {
    padding: 16px;
  }
  .news-title h3 {
    font-size: 0.95rem;
  }
}
.testimonials-section {
  position: relative;
  overflow: hidden;
}
.testimonials-section::after {
  content: "";
  position: absolute;
  top: -160px;
  right: -160px;
  width: 560px;
  height: 560px;
  background: radial-gradient(circle, rgba(179, 103, 255, 0.1) 0%, transparent 65%);
  pointer-events: none;
}

.t-grid {
  gap: 16px;
  justify-content: center;
}

.t-card-wrap {
  transition: transform 0.25s;
}
.t-card-wrap:hover {
  transform: translateY(-4px);
}

.t-card {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  border: 1px solid rgba(179, 103, 255, 0.3);
  border-radius: 16px;
  padding: 28px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex-basis: calc(33.33% - 16px);
  flex-grow: 1;
  min-width: 260px;
  max-width: 900px;
  transition: border-color 0.25s;
}
.t-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #B367FF, #06B8D9);
}
.t-card:hover {
  border-color: rgba(6, 184, 217, 0.5);
}
.t-slide .t-card {
  height: 100%;
  max-width: none;
}
@media only screen and (max-width: 860px) {
  .t-card {
    flex-basis: calc(50% - 16px);
  }
}
@media only screen and (max-width: 540px) {
  .t-card {
    flex-basis: 100%;
  }
}

.t-quote {
  font-style: italic;
  font-size: 1.3rem;
  flex-grow: 1;
}
.t-quote p {
  font-style: italic;
}

.t-card-footer {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
@media only screen and (max-width: 540px) {
  .t-card-footer {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
  }
}

.t-avatar {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: linear-gradient(135deg, #b367ff, #2A1A5A);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 600;
  color: #fff;
  flex-shrink: 0;
}
.t-avatar.t-avatar-icon {
  background: rgba(255, 255, 255, 0.08);
}
.t-avatar.t-avatar-icon img {
  filter: brightness(0) invert(1);
}

.t-name {
  padding: 0;
  margin: 0;
  line-height: 1.3;
}

.t-slider-wrap {
  position: relative;
}

.t-slider {
  overflow: hidden;
}

.t-track {
  display: flex;
  transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1);
  align-items: stretch;
}

.t-slide {
  flex: 0 0 50%;
  padding: 0 10px 4px;
  box-sizing: border-box;
}
@media only screen and (max-width: 900px) {
  .t-slide {
    flex: 0 0 100%;
    padding: 0 4px 4px;
  }
}

.t-slider-controls {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  margin-top: 24px;
}

.t-prev,
.t-next {
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(179, 103, 255, 0.35);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #fff;
  transition: background 0.2s, border-color 0.2s, opacity 0.2s;
  flex-shrink: 0;
}
.t-prev svg,
.t-next svg {
  width: 18px;
  height: 18px;
}
.t-prev:hover:not(:disabled),
.t-next:hover:not(:disabled) {
  background: rgba(179, 103, 255, 0.15);
  border-color: rgba(179, 103, 255, 0.6);
}
.t-prev:disabled,
.t-next:disabled {
  opacity: 0.25;
  cursor: default;
}

.t-dots {
  display: flex;
  gap: 8px;
  align-items: center;
}

.t-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: none;
  background: rgba(255, 255, 255, 0.25);
  cursor: pointer;
  padding: 0;
  transition: background 0.2s, transform 0.2s;
}
.t-dot.active {
  background: #06b8d9;
  transform: scale(1.3);
}

.mode-toggle {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
  margin: 0 10px;
  color: #fff;
  font-size: 0;
  flex-shrink: 0;
}

.mode-toggle-track {
  width: 44px;
  height: 24px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.15);
  border: 1.5px solid rgba(255, 255, 255, 0.25);
  position: relative;
  transition: background 0.25s, border-color 0.25s;
  flex-shrink: 0;
}

.mode-toggle-thumb {
  position: absolute;
  top: 3px;
  left: 3px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #06b8d9;
  transition: transform 0.25s;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}

.light-mode .mode-toggle-track {
  background: #2A1A5A;
  border-color: #b367ff;
}

.light-mode .mode-toggle-thumb {
  transform: translateX(20px);
}

.mode-toggle-icon {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  opacity: 0.7;
  transition: opacity 0.2s;
}
.mode-toggle-icon svg {
  width: 14px;
  height: 14px;
}

.mode-toggle:hover .mode-toggle-icon {
  opacity: 1;
}

:root:not(.light-mode) .cols-boxed-section .cols-boxed-card .cols-boxed-link {
  color: #06b8d9 !important;
}
:root:not(.light-mode) .cols-boxed-section .cols-boxed-card .cols-boxed-link:hover, :root:not(.light-mode) .cols-boxed-section .cols-boxed-card .cols-boxed-link:focus {
  color: #06b8d9 !important;
}

.content-default-section {
  padding: 80px 0;
}
.content-default-section.padding-bottom {
  padding-bottom: 0;
}
.content-default-section.padding-top {
  padding-top: 0;
}
.content-default-section.padding {
  padding: 0;
}
@media only screen and (max-width: 960px) {
  .content-default-section {
    padding: 60px 0;
  }
}

@media only screen and (max-width: 860px) {
  .flexible .flex-row.row-reverse {
    flex-direction: column !important;
  }
}

.flexible .flex-row, .flexible .flex-row-stretch {
  gap: 80px;
}
@media only screen and (max-width: 860px) {
  .flexible .flex-row, .flexible .flex-row-stretch {
    gap: 40px;
  }
}

.content-default-text .kicker {
  margin-bottom: 16px;
}
.content-default-text h2 {
  padding-top: 0;
}
.content-default-text h2 + p, .content-default-text .kicker + h2 + p {
  margin-top: 0;
}

.content-default-no-image {
  max-width: 760px;
}

.content-default-image,
.content-default-media {
  display: flex;
  align-items: center;
  justify-content: center;
}
.content-default-image img,
.content-default-media img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 6px;
}
.content-default-image.circle-img img,
.content-default-media.circle-img img {
  border-radius: 50%;
  aspect-ratio: 1;
  -o-object-fit: cover;
     object-fit: cover;
}

.content-default-media--below {
  width: 100%;
  margin-top: 20px;
}
@media only screen and (max-width: 860px) {
  .content-default-media--below {
    margin-top: 24px;
  }
}

.content-default-video {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  border-radius: 6px;
  overflow: hidden;
}
.content-default-video iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.cd-vid-trigger {
  display: grid;
  cursor: pointer;
  border-radius: 6px;
  overflow: hidden;
}
.cd-vid-trigger img,
.cd-vid-trigger .cd-vid-play {
  grid-area: 1/1;
}
.cd-vid-trigger img {
  display: block;
  width: 100%;
  height: auto;
  transition: transform 0.3s;
}
.cd-vid-trigger:hover img {
  transform: scale(1.03);
}
.cd-vid-trigger:focus-visible {
  outline: 2px solid #06b8d9;
  outline-offset: 3px;
}

.cd-vid-play {
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(1, 13, 40, 0);
  transition: background 0.2s;
  pointer-events: none;
  z-index: 1;
}
.cd-vid-trigger:hover .cd-vid-play, .cd-vid-trigger:focus .cd-vid-play {
  background: rgba(1, 13, 40, 0.25);
}
.cd-vid-play .vid-play-btn {
  width: 64px;
  height: 64px;
  background: rgba(6, 184, 217, 0.25);
  border: 2px solid rgba(6, 184, 217, 0.6);
  transition: background 0.2s, transform 0.2s;
}
.cd-vid-trigger:hover .cd-vid-play .vid-play-btn {
  background: rgba(6, 184, 217, 0.5);
  transform: scale(1.1);
}

.content-default-btns {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 28px;
}

.dark-grey-bg .content-default-text .kicker, .color-bg .content-default-text .kicker {
  color: #06b8d9;
}
.dark-grey-bg .content-default-text .kicker svg, .color-bg .content-default-text .kicker svg {
  color: #06b8d9;
}

.white-bg .content-default-text .kicker, .grey-bg .content-default-text .kicker, .subtle-bg .content-default-text .kicker, .light-color-bg .content-default-text .kicker {
  color: #2A1A5A;
}
.white-bg .content-default-text .kicker svg, .grey-bg .content-default-text .kicker svg, .subtle-bg .content-default-text .kicker svg, .light-color-bg .content-default-text .kicker svg {
  color: #b367ff;
}

.foundation-models-section {
  padding: 80px 0;
  position: relative;
  overflow: hidden;
}
.foundation-models-section::after {
  content: "";
  position: absolute;
  top: -180px;
  right: -180px;
  width: 560px;
  height: 560px;
  background: radial-gradient(circle, rgba(179, 103, 255, 0.12) 0%, transparent 65%);
  pointer-events: none;
}
@media only screen and (max-width: 960px) {
  .foundation-models-section {
    padding: 60px 0;
  }
}

.fm-section-header {
  margin-bottom: 48px;
}
.fm-section-header h2 {
  color: #fff;
  overflow-wrap: break-word;
  word-break: break-word;
}
.fm-section-header h2 strong {
  color: #06b8d9;
  font-weight: inherit;
}

.fm-top-row {
  display: grid;
  grid-template-columns: 1fr 380px;
  gap: 60px;
  align-items: start;
  min-width: 0;
}
.fm-top-row > * {
  min-width: 0;
}
@media only screen and (max-width: 960px) {
  .fm-top-row {
    grid-template-columns: 1fr;
    gap: 32px;
  }
}

.fm-tpm-block {
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  padding: 28px;
  min-width: 0;
}

.fm-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.fm-pill {
  font-size: 0.85rem;
  font-weight: 500;
  color: #06b8d9;
  background: rgba(0, 0, 0, 0.12);
  border: 1px solid rgba(6, 184, 217, 0.25);
  border-radius: 20px;
  padding: 4px 12px;
  letter-spacing: 0.02em;
  word-break: break-word;
}

.fm-model-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  margin-top: 48px;
}
@media only screen and (max-width: 860px) {
  .fm-model-grid {
    grid-template-columns: 1fr;
  }
}

.fm-model-card {
  border: 1px solid rgba(6, 184, 217, 0.15);
  border-radius: 12px;
  padding: 24px;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 20px;
  min-width: 0;
  word-break: break-word;
}
.fm-model-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
}
.fm-model-card.accent-purple::before {
  background: linear-gradient(90deg, #b367ff, rgba(179, 103, 255, 0));
}
.fm-model-card.accent-teal::before {
  background: linear-gradient(90deg, #06b8d9, rgba(6, 184, 217, 0));
}

.fm-card-header {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.fm-model-card.accent-purple .kicker {
  color: #b367ff;
}

.fm-model-card.accent-teal .kicker {
  color: #06b8d9;
}

/*
.fm-card-kicker {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: $altHeadingFont;
    font-size: $kickerFontSize;
    font-weight: $kickerFontWeight;
    letter-spacing: $kickerletterSpacing;
    text-transform: uppercase;

    // Icon via CSS - matches text color
    &::before {
        content: '';
        display: block;
        flex-shrink: 0;
        width: 14px;
        height: 14px;
        background-color: currentColor;
        mask-image: url('data:image/svg+xml,%3Csvg viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg"%3E%3Cg transform="rotate(45 200 200)"%3E%3Crect x="75" y="75" width="250" height="250" fill="none" stroke="black" stroke-width="28"/%3E%3Ccircle cx="200" cy="200" r="125" fill="none" stroke="black" stroke-width="28"/%3E%3C/g%3E%3Ccircle cx="200" cy="243" r="82" fill="none" stroke="black" stroke-width="28"/%3E%3C/svg%3E');
        mask-size: contain;
        mask-repeat: no-repeat;
        mask-position: center;
        -webkit-mask-image: url('data:image/svg+xml,%3Csvg viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg"%3E%3Cg transform="rotate(45 200 200)"%3E%3Crect x="75" y="75" width="250" height="250" fill="none" stroke="black" stroke-width="28"/%3E%3Ccircle cx="200" cy="200" r="125" fill="none" stroke="black" stroke-width="28"/%3E%3C/g%3E%3Ccircle cx="200" cy="243" r="82" fill="none" stroke="black" stroke-width="28"/%3E%3C/svg%3E');
        -webkit-mask-size: contain;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: center;
    }

    .accent-purple & { color: $fm-purple; }
    .accent-teal &   { color: $accentColor; }

    // Legacy support for inline SVGs
    svg {
        display: block;
        flex-shrink: 0;
        width: 14px;
        height: 14px;
    }
}
*/
.fm-card-title {
  font-size: 2rem;
  font-weight: 500;
  color: #fff;
  line-height: 1.25;
  letter-spacing: -0.01em;
  padding: 0;
  margin: 0;
}

.fm-card-desc {
  font-size: 0.9rem;
  color: rgba(255, 255, 255, 0.75);
  line-height: 1.65;
  padding: 0;
  margin: 0;
}

.fm-stats-row {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.fm-stat {
  background: rgba(0, 0, 0, 0.33);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 8px;
  padding: 12px 14px;
  flex: 1;
  min-width: 70px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.fm-stat-num {
  font-family: "poppins", sans-serif;
  font-size: 1.15rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1;
}
.accent-purple .fm-stat-num {
  color: #b367ff;
}
.accent-teal .fm-stat-num {
  color: #06b8d9;
}

.fm-stat-lbl {
  font-size: 0.65rem;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  color: rgba(255, 255, 255, 0.7);
}

.fm-validations {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.fm-val-title {
  font-family: "Prosto One", sans-serif;
  font-size: 0.65rem;
  text-transform: uppercase;
  letter-spacing: 0.09em;
  color: rgba(255, 255, 255, 0.7);
  font-weight: 600;
  margin-bottom: 12px;
}

.fm-bar-row {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
  min-width: 0;
}

.fm-bar-name {
  font-size: 0.75rem;
  color: rgba(255, 255, 255, 0.75);
  width: 80px;
  flex-shrink: 0;
  text-align: right;
}
@media only screen and (max-width: 540px) {
  .fm-bar-name {
    width: 50px;
    font-size: 0.6rem;
  }
}

.fm-bar-track {
  flex: 1;
  min-width: 0;
  height: 6px;
  background: rgba(255, 255, 255, 0.12);
  border-radius: 3px;
  overflow: hidden;
}

.fm-bar-fill {
  height: 6px;
  border-radius: 3px;
}
.accent-purple .fm-bar-fill {
  background: #b367ff;
}
.accent-teal .fm-bar-fill {
  background: #06b8d9;
}

.fm-bar-score {
  font-size: 0.75rem;
  font-weight: 600;
  color: #fff;
  width: 28px;
  flex-shrink: 0;
}

.fm-bar-note {
  font-size: 0.7rem;
  color: rgba(255, 255, 255, 0.7);
  padding-left: 88px;
  margin-top: -4px;
  margin-bottom: 6px;
  line-height: 1.4;
}
@media only screen and (max-width: 540px) {
  .fm-bar-note {
    padding-left: 58px;
    font-size: 0.6rem;
  }
}

.hero-banner {
  padding: 5% 0 3%;
  position: relative;
  overflow: hidden;
}
.hero-banner::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: repeating-linear-gradient(45deg, rgba(6, 184, 217, 0.08) 0, rgba(6, 184, 217, 0.08) 1px, transparent 0, transparent 50%), repeating-linear-gradient(-45deg, rgba(6, 184, 217, 0.08) 0, rgba(6, 184, 217, 0.08) 1px, transparent 0, transparent 50%);
  background-size: 40px 40px;
  pointer-events: none;
}
.hero-banner::after {
  content: "";
  position: absolute;
  top: -100px;
  left: 50%;
  transform: translateX(-50%);
  width: 800px;
  height: 600px;
  background: radial-gradient(circle, rgba(179, 103, 255, 0.14) 0%, transparent 65%);
  pointer-events: none;
}

.hero-banner-inner {
  position: relative;
  z-index: 1;
  text-align: center;
  max-width: 900px;
  margin: 0 auto;
}
.hero-banner-inner.has-image {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: center;
  text-align: left;
  max-width: 1300px;
}
@media only screen and (max-width: 860px) {
  .hero-banner-inner.has-image {
    grid-template-columns: 1fr;
    text-align: center;
    max-width: 900px;
  }
}

.hero-banner-h1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: clamp(2.2rem, 4.5vw, 4rem);
  font-weight: 600;
  color: #fff !important;
  letter-spacing: -0.02em;
  line-height: 1.1;
  margin-bottom: 24px;
  padding: 0;
}
.hero-banner-h1 strong {
  color: #b367ff;
  font-weight: inherit;
}
.has-image .hero-banner-h1 {
  align-items: flex-start;
}

.hero-banner-h1 .kicker {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
  line-height: 1;
  color: #06b8d9;
}
.has-image .hero-banner-h1 .kicker {
  justify-content: flex-start;
}

.light-mode .hero-banner-h1 .kicker {
  color: #06b8d9;
}
.light-mode .hero-banner-h1 {
  color: #fff;
}
.light-mode .hero-banner-h1 strong {
  color: #06b8d9;
}

.hero-banner-text {
  margin: 0 auto 32px;
  max-width: 1000px;
}
.hero-banner-text p {
  font-size: 1.1rem;
  color: rgba(255, 255, 255, 0.85) !important;
  line-height: 1.7;
  padding: 0;
}
.has-image .hero-banner-text {
  margin-left: 0;
  margin-right: 0;
}

.hero-banner-btns {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
}
.has-image .hero-banner-btns {
  justify-content: flex-start;
}
.hero-banner-btns a.button {
  background: #06b8d9;
  color: #010D28;
}
.hero-banner-btns a.button:hover, .hero-banner-btns a.button:focus {
  background: #1bd5f7;
  color: #010D28;
  opacity: 1;
}

.arrow-link {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: rgba(255, 255, 255, 0.85);
  font-size: 0.9rem;
  font-weight: 400;
  text-decoration: none;
  letter-spacing: 0.02em;
  transition: color 0.2s;
}
.arrow-link:hover, .arrow-link:focus {
  color: #06b8d9;
  text-decoration: none;
}
.arrow-link:hover .arrow-link-arrow, .arrow-link:focus .arrow-link-arrow {
  transform: translateX(4px);
  color: #06b8d9 !important;
}

.arrow-link-arrow {
  display: inline-block;
  transition: transform 0.2s;
}

.research-grid {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.research-card {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 6px;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  transition: border-color 0.2s, transform 0.2s;
}
.research-card:hover {
  border-color: rgba(6, 184, 217, 0.4);
  transform: translateY(-2px);
}
@media only screen and (max-width: 640px) {
  .research-card {
    flex-direction: column;
  }
}

.research-card-thumb {
  flex-shrink: 0;
  width: 420px;
  align-self: stretch;
  overflow: hidden;
}
.research-card-thumb a {
  display: block;
  width: 100%;
  height: 100%;
}
.research-card-thumb img {
  width: 90%;
  height: 90%;
  -o-object-fit: contain;
  object-fit: contain;
  display: block;
  transition: transform 0.3s;
  padding: 5%;
  opacity: 0.95;
}
.research-card:hover .research-card-thumb img {
  transform: scale(1.03);
  opacity: 1;
}
@media only screen and (max-width: 860px) {
  .research-card-thumb {
    width: 280px;
  }
}
@media only screen and (max-width: 640px) {
  .research-card-thumb {
    width: 100%;
    height: 220px;
  }
  .research-card-thumb img {
    height: 220px;
  }
}

.research-card-body {
  padding: 28px 32px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex: 1;
}
@media only screen and (max-width: 640px) {
  .research-card-body {
    padding: 20px;
  }
}

.research-card-title {
  font-size: 1.6rem;
  font-weight: 600;
  color: #fff;
  letter-spacing: -0.01em;
  line-height: 1.3;
  padding: 0;
  margin: 0;
}

a.research-title-link {
  text-decoration: none;
}
a.research-title-link:hover .research-card-title {
  color: #06b8d9;
}

.research-card-excerpt p {
  font-size: 0.9rem;
  color: rgba(255, 255, 255, 0.7);
  line-height: 1.7;
  padding: 0;
  margin: 0;
}

.research-card-links {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
  margin-top: 8px;
}
.research-card-links a.button {
  margin: 0;
}
.research-card-links a.button:hover, .research-card-links a.button:focus {
  background: #fff;
  color: #2A1A5A;
}

.light-mode .research-card {
  background: #fff;
  border-color: rgba(1, 13, 40, 0.1);
}
.light-mode .research-card:hover {
  border-color: rgba(6, 184, 217, 0.4);
}
.light-mode .research-card-title {
  color: #010D28;
}
.light-mode a.research-title-link:hover .research-card-title {
  color: #06b8d9;
}
.light-mode .research-card-excerpt p {
  color: rgba(1, 13, 40, 0.78);
}
.light-mode .research-card-links a.button {
  margin: 0;
}
.light-mode .research-card-links a.button:hover, .light-mode .research-card-links a.button:focus {
  background: #2A1A5A;
  color: #fff;
}
.light-mode .research-card-links .arrow-link {
  color: #2A1A5A;
}
.light-mode .research-card-links .arrow-link:hover, .light-mode .research-card-links .arrow-link:focus {
  color: #06b8d9;
}

.hero-banner-image img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 6px;
}
@media only screen and (max-width: 860px) {
  .hero-banner-image {
    display: none;
  }
}

@media only screen and (max-width: 860px) {
  .hero-banner {
    padding: 5% 0 3%;
  }
  .hero-banner-text {
    max-width: 100%;
  }
}
@media only screen and (max-width: 600px) {
  h1, h2, h3, h4, h5, h6,
  .h1, .h2, .h3, .h4, .h5, .h6 {
    overflow-wrap: break-word;
    word-break: break-word;
  }
}
.hero-home {
  position: relative;
}
.hero-home .wrapper {
  overflow: visible;
}
.hero-home::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: repeating-linear-gradient(45deg, rgba(6, 184, 217, 0.08) 0, rgba(6, 184, 217, 0.08) 1px, transparent 0, transparent 50%), repeating-linear-gradient(-45deg, rgba(6, 184, 217, 0.08) 0, rgba(6, 184, 217, 0.08) 1px, transparent 0, transparent 50%);
  background-size: 40px 40px;
  pointer-events: none;
}

.hero-inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 60px;
  position: relative;
  z-index: 1;
}

.hero-content {
  position: relative;
  z-index: 1;
}
.hero-content h1 {
  color: #fff;
  font-size: clamp(2.2rem, 4.5vw, 4rem);
  line-height: 1.12;
  font-weight: 600;
  letter-spacing: -0.02em;
  margin-bottom: 26px;
  padding: 0;
}
.hero-content h1 strong {
  color: #06b8d9;
}
.hero-content p {
  color: rgba(255, 255, 255, 0.8);
  max-width: 460px;
}
.hero-content p strong {
  font-weight: 500;
  color: #fff;
}

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

.hero-actions {
  display: flex;
  align-items: center;
  gap: 24px;
  flex-wrap: wrap;
}

.hero-visual {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.scan-frame {
  position: relative;
  width: 560px;
  height: 560px;
}

.diamond-ring {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.diamond-ring svg {
  width: 100%;
  height: 100%;
}

@keyframes hero-spin-slow {
  to {
    transform: rotate(360deg);
  }
}
@keyframes hero-spin-rev {
  to {
    transform: rotate(-360deg);
  }
}
@keyframes hero-pulse-op {
  0%, 100% {
    opacity: 0.3;
  }
  50% {
    opacity: 0.75;
  }
}
.ring-outer {
  animation: hero-spin-slow 28s linear infinite;
  transform-origin: 280px 280px;
}

.ring-mid {
  animation: hero-spin-rev 18s linear infinite;
  transform-origin: 280px 280px;
}

.ring-inner {
  animation: hero-pulse-op 4s ease-in-out infinite;
}

.scan-icon {
  position: absolute;
  top: 110px;
  left: 110px;
  width: 340px;
  height: 340px;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}
.scan-icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}
.scan-icon svg {
  width: 100%;
  height: 100%;
}

.scan-line {
  position: absolute;
  left: 110px;
  right: 110px;
  top: 110px;
  height: 1px;
  background: linear-gradient(90deg, transparent, #fcfcd6, transparent);
  animation: scan-sweep 3s ease-in-out infinite;
  box-shadow: 0 0 10px rgba(252, 252, 214, 0.6);
  z-index: 3;
}

@keyframes scan-sweep {
  0% {
    top: 110px;
    opacity: 0;
  }
  8% {
    opacity: 1;
  }
  92% {
    opacity: 1;
  }
  100% {
    top: 450px;
    opacity: 0;
  }
}
.scan-bg-circle {
  position: absolute;
  top: 55px;
  left: 55px;
  width: 450px;
  height: 450px;
  background: transparent;
  transform: rotate(45deg);
  border-radius: 6px;
  z-index: 0;
  pointer-events: none;
}

@media only screen and (max-width: 960px) {
  .hero-inner {
    grid-template-columns: 1fr;
    min-height: auto;
    padding-top: 120px;
    padding-bottom: 60px;
    gap: 40px;
  }
  .hero-visual {
    display: none;
  }
  .hero-content p {
    max-width: 100%;
  }
}
.stats-inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  align-items: start;
}

.stats-right {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.stat-card-wrapper {
  position: relative;
  border: 1px solid rgba(179, 103, 255, 0.45);
  border-radius: 12px;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  overflow: hidden;
}

.stat-card-wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, #06b8d9 0%, #b367ff 100%);
  transform: scaleX(1);
  transform-origin: left;
}

.stat-card-wrapper:hover {
  transform: translateY(-4px);
  border-color: rgba(6, 184, 217, 0.4);
}

.stat-card {
  padding: 24px 26px;
  display: flex;
  align-items: center;
  gap: 18px;
}

.stat-num {
  font-family: "poppins", sans-serif;
  font-size: 2.1rem;
  font-weight: 700;
  color: #b367ff;
  line-height: 1;
  margin-bottom: 5px;
  letter-spacing: -0.02em;
}

.stat-desc {
  color: #fff;
  font-weight: 400;
  font-size: 0.9rem;
  padding: 0;
}

@media only screen and (max-width: 960px) {
  .stats-inner {
    grid-template-columns: 1fr;
    gap: 40px;
  }
  .stats-right {
    padding-top: 0;
  }
  .stats-section {
    padding: 60px 0;
  }
}
.features-section {
  padding: 80px 0;
  position: relative;
  overflow: hidden;
}
.features-section::before {
  content: "";
  position: absolute;
  top: -180px;
  left: -180px;
  width: 560px;
  height: 560px;
  background: radial-gradient(circle, rgba(179, 103, 255, 0.18) 0%, transparent 68%);
  pointer-events: none;
  opacity: 0.2;
}
.features-section::after {
  content: "";
  position: absolute;
  bottom: -100px;
  right: -100px;
  width: 400px;
  height: 400px;
  background: radial-gradient(circle, rgba(6, 184, 217, 0.1) 0%, transparent 65%);
  pointer-events: none;
}

.features-inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  align-items: center;
  position: relative;
  z-index: 1;
}

.features-left h2, .features-left h3, .features-left h4, .features-left h5, .features-left h6 {
  color: #fff;
}
.features-left p {
  color: rgba(255, 255, 255, 0.75);
}
.features-left li {
  color: rgba(255, 255, 255, 0.75);
}
.features-left strong {
  color: #06b8d9;
  font-weight: 500;
}

.features-right {
  display: flex;
  flex-direction: column;
}

.features-item {
  padding: 22px 0;
  border-bottom: 1px solid rgb(179, 103, 255);
}
.features-item:last-child {
  border-bottom: none;
}

.features-intro p {
  color: #fff;
}
.features-intro h2 {
  color: #fff;
}

.features-item-header {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 6px;
}

.features-item-icon {
  width: 26px;
  height: 26px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #06b8d9 !important;
}

.features-item-header h3 {
  color: #06b8d9;
  padding: 0;
}

.features-item p {
  font-size: 0.9rem;
  line-height: 1.7;
  font-weight: 300;
  color: #fff;
  padding: 0;
  margin: 0;
}

@media only screen and (max-width: 960px) {
  .features-inner {
    grid-template-columns: 1fr;
    gap: 40px;
  }
  .features-section {
    padding: 60px 0;
  }
}
.features-boxed-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.features-boxed-card {
  position: relative;
  border: 1px solid rgba(179, 103, 255, 0.45);
  border-radius: 12px;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  overflow: hidden;
}

.features-boxed-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, #06b8d9 0%, #b367ff 100%);
  transform: scaleX(1);
  transform-origin: left;
}

.features-boxed-card:hover {
  transform: translateY(-4px);
  border-color: rgba(6, 184, 217, 0.4);
}

.features-list-label {
  font-family: "Prosto One", sans-serif;
  font-size: 0.8rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin-bottom: 12px;
}

.features-boxed-item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  border-radius: 8px;
  padding: 30px 22px 20px;
}

.features-boxed-dot {
  width: 7px;
  height: 7px;
  background: #06b8d9;
  flex-shrink: 0;
  margin-top: 6px;
  transform: rotate(45deg);
  border-radius: 1px;
}

.features-boxed-item h3 {
  padding-top: 0;
  margin: 0;
  color: #fff;
}

.features-boxed-item strong {
  display: block;
  font-size: 0.85rem;
  font-weight: 600;
  color: #fff;
  letter-spacing: -0.01em;
}

.cols-boxed-section {
  padding: 5% 0;
}
.cols-boxed-section .cols-boxed-header {
  margin-bottom: 40px;
  max-width: 800px;
}
.cols-boxed-section .cols-boxed-intro h2 {
  color: #fff;
}
.cols-boxed-section .cols-boxed-intro p {
  color: rgba(255, 255, 255, 0.75);
  padding: 0;
  margin-bottom: 1rem;
}
.cols-boxed-section .flex-row-stretch {
  gap: 10px;
  flex-wrap: wrap;
}
.cols-boxed-section .sixty, .cols-boxed-section .fourty {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-shrink: 0;
  transition: transform 0.25s;
}
.cols-boxed-section .sixty:hover, .cols-boxed-section .fourty:hover {
  transform: translateY(-4px);
}
.cols-boxed-section .sixty {
  flex-basis: calc(60% - 5px);
}
.cols-boxed-section .fourty {
  flex-basis: calc(40% - 5px);
}
.cols-boxed-section .cols-boxed-card {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  padding: 28px;
  border-radius: 6px;
  border: 1px solid rgba(6, 184, 217, 0.1);
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  transition: border-color 0.25s;
}
.cols-boxed-section .cols-boxed-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #B367FF, #06B8D9);
}
.cols-boxed-section .cols-boxed-card:hover {
  border-color: rgba(6, 184, 217, 0.45);
}
.cols-boxed-section .cols-boxed-card .cols-boxed-link {
  font-size: 0.95rem;
  text-decoration: none;
  margin-top: 16px;
  transition: gap 0.2s, color 0.2s;
}
.cols-boxed-section .cols-boxed-card p.sm-txt {
  max-width: 1000px;
}
.cols-boxed-section .cols-boxed-card a.button {
  align-self: flex-start;
}
.cols-boxed-section .cols-boxed-card a.button.alt {
  background: #b367ff;
  border: none;
  color: #010D28;
}
.cols-boxed-section .cols-boxed-card a.button.alt:hover, .cols-boxed-section .cols-boxed-card a.button.alt:focus, .cols-boxed-section .cols-boxed-card a.button.alt:focus-visible {
  background: #06b8d9;
  color: #010D28;
  opacity: 1;
}
.cols-boxed-section .cols-boxed-num {
  font-family: "Prosto One", sans-serif;
  font-size: 0.7rem;
  letter-spacing: 0.08em;
  color: rgba(255, 255, 255, 0.65);
  margin-bottom: 12px;
  padding: 0;
}
.cols-boxed-section .cols-boxed-card h3 {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.35;
  letter-spacing: -0.01em;
  padding: 0;
  margin-bottom: 10px;
  color: #fff;
}
.cols-boxed-section .cols-boxed-wm {
  position: absolute;
  bottom: -14px;
  right: -14px;
  width: 80px;
  height: 80px;
  opacity: 0.12;
  pointer-events: none;
  transition: opacity 0.25s;
  color: #fcfcd6;
}
.cols-boxed-section .cols-boxed-card:hover .cols-boxed-wm {
  opacity: 0.22;
}
.cols-boxed-section .cols-boxed-btns {
  margin-top: 40px;
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  justify-content: center;
}

@media only screen and (max-width: 1149px) {
  .no-mobile {
    display: none;
  }
  .mobile-wrap {
    flex-wrap: wrap;
  }
  .mobile-wrap > .flex, .mobile-wrap > .fifty, .mobile-wrap > .full, .mobile-wrap > .twenty, .mobile-wrap > .thirty, .mobile-wrap > .thirty-three, .mobile-wrap > .fourty, .mobile-wrap > .fourty-five, .mobile-wrap > .fourty-seven, .mobile-wrap > .fourty-eight, .mobile-wrap > .fifty-five, .mobile-wrap > .sixty, .mobile-wrap > .sixty-six, .mobile-wrap > .twenty-five, .mobile-wrap > .ten, .mobile-wrap > .seventy, .mobile-wrap > .seventy-five, .mobile-wrap > .eighty, .mobile-wrap > .ninety {
    flex-basis: 100%;
  }
  .mobile-img-first .content-default-media {
    order: -1;
  }
  .ten.content-default-media {
    max-width: 150px;
    margin-right: auto;
  }
  .mobile-wrapper {
    padding: 0 5%;
  }
  .ms1150up-pr0 {
    padding-right: 0;
  }
  header {
    opacity: 1;
  }
  header .appt {
    display: none;
  }
  header .sub-menu .sub-menu {
    display: block;
  }
  .main-nav {
    border: none;
    padding: 0;
    overflow: visible;
  }
  .main-nav ul {
    min-width: auto;
    top: auto;
    background: none;
    border: none;
    box-shadow: none;
    position: relative;
  }
  #myDropdown {
    flex-flow: row wrap;
    margin-top: 10px;
    margin-bottom: 50px;
    height: 100%;
  }
  #myDropdown #menu-main-menu > li, #myDropdown .mobile-menu-item {
    border-bottom: 1px solid rgba(135, 135, 135, 0.2);
    width: 100%;
    padding: 20px 5px;
    text-align: left;
    position: relative;
  }
  #myDropdown #menu-main-menu > li > a, #myDropdown .mobile-menu-item > a {
    border-left: none;
    padding: 15px;
    text-transform: uppercase;
    font-weight: 700;
  }
  ul.sub-menu.opened {
    margin: 10px;
  }
  .dropbtn {
    border: none;
    cursor: pointer;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    float: right;
    position: relative;
    background: #fff;
  }
  .dropdown {
    position: relative;
    display: block;
    float: right;
    width: 100%;
  }
  .dropdown .show {
    width: calc(100% - 12px);
    position: fixed;
    left: 6px;
    right: 6px;
    border-radius: 6px;
    background: #010D28;
    color: #fff;
  }
  .dropdown .show a {
    color: #fff;
  }
  .dropdown .show {
    height: 100%;
    z-index: 100;
    overflow: auto;
    display: block;
    margin-top: 30px !important;
  }
  .dropdown .show ul#menu-main-menu {
    padding-top: 20px;
  }
  .dropdown .table {
    padding: 50px 3% 0;
  }
  .dropdown-content {
    display: none;
    z-index: 50;
  }
  .dropdown-content a {
    padding: 15px 34px !important;
  }
  ul.sub-menu {
    padding: 10px 0 0 30px;
  }
  ul.sub-menu > li {
    border-bottom: none !important;
    padding-bottom: 20px;
    padding-left: 20px !important;
  }
  ul.sub-menu a {
    border-bottom: none !important;
  }
  ul.sub-menu .sub-menu {
    border: none;
    box-shadow: none;
    padding: 0;
  }
  footer ul.sub-menu {
    padding: 5px 0 0 5px !important;
  }
  footer ul.sub-menu > li:first-child {
    padding: 0 !important;
  }
  .menu-item-has-children {
    padding-bottom: 10px !important;
  }
  .menu-item-has-children:after {
    content: none;
  }
  .main-navigation > li {
    padding: 20px 0 !important;
  }
  .main-navigation > li.menu-item-has-children {
    position: relative;
  }
  .main-navigation > li.menu-item-has-children:after {
    content: " ";
    background: url(/wp-content/themes/oak-city/images/down-arrow.svg) center no-repeat;
    position: absolute;
    right: 20px;
    width: 11px;
    height: 18px;
    top: 24px;
    background-size: contain;
    filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(201deg) brightness(1000%) contrast(100%);
  }
  .main-navigation > li.menu-item-has-children:focus {
    outline: none;
  }
  .main-navigation > li.menu-item-has-children:focus-visible > a:before {
    content: " ";
    border: 2px solid #b367ff;
    border-radius: 0;
    position: absolute;
    right: 13px;
    width: 20px;
    height: 21px;
    top: 19px;
  }
  .light-mode .main-navigation > li.menu-item-has-children:after {
    filter: unset;
  }
  .hamburger {
    position: relative;
    top: 4px;
    display: inline-block;
    cursor: pointer;
    transition-property: opacity, filter;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible;
  }
  .hamburger:hover {
    opacity: 0.7;
  }
  .hamburger.is-active:hover {
    opacity: 0.7;
  }
  .hamburger.is-active .hamburger-inner,
  .hamburger.is-active .hamburger-inner::before,
  .hamburger.is-active .hamburger-inner::after {
    background-color: #334F55;
  }
  .hamburger-box {
    width: 36px;
    height: 24px;
    display: inline-block;
    position: relative;
  }
  .hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -2px;
  }
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 30px;
    height: 3px;
    background-color: #06b8d9;
    border-radius: 30px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease;
  }
  .light .hamburger-inner, .light .hamburger-inner::before, .light .hamburger-inner::after {
    background-color: #fff;
  }
  .hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block;
  }
  .hamburger-inner::before {
    top: -10px;
  }
  .hamburger-inner::after {
    bottom: -10px;
  }
  .hamburger--squeeze .hamburger-inner {
    transition-duration: 0.075s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  .hamburger--squeeze .hamburger-inner::before {
    transition: top 0.075s 0.12s ease, opacity 0.075s ease;
  }
  .hamburger--squeeze .hamburger-inner::after {
    transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  .hamburger--squeeze.is-active .hamburger-inner {
    transform: rotate(45deg);
    transition-delay: 0.12s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  .hamburger--squeeze.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.075s ease, opacity 0.075s 0.12s ease;
  }
  .hamburger--squeeze.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  footer .col1, footer .col5 {
    flex-basis: 100%;
    text-align: center;
  }
  footer .social > div {
    justify-content: center;
    margin-top: 15px;
  }
}
@media only screen and (max-width: 600px) {
  blockquote {
    font-size: 1.15rem;
  }
  .no-phone, .no-phones, .no-sm-mobile {
    display: none;
  }
  .phone-center, .phones-center, .sm-mobile-center, .mobile-center {
    text-align: center;
  }
  .phone-center ul, .phone-center ol, .phones-center ul, .phones-center ol, .sm-mobile-center ul, .sm-mobile-center ol, .mobile-center ul, .mobile-center ol {
    text-align: left;
  }
  .wrapper, .lg-wrapper, .fw-wrapper, .thin-wrapper, .narrow, .xtra-narrow {
    padding: 5%;
  }
  .fw-wrapper > div {
    padding-left: 30px;
    padding-right: 30px;
  }
  .phone-wrap, .flex-wrap, .sm-mobile-wrap, .phones-wrap {
    flex-wrap: wrap;
  }
  .phone-wrap > .flex, .phone-wrap > .fifty, .phone-wrap > .full, .phone-wrap > .twenty, .phone-wrap > .thirty, .phone-wrap > .thirty-three, .phone-wrap > .fourty, .phone-wrap > .fourty-five, .phone-wrap > .fourty-seven, .phone-wrap > .fourty-eight, .phone-wrap > .fifty-five, .phone-wrap > .sixty, .phone-wrap > .sixty-six, .phone-wrap > .twenty-five, .phone-wrap > .ten, .phone-wrap > .seventy, .phone-wrap > .seventy-five, .phone-wrap > .eighty, .phone-wrap > .ninety, .flex-wrap > .flex, .flex-wrap > .fifty, .flex-wrap > .full, .flex-wrap > .twenty, .flex-wrap > .thirty, .flex-wrap > .thirty-three, .flex-wrap > .fourty, .flex-wrap > .fourty-five, .flex-wrap > .fourty-seven, .flex-wrap > .fourty-eight, .flex-wrap > .fifty-five, .flex-wrap > .sixty, .flex-wrap > .sixty-six, .flex-wrap > .twenty-five, .flex-wrap > .ten, .flex-wrap > .seventy, .flex-wrap > .seventy-five, .flex-wrap > .eighty, .flex-wrap > .ninety, .sm-mobile-wrap > .flex, .sm-mobile-wrap > .fifty, .sm-mobile-wrap > .full, .sm-mobile-wrap > .twenty, .sm-mobile-wrap > .thirty, .sm-mobile-wrap > .thirty-three, .sm-mobile-wrap > .fourty, .sm-mobile-wrap > .fourty-five, .sm-mobile-wrap > .fourty-seven, .sm-mobile-wrap > .fourty-eight, .sm-mobile-wrap > .fifty-five, .sm-mobile-wrap > .sixty, .sm-mobile-wrap > .sixty-six, .sm-mobile-wrap > .twenty-five, .sm-mobile-wrap > .ten, .sm-mobile-wrap > .seventy, .sm-mobile-wrap > .seventy-five, .sm-mobile-wrap > .eighty, .sm-mobile-wrap > .ninety, .phones-wrap > .flex, .phones-wrap > .fifty, .phones-wrap > .full, .phones-wrap > .twenty, .phones-wrap > .thirty, .phones-wrap > .thirty-three, .phones-wrap > .fourty, .phones-wrap > .fourty-five, .phones-wrap > .fourty-seven, .phones-wrap > .fourty-eight, .phones-wrap > .fifty-five, .phones-wrap > .sixty, .phones-wrap > .sixty-six, .phones-wrap > .twenty-five, .phones-wrap > .ten, .phones-wrap > .seventy, .phones-wrap > .seventy-five, .phones-wrap > .eighty, .phones-wrap > .ninety {
    flex-basis: 100%;
  }
  .ten.content-default-media {
    max-width: 100px;
  }
  .col4, .col3 {
    flex-basis: 100%;
  }
  .right-pad {
    padding-bottom: 5%;
  }
  .com-img {
    min-height: 180px;
  }
  .single-post .wrapper, .single-post .narrow {
    padding: 2%;
  }
  ul, ol {
    margin-left: 20px;
  }
  .table-responsive {
    width: 90vw;
  }
  .left-box, .single .link-box {
    margin: 5px;
  }
  #recentposts {
    padding: 5px;
  }
  .hero-banner-inner, .hero-banner-h1, .hero-banner-h1 .kicker, .hero-banner-btns {
    text-align: left;
    justify-content: start;
    align-items: start;
  }
  header .logo {
    padding: 5px 5px 5px 15px;
  }
  header #search-here {
    left: 0;
  }
  header.sticky .header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: #010D28 !important;
  }
  header.sticky .header else {
    background: #fff !important;
  }
  header.sticky .header {
    opacity: 1;
  }
  header a.button {
    padding: 10px 25px;
  }
  .admin-bar header.sticky {
    top: 0px;
  }
  h1, .h1 {
    font-size: 2.1rem;
  }
  h1.heading-font, .h1.heading-font {
    font-size: 1.7rem;
  }
  h2, .h2 {
    font-size: 2.1rem;
    padding-bottom: 5px;
  }
  h3, .h3 {
    font-size: 1.7rem;
  }
  h4, .h4 {
    font-size: 1.5rem;
  }
  h5, .h5 {
    font-size: 1.4rem;
  }
  h6, .h6 {
    font-size: 1.2rem;
  }
  h1 sup {
    position: relative;
    top: -0.8rem;
  }
  .sidx-container .sidx-medium-screen .sidx-listing-details .sidx-columns .sidx-left-column .sidx-reversing > * {
    width: 100%;
  }
  .wp-singular.page .sidx-container .sidx-listing-details .sidx-list-items {
    width: 90vw;
    padding-top: 10px;
  }
  .sidx-container .sidx-listing-details .sidx-columns .sidx-metrics .sidx-metric .sidx-value {
    font-size: 1.5em;
  }
  #heading .button {
    flex-basis: 100%;
  }
  a.button {
    margin-bottom: 10px !important;
  }
  a.button:not(.simple):not(.outline) {
    min-width: 150px;
  }
  .ms600down-p2010 {
    padding: 20px 10px;
  }
  .blog-tile .text {
    text-align: center;
  }
  .jump-links {
    flex-wrap: nowrap;
    display: flex;
    overflow-x: scroll;
  }
  .jump-links .jump-links a.outline.button.skip-link {
    border: none;
    min-width: unset;
    white-space: nowrap;
    padding: 0 !important;
  }
  .jump-links .jump-links a.outline.button.skip-link:after {
    content: " | ";
    margin-left: 5px;
  }
  .youtube-embed:before {
    width: 50px;
    height: 50px;
    background-size: contain;
    left: calc(50% - 25px) !important;
    top: 70px !important;
  }
  footer .col2, footer .col3, footer .col4, footer .col5 {
    flex-basis: 100%;
    margin-top: 20px;
    text-align: center;
  }
  footer .social {
    text-align: center;
  }
  footer .social > div {
    justify-content: center;
  }
  .cat {
    min-width: 48px;
    min-height: 48px;
    justify-content: center;
    align-items: center;
    display: flex;
  }
  .cat > a {
    padding: 12px;
  }
  .p-title {
    min-width: 48px;
    min-height: 48px;
  }
  .p-title > a {
    padding: 12px;
  }
  .std-cols {
    padding: 5%;
  }
  .p-pt-20 {
    padding-top: 20px;
  }
  .fw-cta {
    padding: 48px 5%;
  }
  .cta-btn-holder {
    flex-direction: column;
    align-items: stretch;
  }
  .cta-btn-holder a.button {
    text-align: center;
  }
}
@media only screen and (max-width: 800px) {
  .mode-toggle {
    margin-left: auto;
  }
  .fw-cta {
    padding: 10% 5%;
  }
  .cta-inner {
    grid-template-columns: 1fr;
    gap: 28px;
  }
  .cta-btn-holder {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .p-scroll {
    transform: none !important;
  }
  .ms800down-h-unset {
    height: unset !important;
  }
  .ms800down-p5 {
    padding: 5%;
  }
  .ms800down-p10 {
    padding: 10%;
  }
  .ms800down-pt-280 {
    padding-top: 280px;
  }
  .ms800down-btrr0 {
    border-top-right-radius: 0;
  }
  .ms800down-btlr0 {
    border-top-left-radius: 0;
  }
  .ms800down-bbrr0 {
    border-bottom-right-radius: 0;
  }
  .ms800down-bblr0 {
    border-bottom-left-radius: 0;
  }
  .ms800down-jc-center {
    justify-content: center;
  }
  .ms800down-ta-center {
    text-align: center;
  }
  .ms800down-no-bg {
    background: unset;
  }
  .ms800down-m0auto {
    margin: 0 auto;
  }
  .gform_wrapper.gravity-theme .ginput_container_image_choice .gchoice {
    inline-size: 290px !important;
    max-inline-size: 290px !important;
    margin: 0 auto;
  }
  footer ul#menu-terms-menu {
    justify-content: center;
  }
  footer ul#menu-terms-menu a {
    padding: 5px;
  }
}
@media only screen and (min-width: 601px) and (max-width: 800px) {
  .no-sm-mobile {
    display: none;
  }
  .sm-mobile-center {
    text-align: center;
  }
  .sm-mobile-center ul, .sm-mobile-center ol {
    text-align: left;
  }
  .std-cols {
    padding: 5%;
  }
  .sm-mobile-wrap {
    flex-wrap: wrap;
  }
  .sm-mobile-wrap > .flex, .sm-mobile-wrap > .fifty, .sm-mobile-wrap > .full, .sm-mobile-wrap > .twenty, .sm-mobile-wrap > .thirty, .sm-mobile-wrap > .thirty-three, .sm-mobile-wrap > .fourty, .sm-mobile-wrap > .fourty-five, .sm-mobile-wrap > .fourty-seven, .sm-mobile-wrap > .fourty-eight, .sm-mobile-wrap > .fifty-five, .sm-mobile-wrap > .sixty, .sm-mobile-wrap > .sixty-six, .sm-mobile-wrap > .twenty-five, .sm-mobile-wrap > .ten, .sm-mobile-wrap > .seventy, .sm-mobile-wrap > .seventy-five, .sm-mobile-wrap > .eighty > .ninety {
    flex-basis: 100%;
  }
  .sm-mobile-wrap .right-pad {
    padding: 0 0 50px 0 !important;
  }
  h1 sup {
    position: relative;
    top: -1rem;
  }
  .com-img {
    min-height: 230px;
  }
  .np-pt-20 {
    padding-top: 20px;
  }
}
@media only screen and (min-width: 601px) and (max-width: 1149px) {
  .mobile-center {
    text-align: center;
  }
  .mobile-center ul, .mobile-center ol {
    text-align: left;
  }
  a#home {
    padding: 0 10px;
  }
  footer .col2, footer .col3, footer .col4 {
    flex-basis: 33%;
    text-align: center;
    margin-top: 20px;
  }
}
@media only screen and (min-width: 801px) and (max-width: 1149px) {
  button#dropbtn {
    padding-right: 20px;
  }
  h1 sup {
    position: relative;
    top: -1.2rem;
  }
  .com-img {
    min-height: 340px;
  }
  .vq-txt {
    font-size: 1.8rem;
    line-height: 2.3rem;
  }
  .vq-author {
    font-size: 1.2rem;
  }
  .gform_wrapper.gravity-theme .ginput_container_image_choice .gchoice {
    inline-size: 350px !important;
    max-inline-size: 350px !important;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 801px) {
  .sm-mobile-only {
    display: none;
  }
  .std-cols {
    padding: 5% 10%;
  }
  .step-details {
    padding-top: 40px;
  }
  .no-results {
    min-height: 800px;
  }
  .fw-cta div#gform_fields_7 {
    display: flex;
  }
  .fw-cta div#field_7_1, div#field_7_5, div#field_7_4 {
    flex-basis: 30%;
  }
  .ms800up-w80 {
    width: 80%;
  }
  .ms800up-l-10 {
    left: -10%;
  }
  .ms800up-p10 {
    padding: 10%;
  }
  .ms800up-p15 {
    padding: 15%;
  }
  .ms800up-pl20 {
    padding-left: 20%;
  }
  .ms800up-pr20 {
    padding-right: 20%;
  }
  .ms800up-pl0 {
    padding-left: 0;
  }
  .ms800up-bbrr0 {
    border-bottom-right-radius: 0;
  }
  .ms800up-btrr0 {
    border-top-right-radius: 0;
  }
  .ms800up-jc-end {
    justify-content: end;
  }
  .ms800up-mw60vw {
    max-width: 60vw;
  }
  .ms800up-w250px {
    width: 250px !important;
  }
  .ms800up-mh450px {
    min-height: 450px;
  }
  .ms800up-m-15-4 {
    margin: 15% 4%;
  }
  .wp-singular.page .sidx-container .mortgage-calculator {
    float: right;
    width: 340px;
    margin-left: 30px;
  }
  .wp-singular.page .sidx-container .sidx-listing-details .sidx-columns .sidx-listing-heading h1 {
    font-size: 2.4rem;
    padding-top: 0;
  }
  .wp-singular.page .sidx-container .sidx-listing-details .sidx-columns .sidx-listing-heading .sidx-address-1, .wp-singular.page .sidx-container .sidx-listing-details .sidx-columns .sidx-listing-heading .sidx-address-2 {
    font-weight: 700;
    display: inline;
    padding-right: 10px;
  }
  .wp-singular.page .sidx-container .sidx-listing-details .sidx-columns .sidx-left-column .sidx-reversing + .sidx-reversing {
    width: 50vw;
    float: left;
    margin-right: 3%;
    max-width: 650px;
  }
  .wp-singular.page .sidx-container .sidx-listing-details .sidx-list-items {
    width: 25vw;
    float: left;
    padding-top: 50px;
    border: none;
  }
}
@media only screen and (min-width: 601px) {
  .phone-only, .phones-only {
    display: none;
  }
  h2, .h2 {
    font-size: 2.4rem;
  }
  h3, .h3 {
    font-size: 2rem;
  }
  h4, .h4 {
    font-size: 1.6rem;
  }
  h5, .h5 {
    font-size: 1.5rem;
  }
  h6, .h6 {
    font-size: 1.3rem;
  }
  .left-pad {
    padding-left: 10%;
  }
  .right-pad {
    padding-right: 10%;
  }
  .row-reverse .right-pad {
    padding-left: 10%;
  }
  .left-box {
    opacity: 1;
  }
  .ms600up-p3040 {
    padding: 30px 40px;
  }
  header #search-here {
    width: 250px;
    border-bottom-left-radius: 5px;
  }
  header.sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    opacity: 0.95;
    background: #010D28 !important;
  }
  header.sticky else {
    background: #fff !important;
  }
  header.sticky:hover {
    opacity: 1;
  }
  .h-icon:hover + a {
    color: #231F20;
  }
  .footer .content {
    max-width: 230px;
    margin: 0 auto;
  }
  .gfield_checkbox {
    display: flex;
    flex-wrap: wrap;
  }
  .gfield_checkbox > div {
    white-space: nowrap;
    margin: 0 10px;
  }
}
@media only screen and (min-width: 801px) and (max-width: 904px) {
  .sidx-container .sidx-medium-screen .sidx-listing-details .sidx-columns .sidx-left-column .sidx-reversing > * {
    width: 100%;
  }
  .wp-singular.page .sidx-container .sidx-listing-details .sidx-list-items {
    width: 80vw;
    padding-top: 10px;
  }
}
@media only screen and (min-width: 905px) and (max-width: 1149px) {
  .sidx-carousel {
    max-width: 450px;
  }
  .wp-singular.page .sidx-container .sidx-listing-details .sidx-list-items, .wp-singular.page .sidx-container .sidx-listing-details .sidx-columns .sidx-left-column .sidx-reversing + .sidx-reversing {
    clear: both;
    width: 80vw;
    padding-top: 10px;
  }
}
@media only screen and (min-width: 1150px) {
  .mobile-only {
    display: none;
  }
  .wrapper {
    max-width: 1300px;
  }
  h2, .h2 {
    font-size: 2.7rem;
  }
  .narrow {
    max-width: 900px;
  }
  .xtra-narrow {
    max-width: 500px;
  }
  .no-desktop {
    display: none !important;
  }
  .no-r-pad > a {
    padding-right: 0 !important;
  }
  h1 sup {
    position: relative;
    top: -1.5rem;
  }
  .single-post h2, .single-post .h2 {
    font-size: 2.5rem;
  }
  .left-box {
    width: 230px;
  }
  .left-box.sticky {
    position: fixed;
  }
  .sidebar-box {
    overflow-y: scroll;
    max-height: 70vh;
  }
  .sidebar-box::-webkit-scrollbar {
    width: 6px;
  }
  .sidebar-box::-webkit-scrollbar-track {
    border-radius: 8px;
    background-color: #eaeaea;
    border: 1px solid #eaeaea;
  }
  .sidebar-box::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background-color: #010D28;
  }
  .bsb {
    max-width: 350px;
  }
  .com-img {
    min-height: 300px;
  }
  .header {
    height: 80px;
  }
  div#myDropdown {
    max-width: 550px;
    margin-left: auto;
  }
  header {
    height: 80px;
  }
  header:not(.sticky) .light :not(.sub-menu) a {
    color: #fff;
  }
  header:not(.sticky) .light :not(.sub-menu) a:hover {
    color: #fff;
  }
  header:not(.sticky) .light :not(.sub-menu) a.button.simple {
    border-color: #fff;
  }
  header:not(.sticky) .light :not(.sub-menu) a.button.simple:hover {
    border-color: #06b8d9;
  }
  header .main-navigation > li.menu-item-has-children > a:after {
    filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(201deg) brightness(1000%) contrast(100%);
  }
  header .header {
    max-width: 1300px;
    margin: 0 auto;
  }
  header .dropbtn {
    display: none;
  }
  header .main-navigation > li.menu-item-has-children:focus {
    outline: none;
  }
  header .main-navigation > li.menu-item-has-children:focus:not(:hover) > a:before {
    content: " ";
    border: 2px solid #06b8d9;
    border-radius: 0;
    position: absolute;
    right: 1px;
    width: 14px;
    height: 14px;
    top: 30%;
  }
  header .main-navigation > li.menu-item-has-children.current-menu-parent:focus:not(:hover) > a:before {
    top: unset;
  }
  header .main-navigation > li.menu-item-has-children > a {
    position: relative;
    padding-right: 22px !important;
  }
  header .main-navigation > li.menu-item-has-children > a:after {
    content: " ";
    background: url(/wp-content/themes/oak-city/images/down-arrow.svg) center no-repeat;
    position: absolute;
    right: 5px;
    width: 11px;
    height: 15px;
    top: 35%;
    background-size: contain;
  }
  header .main-nav {
    flex-grow: 6;
    font-size: 1.125rem;
  }
  header .main-nav ul {
    max-width: 800px;
    margin: 0 auto;
    flex-direction: row;
    display: flex;
  }
  header .main-nav ul .sub-menu {
    display: none;
    top: 30px;
    padding: 20px 30px;
    border-radius: 0;
    min-width: 250px;
  }
  header .main-nav ul .sub-menu.opened {
    display: block !important;
    position: absolute;
    z-index: 10;
    background: #010D28;
    color: rgba(255, 255, 255, 0.85);
    box-shadow: -1px 1px 6px 3px rgba(0, 0, 0, 0.03);
  }
  header .main-nav ul .sub-menu.opened li {
    padding: 6px 0;
    display: block;
  }
  header .main-nav ul .sub-menu.opened li a {
    padding: unset;
    color: rgba(255, 255, 255, 0.85);
  }
  header .main-nav ul .sub-menu.opened li a:hover {
    color: #06b8d9;
    text-decoration: underline;
  }
  header .main-nav ul .sub-menu.opened .sub-menu {
    position: relative;
    top: 0;
    padding: 0 0 0 20px;
    display: block;
    box-shadow: none;
  }
  header .main-nav li {
    list-style: none;
    display: inline-block;
    flex-grow: 1;
    position: relative;
  }
  header .main-nav li a {
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
  }
  header .main-nav li:hover > a {
    color: #06b8d9;
    text-decoration: none;
  }
  header .main-nav li:hover .sub-menu {
    display: block;
    position: absolute;
    z-index: 10;
    background: #010D28;
    color: rgba(255, 255, 255, 0.85);
    box-shadow: -1px 1px 6px 3px rgba(0, 0, 0, 0.03);
  }
  header .main-nav li:hover .sub-menu li {
    padding: 6px 0;
    line-height: 1.15rem;
    display: block;
  }
  header .main-nav li:hover .sub-menu li a {
    padding: 0;
    color: rgba(255, 255, 255, 0.85);
  }
  header .main-nav li:hover .sub-menu li a:hover {
    color: #06b8d9;
    text-decoration: underline;
  }
  header .main-nav li:hover .sub-menu .sub-menu {
    position: relative;
    top: 0;
    padding: 0 0 0 20px;
    box-shadow: none;
  }
  header ul#menu-main-menu > li.current-menu-item > a:before, header ul#menu-main-menu > li.current-page-parent.menu-item-has-children > a:before, header ul#menu-main-menu > li.current-page-ancestor.menu-item-has-children > a:before {
    content: " ";
    position: absolute;
    height: 2px;
    background: #06b8d9;
    width: 100%;
    bottom: 7px;
  }
  div#search-here li.sf-field-submit {
    display: none;
  }
  .sidx-carousel {
    max-width: 640px;
  }
  .sidebar-box {
    width: 260px;
    font-size: 0.95rem;
    line-height: 1.4rem;
  }
  .step-details {
    display: none;
    padding-top: 40px;
  }
  .step-details.show-step {
    display: block;
  }
  .gform_wrapper.gravity-theme .ginput_container_image_choice .gchoice {
    inline-size: 225px !important;
    max-inline-size: 225px !important;
    margin: 0 auto;
  }
  .img-over {
    right: -30px !important;
  }
  .vq-txt {
    font-size: 2.5rem;
    line-height: 3.2rem;
  }
  .vq-author {
    font-size: 1.4rem;
  }
  .video-container {
    padding: 0 8%;
  }
  aside#loginBox {
    left: 90%;
    transition: all 0.4s ease-in-out;
  }
  aside#loginBox > div {
    display: none;
    opacity: 0%;
    transition: all 0.2s ease-in-out;
  }
  aside#loginBox > div > div {
    padding-top: 6vh !important;
  }
  aside#loginBox.right-panel-active {
    left: 65%;
  }
  aside#loginBox.right-panel-active > div {
    display: block;
  }
  aside#sb-box {
    top: 20vh;
    left: 10vw;
    right: 10vw;
    bottom: 20vw;
  }
  aside#b-popup {
    top: 40vh;
    left: 10vw;
    right: 10vw;
  }
  .fw-cta {
    padding: 80px 56px;
  }
}
@media only screen and (min-width: 1281px) {
  header .logo {
    margin-right: 3%;
  }
  .sidx-carousel {
    max-width: 780px;
  }
  .sidebar-box {
    overflow-y: unset;
    max-height: unset;
  }
  .com-img {
    min-height: 400px;
  }
  .gform_wrapper.gravity-theme .ginput_container_image_choice .gchoice {
    inline-size: 275px !important;
    max-inline-size: 275px !important;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 1650px) {
  .sidx-carousel {
    max-width: 1000px;
  }
  .sidx-call {
    position: absolute;
    top: 70px;
    right: 0;
    padding: 50px 40px !important;
    width: 410px;
  }
  .com-img {
    min-height: 400px;
  }
  .gform_wrapper.gravity-theme .ginput_container_image_choice .gchoice {
    inline-size: 340px !important;
    max-inline-size: 340px !important;
  }
}
@media print {
  .no-print {
    display: none !important;
  }
  .button {
    display: none !important;
  }
  h1 {
    text-align: center;
  }
  h1, h2, h3, h4, h5, h6 {
    color: #000 !important;
  }
  p, li, div, span {
    color: #000 !important;
  }
  div {
    height: auto !important;
    min-height: unset !important;
    max-height: unset !important;
    min-width: unset !important;
    max-width: unset !important;
  }
  div#heading {
    padding: 0 !important;
  }
  .flex-row-center {
    align-items: flex-start !important;
  }
  .double-space p, .double-space li {
    line-height: 1.5rem !important;
  }
  header {
    position: relative !important;
    border: 0 !important;
    box-shadow: 0px 0px !important;
    background: none;
  }
  footer .col1 {
    flex-basis: 100%;
    text-align: center;
  }
  .wow {
    visibility: visible !important;
  }
  .grad-bottom.image > div {
    position: relative !important;
    bottom: 0 !important;
    left: 0 !important;
  }
  .grad-bottom.image > div > div {
    text-align: center !important;
  }
  .flexible img {
    max-width: 95% !important;
  }
  .grad-bottom:before {
    display: none !important;
  }
  .list-overlay {
    position: relative !important;
    left: 0 !important;
  }
  .fifty.image.img-result {
    opacity: 1 !important;
    position: relative !important;
    top: auto !important;
  }
  .answer {
    display: block !important;
  }
  div#hidden {
    display: block !important;
  }
}
@page {
  margin: 2cm 1.5cm;
}
@page :first {
  margin: 1cm 1.5cm 2cm;
}
.hov-large:hover {
  transform: scale(1.03);
  transition: all 0.1s;
}

.hov-shadow:hover {
  box-shadow: 0px 4px 8px 4px rgba(0, 0, 0, 0.2) !important;
}

@property --p {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
.pie {
  --p:20;
  --b:13px;
  --c:#ff8f1c;
  --w:200px;
  width: var(--w);
  aspect-ratio: 1;
  position: relative;
  display: inline-grid;
  margin: 5px;
  place-content: center;
}

.pie:before,
.pie:after {
  content: "";
  position: absolute;
  border-radius: 50%;
}

.pie:before {
  inset: 0;
  background: radial-gradient(farthest-side, var(--c) 98%, #293241) top/var(--b) var(--b) no-repeat, conic-gradient(var(--c) calc(var(--p) * 1%), #293241 0);
  -webkit-mask: radial-gradient(farthest-side, rgba(0, 0, 0, 0) calc(99% - var(--b)), #000 calc(100% - var(--b)));
  mask: radial-gradient(farthest-side, rgba(0, 0, 0, 0) calc(99% - var(--b)), #000 calc(100% - var(--b)));
}

.pie:after {
  inset: calc(50% - var(--b) / 2);
  background: var(--c);
  transform: rotate(calc(var(--p) * 3.6deg)) translateY(calc(50% - var(--w) / 2));
}

.animate {
  animation: p 1s 0.5s both;
}

.no-round:before {
  background-size: 0 0, auto;
}

.no-round:after {
  content: none;
}

@keyframes p {
  from {
    --p:0;
  }
}
.light a.button.outline {
  border-color: #fff;
  color: #fff;
}

@media only screen and (max-width: 1250px) {
  .h-link {
    padding: 8px !important;
  }
  .h-link a {
    font-size: 1.1rem;
  }
}
.circle-icons img {
  height: 34px;
  width: auto;
  border-radius: 0 !important;
  margin-top: 10px !important;
}

.circle-icons {
  width: 68px;
  height: 68px;
  margin: 0 auto;
}
.circle-icons > div {
  width: 68px;
  height: 68px;
  border-radius: 50%;
  border: solid 2px #fff;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  position: relative;
}
.circle-icons > div::before {
  content: "";
  position: absolute;
  inset: -2px;
  border: 2px solid #fff;
  transform: rotate(45deg);
  border-radius: 2px;
  pointer-events: none;
}

.light .simple-cta, .dark-grey-bg .simple-cta {
  background: #000;
  border-color: #2A1A5A;
}

.light-bg .simple-cta, .dark .simple-cta, .white-bg .simple-cta, .grey-bg .simple-cta {
  background: #fff;
  border-color: #010D28;
}

.color-bg .simple-cta {
  background: #000;
  border-color: #b367ff;
}

.default-w-img {
  filter: invert(100%) sepia(81%) saturate(0%) hue-rotate(249deg) brightness(119%) contrast(101%);
}

.bg-hov-white:hover, .bg-hov-white:focus {
  background: #fff;
}
.bg-hov-white:hover > div, .bg-hov-white:focus > div {
  background: #fff;
}

.sb-hover:hover, .sb-hover:focus {
  box-shadow: -3px 3px 8px 5px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: -3px 3px 8px 5px rgba(0, 0, 0, 0.05);
  border-color: rgb(245, 244, 242) !important;
  transform: scale(1.03);
  transition: all 0.05s;
}
.sb-hover:hover .default-w-img, .sb-hover:focus .default-w-img {
  filter: none;
}
.sb-hover:hover .hover-w-bg, .sb-hover:focus .hover-w-bg {
  background: #fff;
}
.sb-hover:hover .hover-c-bg, .sb-hover:focus .hover-c-bg {
  background: #2A1A5A;
}
.sb-hover:hover h2, .sb-hover:hover h3, .sb-hover:focus h2, .sb-hover:focus h3 {
  color: #fff;
}

.avatar > img {
  border-radius: 60px;
}

.shadow-box.dark-grey-bg {
  box-shadow: 3px 3px #b367ff;
}

.highlight-box {
  border: 1px solid #eaeaea;
  border-radius: 4px;
  margin-top: 20px;
  padding: 3% 5%;
}

div#heading.grad-bg:after {
  position: absolute;
  content: " ";
  background: linear-gradient(90deg, rgb(0, 0, 0) 25%, rgba(0, 0, 0, 0) 90%);
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
  opacity: 0.2;
}

video {
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.video-wrapper {
  position: relative;
  overflow: hidden;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.video-wrapper:before {
  position: absolute;
  content: " ";
  background: #000;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
  opacity: 0.4;
}

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

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.a-holder {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.the-arrow {
  width: 1px;
  transition: all 0.2s;
}
.the-arrow.-left {
  position: absolute;
  bottom: 1.5rem;
  left: 0;
}
.the-arrow.-left > .shaft {
  width: 0;
  background-color: #b367ff;
}
.the-arrow.-left > .shaft:before, .the-arrow.-left > .shaft:after {
  width: 0;
  background-color: #b367ff;
}
.the-arrow.-left > .shaft:before {
  transform: rotate(0);
}
.the-arrow.-left > .shaft:after {
  transform: rotate(0);
}
.the-arrow.-right {
  top: -3px;
}
.the-arrow.-right > .shaft {
  width: 1px;
  transition-delay: 0.2s;
}
.the-arrow.-right > .shaft:before, .the-arrow.-right > .shaft:after {
  width: 8px;
  transition-delay: 0.3s;
  transition: all 0.5s;
  height: 2px;
}
.the-arrow.-right > .shaft:before {
  transform: rotate(40deg);
}
.the-arrow.-right > .shaft:after {
  transform: rotate(-40deg);
}
.the-arrow > .shaft {
  background-color: #b367ff;
  display: block;
  height: 1px;
  position: relative;
  transition: all 0.2s;
  transition-delay: 0;
  will-change: transform;
}
.the-arrow > .shaft:before, .the-arrow > .shaft:after {
  background-color: #06b8d9;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  top: 0;
  right: 0;
  transition: all 0.2s;
  transition-delay: 0;
}
.the-arrow > .shaft:before {
  transform-origin: top right;
}
.the-arrow > .shaft:after {
  transform-origin: bottom right;
}

.animated-arrow {
  display: inline-block;
  position: relative;
  transition: all 0.2s;
}
.animated-arrow:hover {
  color: #b367ff;
}
.animated-arrow:hover h2 {
  transform: scale(1.05);
  transition: all 0.2s;
}
.animated-arrow:hover > .the-arrow.-left > .shaft {
  width: 64px;
  transition-delay: 0.1s;
  background-color: #b367ff;
}
.animated-arrow:hover > .the-arrow.-left > .shaft:before, .animated-arrow:hover > .the-arrow.-left > .shaft:after {
  width: 8px;
  transition-delay: 0.1s;
  background-color: #b367ff;
}
.animated-arrow:hover > .the-arrow.-left > .shaft:before {
  transform: rotate(40deg);
}
.animated-arrow:hover > .the-arrow.-left > .shaft:after {
  transform: rotate(-40deg);
}
.animated-arrow:hover > .a-main {
  transform: translateX(17px);
  transform: translateX(80px);
}
.animated-arrow:hover > .a-main > .the-arrow.-right > .shaft {
  width: 0;
  transform: translateX(200%);
  transition-delay: 0;
}
.animated-arrow:hover > .a-main > .the-arrow.-right > .shaft:before, .animated-arrow:hover > .a-main > .the-arrow.-right > .shaft:after {
  width: 0;
  transition-delay: 0;
  transition: all 0.1s;
}
.animated-arrow:hover > .a-main > .the-arrow.-right > .shaft:before {
  transform: rotate(0);
}
.animated-arrow:hover > .a-main > .the-arrow.-right > .shaft:after {
  transform: rotate(0);
}
.animated-arrow > .a-main {
  display: flex;
  align-items: center;
  transition: all 0.2s;
}
.animated-arrow > .a-main > .text {
  margin: 0 16px 0 0;
  line-height: 1;
}
.animated-arrow > .a-main > .the-arrow {
  position: relative;
}

.gform_wrapper.gravity-theme .gfield_label {
  font-size: 14px !important;
}

#latest li.sf-field-search {
  margin: 0 auto;
  width: 270px;
}

form.searchandfilter {
  font-size: 0.95rem;
  font-weight: 500;
}
form.searchandfilter ul {
  margin: 0;
  padding: 0;
}
form.searchandfilter li.sf-field-category {
  padding-bottom: 0 !important;
}
form.searchandfilter li.sf-field-category > ul, form.searchandfilter li.sf-field-category li.sf-field-category > ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
form.searchandfilter li.sf-field-taxonomy-beds, form.searchandfilter li.sf-field-taxonomy-baths, form.searchandfilter li.sf-field-taxonomy-sqft, form.searchandfilter li.sf-field-taxonomy-plan, form.searchandfilter li.sf-field-taxonomy-community {
  padding-bottom: 0 !important;
}
form.searchandfilter li.sf-field-taxonomy-beds > ul, form.searchandfilter li.sf-field-taxonomy-beds li.sf-field-category > ul, form.searchandfilter li.sf-field-taxonomy-baths > ul, form.searchandfilter li.sf-field-taxonomy-baths li.sf-field-category > ul, form.searchandfilter li.sf-field-taxonomy-sqft > ul, form.searchandfilter li.sf-field-taxonomy-sqft li.sf-field-category > ul, form.searchandfilter li.sf-field-taxonomy-plan > ul, form.searchandfilter li.sf-field-taxonomy-plan li.sf-field-category > ul, form.searchandfilter li.sf-field-taxonomy-community > ul, form.searchandfilter li.sf-field-taxonomy-community li.sf-field-category > ul {
  display: flex;
  flex-wrap: wrap;
}
form.searchandfilter li.sf-level-0 {
  margin-bottom: 0 !important;
  position: relative;
  text-align: center;
  flex-grow: 0;
}
form.searchandfilter li.sf-level-0 label {
  background: #fff;
  color: #010D28;
}
form.searchandfilter li.sf-level-0.sf-option-active label {
  background: #06b8d9;
  border-color: #06b8d9;
  color: #fff;
}
form.searchandfilter li.sf-level-0:hover {
  text-decoration: none;
}
form.searchandfilter li.sf-level-0:hover label {
  background: #2A1A5A;
  border-color: #2A1A5A;
  color: #fff;
}
form.searchandfilter label.sf-label-radio, form.searchandfilter label.sf-label-checkbox {
  display: inline-block;
  text-align: center;
  white-space: nowrap;
  border: 1px solid #eaeaea;
  border-radius: 30px;
  padding: 5px 15px;
  margin-right: 3px;
}
form.searchandfilter input[type=radio], form.searchandfilter form.searchandfilter input[type=radio], form.searchandfilter input[type=checkbox], form.searchandfilter form.searchandfilter input[type=checkbox] {
  visibility: hidden;
  width: 1px;
  height: 1px;
}
form.searchandfilter li.sf-field-taxonomy-letter {
  padding-top: 0;
}
form.searchandfilter li.sf-field-taxonomy-letter label.sf-label-radio {
  background: none;
  margin: 0;
  padding: 5px 10px;
  border: unset;
  border-radius: 0;
}
form.searchandfilter li.sf-field-taxonomy-letter label.sf-label-radio:hover, form.searchandfilter li.sf-field-taxonomy-letter label.sf-label-radio:active, form.searchandfilter li.sf-field-taxonomy-letter label.sf-label-radio:focus {
  border: unset;
  color: #2A1A5A;
  background: none;
  margin: 0;
  padding: 5px 10px;
  border: unset;
  border-radius: 0;
}
form.searchandfilter li.sf-field-taxonomy-letter li.sf-level-0.sf-option-active label {
  background: #06b8d9;
  color: #fff;
  margin: 0;
  padding: 5px 10px;
  border: unset;
  border-radius: 3px;
}

.sf-field-reset {
  text-align: right;
  padding-top: 10px !important;
}
.sf-field-reset a {
  text-decoration: none;
  color: #010D28;
}
.sf-field-reset a:hover, .sf-field-reset a:focus {
  text-decoration: underline;
  color: #06b8d9;
}
.sf-field-reset.inactive {
  background: transparent;
}
.sf-field-reset.inactive a {
  color: #2A1A5A;
}

.faqs h3 {
  padding: 1em 0;
}

ol li {
  padding: 1em 0;
}

.light input.sf-input-text {
  color: #fff !important;
}

header a.button,
header .header-btn-holder a.button {
  background: #06b8d9 !important;
  color: #010D28 !important;
  border-color: #06b8d9 !important;
}
header a.button:hover, header a.button:focus,
header .header-btn-holder a.button:hover,
header .header-btn-holder a.button:focus {
  background: rgb(15.4242152466, 211.9426008969, 248.3757847534) !important;
  color: #010D28 !important;
  border-color: transparent !important;
  opacity: 1;
}

.content-layered-image .layered-image-container {
  perspective: 2000px;
  padding: 40px;
}
@media (max-width: 768px) {
  .content-layered-image .layered-image-container {
    perspective: 1200px;
    padding: 30px;
  }
}

.medical-3d-animation {
  position: relative;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  transform-style: preserve-3d;
}

.layer-container {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  transform-style: preserve-3d;
  animation: containerPivot 6s ease-in-out infinite;
}

.layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  background: #010D28;
}
.layer img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
  box-sizing: border-box;
  padding: 10%;
}

.layer-3 {
  z-index: 1;
  animation: layerBackAppear 6s ease-in-out infinite;
}

.layer-2 {
  z-index: 2;
  animation: layerMiddleAppear 6s ease-in-out infinite;
}

.layer-1 {
  opacity: 1;
  z-index: 3;
}

.outline-frame {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}
.outline-frame::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 2px;
  background: #06b8d9;
  animation: borderTop 6s ease-in-out infinite;
}
.outline-frame::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 2px;
  background: #06b8d9;
  animation: borderRight 6s ease-in-out infinite;
}

.layer::before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  height: 2px;
  background: #06b8d9;
  z-index: 5;
  animation: borderBottom 6s ease-in-out infinite;
}

.layer::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 2px;
  background: #06b8d9;
  z-index: 5;
  animation: borderLeft 6s ease-in-out infinite;
}

@keyframes containerPivot {
  0%, 10% {
    transform: rotateY(0deg) rotateX(0deg);
  }
  20%, 85% {
    transform: rotateY(-55deg) rotateX(0deg);
  }
  95%, 100% {
    transform: rotateY(0deg) rotateX(0deg);
  }
}
@keyframes layerBackAppear {
  0%, 20% {
    opacity: 0;
    transform: translateZ(0);
    top: 0;
  }
  30%, 75% {
    opacity: 0.3;
    transform: translateZ(-150px);
    top: -60px;
  }
  85%, 100% {
    opacity: 0;
    transform: translateZ(0);
    top: 0;
  }
}
@keyframes layerMiddleAppear {
  0%, 20% {
    opacity: 0;
    transform: translateZ(0);
    top: 0;
  }
  30%, 75% {
    opacity: 0.5;
    transform: translateZ(-75px);
    top: -30px;
  }
  85%, 100% {
    opacity: 0;
    transform: translateZ(0);
    top: 0;
  }
}
@keyframes frameAppear {
  0%, 25% {
    opacity: 1;
  }
  30%, 70% {
    opacity: 0.95;
  }
  75%, 100% {
    opacity: 1;
  }
}
@keyframes borderTop {
  0% {
    width: 0;
    opacity: 1;
  }
  2.5%, 80% {
    width: 100%;
    opacity: 1;
  }
  85%, 100% {
    width: 100%;
    opacity: 0;
  }
}
@keyframes borderRight {
  0%, 2.5% {
    height: 0;
    opacity: 1;
  }
  5%, 80% {
    height: 100%;
    opacity: 1;
  }
  85%, 100% {
    height: 100%;
    opacity: 0;
  }
}
@keyframes borderBottom {
  0%, 5% {
    width: 0;
    opacity: 1;
  }
  7.5%, 80% {
    width: 100%;
    opacity: 1;
  }
  85%, 100% {
    width: 100%;
    opacity: 0;
  }
}
@keyframes borderLeft {
  0%, 7.5% {
    height: 0;
    opacity: 1;
  }
  10%, 80% {
    height: 100%;
    opacity: 1;
  }
  85%, 100% {
    height: 100%;
    opacity: 0;
  }
}
@media (max-width: 768px) {
  @keyframes layerBackAppear {
    0%, 30% {
      opacity: 0;
      transform: translateZ(0);
      top: 0;
    }
    40%, 60% {
      opacity: 0.35;
      transform: translateZ(-100px);
      top: -60px;
    }
    70%, 100% {
      opacity: 0;
      transform: translateZ(0);
      top: 0;
    }
  }
  @keyframes layerMiddleAppear {
    0%, 30% {
      opacity: 0;
      transform: translateZ(0);
      top: 0;
    }
    40%, 60% {
      opacity: 0.5;
      transform: translateZ(-50px);
      top: -30px;
    }
    70%, 100% {
      opacity: 0;
      transform: translateZ(0);
      top: 0;
    }
  }
}
@media (max-width: 480px) {
  @keyframes layerBackAppear {
    0%, 30% {
      opacity: 0;
      transform: translateZ(0);
      top: 0;
    }
    40%, 60% {
      opacity: 0.4;
      transform: translateZ(-70px);
      top: -60px;
    }
    70%, 100% {
      opacity: 0;
      transform: translateZ(0);
      top: 0;
    }
  }
  @keyframes layerMiddleAppear {
    0%, 30% {
      opacity: 0;
      transform: translateZ(0);
      top: 0;
    }
    40%, 60% {
      opacity: 0.5;
      transform: translateZ(-35px);
      top: -30px;
    }
    70%, 100% {
      opacity: 0;
      transform: translateZ(0);
      top: 0;
    }
  }
}
li p {
  margin: 0;
  padding: 0;
}

.single-news-hero {
  position: relative;
  overflow: hidden;
}

.single-news-bg-rings {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 800px;
  height: 800px;
  opacity: 0.03;
  pointer-events: none;
}
.single-news-bg-rings svg {
  width: 100%;
  height: 100%;
  color: #fff;
}

.single-news-hero-inner {
  position: relative;
  z-index: 1;
}

.single-news-meta-bar {
  margin-bottom: 20px;
}
.single-news-meta-bar .arrow-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 0.95rem;
  opacity: 0.85;
  transition: opacity 0.2s;
}
.single-news-meta-bar .arrow-link:hover {
  opacity: 1;
}

.single-news-content h1 {
  margin-bottom: 16px;
  text-align: left;
  max-width: 1000px;
}
.single-news-content .single-news-excerpt {
  font-size: 1.2rem;
  line-height: 1.6;
  margin-bottom: 0;
  opacity: 0.9;
  text-align: left;
}
.single-news-content .event-card-btns {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  align-items: center;
}

.single-news-body-with-sidebar {
  display: grid;
  grid-template-columns: 1fr;
  gap: 60px;
}
@media (min-width: 1024px) {
  .single-news-body-with-sidebar {
    grid-template-columns: 1fr 320px;
    gap: 80px;
  }
}

.post-content {
  max-width: 100%;
}
.post-content p, .post-content li {
  font-size: 1.1rem;
  line-height: 1.7;
}
.post-content img {
  max-width: 100%;
  height: auto;
  border-radius: 6px;
}
.post-content li {
  margin: 0.5em 0;
}

.single-news-sidebar {
  position: relative;
}
@media (min-width: 1024px) {
  .single-news-sidebar {
    position: sticky;
    top: 120px;
    align-self: start;
  }
}

.single-news-sidebar-thumb {
  margin-bottom: 40px;
}
.single-news-sidebar-thumb img {
  width: 100%;
  height: auto;
  border-radius: 6px;
  display: block;
}

.sidebar-news-section {
  margin-top: 0;
}

.sidebar-news-list {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.sidebar-news-item {
  padding-bottom: 24px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.sidebar-news-item:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.sidebar-news-item .kicker {
  font-size: 0.85rem;
  margin-bottom: 8px;
}
.sidebar-news-item .kicker svg {
  display: none;
}
.sidebar-news-item .sidebar-news-title {
  display: block;
  text-decoration: none;
  transition: opacity 0.2s;
}
.sidebar-news-item .sidebar-news-title:hover {
  opacity: 0.7;
}
.sidebar-news-item .sidebar-news-title h4 {
  font-size: 1rem;
  line-height: 1.4;
  margin: 0;
  font-weight: 600;
  color: inherit;
}

@media (max-width: 1023px) {
  .single-news-sidebar {
    margin-top: 40px;
    padding-top: 40px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
  }
  .single-news-sidebar-thumb {
    margin-bottom: 30px;
  }
}
.visualization-section {
  position: relative;
}

.visualization-container {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media (max-width: 899px) {
  .visualization-container {
    max-width: 300px;
    margin: 10px auto;
  }
}

.visualization-top {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
  align-items: center;
}
@media (min-width: 900px) {
  .visualization-top {
    grid-template-columns: 240px 1fr 240px;
    gap: 0;
  }
}
@media (min-width: 1200px) {
  .visualization-top {
    grid-template-columns: 280px 1fr 280px;
    gap: 0;
  }
}

.radiology-input {
  position: relative;
}
.radiology-input .radiology-frame::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(42, 26, 90, 0.4);
  pointer-events: none;
  z-index: 2;
}

.radiology-label {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.7rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: #06b8d9;
  margin-bottom: 12px;
}

.radiology-label-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #06b8d9;
  box-shadow: 0 0 8px rgba(6, 184, 217, 0.8);
  animation: dotPulse 2s ease-in-out infinite;
}

@keyframes dotPulse {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.5;
    transform: scale(1.4);
  }
}
.radiology-frame {
  position: relative;
  border-radius: 6px;
  border: 1px solid rgba(6, 184, 217, 0.35);
  background: #010D28;
  overflow: hidden;
  aspect-ratio: 3/4;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}
.radiology-frame::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(179, 103, 255, 0.06) 0%, transparent 60%);
  pointer-events: none;
}
.radiology-frame img {
  width: 90%;
  height: 90%;
  -o-object-fit: contain;
  object-fit: contain;
  display: block;
  border-radius: 6px;
  filter: grayscale(30%) contrast(1.05);
  position: relative;
  z-index: 1;
}
.radiology-frame .xray-placeholder {
  width: 80%;
  height: auto;
  opacity: 0.7;
}
.radiology-frame .scan-overlay {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 3;
}

.radiology-connector {
  display: none;
}
@media (min-width: 900px) {
  .radiology-connector {
    display: flex;
    align-items: center;
    position: absolute;
    right: -28px;
    top: 50%;
    transform: translateY(-50%);
    gap: 0;
  }
}

.connector-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #06b8d9;
  flex-shrink: 0;
  box-shadow: 0 0 6px rgba(6, 184, 217, 0.7);
  animation: dotPulse 1.8s ease-in-out infinite;
}

.connector-line {
  display: block;
  width: 20px;
  height: 2px;
  background: linear-gradient(90deg, #06b8d9, transparent);
  position: relative;
  overflow: hidden;
}
.connector-line::after {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(6, 184, 217, 0.9), transparent);
  animation: connectorFlow 1.5s linear infinite;
}

@keyframes connectorFlow {
  to {
    left: 100%;
  }
}
.output-results {
  position: relative;
}
.output-results .radiology-label {
  color: #06b8d9;
}
.output-results .radiology-label .radiology-label-dot {
  background: #06b8d9;
  box-shadow: 0 0 8px rgba(6, 184, 217, 0.8);
}

.output-frame {
  display: block;
  border-color: rgba(6, 184, 217, 0.35);
  padding: 0;
  overflow: hidden;
}

@keyframes outputSlide {
  0% {
    opacity: 1;
  }
  27.8% {
    opacity: 1;
  }
  33.3% {
    opacity: 0;
  }
  94.4% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.output-carousel {
  position: relative;
  width: 100%;
  height: 100%;
}

.output-slide {
  position: absolute;
  inset: 0;
  padding: 24px;
  opacity: 0;
  animation: outputSlide 10.8s ease-in-out infinite;
}
.output-slide--1 {
  animation-delay: 0s;
}
.output-slide--2 {
  animation-delay: -3.6s;
}
.output-slide--3 {
  animation-delay: -7.2s;
}
.output-slide .panel-header {
  margin-bottom: 16px;
}

.visualization-network .network-animation svg {
  width: 100%;
  height: auto;
  display: block;
}
@media (max-width: 899px) {
  .visualization-network .network-animation svg {
    transform: rotate(90deg);
  }
}

.steps-panel::before, .cols-boxed-card::before, .t-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #B367FF, #06B8D9);
}

.panel-header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
}

.panel-number {
  background: linear-gradient(135deg, #B367FF, #2A1A5A);
  color: #FCFCD6;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 16px;
  flex-shrink: 0;
}

.panel-title {
  font-size: 14px;
  font-weight: 600;
  color: #06B8D9;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.panel-content {
  margin-top: 16px;
}

/* Binary Classification Panel */
.classification-result {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
  flex-wrap: wrap;
}

.toggle-indicator {
  display: flex;
  gap: 4px;
}

.toggle-option {
  padding: 6px 16px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
  transition: opacity 0.3s ease;
}

.toggle-option.yes {
  background: #1d5f2f;
  color: white;
}

.toggle-option.no {
  background: #d15f56;
  color: white;
}

.toggle-option:not(.active) {
  opacity: 0.4;
}

.confidence-bar {
  margin-top: 12px;
}

.confidence-label {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  color: rgba(252, 252, 214, 0.7);
  margin-bottom: 8px;
}

.confidence-value {
  color: #06B8D9;
  font-weight: 600;
}

.bar-container {
  background: rgba(179, 103, 255, 0.2);
  height: 8px;
  border-radius: 4px;
  overflow: hidden;
}

.bar-fill {
  background: linear-gradient(90deg, #B367FF, #06B8D9);
  height: 100%;
  border-radius: 4px;
  animation: fillBar 2s ease-out;
}

@keyframes fillBar {
  from {
    width: 0%;
  }
}
/* Localization Panel */
.localization-preview {
  display: block;
}

.xray-preview {
  width: 120px;
  height: 120px;
  background: linear-gradient(135deg, rgba(42, 26, 90, 0.6), rgba(1, 13, 40, 0.8));
  background-size: cover;
  background-position: center;
  border: 2px solid #06B8D9;
  border-radius: 8px;
  position: relative;
  margin-bottom: 12px;
}

div#grnhse_app {
  border-radius: 8px;
  margin: 20px 0;
  padding: 0 20px;
  background: #fff;
  width: calc(100% - 40px);
}

.animated-image-container .scan-frame--flex {
  width: 100%;
  max-width: 420px;
  height: auto;
  aspect-ratio: 1;
  margin: 0 auto;
}

.content-animated-image .animated-image-container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.content-animated-image .scan-frame--flex {
  position: relative;
  width: 100%;
  max-width: 480px;
  aspect-ratio: 1/1;
  height: auto;
}
.content-animated-image .scan-icon {
  position: absolute;
  top: 19.64%;
  left: 19.64%;
  width: 60.71%;
  height: 60.71%;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}
.content-animated-image .scan-icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}
.content-animated-image .scan-line {
  position: absolute;
  left: 19.64%;
  right: 19.64%;
  top: 19.64%;
  height: 1px;
  background: linear-gradient(90deg, transparent, #fcfcd6, transparent);
  animation: scan-sweep-flex 3s ease-in-out infinite;
  box-shadow: 0 0 10px rgba(252, 252, 214, 0.6);
  z-index: 3;
}
.content-animated-image .scan-bg-circle {
  position: absolute;
  top: 9.82%;
  left: 9.82%;
  width: 80.36%;
  height: 80.36%;
}

@keyframes scan-sweep-flex {
  0% {
    top: 19.64%;
    opacity: 0;
  }
  8% {
    opacity: 1;
  }
  92% {
    opacity: 1;
  }
  100% {
    top: 80.36%;
    opacity: 0;
  }
}
.light-mode {
  background-color: var(--surface-primary);
}
.light-mode .main-navigation .sub-menu .sub-menu {
  box-shadow: none !important;
}
.light-mode h2, .light-mode h3, .light-mode h4, .light-mode h5, .light-mode h6,
.light-mode .h2, .light-mode .h3, .light-mode .h4, .light-mode .h5, .light-mode .h6,
.light-mode .third-color,
.light-mode h1.third-color, .light-mode h2.third-color, .light-mode h3.third-color {
  color: #2A1A5A;
}
.light-mode .second-color-bg {
  background: linear-gradient(151deg, #fff 0%, rgb(234, 234, 234) 65%, rgb(229, 221, 234) 100%);
}
.light-mode .second-color-bg.features-boxed {
  background: linear-gradient(90deg, #eaeaea 0%, #eaeaea 48%, rgb(225, 225, 225) 100%) !important;
}
.light-mode .color-bg {
  background: #fff !important;
}
.light-mode .dark-grey-bg {
  background: linear-gradient(127deg, rgb(255, 255, 255) 0%, rgb(234, 234, 234) 100%) !important;
}
.light-mode .grad-bg {
  background: #fff;
}
.light-mode .grad-bg-alt {
  background: linear-gradient(135deg, rgb(42, 26, 90), rgb(42, 26, 90) 40%, rgb(74, 44, 128) 75%, rgb(179, 103, 255) 110%);
}
.light-mode .dark-grey-bg,
.light-mode .second-color-bg,
.light-mode .color-bg,
.light-mode .grad-bg {
  color: #010D28;
}
.light-mode .dark-grey-bg p, .light-mode .dark-grey-bg li, .light-mode .dark-grey-bg em,
.light-mode .second-color-bg p,
.light-mode .second-color-bg li,
.light-mode .second-color-bg em,
.light-mode .color-bg p,
.light-mode .color-bg li,
.light-mode .color-bg em,
.light-mode .grad-bg p,
.light-mode .grad-bg li,
.light-mode .grad-bg em {
  color: rgba(1, 13, 40, 0.82);
}
.light-mode .dark-grey-bg h1, .light-mode .dark-grey-bg h2, .light-mode .dark-grey-bg h3, .light-mode .dark-grey-bg h4, .light-mode .dark-grey-bg h5, .light-mode .dark-grey-bg h6,
.light-mode .dark-grey-bg .h1, .light-mode .dark-grey-bg .h2, .light-mode .dark-grey-bg .h3, .light-mode .dark-grey-bg .h4, .light-mode .dark-grey-bg .h5, .light-mode .dark-grey-bg .h6,
.light-mode .second-color-bg h1,
.light-mode .second-color-bg h2,
.light-mode .second-color-bg h3,
.light-mode .second-color-bg h4,
.light-mode .second-color-bg h5,
.light-mode .second-color-bg h6,
.light-mode .second-color-bg .h1,
.light-mode .second-color-bg .h2,
.light-mode .second-color-bg .h3,
.light-mode .second-color-bg .h4,
.light-mode .second-color-bg .h5,
.light-mode .second-color-bg .h6,
.light-mode .color-bg h1,
.light-mode .color-bg h2,
.light-mode .color-bg h3,
.light-mode .color-bg h4,
.light-mode .color-bg h5,
.light-mode .color-bg h6,
.light-mode .color-bg .h1,
.light-mode .color-bg .h2,
.light-mode .color-bg .h3,
.light-mode .color-bg .h4,
.light-mode .color-bg .h5,
.light-mode .color-bg .h6,
.light-mode .grad-bg h1,
.light-mode .grad-bg h2,
.light-mode .grad-bg h3,
.light-mode .grad-bg h4,
.light-mode .grad-bg h5,
.light-mode .grad-bg h6,
.light-mode .grad-bg .h1,
.light-mode .grad-bg .h2,
.light-mode .grad-bg .h3,
.light-mode .grad-bg .h4,
.light-mode .grad-bg .h5,
.light-mode .grad-bg .h6 {
  color: #010D28;
}
.light-mode .dark-grey-bg h2 strong, .light-mode .dark-grey-bg h3 strong,
.light-mode .second-color-bg h2 strong,
.light-mode .second-color-bg h3 strong,
.light-mode .color-bg h2 strong,
.light-mode .color-bg h3 strong,
.light-mode .grad-bg h2 strong,
.light-mode .grad-bg h3 strong {
  color: #010D28;
  font-weight: inherit;
  display: inline-block;
  position: relative;
  z-index: 1;
}
.light-mode .dark-grey-bg h2 strong::after, .light-mode .dark-grey-bg h3 strong::after,
.light-mode .second-color-bg h2 strong::after,
.light-mode .second-color-bg h3 strong::after,
.light-mode .color-bg h2 strong::after,
.light-mode .color-bg h3 strong::after,
.light-mode .grad-bg h2 strong::after,
.light-mode .grad-bg h3 strong::after {
  content: "";
  background: #b367ff;
  position: absolute;
  bottom: 0.08em;
  left: -3px;
  right: -3px;
  height: 0.4em;
  z-index: -1;
  border-radius: 2px;
  opacity: 0.75;
}
.light-mode .dark-grey-bg a,
.light-mode .second-color-bg a,
.light-mode .color-bg a,
.light-mode .grad-bg a {
  color: #2A1A5A;
  border-color: #2A1A5A;
}
.light-mode .dark-grey-bg a:hover,
.light-mode .second-color-bg a:hover,
.light-mode .color-bg a:hover,
.light-mode .grad-bg a:hover {
  color: #06b8d9;
}
.light-mode .dark-grey-bg a.pill:hover,
.light-mode .second-color-bg a.pill:hover,
.light-mode .color-bg a.pill:hover,
.light-mode .grad-bg a.pill:hover {
  background: #fff;
}
.light-mode .hero-home a.arrow-link {
  color: #fff;
}
.light-mode .hero-home a.arrow-link:hover, .light-mode .hero-home a.arrow-link:focus {
  color: #06b8d9;
}
.light-mode .dark-grey-bg hr {
  border-top-color: rgba(1, 13, 40, 0.15) !important;
  opacity: 1;
}
.light-mode input:not([type=checkbox]):not([type=radio]),
.light-mode select,
.light-mode textarea {
  color: #010D28;
  background: #fff;
  border-color: rgba(1, 13, 40, 0.25);
}
.light-mode ::-moz-placeholder {
  color: rgba(1, 13, 40, 0.45);
}
.light-mode ::placeholder {
  color: rgba(1, 13, 40, 0.45);
}
.light-mode label, .light-mode .gfield_label {
  color: #010D28 !important;
}
.light-mode .font-color {
  color: #010D28;
}
.light-mode .dark-grey-bg input:not([type=checkbox]):not([type=radio]),
.light-mode .dark-grey-bg select,
.light-mode .dark-grey-bg textarea,
.light-mode .second-color-bg input:not([type=checkbox]):not([type=radio]),
.light-mode .second-color-bg select,
.light-mode .second-color-bg textarea,
.light-mode .grad-bg input:not([type=checkbox]):not([type=radio]),
.light-mode .grad-bg select,
.light-mode .grad-bg textarea {
  color: #010D28;
  background: #fff;
  border-color: rgba(1, 13, 40, 0.25);
}
.light-mode .dark-grey-bg ::-moz-placeholder, .light-mode .second-color-bg ::-moz-placeholder, .light-mode .grad-bg ::-moz-placeholder {
  color: rgba(1, 13, 40, 0.45);
}
.light-mode .dark-grey-bg ::placeholder,
.light-mode .second-color-bg ::placeholder,
.light-mode .grad-bg ::placeholder {
  color: rgba(1, 13, 40, 0.45);
}
.light-mode .dark-grey-bg label, .light-mode .dark-grey-bg .gfield_label,
.light-mode .second-color-bg label,
.light-mode .second-color-bg .gfield_label,
.light-mode .grad-bg label,
.light-mode .grad-bg .gfield_label {
  color: #010D28 !important;
}
.light-mode .dark-grey-bg h3, .light-mode .dark-grey-bg h4, .light-mode .dark-grey-bg h5, .light-mode .dark-grey-bg h6,
.light-mode .second-color-bg h3,
.light-mode .second-color-bg h4,
.light-mode .second-color-bg h5,
.light-mode .second-color-bg h6,
.light-mode .grad-bg h3,
.light-mode .grad-bg h4,
.light-mode .grad-bg h5,
.light-mode .grad-bg h6 {
  color: #2a1a5a;
}
.light-mode .subtle-bg {
  background: unset;
  border-color: #b367ff;
}
.light-mode .dark ul.checks li:before, .light-mode .color-bg ul.checks li:before, .light-mode .dark-grey-bg ul.checks li:before, .light-mode .second-color-bg ul.checks li:before,
.light-mode .grad-bg-alt ul.checks li:before {
  filter: unset;
}
.light-mode .cols-boxed-section .cols-boxed-card {
  background: linear-gradient(135deg, rgb(42, 26, 90) 40%, rgb(74, 44, 128) 75%, rgb(179, 103, 255) 110%);
}
.light-mode .blog-card,
.light-mode .news-card {
  background: #fff;
  border-color: rgba(1, 13, 40, 0.1);
}
.light-mode .blog-card h3,
.light-mode .news-card h3 {
  color: #010D28;
}
.light-mode .blog-card p,
.light-mode .news-card p {
  color: rgba(1, 13, 40, 0.78);
}
.light-mode .blog-card:hover,
.light-mode .news-card:hover {
  border-color: rgba(6, 184, 217, 0.5);
}
.light-mode .kicker {
  color: #2A1A5A;
}
.light-mode .kicker svg {
  color: #2A1A5A;
}
.light-mode a {
  color: #2A1A5A;
}
.light-mode a:hover {
  color: #06b8d9;
}
.light-mode a.button {
  color: #2A1A5A;
}
.light-mode a.button:hover {
  color: #2A1A5A;
  background: #07DDFF;
}
.light-mode a.to-top-btn {
  color: #2A1A5A !important;
}
.light-mode .hero-ghost-link {
  color: #2A1A5A;
}
.light-mode .hero-ghost-link:hover {
  color: #06b8d9;
}
.light-mode .cta-inner .kicker {
  color: #fff;
}
.light-mode .cta-inner .kicker svg {
  color: #fff;
}
.light-mode .cta-inner h2, .light-mode .cta-inner h3, .light-mode .cta-inner p, .light-mode .cta-inner a:not(.button) {
  color: #fff;
}
.light-mode .fm-model-card.accent-purple::before {
  background: linear-gradient(90deg, #b367ff, rgba(179, 103, 255, 0));
}
.light-mode .fm-model-card.accent-teal::before {
  background: linear-gradient(90deg, #06b8d9, rgba(6, 184, 217, 0));
}
.light-mode .fm-card-title {
  color: #010D28;
}
.light-mode .fm-card-desc {
  color: rgba(1, 13, 40, 0.82);
}
.accent-purple .light-mode .kicker {
  color: #b367ff;
}
.accent-teal .light-mode .kicker {
  color: #06b8d9;
}
.accent-purple .light-mode .fm-stat-num {
  color: #b367ff;
}
.accent-teal .light-mode .fm-stat-num {
  color: #06b8d9;
}
.light-mode .fm-bar-track {
  background: rgba(1, 13, 40, 0.1);
}
.light-mode .fm-intro p,
.light-mode .fm-section-header p {
  color: rgba(1, 13, 40, 0.82);
}
.light-mode a.button.alt {
  background: #b367ff;
  border: none;
  color: #010D28;
}
.light-mode a.button.alt:hover, .light-mode a.button.alt:focus, .light-mode a.button.alt:focus-visible {
  background: #06b8d9;
  color: #010D28;
  opacity: 1;
}
.light-mode .animated-transformer-section {
  background: linear-gradient(135deg, rgb(42, 26, 90) 40%, rgb(42, 26, 90) 65%, rgb(1, 13, 40) 100%) !important;
}
.light-mode .animated-transformer-section .kicker {
  color: #06b8d9;
}
.light-mode .animated-transformer-section .kicker svg {
  color: #06b8d9;
}
.light-mode .content-layered-image {
  background: linear-gradient(135deg, rgb(42, 26, 90) 40%, rgb(42, 26, 90) 65%, rgb(1, 13, 40) 100%) !important;
}
.light-mode .content-layered-image .kicker {
  color: #06b8d9;
}
.light-mode .content-layered-image .kicker svg {
  color: #06b8d9;
}
.light-mode .content-layered-image h2 strong, .light-mode .content-layered-image h3 strong {
  color: #06b8d9 !important;
}
.light-mode .content-layered-image h2 strong::after, .light-mode .content-layered-image h3 strong::after {
  display: none;
}
.light-mode .content-animated-image .diamond-ring svg {
  opacity: 1;
}
.light-mode .content-animated-image .diamond-ring svg rect, .light-mode .content-animated-image .diamond-ring svg circle, .light-mode .content-animated-image .diamond-ring svg line {
  stroke: rgba(42, 26, 90, 0.35);
}
.light-mode .content-animated-image .diamond-ring svg .ring-outer rect,
.light-mode .content-animated-image .diamond-ring svg .ring-outer circle {
  stroke: rgba(42, 26, 90, 0.45);
}
.light-mode .content-animated-image .diamond-ring svg .ring-mid circle {
  stroke: rgba(179, 103, 255, 0.35);
}
.light-mode .content-animated-image .diamond-ring svg .ring-inner rect,
.light-mode .content-animated-image .diamond-ring svg .ring-inner circle {
  stroke: rgba(42, 26, 90, 0.45);
}
.light-mode .content-animated-image .diamond-ring svg line {
  stroke: rgba(179, 103, 255, 0.65);
}
.light-mode .content-animated-image .scan-line {
  background: linear-gradient(90deg, transparent, #b367ff, transparent);
  box-shadow: 0 0 10px rgba(179, 103, 255, 0.55);
}
.light-mode .hero-banner.grad-bg {
  background: linear-gradient(135deg, rgb(42, 26, 90) 40%, rgb(74, 44, 128) 65%, rgb(179, 103, 255) 100%);
}
.light-mode .features-section::before {
  top: -180px;
  left: -130px;
  width: 60vw;
  height: 560px;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 68%);
}
.light-mode header {
  background: #fff !important;
}
.light-mode header.dark-grey-bg {
  background: #fff !important;
}
.light-mode header a {
  color: #010D28 !important;
}
.light-mode header a:hover, .light-mode header a:focus {
  color: #2A1A5A !important;
}
.light-mode header .current-menu-item > a,
.light-mode header .current-menu-ancestor > a {
  color: #2A1A5A !important;
}
.light-mode header a.button {
  color: #010D28 !important;
  background: #06b8d9;
}
.light-mode header a.button:hover {
  color: #010D28 !important;
  background: rgb(15.4242152466, 211.9426008969, 248.3757847534);
}
.light-mode header .hamburger-inner,
.light-mode header .hamburger-inner::before,
.light-mode header .hamburger-inner::after {
  background-color: #2A1A5A;
}
.light-mode header.sticky, .light-mode header.sticky .header, .light-mode header .header {
  background: #fff !important;
  opacity: 1 !important;
}
.light-mode #myDropdown {
  background: #fff !important;
}
.light-mode #myDropdown a {
  color: #010D28 !important;
}
.light-mode #myDropdown a:hover {
  color: #2A1A5A !important;
}
.light-mode .main-navigation .menu-item-has-children > a::after {
  filter: invert(100%) sepia(100%) saturate(0%) brightness(0%);
}
.light-mode .mode-toggle-icon {
  color: #010D28;
}
.light-mode .mode-toggle-icon svg {
  color: #010D28;
}
.light-mode header .main-nav li:hover .sub-menu,
.light-mode header .main-nav .sub-menu.opened,
.light-mode .main-navigation .sub-menu {
  background: #fff !important;
  border-color: rgba(1, 13, 40, 0.1) !important;
  box-shadow: 0 8px 24px rgba(1, 13, 40, 0.12);
  color: #010D28 !important;
}
.light-mode header .main-nav li:hover .sub-menu li a,
.light-mode header .main-nav .sub-menu.opened li a,
.light-mode .main-navigation .sub-menu li a {
  color: #010D28 !important;
}
.light-mode header .main-nav li:hover .sub-menu li a:hover, .light-mode header .main-nav li:hover .sub-menu li a:focus,
.light-mode header .main-nav .sub-menu.opened li a:hover,
.light-mode header .main-nav .sub-menu.opened li a:focus,
.light-mode .main-navigation .sub-menu li a:hover,
.light-mode .main-navigation .sub-menu li a:focus {
  color: #2A1A5A !important;
  background: rgba(42, 26, 90, 0.06);
  border-left-color: #2A1A5A;
}
.light-mode .t-prev, .light-mode .t-next {
  border: 1px solid rgba(42, 26, 90, 0.4);
}
.light-mode .t-prev svg, .light-mode .t-next svg {
  color: #2A1A5A;
}
.light-mode .t-dot {
  background-color: rgba(42, 26, 90, 0.4);
}

.lm-img {
  display: none !important;
}

.dm-img {
  display: block !important;
}

.light-mode .lm-img {
  display: block !important;
}
.light-mode .dm-img {
  display: none !important;
}

.light-mode .no-lm .lm-img {
  display: none !important;
}
.light-mode .no-lm .dm-img {
  display: block !important;
}
.light-mode .no-lm {
  --surface-primary: #010d28;
  --surface-secondary: #2a1a5a;
  --surface-tertiary: rgba(255,255,255,0.04);
  --text-primary: #ffffff;
  --text-secondary: rgba(255,255,255,0.75);
  --text-muted: rgba(255,255,255,0.55);
  --border-subtle: rgba(255,255,255,0.08);
  --border-accent: rgba(6,184,217,0.3);
}
.light-mode .no-lm.dark-grey-bg {
  background: #010D28 !important;
}
.light-mode .no-lm.second-color-bg {
  background: linear-gradient(169deg, rgb(42, 26, 90) 30%, rgb(42, 26, 90) 65%, rgb(1, 13, 40) 100%) !important;
}
.light-mode .no-lm.color-bg {
  background: #2A1A5A !important;
}
.light-mode .no-lm.grad-bg {
  background: linear-gradient(135deg, rgb(42, 26, 90) 40%, rgb(74, 44, 128) 65%, rgb(179, 103, 255) 100%) !important;
}
.light-mode .no-lm.grad-bg-alt {
  background: linear-gradient(135deg, rgb(42, 26, 90) 50%, rgb(1, 13, 40)) !important;
}
.light-mode .no-lm {
  color: #fff;
}
.light-mode .no-lm h1, .light-mode .no-lm .h1, .light-mode .no-lm h2, .light-mode .no-lm .h2, .light-mode .no-lm h3, .light-mode .no-lm .h3,
.light-mode .no-lm h4, .light-mode .no-lm .h4, .light-mode .no-lm h5, .light-mode .no-lm .h5, .light-mode .no-lm h6, .light-mode .no-lm .h6,
.light-mode .no-lm p, .light-mode .no-lm li, .light-mode .no-lm em {
  color: #fff;
}
.light-mode .no-lm.dark-grey-bg h2 strong, .light-mode .no-lm.dark-grey-bg h3 strong, .light-mode .no-lm.second-color-bg h2 strong, .light-mode .no-lm.second-color-bg h3 strong, .light-mode .no-lm.color-bg h2 strong, .light-mode .no-lm.color-bg h3 strong, .light-mode .no-lm.grad-bg h2 strong, .light-mode .no-lm.grad-bg h3 strong, .light-mode .no-lm.grad-bg-alt h2 strong, .light-mode .no-lm.grad-bg-alt h3 strong {
  color: #06b8d9 !important;
  font-weight: inherit;
  display: inline;
  position: static;
  z-index: auto;
}
.light-mode .no-lm.dark-grey-bg h2 strong::after, .light-mode .no-lm.dark-grey-bg h3 strong::after, .light-mode .no-lm.second-color-bg h2 strong::after, .light-mode .no-lm.second-color-bg h3 strong::after, .light-mode .no-lm.color-bg h2 strong::after, .light-mode .no-lm.color-bg h3 strong::after, .light-mode .no-lm.grad-bg h2 strong::after, .light-mode .no-lm.grad-bg h3 strong::after, .light-mode .no-lm.grad-bg-alt h2 strong::after, .light-mode .no-lm.grad-bg-alt h3 strong::after {
  display: none !important;
}
.light-mode .no-lm .blog-body h2, .light-mode .no-lm .blog-body .h2, .light-mode .no-lm .blog-body h3, .light-mode .no-lm .blog-body .h3, .light-mode .no-lm .blog-body h4, .light-mode .no-lm .blog-body .h4, .light-mode .no-lm .blog-body h5, .light-mode .no-lm .blog-body .h5, .light-mode .no-lm .blog-body h6, .light-mode .no-lm .blog-body .h6, .light-mode .no-lm .blog-body p, .light-mode .no-lm .blog-body li, .light-mode .no-lm .blog-body em {
  color: #010D28;
}
.light-mode .no-lm .kicker {
  color: #06b8d9;
}
.light-mode .no-lm .kicker svg {
  color: #06b8d9;
}
.light-mode .no-lm a {
  color: #fff;
}
.light-mode .no-lm a:hover {
  color: #06b8d9;
}
.light-mode .no-lm a.pill {
  border: 1px solid #fff;
  color: #fff;
}
.light-mode .no-lm a.pill:hover, .light-mode .no-lm a.pill:focus {
  background: #06b8d9;
  color: #010D28;
}
.light-mode .no-lm a.button {
  color: #000000;
  background: #06b8d9;
}
.light-mode .no-lm a.button:hover, .light-mode .no-lm a.button:focus {
  color: #000000;
  background: #fff;
}
.light-mode .no-lm a.button.outline {
  color: #fff !important;
  border-color: #fff !important;
}
.light-mode .no-lm a.button.outline:hover, .light-mode .no-lm a.button.outline:focus {
  background: #fff !important;
  color: #2A1A5A !important;
}
.light-mode .no-lm input:not([type=checkbox]):not([type=radio]),
.light-mode .no-lm select,
.light-mode .no-lm textarea {
  color: #fff;
  background: transparent;
  border-color: rgba(255, 255, 255, 0.3);
}
.light-mode .no-lm ::-moz-placeholder {
  color: rgba(255, 255, 255, 0.45);
}
.light-mode .no-lm ::placeholder {
  color: rgba(255, 255, 255, 0.45);
}
.light-mode .no-lm label, .light-mode .no-lm .gfield_label {
  color: rgba(255, 255, 255, 0.9) !important;
}
.light-mode .no-lm ul.checks li:before {
  filter: invert(1);
}

.white-txt, .light-mode .white-txt {
  color: #fff !important;
}
.white-txt h1, .white-txt .h1, .white-txt h2, .white-txt .h2, .white-txt h3, .white-txt .h3, .white-txt h4, .white-txt .h4, .white-txt h5, .white-txt .h5, .white-txt h6, .white-txt .h6, .white-txt p, .white-txt li, .light-mode .white-txt h1, .light-mode .white-txt .h1, .light-mode .white-txt h2, .light-mode .white-txt .h2, .light-mode .white-txt h3, .light-mode .white-txt .h3, .light-mode .white-txt h4, .light-mode .white-txt .h4, .light-mode .white-txt h5, .light-mode .white-txt .h5, .light-mode .white-txt h6, .light-mode .white-txt .h6, .light-mode .white-txt p, .light-mode .white-txt li {
  color: #fff !important;
}
.white-txt strong, .white-txt em, .light-mode .white-txt strong, .light-mode .white-txt em {
  color: #06b8d9;
}
.white-txt a:not(.button), .light-mode .white-txt a:not(.button) {
  color: #06b8d9;
}
.white-txt a:not(.button):hover, .white-txt a:not(.button):focus, .light-mode .white-txt a:not(.button):hover, .light-mode .white-txt a:not(.button):focus {
  color: #fff;
}/*# sourceMappingURL=style.css.map */