@charset "UTF-8";
:root {
  --oi-color-primary: #00a9e0;
  --oi-color-primary-dark: #0083ad;
  --oi-color-secondary: #0079a1;
  --oi-color-dark: #0E0E0E;
  --oi-color-heading: #1c1f2a;
  --oi-btn-cta: #00a9e0;
  --oi-btn-cta-hover: #1b3f8b;
  --oi-btn-cta-border: #00a9e0;
  --oi-btn-secondary: #1b3f8b;
  --oi-btn-secondary-hover: #1b3f8b;
  --oi-btn-brand: var(--oi-color-primary);
  --oi-btn-brand-hover: var(--oi-color-primary-dark);
  --oi-btn-primary-bg: #04A0CF;
  --oi-btn-primary-font: #FFFFFF;
  --oi-btn-white-bg: #FFFFFF;
  --oi-btn-white-font: #041095;
  --oi-btn-black-font: #0E0E0E;
  --oi-btn-purple-font: #807DFE;
  --oi-btn-focus-ring: #041095;
  --oi-btn-outline-white: #ffffff;
  --oi-btn-outline-white-text: var(--oi-color-dark);
  --oi-btn-outline-dark: var(--oi-color-dark);
  --oi-btn-outline-secondary: var(--oi-color-secondary);
  --oi-btn-outline-cta: var(--oi-btn-cta);
  --oi-bg-primary: var(--oi-color-heading);
  --oi-bg-secondary: #101118;
  --oi-bg-deep: #08080b;
  --oi-bg-subtle: #f3f3f4;
  --oi-bg-accent: #cceef9;
  --oi-bg-mid: #53565a;
  --oi-bg-white: #ffffff;
  --oi-text-light: #ffffff;
  --oi-text-dark: var(--oi-color-dark);
  --oi-text-brand: var(--oi-color-primary);
  --oi-text-heading: var(--oi-color-heading);
  --oi-border-dark: var(--oi-color-dark);
  --oi-border-brand: var(--oi-color-primary);
  --oi-border-secondary: var(--oi-color-secondary);
  --oi-border-cta: var(--oi-btn-cta);
  --oi-body-color: #0E0E0E;
  --oi-body-bg: #f1f5f9;
  --oi-content-bg: #ffffff;
  --oi-grey-bg: #40535d;
  --oi-grey-dark-bg: #162c36;
  --oi-border: #eff1f1;
  --oi-link-color: #00a9e0;
  --oi-link-hover: #0E0E0E;
  --oi-icon-color: #0E0E0E;
  --oi-icon-color-hover: #00a9e0;
  --oi-icon-color-light: #ffffff;
  --oi-max-width: 1200px;
  --oi-sidebar-width: 300px;
  --oi-font-heading: Space Grotesk;
  --oi-font-body: Space Grotesk;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

body {
  margin: 0;
  padding: 0;
  font-family: "Space Grotesk", sans-serif;
  font-size: 16px;
  line-height: 1.5;
  color: var(--block-color, var(--oi-color-dark));
  background-color: #ffffff;
  overflow-x: hidden;
}

article,
aside,
footer,
header,
nav,
section {
  display: block;
}

a {
  outline: none;
  color: var(--oi-color-primary);
  text-decoration: none;
  background-color: transparent;
}
a:hover {
  color: var(--oi-text-hover);
  text-decoration: underline;
}
a:focus {
  outline: none;
}
a:active, a:hover {
  outline: 0;
}

.page:not(.elementor-page):not(.woocommerce-page) .entry a:not(.wp-block-button__link):not(.wp-block-file__button) {
  text-decoration: none;
}
.page:not(.elementor-page):not(.woocommerce-page) .entry a:not(.wp-block-button__link):not(.wp-block-file__button):hover {
  text-decoration: none;
}

strong {
  font-weight: 700;
}

img {
  border: 0;
  vertical-align: middle;
}

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}

svg:not(:root) {
  overflow: hidden;
}

button,
input {
  color: inherit;
  font: inherit;
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button {
  overflow: visible;
  text-transform: none;
  -webkit-appearance: button;
     -moz-appearance: button;
          appearance: button;
  cursor: pointer;
}

input {
  line-height: normal;
}
input[type=checkbox] {
  box-sizing: border-box;
  padding: 0;
}

:focus {
  outline: none;
}

body #primary .entry-content, body.single #primary .entry-content {
  margin-bottom: 0;
}

@font-face {
  font-family: "Space Grotesk";
  src: url("../fonts/SpaceGrotesk-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Space Grotesk";
  src: url("../fonts/SpaceGrotesk-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Space Grotesk";
  src: url("../fonts/SpaceGrotesk-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Space Grotesk";
  src: url("../fonts/SpaceGrotesk-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Space Grotesk";
  src: url("../fonts/SpaceGrotesk-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
body {
  font-family: var(--oi-font-body);
}
body h1 {
  color: var(--block-color, var(--oi-color-heading));
  font-size: 48px;
  font-weight: 700;
  line-height: 1.25;
  margin: 20px 0 10px;
}
body h2 {
  color: var(--block-color, var(--oi-color-heading));
  font-size: 39px;
  font-weight: 700;
  line-height: 1.26;
  margin-top: 0;
  margin-bottom: 20px;
}
body h3 {
  color: var(--block-color, var(--oi-color-heading));
  font-size: 31px;
  font-weight: 700;
  line-height: 1.26;
  margin: 0 0 20px;
}
body h4 {
  color: var(--block-color, var(--oi-color-heading));
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
  margin: 13px 0;
}
@media (max-width: 767px) {
  body h1 {
    font-size: 36px;
    line-height: 1.22;
  }
  body h2,
  body h3 {
    font-size: 29px;
    line-height: 1.24;
  }
  body h4 {
    font-size: 16px;
    line-height: 1.5;
  }
}
body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
  font-family: var(--oi-font-heading);
}
body h1 a,
body h2 a,
body h3 a,
body h4 a,
body h5 a,
body h6 a {
  color: inherit;
  text-decoration: none;
}
body h1 a:hover,
body h2 a:hover,
body h3 a:hover,
body h4 a:hover,
body h5 a:hover,
body h6 a:hover {
  color: inherit;
  text-decoration: none;
}
body a h1,
body a h2,
body a h3,
body a h4,
body a h5,
body a h6 {
  color: inherit;
}
body a:hover h1,
body a:hover h2,
body a:hover h3,
body a:hover h4,
body a:hover h5,
body a:hover h6 {
  text-decoration: none;
}

.title-v3 {
  margin: 0 0 20px;
}
.title-v3 a {
  color: inherit;
  text-decoration: none;
}
.title-v3 a:hover {
  color: inherit;
  text-decoration: none;
}

h2.title-v3 {
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  h2.title-v3.left {
    padding-left: 0;
  }
}

h3.title-v3 {
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 20px;
}

.centered .title-v3, .centered.title-v3 {
  margin-left: auto;
  margin-right: auto;
}

.txt-v3 {
  margin-bottom: 20px;
  margin-top: 0;
  font-size: 20px;
  line-height: 1.5;
}
.txt-v3 .boxed-txt-v3 {
  font-size: 16px;
  line-height: 1.5;
}
.txt-v3 p {
  margin-bottom: 20px;
  margin-top: 0;
}
.txt-v3 p:last-child {
  margin: 0;
}
.txt-v3 ul:not(.slick-dots):not(.splide__pagination):not(.vjs-menu-content):not(.dropdown-menu) {
  padding-left: 0;
  list-style: none;
  font-size: 16px;
  line-height: 1.5;
  margin: 0 0 10px;
  text-align: left !important;
}
.txt-v3 ul:not(.slick-dots):not(.splide__pagination):not(.vjs-menu-content):not(.dropdown-menu) li {
  padding: 0 0 15px 22px;
  position: relative;
  text-align: left !important;
}
.txt-v3 ul:not(.slick-dots):not(.splide__pagination):not(.vjs-menu-content):not(.dropdown-menu) li:before {
  content: "";
  height: 7px;
  width: 7px;
  background: var(--oi-color-dark);
  border-radius: 50%;
  margin-right: 15px;
  position: absolute;
  top: 9px;
  left: 0;
}
.txt-v3.intro {
  margin: 0 0 16px;
}
@media (max-width: 767px) {
  .txt-v3, .txt-v3 p {
    font-size: 18px;
    line-height: 1.44;
  }
}

.text-white .txt-v3 ul:not(.slick-dots):not(.splide__pagination):not(.vjs-menu-content):not(.dropdown-menu) li:before {
  background: #fff;
}

.small-v3 p, .small-v3.txt-v3 {
  font-size: 16px;
  line-height: 1.6;
}

.intro-v3 {
  width: 100%;
  margin-bottom: 10px;
}

.centered .intro-v3, .centered.intro-v3 {
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 992px) {
  .centered .intro-v3, .centered.intro-v3 {
    width: 75%;
  }
}

.oi-hide-entry-header .entry-header {
  display: none;
}

.single-post #wrap .entry-header {
  align-items: flex-start;
  text-align: left;
}

.single-post #wrap .entry-title {
  padding: 0;
  text-align: left;
}

.single-post.content-max-width #wrap ul.meta {
  justify-content: flex-start; /* 'left' is unreliable on flex containers */
  padding: 0 0 10px 20px;
}

/* Hide published date on single post related items. */
#related-posts time.published {
  display: none;
}

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.container::before, .container::after {
  content: " ";
  display: table;
}
.container::after {
  clear: both;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1170px) {
  .container {
    width: 1170px;
  }
}
@media (max-width: 991px) {
  .container {
    width: 100%;
  }
}

.row {
  margin-left: -15px;
  margin-right: -15px;
}
.row::before, .row::after {
  content: " ";
  display: table;
}
.row::after {
  clear: both;
}

.col-xs-12,
.col-sm-4,
.col-sm-6,
.col-md-2,
.col-md-3,
.col-md-6,
.col-md-9,
.col-md-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

.col-xs-12 {
  float: left;
  width: 100%;
}

@media (min-width: 768px) {
  .col-sm-4,
  .col-sm-6 {
    float: left;
  }
  .col-sm-4 {
    width: 33.33333%;
  }
  .col-sm-6 {
    width: 50%;
  }
}
@media (min-width: 992px) {
  .col-md-2,
  .col-md-3,
  .col-md-6,
  .col-md-9,
  .col-md-12 {
    float: left;
  }
  .col-md-2 {
    width: 16.66667%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-12 {
    width: 100%;
  }
}
html {
  scroll-behavior: smooth;
}

a.anchor {
  position: relative;
  top: -185px;
  display: block;
  height: 0;
  width: 0;
}

#oi-content-wrap.container {
  width: 100%;
  max-width: 1170px;
  margin-left: auto;
  margin-right: auto;
}

body.page {
  padding-bottom: 0 !important;
}
body.page #oi-content-wrap.container {
  width: 100%;
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
}
body.page #content-wrap,
body.page #content,
body.page #primary,
body.page .content-area {
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  width: 100%;
}

.page.has-sidebar,
.single.has-sidebar {
  width: 100%;
  position: relative;
  left: auto;
  right: auto;
  transform: none;
}

.oi-custom-block {
  width: 100vw;
  position: relative;
  left: 50%;
  margin-left: -50vw;
  overflow: hidden;
}

.bg-white {
  background-color: var(--oi-bg-white);
}

.bg-grey {
  background-color: var(--oi-bg-subtle) !important;
}

.bg-blue {
  background-color: #303f9f;
  color: var(--oi-text-light);
}
.bg-blue h1,
.bg-blue h2,
.bg-blue h3,
.bg-blue h4 {
  color: var(--oi-text-light) !important;
}

.bg-cyan {
  background-color: var(--oi-bg-accent);
}
.bg-cyan h1,
.bg-cyan h2,
.bg-cyan h3,
.bg-cyan h4 {
  color: var(--oi-color-dark);
}

.bg-dark-grey {
  background-color: var(--oi-bg-mid);
  color: var(--oi-text-light);
}
.bg-dark-grey h1,
.bg-dark-grey h2,
.bg-dark-grey h3,
.bg-dark-grey h4 {
  color: var(--oi-text-light) !important;
}

.icon_size_sm {
  font-size: 16px;
}

.icon_size_m {
  font-size: 32px;
}

.icon_size_l {
  font-size: 48px;
}

.icon_size_xl {
  font-size: 64px;
}

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

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

.centered {
  text-align: center !important;
}
.centered .intro-v3 {
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 992px) {
  .centered .intro-v3 {
    width: 75%;
  }
}
.centered .title-v3 {
  margin-left: auto;
  margin-right: auto;
}

/* Rows & columns */
/* Row */
.row {
  margin-left: -15px;
  margin-right: -15px;
  padding: 0;
  position: relative;
}

.row:before,
.row:after {
  content: " ";
  display: table;
}

.row:after {
  clear: both;
}

.row:last-child {
  padding-bottom: 0;
}

/* Col */
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
  float: left;
}

.col-xs-1 {
  width: 8.33333%;
}

.col-xs-2 {
  width: 16.66667%;
}

.col-xs-3 {
  width: 25%;
}

.col-xs-4 {
  width: 33.33333%;
}

.col-xs-5 {
  width: 41.66667%;
}

.col-xs-6 {
  width: 50%;
}

.col-xs-7 {
  width: 58.33333%;
}

.col-xs-8 {
  width: 66.66667%;
}

.col-xs-9 {
  width: 75%;
}

.col-xs-10 {
  width: 83.33333%;
}

.col-xs-11 {
  width: 91.66667%;
}

.col-xs-12 {
  width: 100%;
}

@media (min-width: 768px) {
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12 {
    float: left;
  }
  .col-sm-1 {
    width: 8.33333%;
  }
  .col-sm-2 {
    width: 16.66667%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-4 {
    width: 33.33333%;
  }
  .col-sm-5 {
    width: 41.66667%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-7 {
    width: 58.33333%;
  }
  .col-sm-8 {
    width: 66.66667%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-10 {
    width: 83.33333%;
  }
  .col-sm-11 {
    width: 91.66667%;
  }
  .col-sm-12 {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12 {
    float: left;
  }
  .col-md-1 {
    width: 8.33333%;
  }
  .col-md-2 {
    width: 16.66667%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-4 {
    width: 33.33333%;
  }
  .col-md-5 {
    width: 41.66667%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-7 {
    width: 58.33333%;
  }
  .col-md-8 {
    width: 66.66667%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-10 {
    width: 83.33333%;
  }
  .col-md-11 {
    width: 91.66667%;
  }
  .col-md-12 {
    width: 100%;
  }
}
/* Formating */
.pt-20 {
  padding-top: 20px !important;
}

.pb-20 {
  padding: 20px !important;
}

.pt-30 {
  padding-top: 30px !important;
}

.pb-30 {
  padding-bottom: 30px !important;
}

.pt-40 {
  padding-top: 40px !important;
}

.pb-40 {
  padding-bottom: 40px !important;
}

.pt-50 {
  padding-top: 50px !important;
}

.pb-50 {
  padding-bottom: 50px !important;
}

.pt-60 {
  padding-top: 60px !important;
}

.pb-60 {
  padding-bottom: 60px !important;
}

.pt-70 {
  padding-top: 70px !important;
}

.pb-70 {
  padding-bottom: 70px !important;
}

.pt-80 {
  padding-top: 80px !important;
}

.pb-80 {
  padding-bottom: 80px !important;
}

.pt-90 {
  padding-top: 90px !important;
}

.pb-90 {
  padding-bottom: 90px !important;
}

.pt-v3 {
  padding-top: 100px;
}

.pb-v3 {
  padding-bottom: 100px;
}

.mt-20 {
  margin-top: 20px !important;
}

.mt-40 {
  margin-top: 40px !important;
}

.mb-30 {
  margin-bottom: 30px !important;
}

.mb-40 {
  margin-bottom: 40px !important;
}

@media (max-width: 767px) {
  #right-rail-form label {
    padding-top: 8px;
    padding-bottom: 0;
  }
  .no-border-xs {
    border: none !important;
  }
  .border-t-gray-xs {
    border-top: 1px solid #aaa;
  }
  .border-b-gray-xs {
    border-bottom: 1px solid #aaa;
  }
  .center-block-xs {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  .text-center-xs {
    text-align: center;
  }
}
.pull-right {
  float: right !important;
}

.oi-arc {
  --w: 85px;
  --h: 86px;
  --c: var(--Purple, #807DFE);
  --x: -40px;
  --y: -40px;
  --fx: 1;
  --fy: 1;
  position: relative;
}
.oi-arc > * {
  position: relative;
  z-index: 1;
}
.oi-arc::before {
  content: "";
  position: absolute;
  top: var(--y);
  left: var(--x);
  z-index: 0;
  width: var(--w);
  height: var(--h);
  background: var(--c);
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 85 86' preserveAspectRatio='none'%3E%3Cpath d='M33.2048 85.9953V84.0244C33.2048 56.4136 54.4113 33.5376 84.5906 33.5376L85 0C36.4279 0 0 37.0756 0 85.9905L32.5506 86L33.2048 85.9953Z' fill='%23000'/%3E%3C/svg%3E") no-repeat 0 0/100% 100%;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 85 86' preserveAspectRatio='none'%3E%3Cpath d='M33.2048 85.9953V84.0244C33.2048 56.4136 54.4113 33.5376 84.5906 33.5376L85 0C36.4279 0 0 37.0756 0 85.9905L32.5506 86L33.2048 85.9953Z' fill='%23000'/%3E%3C/svg%3E") no-repeat 0 0/100% 100%;
  transform: scale(var(--fx), var(--fy));
  pointer-events: none;
}
.oi-arc.arc-sm {
  --w: 64px;
  --h: 64px;
}
.oi-arc.arc-white {
  --c: var(--Neutral-0, #FFF);
}
.oi-arc.arc-primary {
  --c: var(--Primary-Base, #04A0CF);
}
.oi-arc.arc-tr {
  --fx: -1;
}
.oi-arc.arc-tr::before {
  left: auto;
  right: var(--x);
}
.oi-arc.arc-bl {
  --fy: -1;
}
.oi-arc.arc-bl::before {
  top: auto;
  bottom: var(--y);
}
.oi-arc.arc-br {
  --fx: -1;
  --fy: -1;
}
.oi-arc.arc-br::before {
  top: auto;
  bottom: var(--y);
  left: auto;
  right: var(--x);
}
.oi-arc.arc-push.arc-tl, .oi-arc.arc-push.arc-tr {
  padding-top: calc(var(--h) + var(--arc-gap, 24px));
}
.oi-arc.arc-push.arc-bl, .oi-arc.arc-push.arc-br {
  padding-bottom: calc(var(--h) + var(--arc-gap, 24px));
}

.arc-clip {
  overflow: hidden;
}

.oi-custom-block.oi-twocols .two-col-box p, .oi-custom-block.oi-sc .container p, .oi-custom-block.oi-ovrw .container p, .oi-custom-block.oi-pm .container p, .oi-custom-block.oi-ft .container p,
.oi-custom-block.oi-twocols .two-col-box .txt-v3,
.oi-custom-block.oi-sc .container .txt-v3,
.oi-custom-block.oi-ovrw .container .txt-v3,
.oi-custom-block.oi-pm .container .txt-v3,
.oi-custom-block.oi-ft .container .txt-v3 {
  color: var(--block-color, var(--oi-color-dark));
}
.oi-custom-block.oi-twocols .two-col-box h1, .oi-custom-block.oi-sc .container h1, .oi-custom-block.oi-ovrw .container h1, .oi-custom-block.oi-pm .container h1, .oi-custom-block.oi-ft .container h1,
.oi-custom-block.oi-twocols .two-col-box h2,
.oi-custom-block.oi-sc .container h2,
.oi-custom-block.oi-ovrw .container h2,
.oi-custom-block.oi-pm .container h2,
.oi-custom-block.oi-ft .container h2,
.oi-custom-block.oi-twocols .two-col-box h3,
.oi-custom-block.oi-sc .container h3,
.oi-custom-block.oi-ovrw .container h3,
.oi-custom-block.oi-pm .container h3,
.oi-custom-block.oi-ft .container h3,
.oi-custom-block.oi-twocols .two-col-box h4,
.oi-custom-block.oi-sc .container h4,
.oi-custom-block.oi-ovrw .container h4,
.oi-custom-block.oi-pm .container h4,
.oi-custom-block.oi-ft .container h4,
.oi-custom-block.oi-twocols .two-col-box h5,
.oi-custom-block.oi-sc .container h5,
.oi-custom-block.oi-ovrw .container h5,
.oi-custom-block.oi-pm .container h5,
.oi-custom-block.oi-ft .container h5,
.oi-custom-block.oi-twocols .two-col-box h6,
.oi-custom-block.oi-sc .container h6,
.oi-custom-block.oi-ovrw .container h6,
.oi-custom-block.oi-pm .container h6,
.oi-custom-block.oi-ft .container h6 {
  color: var(--block-color, var(--oi-color-heading));
}
.oi-custom-block.oi-twocols .two-col-box a:not(.btn-v3), .oi-custom-block.oi-sc .container a:not(.btn-v3), .oi-custom-block.oi-ovrw .container a:not(.btn-v3), .oi-custom-block.oi-pm .container a:not(.btn-v3), .oi-custom-block.oi-ft .container a:not(.btn-v3) {
  color: var(--block-link-color, inherit);
}
.oi-custom-block.oi-twocols .two-col-box a:not(.btn-v3):hover, .oi-custom-block.oi-sc .container a:not(.btn-v3):hover, .oi-custom-block.oi-ovrw .container a:not(.btn-v3):hover, .oi-custom-block.oi-pm .container a:not(.btn-v3):hover, .oi-custom-block.oi-ft .container a:not(.btn-v3):hover, .oi-custom-block.oi-twocols .two-col-box a:not(.btn-v3):focus, .oi-custom-block.oi-sc .container a:not(.btn-v3):focus, .oi-custom-block.oi-ovrw .container a:not(.btn-v3):focus, .oi-custom-block.oi-pm .container a:not(.btn-v3):focus, .oi-custom-block.oi-ft .container a:not(.btn-v3):focus {
  color: var(--block-link-hover, var(--block-link-color, inherit));
}

.container .btn-v3 {
  padding: 14px 30px;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  display: inline-block;
  margin-right: 20px;
  margin-bottom: 20px;
  border-radius: 0;
  text-transform: none;
  text-decoration: none !important;
  cursor: pointer;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s;
}
.container .btn-v3:first-letter {
  text-transform: none;
}
.container .btn-v3:hover {
  text-decoration: none;
  box-shadow: none;
}
.container .btn-v3::after {
  content: none;
  font-family: icomoon;
  padding-left: 10px;
}
.container .btn-v3.btn-v3-small {
  padding: 6px 18px;
  font-size: 14px;
  margin: 0;
}
.container .btn-v3.btn-block {
  width: 100%;
}
.container .btn-v3.btn-orange, .container .btn-v3.btn-default {
  border: 2px solid var(--oi-btn-cta);
  color: var(--oi-text-light);
  background: var(--oi-btn-cta);
}
.container .btn-v3.btn-orange:hover, .container .btn-v3.btn-default:hover {
  background: var(--oi-btn-cta-hover);
  border-color: var(--oi-btn-cta-hover);
  color: var(--oi-text-light);
}
.container .btn-v3.btn-orange-outline {
  border: 2px solid var(--oi-btn-cta);
  color: var(--oi-btn-cta);
  font-size: 14px;
  background: transparent;
}
.container .btn-v3.btn-orange-outline:hover {
  color: var(--oi-text-light);
  background: var(--oi-btn-cta);
  border-color: var(--oi-btn-cta);
}
.container .btn-v3.btn-oi-blue {
  border: 2px solid var(--oi-btn-secondary);
  background: var(--oi-btn-secondary);
  color: var(--oi-text-light);
}
.container .btn-v3.btn-oi-blue:hover {
  border-color: var(--oi-btn-secondary-hover);
  background: var(--oi-btn-secondary-hover);
  color: var(--oi-text-light);
}
.container .btn-v3.btn-default-color {
  border: 2px solid var(--oi-btn-brand);
  color: var(--oi-text-light);
  background: var(--oi-btn-brand);
}
.container .btn-v3.btn-default-color:hover {
  background: var(--oi-btn-brand-hover);
  border-color: var(--oi-btn-brand-hover);
  color: var(--oi-text-light);
}
.container .btn-v3.btn-default-outline {
  color: var(--oi-btn-brand);
  background-color: transparent;
  border: 2px solid var(--oi-btn-brand);
}
.container .btn-v3.btn-default-outline:hover {
  color: var(--oi-text-light);
  background-color: var(--oi-btn-brand);
  border-color: var(--oi-btn-brand);
}
.container .btn-v3.btn-blue-outline {
  color: var(--oi-btn-outline-secondary);
  background-color: transparent;
  border: 2px solid var(--oi-btn-outline-secondary);
}
.container .btn-v3.btn-blue-outline:hover {
  color: var(--oi-text-light);
  background-color: var(--oi-btn-outline-secondary);
  border-color: var(--oi-btn-outline-secondary);
}
.container .btn-v3.btn-white-outline {
  color: var(--oi-text-light);
  background-color: transparent;
  border: 2px solid var(--oi-btn-outline-white);
}
.container .btn-v3.btn-white-outline:hover {
  color: var(--oi-color-dark);
  background-color: var(--oi-btn-outline-white);
  border-color: var(--oi-btn-outline-white);
}
.container .btn-v3.btn-black-outline {
  color: var(--oi-color-dark);
  background-color: transparent;
  border: 2px solid var(--oi-color-dark);
}
.container .btn-v3.btn-black-outline:hover {
  color: var(--oi-text-light);
  background-color: var(--oi-color-dark);
  border-color: var(--oi-color-dark);
}

.btn-group-v3 {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin-right: 20px;
}
.btn-group-v3:hover {
  cursor: pointer;
}
.btn-group-v3 .caret {
  border-top: 6px dashed;
}
.btn-group-v3 .btn-v3 {
  margin-right: 0;
}
.btn-group-v3 .btn-v3::after {
  content: none;
}
.btn-group-v3 .dropdown-menu {
  margin-top: -20px;
  padding: 10px 0;
}
.btn-group-v3 .dropdown-menu li {
  margin-right: 0;
  margin-left: 0;
  width: 100%;
}
.btn-group-v3 .dropdown-menu li a {
  padding: 10px 20px;
  width: 100%;
  display: block;
}

.cta-v3 {
  margin-bottom: -20px;
}

@media (max-width: 767px) {
  .btn-block-xs {
    display: block;
    width: 100%;
  }
  .btn-block-xs.btn-v3 {
    margin: 0 0 20px;
    padding-left: 32px;
    padding-right: 32px;
    text-align: center;
  }
  .btn-block-xs .dropdown-menu {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .centered .btn-v3 {
    margin-left: 10px;
    margin-right: 10px;
  }
  .centered .btn-group-v3 {
    margin-left: 10px;
    margin-right: 10px;
  }
  .centered .btn-group-v3 .btn-v3 {
    margin-left: 0;
    margin-right: 0;
  }
}
/*new btn layout*/
.oi-btn {
  --btn-bg: var(--btn-preset-bg, var(--btn-base-bg, transparent));
  --btn-color: var(--btn-preset-color, var(--btn-base-color, inherit));
  --btn-border: var(
    --btn-preset-border,
    var(--btn-preset-bg, var(--btn-base-border, var(--btn-base-bg, transparent)))
  );
  --btn-hover-bg: var(--btn-preset-hover-bg, var(--btn-base-hover-bg, var(--btn-bg)));
  --btn-hover-color: var(--btn-preset-hover-color, var(--btn-base-hover-color, var(--btn-color)));
  --btn-hover-border: var(
    --btn-preset-hover-border,
    var(--btn-preset-hover-bg, var(--btn-base-hover-border, var(--btn-hover-bg)))
  );
  box-sizing: border-box;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--btn-gap, 4px);
  min-height: var(--btn-height, 45px);
  padding: var(--btn-pad-y, 14px) var(--btn-pad-x, 20px);
  font-size: var(--btn-font-size, 16px);
  font-style: normal;
  font-weight: var(--btn-font-weight, 500);
  line-height: var(--btn-line-height, 24px);
  text-align: center;
  text-transform: none;
  border-radius: var(--btn-radius, 40px);
  border: var(--btn-border-width, 1.5px) solid var(--btn-border);
  background-color: var(--btn-bg);
  color: var(--btn-color);
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
.oi-btn, .oi-btn:hover, .oi-btn:focus, .oi-btn:focus-visible {
  text-decoration: none !important;
}
.oi-btn:first-letter {
  text-transform: none;
}
.oi-btn:focus-visible {
  outline: 3px solid var(--oi-btn-focus-ring);
  outline-offset: 3px;
}

a.oi-btn.oi-btn,
button.oi-btn.oi-btn,
input.oi-btn.oi-btn,
span.oi-btn.oi-btn {
  background-color: var(--btn-bg);
  color: var(--btn-color);
  border-color: var(--btn-border);
}

a.oi-btn.oi-btn:hover,
a.oi-btn.oi-btn:focus,
a.oi-btn.oi-btn:focus-visible,
a.oi-btn.oi-btn:active,
button.oi-btn.oi-btn:hover,
button.oi-btn.oi-btn:focus,
button.oi-btn.oi-btn:focus-visible,
button.oi-btn.oi-btn:active,
input.oi-btn.oi-btn:hover,
input.oi-btn.oi-btn:focus,
input.oi-btn.oi-btn:focus-visible,
input.oi-btn.oi-btn:active,
span.oi-btn.oi-btn:hover,
span.oi-btn.oi-btn:focus,
span.oi-btn.oi-btn:focus-visible,
span.oi-btn.oi-btn:active {
  background-color: var(--btn-hover-bg);
  color: var(--btn-hover-color);
  border-color: var(--btn-hover-border);
  transform: none;
  box-shadow: none;
  opacity: 1;
  filter: none;
}

.oi-btn::after {
  content: "";
  display: block;
  flex: 0 0 auto;
  width: 16px;
  height: 15px;
  background-color: var(--btn-arrow-color, currentColor);
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='15' viewBox='0 0 16 15' fill='none'%3E%3Cpath d='M1 6.36401C0.447715 6.36401 0 6.81173 0 7.36401C0 7.9163 0.447715 8.36401 1 8.36401V7.36401V6.36401ZM15.7071 8.07112C16.0976 7.6806 16.0976 7.04743 15.7071 6.65691L9.34315 0.292946C8.95262 -0.0975785 8.31946 -0.0975785 7.92893 0.292946C7.53841 0.68347 7.53841 1.31664 7.92893 1.70716L13.5858 7.36401L7.92893 13.0209C7.53841 13.4114 7.53841 14.0446 7.92893 14.4351C8.31946 14.8256 8.95262 14.8256 9.34315 14.4351L15.7071 8.07112ZM1 7.36401V8.36401H15V7.36401V6.36401H1V7.36401Z' fill='%23000'/%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='15' viewBox='0 0 16 15' fill='none'%3E%3Cpath d='M1 6.36401C0.447715 6.36401 0 6.81173 0 7.36401C0 7.9163 0.447715 8.36401 1 8.36401V7.36401V6.36401ZM15.7071 8.07112C16.0976 7.6806 16.0976 7.04743 15.7071 6.65691L9.34315 0.292946C8.95262 -0.0975785 8.31946 -0.0975785 7.92893 0.292946C7.53841 0.68347 7.53841 1.31664 7.92893 1.70716L13.5858 7.36401L7.92893 13.0209C7.53841 13.4114 7.53841 14.0446 7.92893 14.4351C8.31946 14.8256 8.95262 14.8256 9.34315 14.4351L15.7071 8.07112ZM1 7.36401V8.36401H15V7.36401V6.36401H1V7.36401Z' fill='%23000'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  transition: transform 160ms ease;
}

.oi-btn:hover::after,
.oi-btn:focus-visible::after {
  transform: translateX(4px);
}

.oi-btn:has(> .oi-icon)::after {
  content: none;
}

.oi-btn > .oi-icon {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  color: var(--btn-arrow-color, currentColor);
  transition: transform 160ms ease;
}

.oi-btn:hover > .oi-icon,
.oi-btn:focus-visible > .oi-icon {
  transform: translateX(4px);
}

.oi-btn-noarrow::after {
  content: none;
}

.oi-btn-flush {
  --btn-pad-x: 0;
}

.oi-btn-block {
  width: 100%;
}

.oi-btn-small {
  --btn-height: 40px;
  --btn-font-size: 14px;
  --btn-line-height: 20px;
  --btn-pad-y: 8px;
  --btn-pad-x: 16px;
}

.oi-btn-primary-base {
  --btn-base-bg: var(--oi-btn-primary-bg);
  --btn-base-border: var(--oi-btn-primary-bg);
  --btn-base-color: var(--oi-btn-primary-font);
}

.oi-btn-primary-white {
  --btn-base-bg: var(--oi-btn-white-bg);
  --btn-base-border: var(--oi-btn-white-bg);
  --btn-base-color: var(--oi-btn-white-font);
}

.oi-btn-primary-white-outline {
  --btn-base-bg: transparent;
  --btn-base-border: var(--oi-btn-white-bg);
  --btn-base-color: var(--oi-btn-white-bg);
}
.oi-btn-primary-white-outline:focus-visible {
  outline-color: var(--oi-btn-white-bg);
}

.oi-btn-primary-black {
  --btn-base-bg: transparent;
  --btn-base-border: transparent;
  --btn-base-color: var(--oi-btn-black-font);
}

.oi-btn-purple {
  --btn-base-bg: transparent;
  --btn-base-border: transparent;
  --btn-base-color: var(--oi-btn-purple-font);
  padding: 0;
}

.oi-btn-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--oi-btn-row-gap, 16px);
}

.oi-btn-row-center {
  justify-content: center;
}

.oi-btn-row-end {
  justify-content: flex-end;
}

@media (max-width: 767px) {
  .oi-btn-row-stack-xs {
    flex-direction: column;
    align-items: stretch;
  }
}

.oi-card-cta {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.oi-card-cta .oi-btn {
  margin-top: auto;
}

.link-v3-default {
  color: var(--oi-color-primary);
  font-weight: 700;
  display: block;
  text-transform: none;
}
.link-v3-default:first-letter {
  text-transform: none;
}
.link-v3-default:hover {
  color: var(--oi-color-primary-dark);
  text-decoration: underline;
}
.link-v3-default .icomoon-icon {
  display: inline-block;
  vertical-align: text-bottom;
  padding-left: 5px;
}

.resource-cta {
  display: flex;
  align-items: flex-start;
  margin-top: 10px;
  font-size: 16px;
}
.resource-cta .rc-icon {
  background: var(--oi-color-secondary);
  border-radius: 50%;
  width: 26px;
  height: 26px;
  display: block;
  margin-right: 7px;
}
.resource-cta .rc-icon .icomoon-icon {
  font-size: 14px;
  margin: 6px;
  color: var(--oi-text-light);
  display: block;
}
.resource-cta .rc-text {
  text-decoration: underline;
}
.resource-cta:hover {
  text-decoration: none;
}
.resource-cta:hover .rc-icon {
  background: var(--oi-color-dark);
}
.resource-cta:hover .rc-text {
  text-decoration: underline;
}

.oi-icon,
[class^=icon-],
[class*=" icon-"],
.material-icons,
.material-symbols-outlined,
.fa,
.fas,
.far,
.fal,
.fab {
  color: var(--oi-icon-color);
  transition: color 0.2s ease;
}

.oi-icon {
  fill: var(--oi-icon-color);
  transition: color 0.2s ease, fill 0.2s ease;
}

a:hover .oi-icon,
a:hover [class^=icon-],
a:hover [class*=" icon-"],
a:hover .material-icons,
a:hover .material-symbols-outlined,
a:hover .fa,
a:hover .fas,
a:hover .far,
a:hover .fal,
a:hover .fab, a:focus .oi-icon,
a:focus [class^=icon-],
a:focus [class*=" icon-"],
a:focus .material-icons,
a:focus .material-symbols-outlined,
a:focus .fa,
a:focus .fas,
a:focus .far,
a:focus .fal,
a:focus .fab,
button:hover .oi-icon,
button:hover [class^=icon-],
button:hover [class*=" icon-"],
button:hover .material-icons,
button:hover .material-symbols-outlined,
button:hover .fa,
button:hover .fas,
button:hover .far,
button:hover .fal,
button:hover .fab,
button:focus .oi-icon,
button:focus [class^=icon-],
button:focus [class*=" icon-"],
button:focus .material-icons,
button:focus .material-symbols-outlined,
button:focus .fa,
button:focus .fas,
button:focus .far,
button:focus .fal,
button:focus .fab,
.oi-icon-wrap:hover .oi-icon,
.oi-icon-wrap:hover [class^=icon-],
.oi-icon-wrap:hover [class*=" icon-"],
.oi-icon-wrap:hover .material-icons,
.oi-icon-wrap:hover .material-symbols-outlined,
.oi-icon-wrap:hover .fa,
.oi-icon-wrap:hover .fas,
.oi-icon-wrap:hover .far,
.oi-icon-wrap:hover .fal,
.oi-icon-wrap:hover .fab,
.oi-icon-wrap:focus .oi-icon,
.oi-icon-wrap:focus [class^=icon-],
.oi-icon-wrap:focus [class*=" icon-"],
.oi-icon-wrap:focus .material-icons,
.oi-icon-wrap:focus .material-symbols-outlined,
.oi-icon-wrap:focus .fa,
.oi-icon-wrap:focus .fas,
.oi-icon-wrap:focus .far,
.oi-icon-wrap:focus .fal,
.oi-icon-wrap:focus .fab {
  color: var(--oi-icon-color-hover);
}
a:hover .oi-icon, a:focus .oi-icon,
button:hover .oi-icon,
button:focus .oi-icon,
.oi-icon-wrap:hover .oi-icon,
.oi-icon-wrap:focus .oi-icon {
  fill: var(--oi-icon-color-hover);
}

.oi-bg-dark .oi-icon,
.oi-bg-dark [class^=icon-],
.oi-bg-dark [class*=" icon-"],
.oi-bg-dark .material-icons,
.oi-bg-dark .material-symbols-outlined,
.oi-bg-dark .fa,
.oi-bg-dark .fas,
.oi-bg-dark .far,
.oi-bg-dark .fal,
.oi-bg-dark .fab,
.oi-bg-dark-grey .oi-icon,
.oi-bg-dark-grey [class^=icon-],
.oi-bg-dark-grey [class*=" icon-"],
.oi-bg-dark-grey .material-icons,
.oi-bg-dark-grey .material-symbols-outlined,
.oi-bg-dark-grey .fa,
.oi-bg-dark-grey .fas,
.oi-bg-dark-grey .far,
.oi-bg-dark-grey .fal,
.oi-bg-dark-grey .fab {
  color: var(--oi-icon-color-light);
}
.oi-bg-dark .oi-icon,
.oi-bg-dark-grey .oi-icon {
  fill: var(--oi-icon-color-light);
}
.oi-bg-dark a:hover .oi-icon,
.oi-bg-dark a:hover [class^=icon-],
.oi-bg-dark a:hover [class*=" icon-"],
.oi-bg-dark a:hover .material-icons,
.oi-bg-dark a:hover .material-symbols-outlined,
.oi-bg-dark a:hover .fa,
.oi-bg-dark a:hover .fas,
.oi-bg-dark a:hover .far,
.oi-bg-dark a:hover .fal,
.oi-bg-dark a:hover .fab, .oi-bg-dark a:focus .oi-icon,
.oi-bg-dark a:focus [class^=icon-],
.oi-bg-dark a:focus [class*=" icon-"],
.oi-bg-dark a:focus .material-icons,
.oi-bg-dark a:focus .material-symbols-outlined,
.oi-bg-dark a:focus .fa,
.oi-bg-dark a:focus .fas,
.oi-bg-dark a:focus .far,
.oi-bg-dark a:focus .fal,
.oi-bg-dark a:focus .fab,
.oi-bg-dark button:hover .oi-icon,
.oi-bg-dark button:hover [class^=icon-],
.oi-bg-dark button:hover [class*=" icon-"],
.oi-bg-dark button:hover .material-icons,
.oi-bg-dark button:hover .material-symbols-outlined,
.oi-bg-dark button:hover .fa,
.oi-bg-dark button:hover .fas,
.oi-bg-dark button:hover .far,
.oi-bg-dark button:hover .fal,
.oi-bg-dark button:hover .fab,
.oi-bg-dark button:focus .oi-icon,
.oi-bg-dark button:focus [class^=icon-],
.oi-bg-dark button:focus [class*=" icon-"],
.oi-bg-dark button:focus .material-icons,
.oi-bg-dark button:focus .material-symbols-outlined,
.oi-bg-dark button:focus .fa,
.oi-bg-dark button:focus .fas,
.oi-bg-dark button:focus .far,
.oi-bg-dark button:focus .fal,
.oi-bg-dark button:focus .fab,
.oi-bg-dark .oi-icon-wrap:hover .oi-icon,
.oi-bg-dark .oi-icon-wrap:hover [class^=icon-],
.oi-bg-dark .oi-icon-wrap:hover [class*=" icon-"],
.oi-bg-dark .oi-icon-wrap:hover .material-icons,
.oi-bg-dark .oi-icon-wrap:hover .material-symbols-outlined,
.oi-bg-dark .oi-icon-wrap:hover .fa,
.oi-bg-dark .oi-icon-wrap:hover .fas,
.oi-bg-dark .oi-icon-wrap:hover .far,
.oi-bg-dark .oi-icon-wrap:hover .fal,
.oi-bg-dark .oi-icon-wrap:hover .fab,
.oi-bg-dark .oi-icon-wrap:focus .oi-icon,
.oi-bg-dark .oi-icon-wrap:focus [class^=icon-],
.oi-bg-dark .oi-icon-wrap:focus [class*=" icon-"],
.oi-bg-dark .oi-icon-wrap:focus .material-icons,
.oi-bg-dark .oi-icon-wrap:focus .material-symbols-outlined,
.oi-bg-dark .oi-icon-wrap:focus .fa,
.oi-bg-dark .oi-icon-wrap:focus .fas,
.oi-bg-dark .oi-icon-wrap:focus .far,
.oi-bg-dark .oi-icon-wrap:focus .fal,
.oi-bg-dark .oi-icon-wrap:focus .fab,
.oi-bg-dark-grey a:hover .oi-icon,
.oi-bg-dark-grey a:hover [class^=icon-],
.oi-bg-dark-grey a:hover [class*=" icon-"],
.oi-bg-dark-grey a:hover .material-icons,
.oi-bg-dark-grey a:hover .material-symbols-outlined,
.oi-bg-dark-grey a:hover .fa,
.oi-bg-dark-grey a:hover .fas,
.oi-bg-dark-grey a:hover .far,
.oi-bg-dark-grey a:hover .fal,
.oi-bg-dark-grey a:hover .fab,
.oi-bg-dark-grey a:focus .oi-icon,
.oi-bg-dark-grey a:focus [class^=icon-],
.oi-bg-dark-grey a:focus [class*=" icon-"],
.oi-bg-dark-grey a:focus .material-icons,
.oi-bg-dark-grey a:focus .material-symbols-outlined,
.oi-bg-dark-grey a:focus .fa,
.oi-bg-dark-grey a:focus .fas,
.oi-bg-dark-grey a:focus .far,
.oi-bg-dark-grey a:focus .fal,
.oi-bg-dark-grey a:focus .fab,
.oi-bg-dark-grey button:hover .oi-icon,
.oi-bg-dark-grey button:hover [class^=icon-],
.oi-bg-dark-grey button:hover [class*=" icon-"],
.oi-bg-dark-grey button:hover .material-icons,
.oi-bg-dark-grey button:hover .material-symbols-outlined,
.oi-bg-dark-grey button:hover .fa,
.oi-bg-dark-grey button:hover .fas,
.oi-bg-dark-grey button:hover .far,
.oi-bg-dark-grey button:hover .fal,
.oi-bg-dark-grey button:hover .fab,
.oi-bg-dark-grey button:focus .oi-icon,
.oi-bg-dark-grey button:focus [class^=icon-],
.oi-bg-dark-grey button:focus [class*=" icon-"],
.oi-bg-dark-grey button:focus .material-icons,
.oi-bg-dark-grey button:focus .material-symbols-outlined,
.oi-bg-dark-grey button:focus .fa,
.oi-bg-dark-grey button:focus .fas,
.oi-bg-dark-grey button:focus .far,
.oi-bg-dark-grey button:focus .fal,
.oi-bg-dark-grey button:focus .fab,
.oi-bg-dark-grey .oi-icon-wrap:hover .oi-icon,
.oi-bg-dark-grey .oi-icon-wrap:hover [class^=icon-],
.oi-bg-dark-grey .oi-icon-wrap:hover [class*=" icon-"],
.oi-bg-dark-grey .oi-icon-wrap:hover .material-icons,
.oi-bg-dark-grey .oi-icon-wrap:hover .material-symbols-outlined,
.oi-bg-dark-grey .oi-icon-wrap:hover .fa,
.oi-bg-dark-grey .oi-icon-wrap:hover .fas,
.oi-bg-dark-grey .oi-icon-wrap:hover .far,
.oi-bg-dark-grey .oi-icon-wrap:hover .fal,
.oi-bg-dark-grey .oi-icon-wrap:hover .fab,
.oi-bg-dark-grey .oi-icon-wrap:focus .oi-icon,
.oi-bg-dark-grey .oi-icon-wrap:focus [class^=icon-],
.oi-bg-dark-grey .oi-icon-wrap:focus [class*=" icon-"],
.oi-bg-dark-grey .oi-icon-wrap:focus .material-icons,
.oi-bg-dark-grey .oi-icon-wrap:focus .material-symbols-outlined,
.oi-bg-dark-grey .oi-icon-wrap:focus .fa,
.oi-bg-dark-grey .oi-icon-wrap:focus .fas,
.oi-bg-dark-grey .oi-icon-wrap:focus .far,
.oi-bg-dark-grey .oi-icon-wrap:focus .fal,
.oi-bg-dark-grey .oi-icon-wrap:focus .fab {
  color: var(--oi-icon-color-light);
}
.oi-bg-dark a:hover .oi-icon, .oi-bg-dark a:focus .oi-icon,
.oi-bg-dark button:hover .oi-icon,
.oi-bg-dark button:focus .oi-icon,
.oi-bg-dark .oi-icon-wrap:hover .oi-icon,
.oi-bg-dark .oi-icon-wrap:focus .oi-icon,
.oi-bg-dark-grey a:hover .oi-icon,
.oi-bg-dark-grey a:focus .oi-icon,
.oi-bg-dark-grey button:hover .oi-icon,
.oi-bg-dark-grey button:focus .oi-icon,
.oi-bg-dark-grey .oi-icon-wrap:hover .oi-icon,
.oi-bg-dark-grey .oi-icon-wrap:focus .oi-icon {
  fill: var(--oi-icon-color-light);
}

.site-header [class^=icon-],
.site-header [class*=" icon-"],
.site-header .oi-icon,
.site-header .material-icons,
.site-header .fa,
.site-header .fas,
.site-header .far,
.site-header .fal,
.site-header .fab {
  color: var(--oi-header-text);
}
.site-header .oi-icon {
  fill: var(--oi-text-ligh);
  display: flex;
  align-items: center;
  justify-content: center;
}

.site-footer [class^=icon-],
.site-footer [class*=" icon-"],
.site-footer .oi-icon,
.site-footer .material-icons,
.site-footer .fa,
.site-footer .fas,
.site-footer .far,
.site-footer .fal,
.site-footer .fab {
  color: var(--oi-footer-text);
}
.site-footer .oi-icon {
  fill: var(--oi-footer-text);
}

/* ICOMOON */
.icomoon-container [class^=icon-],
.icomoon-container [class*=" icon-"] {
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 20px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.oi-demo-cta,
.owp-pricing-card-cta,
.owp-usecase-card-link,
.owp-testimonial-case-link,
.owp-cta-btn {
  --oi-arrow-size: 20px;
  --oi-arrow-gap: 1.35em;
  display: inline-flex;
  align-items: center;
  gap: var(--oi-arrow-gap);
  white-space: nowrap;
}

.oi-demo-cta-icon,
.owp-pricing-card-cta > span[aria-hidden=true],
.owp-usecase-card-link > span[aria-hidden=true],
.owp-testimonial-case-link > span[aria-hidden=true],
.owp-cta-btn > span[aria-hidden=true] {
  flex: 0 0 auto;
  width: var(--oi-arrow-size);
  height: var(--oi-arrow-size);
  font-size: 0;
  background-color: currentColor;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h15M13 6l6 6-6 6'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h15M13 6l6 6-6 6'/%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
}

.txt-v3 ul:not(.slick-dots):not(.splide__pagination):not(.vjs-menu-content):not(.dropdown-menu) {
  padding-left: 0;
  list-style: none;
  line-height: 1.5;
  margin: 0 0 10px;
  text-align: left;
}

.txt-v3 ul:not(.slick-dots):not(.splide__pagination):not(.vjs-menu-content):not(.dropdown-menu) li {
  padding: 0 0 10px 22px;
  position: relative;
  text-align: left;
  font-size: 16px;
}

.txt-v3 ul:not(.slick-dots):not(.splide__pagination):not(.vjs-menu-content):not(.dropdown-menu) li:before {
  content: "";
  height: 7px;
  width: 7px;
  background: var(--oi-color-dark);
  border-radius: 50%;
  position: absolute;
  top: 10px;
  left: 0;
}

ul.checkmark-v3,
.checkmark-v3 ul:not(.slick-dots):not(.splide__pagination):not(.vjs-menu-content):not(.dropdown-menu),
ul.checkmark,
.checkmark ul:not(.slick-dots):not(.splide__pagination):not(.vjs-menu-content):not(.dropdown-menu) {
  list-style: none;
  padding-left: 0;
}

ul.checkmark-v3 li,
.checkmark-v3 ul:not(.slick-dots):not(.splide__pagination):not(.vjs-menu-content):not(.dropdown-menu) li,
ul.checkmark li,
.checkmark ul:not(.slick-dots):not(.splide__pagination):not(.vjs-menu-content):not(.dropdown-menu) li {
  position: relative;
  padding-left: 28px;
}

ul.checkmark-v3 li:before,
.checkmark-v3 ul:not(.slick-dots):not(.splide__pagination):not(.vjs-menu-content):not(.dropdown-menu) li:before,
ul.checkmark li:before,
.checkmark ul:not(.slick-dots):not(.splide__pagination):not(.vjs-menu-content):not(.dropdown-menu) li:before {
  font-family: "icomoon" !important;
  content: "\ea01" !important;
  font-size: 22px !important;
  color: var(--oi-color-dark) !important;
  background: none !important;
  position: absolute;
  top: -3px;
  left: -2px;
}

:root {
  --oi-header-height: 72px;
  --oi-header-gap: 20px;
  --oi-topbar-height: 40px;
  --oi-header-max: 1170px;
  --oi-header-fast: 160ms ease;
  --oi-header-med: 220ms ease;
  --oi-mega-radius: 28px;
  --oi-tile-radius: 12px;
}

body.home #header {
  background: var(--oi-home-header-bg, #1C1F2A);
}

body.oi-nav-open {
  overflow: hidden;
}

#header {
  padding: 0;
  margin: 0;
  border: none;
  background: transparent;
  overflow: visible;
  box-shadow: none;
}
#header,
#header .oi-header,
#header .oi-header-inner,
#header .oi-header-nav,
#header .oi-nav-list,
#header .oi-nav-item {
  background-image: none;
  box-shadow: none;
  border-bottom: none;
}
#header .container,
#header #site-header-inner {
  max-width: none;
  width: auto;
  padding: 0;
  margin: 0;
}
#header a {
  text-decoration: none;
}

#header .oi-topbar {
  width: 100%;
  background: #151921;
  color: var(--oi-text-light);
  height: var(--oi-topbar-height);
}
#header .oi-topbar-inner {
  max-width: var(--oi-header-max);
  margin: 0 auto;
  height: 100%;
  padding: 0 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
}
#header .oi-topbar-contact {
  font-size: 13px;
  white-space: nowrap;
}
#header .oi-topbar-links {
  display: flex;
  align-items: center;
  gap: 8px;
}
#header .oi-topbar-link {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 13px;
  margin-right: 8px;
}
#header .oi-topbar .oi-icon-btn {
  color: var(--oi-text-light);
  display: flex;
  align-items: center;
  background-color: transparent;
  border: none;
}
#header .oi-header {
  position: relative;
  z-index: 500;
  margin-top: var(--oi-header-gap);
  background: transparent;
  filter: drop-shadow(0 2px 10px rgba(0, 0, 0, 0.12));
}
#header .oi-header.oi-is-stuck {
  position: fixed;
  top: var(--oi-header-gap);
  left: 0;
  right: 0;
  margin-top: 0;
}
#header .oi-header-spacer {
  height: 0;
}
#header .oi-header-inner {
  position: relative;
  max-width: var(--oi-header-max);
  margin: 0 auto;
  height: var(--oi-header-height);
  padding: 0 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  background: var(--oi-bg-white);
  border-radius: calc(var(--oi-header-height) / 2);
  box-shadow: none;
  transition: border-radius var(--oi-header-fast);
}
#header .oi-header-inner:has(.oi-has-mega:hover),
#header .oi-header-inner:has(.oi-mega.oi-is-open) {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  box-shadow: none;
}
#header .oi-header-logo {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
}
#header .oi-header-logo img {
  display: block;
  height: 45px;
  width: auto;
}
#header .oi-header-nav {
  flex: 1;
  position: static;
}
#header .oi-nav-list {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 30px;
  list-style: none;
  margin: 0;
  padding: 0;
}
#header .oi-nav-link {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  color: var(--oi-header-nav);
  display: inline-block;
  background-color: transparent;
}
#header .oi-nav-item {
  display: flex;
  align-items: center;
  height: var(--oi-header-height);
}
#header .oi-nav-trigger {
  background: none;
  border: none;
  cursor: pointer;
}
#header .oi-nav-item.oi-has-dropdown {
  position: relative;
}
#header .oi-nav-item.oi-has-mega:hover .oi-nav-link,
#header .oi-nav-item.oi-has-dropdown:hover .oi-nav-link {
  color: var(--oi-color-primary);
}
#header .oi-nav-item.oi-has-mega:hover .oi-mega,
#header .oi-nav-item.oi-has-dropdown:hover .oi-dropdown {
  opacity: 1;
  visibility: visible;
}
#header .oi-nav-trigger[aria-expanded=true] {
  color: var(--oi-color-primary);
}
#header .oi-header-actions {
  display: flex;
  align-items: center;
  gap: 18px;
  flex-shrink: 0;
  background: transparent;
}
#header .oi-btn-cta {
  background: var(--oi-color-primary);
  color: var(--oi-text-light);
  padding: 12px 22px;
  border-radius: 999px;
  font-size: 15px;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
  height: 41px;
  transition: background var(--oi-header-fast);
  outline: none;
  text-decoration: none;
}
#header .oi-btn-cta:hover {
  background: var(--oi-btn-cta-hover);
  color: var(--oi-text-light);
  text-decoration: none;
}
#header .oi-icon-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--oi-color-dark);
}
#header .oi-header-toggle {
  display: none;
  color: var(--oi-color-primary);
  background: none;
  border: none;
  cursor: pointer;
}
#header .oi-header-actions-search {
  display: none;
  background-color: transparent;
}
#header h3.oi-mega-col-title .oi-icon,
#header .oi-mgroup-title .oi-icon,
#header .oi-tile-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
#header h3.oi-mega-col-title .oi-icon svg,
#header .oi-mgroup-title .oi-icon svg,
#header .oi-tile-icon svg {
  display: block;
  width: 24px;
  height: auto;
}
#header .oi-mega {
  position: absolute;
  top: 100%;
  margin-top: -1px;
  left: 0;
  right: 0;
  background: var(--oi-bg-white);
  border-radius: 0 0 var(--oi-mega-radius) var(--oi-mega-radius);
  box-shadow: none;
  padding: 8px 40px 36px;
  opacity: 0;
  visibility: hidden;
  transition: opacity var(--oi-header-med), visibility var(--oi-header-med);
  z-index: 400;
}
#header .oi-mega.oi-is-open {
  opacity: 1;
  visibility: visible;
}
#header .oi-mega-grid {
  display: grid;
  gap: 32px 40px;
  align-items: start;
}
#header .oi-mega-grid-products {
  grid-template-columns: 2fr 1.15fr 1.15fr;
}
#header .oi-mega-col:not(.oi-mega-col-explore) {
  padding-top: 24px;
}
#header .oi-mega-grid-solutions {
  grid-template-columns: 1fr 1fr 1fr;
}
#header .oi-mega-grid-resources {
  grid-template-columns: auto auto;
  justify-content: start;
  gap: 32px 80px;
}
#header h3.oi-mega-col-title {
  display: flex;
  align-items: center;
  gap: 12px;
  color: var(--oi-color-dark);
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.2;
  margin: 0 0 22px;
}
#header h3.oi-mega-col-title a {
  color: inherit;
}
#header h3.oi-mega-col-title a:hover {
  color: var(--oi-color-primary);
}
#header h3.oi-mega-col-title-dark {
  color: var(--oi-color-dark);
}
#header .oi-mega-col-split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 32px;
}
#header ul.oi-mega-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
#header ul.oi-mega-list li {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: 18px;
}
#header ul.oi-mega-list a {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: var(--oi-color-dark);
}
#header ul.oi-mega-list a:hover {
  color: var(--oi-color-primary);
  text-decoration: underline;
}
#header .oi-mega-col-explore {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  padding: 24px;
  border-radius: 16px;
  background: var(--oi-explore-bg, rgba(28, 31, 42, 0.8));
  align-self: stretch;
  color: var(--oi-explore-text, #FFF);
}
#header .oi-mega-col-explore h3.oi-mega-col-title,
#header .oi-mega-col-explore h3.oi-mega-col-title-dark {
  color: var(--oi-explore-text, #FFF);
  margin-bottom: 0;
}
#header .oi-mega-col-explore ul.oi-mega-list li {
  color: var(--oi-explore-text, #FFF);
}
#header .oi-mega-col-explore ul.oi-mega-list a {
  color: var(--oi-explore-text, #FFF);
}
#header .oi-mega-col-explore ul.oi-mega-list a:hover {
  color: var(--oi-explore-text, #FFF);
  text-decoration: underline;
}
#header .oi-explore-arc {
  position: absolute;
  right: 0;
  bottom: -141px;
  opacity: 0.16;
  pointer-events: none;
}
#header .oi-explore-arc path {
  stroke: var(--oi-explore-arc, #807DFE);
  stroke-width: 4px;
}
#header .oi-mega-viewall {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-top: 28px;
  padding: 13px 26px;
  border-radius: 999px;
  background: var(--oi-color-primary);
  color: var(--oi-text-light);
  font-weight: 600;
  font-size: 16px;
  text-decoration: none;
  transition: background var(--oi-header-fast);
}
#header .oi-mega-viewall:hover {
  background: var(--oi-btn-cta-hover);
  color: var(--oi-text-light);
  text-decoration: none;
}
#header .oi-mega-tiles {
  padding-bottom: 28px;
}
#header .oi-tile-list {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 12px;
  list-style: none;
  margin: 0;
  padding: 0;
}
#header .oi-tile {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
  padding: 4px 12px 4px 4px;
  border-radius: 8px;
  color: var(--oi-color-dark);
  text-decoration: none;
  transition: background var(--oi-header-fast);
}
#header .oi-tile:hover, #header .oi-tile:focus-visible {
  background: var(--oi-tile-hover-bg, #ECEDEE);
  color: var(--oi-color-dark);
  text-decoration: none;
}
#header .oi-tile-icon {
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  border-radius: var(--oi-tile-radius);
  background: var(--oi-tile-icon-bg, #EFEEFF);
  color: var(--oi-tile-icon-color, #807DFE);
}
#header .oi-tile-label {
  font-size: 17px;
  font-weight: 500;
  white-space: nowrap;
}
#header .oi-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 220px;
  background: var(--oi-bg-white);
  border-radius: 8px;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.14);
  padding: 14px 20px;
  opacity: 0;
  visibility: hidden;
  transition: opacity var(--oi-header-med), visibility var(--oi-header-med);
  z-index: 400;
}
#header .oi-dropdown.oi-is-open {
  opacity: 1;
  visibility: visible;
}
#header .oi-dropdown-lg {
  min-width: 260px;
}
#header .oi-dropdown-subtitle {
  display: block;
  padding: 10px 4px 4px;
  font-size: 15px;
  font-weight: 700;
  color: var(--oi-color-dark);
}
#header .oi-dropdown-subtitle:hover {
  color: var(--oi-color-primary);
}
#header .oi-topbar-locale {
  position: relative;
}
#header .oi-locale-dropdown {
  left: auto;
  right: 0;
}
#header .oi-locale-dropdown a.oi-is-active {
  color: var(--oi-color-primary);
  font-weight: 700;
}
#header .oi-dropdown-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
#header .oi-dropdown-list li a {
  display: block;
  padding: 10px 4px;
  font-size: 14px;
  font-weight: 600;
  color: var(--oi-color-primary);
}
#header .oi-dropdown-list li a:hover {
  color: var(--oi-color-primary-dark);
}
#header .oi-mnav-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.35);
  z-index: 800;
  opacity: 0;
  visibility: hidden;
  transition: opacity var(--oi-header-med), visibility var(--oi-header-med);
}
#header .oi-mnav {
  position: fixed;
  top: 0;
  right: 0;
  height: 100%;
  width: min(420px, 100%);
  background: var(--oi-bg-white);
  z-index: 900;
  transform: translateX(100%);
  transition: transform var(--oi-header-med);
  overflow: hidden;
}
#header .oi-mnav-panel {
  position: absolute;
  inset: 0;
  overflow-y: auto;
  background: var(--oi-bg-white);
  display: flex;
  flex-direction: column;
  transition: transform var(--oi-header-med);
}
#header .oi-mnav-panel-tier1 {
  transform: translateX(0);
}
#header .oi-mnav-panel-tier2 {
  transform: translateX(100%);
}
#header .oi-mnav-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 20px;
  border-bottom: 1px solid var(--oi-border);
}
#header .oi-mnav-header-actions {
  display: flex;
  align-items: center;
  gap: 16px;
}
#header .oi-close-btn {
  color: var(--oi-color-primary);
  display: flex;
  background: none;
  border: none;
  cursor: pointer;
}
#header .oi-mnav-list {
  padding: 8px 20px;
  list-style: none;
  margin: 0;
}
#header .oi-mnav-item {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 4px;
  border-bottom: 1px solid var(--oi-border);
  font-size: 20px;
  font-weight: 700;
  text-align: left;
  color: var(--oi-color-dark);
  background: none;
  border-left: none;
  border-right: none;
  border-top: none;
  cursor: pointer;
}
#header .oi-chevron {
  color: var(--oi-color-primary);
  display: flex;
}
#header .oi-mnav-footer {
  margin-top: 0;
  padding: 20px;
  border-top: 1px solid var(--oi-border);
  display: flex;
  flex-direction: column;
  gap: 16px;
}
#header .oi-btn-cta-block {
  justify-content: center;
  width: 100%;
}
#header .oi-mnav-locale {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-top: 8px;
  border-top: 1px solid var(--oi-border);
  font-size: 14px;
}
#header .oi-mnav-locale a.oi-is-active {
  color: var(--oi-color-primary);
  font-weight: 700;
}
#header .oi-mnav-subheader {
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 18px 20px;
  border-bottom: 1px solid var(--oi-border);
  font-size: 18px;
  font-weight: 700;
}
#header .oi-mnav-subheader span {
  flex: 1;
}
#header .oi-back-btn {
  color: var(--oi-color-dark);
  display: flex;
  background: none;
  border: none;
  cursor: pointer;
}
#header .oi-back-btn::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 56px;
}
#header .oi-mnav-subheader .oi-close-btn {
  position: relative;
  z-index: 1;
}
#header .oi-mnav-body {
  padding: 20px;
}
#header .oi-mgroup-title {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--oi-color-dark);
  font-size: 17px;
  font-weight: 700;
  margin: 24px 0 10px;
}
#header .oi-mgroup-title:first-child {
  margin-top: 0;
}
#header .oi-mgroup-title a {
  color: inherit;
}
#header .oi-mgroup-title-dark {
  color: var(--oi-color-dark);
}
#header .oi-mgroup-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
#header .oi-mgroup-list li a {
  display: block;
  padding: 10px 0;
  font-size: 15px;
  border-bottom: 1px solid var(--oi-border);
  color: var(--oi-color-dark);
}
#header .oi-mgroup-list li a:hover {
  color: var(--oi-color-primary);
}
#header .oi-mgroup-list-tiles li a {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 12px 0;
  font-size: 16px;
  font-weight: 500;
  color: var(--oi-color-dark);
}
#header .oi-mgroup-list-tiles .oi-tile-icon {
  width: 44px;
  height: 44px;
  border-radius: var(--oi-tile-radius);
  background: var(--oi-tile-icon-bg, #EFEEFF);
  color: var(--oi-tile-icon-color, #807DFE);
}
#header .oi-mnav.oi-is-open {
  transform: translateX(0);
}
#header .oi-mnav-backdrop.oi-is-open {
  opacity: 1;
  visibility: visible;
}
#header .oi-mnav-panel.oi-is-active {
  transform: translateX(0);
}
@media (min-width: 1200px) {
  #header .oi-header-nav {
    display: block;
  }
  #header .oi-header-toggle {
    display: none;
  }
}
@media (max-width: 1199px) {
  #header .oi-header-nav {
    display: none;
  }
  #header .oi-header-toggle {
    display: inline-flex;
  }
  #header .oi-header-actions .oi-btn,
  #header .oi-header-actions .oi-btn-cta {
    display: none;
  }
  #header .oi-header-actions-search {
    display: inline-flex;
  }
  #header .oi-topbar {
    display: none;
  }
}
@media (max-width: 991px) {
  #header .oi-topbar-contact {
    display: none;
  }
  #header .oi-header-inner {
    padding: 0 16px;
  }
  #header .oi-header-actions {
    gap: 12px;
  }
  #header .oi-header.oi-is-stuck {
    padding: 0 40px;
  }
}
@media (max-width: 767px) {
  #header :root {
    --oi-header-height: 68px;
    --oi-topbar-height: 36px;
  }
  #header .oi-header-logo img {
    height: 40px;
  }
  #header .oi-btn-cta {
    padding: 10px 16px;
    font-size: 14px;
  }
  #header .oi-topbar-inner {
    padding: 0 16px;
    gap: 16px;
  }
  #header .oi-mnav {
    width: 100%;
  }
  #header .oi-header.oi-is-stuck {
    padding: 0 20px;
  }
}
@media (prefers-reduced-motion: reduce) {
  #header .oi-mega,
  #header .oi-dropdown,
  #header .oi-mnav,
  #header .oi-mnav-panel,
  #header .oi-mnav-backdrop,
  #header .oi-header-inner,
  #header .oi-tile,
  #header .oi-btn-cta,
  #header .oi-mega-viewall {
    transition: none;
  }
}

.inner-page-hero {
  padding-top: 30px;
  padding-bottom: 80px;
}
@media (max-width: 991px) {
  .inner-page-hero {
    padding-bottom: 50px;
  }
}
.inner-page-hero .row {
  display: flex;
  align-items: center;
}
@media (max-width: 991px) {
  .inner-page-hero .row {
    flex-wrap: wrap;
  }
}
.inner-page-hero .breadcrumb-v3 {
  z-index: 2;
  padding-top: 20px;
  color: var(--oi-color-primary);
  text-transform: uppercase;
  font-size: 12px;
}
.inner-page-hero .breadcrumb-v3 span {
  font-weight: 700;
}
.inner-page-hero .breadcrumb-v3 span.bread-divider {
  margin: 0 10px;
}
.inner-page-hero .breadcrumb-v3 a {
  color: var(--oi-color-primary);
}
.inner-page-hero .hero-txt {
  z-index: 2;
}
@media (min-width: 991px) {
  .inner-page-hero .hero-txt {
    padding-right: 55px;
  }
}
.inner-page-hero .hero-content-wrapper .txt-v3 {
  margin-bottom: 0;
}
.inner-page-hero .hero-graphic {
  margin-top: 32px;
  padding-left: 0;
}
@media (max-width: 991px) {
  .inner-page-hero .hero-graphic {
    padding-left: 15px;
  }
}
.inner-page-hero .hero-graphic .hg-img {
  max-width: 100%;
  margin: auto;
  display: block;
}
.inner-page-hero .cta-v3 {
  margin-top: 36px;
}
@media (max-width: 991px) {
  .inner-page-hero .cta-v3 {
    text-align: center;
  }
}

.case-study-v3 .case-study-overview {
  margin-top: 100px;
  margin-bottom: 65px;
}
@media (max-width: 991px) {
  .case-study-v3 .case-study-overview {
    margin-top: 30px;
    margin-bottom: 30px;
  }
}
.case-study-v3 .case-study-overview .row {
  display: flex;
  align-items: center;
}
@media (max-width: 991px) {
  .case-study-v3 .case-study-overview .row {
    flex-wrap: wrap;
  }
  .case-study-v3 .case-study-overview .row > div {
    margin-bottom: 30px;
  }
}
.case-study-v3 .case-study-overview h1 {
  line-height: 1.15;
}
.case-study-v3 .case-study-overview img.img-responsive {
  margin-left: auto;
  border-radius: 20px;
  position: relative;
}
@media (max-width: 991px) {
  .case-study-v3 .case-study-overview img.img-responsive {
    margin-right: auto;
  }
}
.case-study-v3 .case-study-overview .square-dots {
  background: url("../images/case-studies/orange-squares.svg") 0 0 no-repeat;
  width: 140px;
  height: 144px;
  display: block;
  position: absolute;
  top: -34px;
  left: 0;
}
@media (min-width: 1200px) {
  .case-study-v3 .case-study-overview .square-dots {
    margin-left: 50px;
  }
}
@media (max-width: 991px) and (min-width: 767px) {
  .case-study-v3 .case-study-overview .square-dots {
    margin-left: 20px;
  }
}
.case-study-v3 .zambi-v3 {
  border-top: 1px solid #eff1f1;
  border-bottom: 1px solid #eff1f1;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  color: #1c1f2a;
  background: #fff;
  position: relative;
  padding: 20px 0;
}
@media (max-width: 991px) {
  .case-study-v3 .zambi-v3 {
    padding: 0;
  }
  .case-study-v3 .zambi-v3 .container {
    padding-top: 10px;
  }
}
.case-study-v3 .zambi-v3 > div {
  padding: 20px 0;
}
.case-study-v3 .zambi-v3 ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.case-study-v3 .zambi-v3 ul.zambi-v3-links {
  padding-top: 12px;
}
.case-study-v3 .zambi-v3 ul.zambi-v3-links li {
  display: inline-block;
  margin-right: 50px;
}
.case-study-v3 .zambi-v3 ul.zambi-v3-links li a {
  color: #1c1f2a;
}
.case-study-v3 .zambi-v3 .nav-mobile {
  display: none;
}
@media (max-width: 991px) {
  .case-study-v3 .zambi-v3 .nav-mobile {
    display: block;
    text-align: center;
    padding: 0 45px;
  }
  .case-study-v3 .zambi-v3 .nav-mobile h3 {
    font-size: 25px;
    color: #1c1f2a;
  }
}
@media (max-width: 991px) and (max-width: 767px) {
  .case-study-v3 .zambi-v3 .nav-mobile h3 {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .case-study-v3 .zambi-v3 .nav-mobile .zambi-v3-arrow {
    position: absolute;
    height: 30px;
    width: 30px;
    right: 21px;
    z-index: 98;
    display: block;
    cursor: pointer;
  }
  .case-study-v3 .zambi-v3 .nav-mobile .zambi-v3-arrow .icomoon-icon {
    font-size: 30px;
    color: #00a9e0;
    font-weight: 700;
  }
}
@media (min-width: 992px) {
  .case-study-v3 .zambi-v3 .nav-items-container {
    display: flex;
    align-items: center;
  }
  .case-study-v3 .zambi-v3 .nav-items-container .zambi-v3-links {
    padding-top: 0;
    flex: 1 1 auto;
    white-space: nowrap;
  }
}
@media (max-width: 991px) {
  .case-study-v3 .zambi-v3 .nav-items-container {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0.5s linear, opacity 0.5s linear;
    background: #fff;
    position: absolute;
    width: 100%;
    left: 0;
    box-shadow: 0 -1px 5px rgba(170, 170, 170, 0.5);
    z-index: 9;
  }
  .case-study-v3 .zambi-v3 .nav-items-container ul {
    width: 100%;
    padding-bottom: 12px;
  }
  .case-study-v3 .zambi-v3 .nav-items-container ul.zambi-v3-links li {
    display: block;
  }
  .case-study-v3 .zambi-v3 .nav-items-container ul.zambi-v3-links li a {
    padding: 10px 30px;
    display: block;
  }
}
.case-study-v3 .nav-share-btn .share-icon-title {
  display: none;
}
.case-study-v3 .nav-share-btn li {
  display: inline-block;
  margin-left: 32px;
}
.case-study-v3 .nav-share-btn li a {
  width: 24px;
  height: 24px;
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
}
.case-study-v3 .nav-share-btn li.facebook a {
  background-image: url("../images/case-studies/share-facebook.svg");
}
.case-study-v3 .nav-share-btn li.twitter a {
  background-image: url("../images/case-studies/share-twitter.svg");
}
.case-study-v3 .nav-share-btn li.linkedin a {
  background-image: url("../images/case-studies/share-linkedin.svg");
}
@media (min-width: 992px) {
  .case-study-v3 .nav-share-btn.display-flex {
    display: flex !important;
    width: 300px;
    justify-content: flex-end;
    padding-right: 5px;
  }
}
.case-study-v3 .nav-share-btn.visible-xs {
  margin: 40px 0;
  padding: 0;
}
.case-study-v3 .nav-share-btn.visible-xs li {
  margin-left: 0;
  margin-right: 30px;
}
.case-study-v3 .case-summary {
  padding-top: 70px;
}
.case-study-v3 .case-summary .case-sidebar {
  padding: 30px 24px 10px;
  border-radius: 22px;
  box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.16);
  background-color: #fff;
}
.case-study-v3 .case-summary .case-sidebar h3 {
  font-size: 18px;
  line-height: 1.33;
  color: #6f6f6f;
}
.case-study-v3 .case-summary .case-sidebar ul {
  padding: 0 16px;
  margin: 20px 0;
}
.case-study-v3 .case-summary .case-sidebar ul li {
  padding-bottom: 20px;
}
.case-study-v3 .case-summary .case-sidebar ul li a {
  font-size: 18px;
  color: #1c1f2a;
}
.case-study-v3 .case-summary .case-story {
  color: #1c1f2a;
  font-size: 30px;
  line-height: 1.37;
}
@media (max-width: 767px) {
  .case-study-v3 .case-summary .case-story {
    padding-top: 40px;
  }
}
.case-study-v3 .case-summary .case-story-details {
  padding: 26px 0 30px;
  margin-bottom: 74px;
  border-bottom: 1px solid #aaa;
}
.case-study-v3 .case-summary .case-story-details ul {
  list-style: none;
  display: flex;
  align-items: center;
  padding: 0;
  margin: 0;
}
@media (max-width: 767px) {
  .case-study-v3 .case-summary .case-story-details ul {
    flex-wrap: wrap;
  }
}
.case-study-v3 .case-summary .case-story-details ul li {
  width: 26%;
}
@media (max-width: 767px) {
  .case-study-v3 .case-summary .case-story-details ul li {
    width: 100%;
    padding-bottom: 30px;
  }
}
.case-study-v3 .case-summary .case-story-details ul li.case-download-pdf {
  width: 22%;
}
@media (max-width: 767px) {
  .case-study-v3 .case-summary .case-story-details ul li.case-download-pdf {
    width: 100%;
  }
}
.case-study-v3 .case-summary .case-story-details ul li.case-download-pdf a {
  background-image: url("../images/case-studies/file-download.svg");
  background-position: right;
  background-repeat: no-repeat;
  background-size: 18px;
  padding-right: 30px;
  color: #1c1f2a;
  display: block;
  text-align: right;
  font-weight: bold;
}
@media (max-width: 767px) {
  .case-study-v3 .case-summary .case-story-details ul li.case-download-pdf a {
    text-align: left;
    display: inline-block;
  }
}
.case-study-v3 .case-summary .case-story-details ul li h4 {
  font-size: 18px;
  font-weight: 700;
  color: #6f6f6f;
  margin: 0 0 4px;
}
.case-study-v3 .case-summary .case-story-details ul li span {
  font-size: 18px;
  color: #6f6f6f;
  margin-bottom: 0;
}
.case-study-v3 .case-summary .case-quote {
  padding-top: 60px;
  padding-bottom: 60px;
  position: relative;
}
.case-study-v3 .case-summary .case-quote::before {
  content: "";
  background: url("../images/case-studies/dot-circle-orange.svg") no-repeat;
  background-size: contain;
  position: absolute;
  left: -30%;
  width: 330px;
  height: 330px;
  top: 80px;
  z-index: 0;
}
@media (max-width: 767px) {
  .case-study-v3 .case-summary .case-quote::before {
    display: none;
  }
}
.case-study-v3 .case-summary .case-quote > div {
  display: flex;
  align-items: center;
}
@media (max-width: 991px) {
  .case-study-v3 .case-summary .case-quote > div {
    flex-wrap: wrap;
  }
}
.case-study-v3 .case-summary .case-quote > div .case-quote-txt > div {
  width: 650px;
  max-width: 100%;
  background: #fff;
  border-radius: 22px;
  box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.16);
  position: relative;
  font-size: 26px;
  line-height: 1.37;
  color: #399ca1;
  z-index: 9;
  padding: 30px;
}
@media (max-width: 767px) {
  .case-study-v3 .case-summary .case-quote > div .case-quote-txt > div {
    width: 100%;
  }
}
.case-study-v3 .case-summary .case-quote > div .case-quote-txt > div p {
  padding: 20px 14px 30px;
  margin-top: 0;
}
.case-study-v3 .case-summary .case-quote > div .case-quote-txt > div .ss-open-quote {
  position: absolute;
  top: 10px;
  left: 5px;
}
.case-study-v3 .case-summary .case-quote > div .case-quote-txt > div .ss-close-quote {
  position: absolute;
  margin-top: 6px;
}
.case-study-v3 .case-summary .case-quote > div .case-quote-txt > div .icon-quote_open,
.case-study-v3 .case-summary .case-quote > div .case-quote-txt > div .icon-quote_close {
  color: #399ca1;
  opacity: 0.5;
  font-size: 54px;
}
.case-study-v3 .case-summary .case-quote > div .case-quote-txt > div .case-quote-author {
  font-size: 18px;
  text-align: right;
  font-style: italic;
  display: block;
  margin-top: -30px;
}
.case-study-v3 .case-summary .case-quote > div .case-quote-txt > div .case-quote-author > span {
  display: block;
}
.case-study-v3 .case-summary .case-quote > div .case-quote-img {
  margin-left: -100px;
}
@media (max-width: 991px) {
  .case-study-v3 .case-summary .case-quote > div .case-quote-img {
    margin: -20px 0 0 auto;
  }
}
@media (max-width: 767px) {
  .case-study-v3 .case-summary .case-quote > div .case-quote-img {
    margin-top: 40px;
  }
}
.case-study-v3 .case-summary .case-quote > div .case-quote-img img {
  border-radius: 14px;
}
.case-study-v3 .case-summary .justify-right {
  display: flex;
  justify-content: flex-end;
}
@media (min-width: 767px) and (max-width: 991px) {
  .case-study-v3 .case-summary .pos-rel-sm {
    position: relative;
  }
  .case-study-v3 .case-summary .pos-init-sm {
    position: initial;
    padding-top: 40px;
  }
  .case-study-v3 .case-summary .pos-init-sm .case-story {
    position: absolute;
    top: 0;
    margin-left: 33%;
    padding-right: 20px;
  }
}
.case-study-v3 .case-story-challenges,
.case-study-v3 .case-story-solutions,
.case-study-v3 .case-story-benefits {
  font-size: 20px;
}

.p-0 {
  padding: 0 !important;
}

.pr-0 {
  padding-right: 0 !important;
}

.mt-15 {
  margin-top: 15px !important;
}

.mt-20 {
  margin-top: 20px !important;
}

.mt-30 {
  margin-top: 30px !important;
}

.mb-30 {
  margin-bottom: 30px !important;
}

.ml-0 {
  margin-left: 0 !important;
}

@media (min-width: 992px) {
  .pr-0-md {
    padding-right: 0;
  }
}
.pull-right {
  float: right !important;
}

.pull-left {
  float: left !important;
}

.hide {
  display: none !important;
}

.hidden {
  display: none !important;
}

.visible-xs {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
}

.visible-sm {
  display: none !important;
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
}

.responsive-table-v3 .row.border-bottom {
  border-bottom: 1px solid #eee;
  display: flex;
  align-items: center;
}

.responsive-table-v3 .row div p {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 16px;
  padding: 0 5px;
}

.responsive-table-v3 .txt-bold {
  font-weight: bold;
}

@media only screen and (max-width: 991px) {
  .responsive-table-v3 p {
    font-size: 13px;
  }
  .responsive-table-v3 > .row > div {
    padding: 5px;
  }
}
.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

.fadeInRightShort {
  opacity: 0;
  transform: translateX(20px);
}
.fadeInRightShort.go {
  animation-name: fadeInRightShort;
}

.fadeInLeftShort {
  opacity: 0;
  transform: translateX(-20px);
}
.fadeInLeftShort.go {
  animation-name: fadeInLeftShort;
}

@media (max-width: 991px) {
  .fadeInRightShort,
  .fadeInLeftShort {
    opacity: 1;
    transform: translate(0, 0);
  }
  .fadeInRightShort.go,
  .fadeInLeftShort.go {
    animation-name: none;
  }
}
@keyframes fadeInRightShort {
  0% {
    opacity: 0;
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fadeInLeftShort {
  0% {
    opacity: 0;
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
#loading-container {
  background: rgba(0, 0, 0, 0.7);
  z-index: 9999;
}
#loading-container.vertical-center.horizontal-center {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#loading-container.vertical-center .loading-spinner {
  position: static;
}
#loading-container .preloader-text {
  color: var(--oi-text-light);
}
#loading-container.hidden {
  display: none !important;
}

.loading-spinner {
  height: 125px;
  width: 125px;
  position: relative;
}
.loading-spinner .circle {
  border-radius: 50%;
}
.loading-spinner .preloader {
  display: block;
  position: fixed;
  margin: auto;
  border-radius: 6.4px;
  top: 50%;
  bottom: 50%;
  left: 0;
  right: 0;
}
.loading-spinner .preloader.preloader-relative {
  position: absolute;
  margin-top: -70px;
  z-index: 9;
}
.loading-spinner .preloader .preloader-wrapper {
  margin: auto;
  margin-top: 20px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.loading-spinner .preloader .preloader-wrapper .circle {
  border-width: 5px;
}
.loading-spinner .preloader .preloader-text {
  margin-top: 100px;
  white-space: nowrap;
}
.loading-spinner .preloader-wrapper {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
}
.loading-spinner .preloader-wrapper.active {
  animation: container-rotate 1568ms linear infinite;
}
.loading-spinner .spinner-layer {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  border-color: var(--oi-color-secondary);
}
.loading-spinner .active .spinner-layer {
  opacity: 1;
  animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}
.loading-spinner .gap-patch {
  position: absolute;
  top: 0;
  left: 45%;
  width: 10%;
  height: 100%;
  overflow: hidden;
  border-color: inherit;
}
.loading-spinner .gap-patch .circle {
  width: 1000%;
  left: -450%;
}
.loading-spinner .circle-clipper {
  display: inline-block;
  position: relative;
  width: 50%;
  height: 100%;
  overflow: hidden;
  border-color: inherit;
}
.loading-spinner .circle-clipper .circle {
  width: 200%;
  height: 100%;
  border-width: 3px;
  border-style: solid;
  border-color: inherit;
  border-bottom-color: transparent !important;
  border-radius: 50%;
  animation: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
}
.loading-spinner .circle-clipper.left .circle {
  left: 0;
  border-right-color: transparent !important;
  transform: rotate(129deg);
}
.loading-spinner .circle-clipper.right .circle {
  left: -100%;
  border-left-color: transparent !important;
  transform: rotate(-129deg);
}
.loading-spinner .active .circle-clipper.left .circle {
  animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}
.loading-spinner .active .circle-clipper.right .circle {
  animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}
.loading-spinner .quest-orange.spinner-layer {
  border-color: var(--oi-btn-cta);
}

@keyframes container-rotate {
  to {
    transform: rotate(1turn);
  }
}
@keyframes fill-unfill-rotate {
  12.5% {
    transform: rotate(135deg);
  }
  25% {
    transform: rotate(270deg);
  }
  37.5% {
    transform: rotate(405deg);
  }
  50% {
    transform: rotate(540deg);
  }
  62.5% {
    transform: rotate(675deg);
  }
  75% {
    transform: rotate(810deg);
  }
  87.5% {
    transform: rotate(945deg);
  }
  to {
    transform: rotate(3turn);
  }
}
@keyframes left-spin {
  0% {
    transform: rotate(130deg);
  }
  50% {
    transform: rotate(-5deg);
  }
  to {
    transform: rotate(130deg);
  }
}
@keyframes right-spin {
  0% {
    transform: rotate(-130deg);
  }
  50% {
    transform: rotate(5deg);
  }
  to {
    transform: rotate(-130deg);
  }
}
#old-browser {
  width: 100%;
  background: #eeeeee;
  padding: 5px 0;
  text-align: center;
  display: none;
}
#old-browser #old-browser-close {
  width: 21px;
  height: 21px;
  background: url("../images/iconssvg/close.svg") no-repeat;
  display: inline-block;
  position: absolute;
  right: 4px;
  top: 6px;
}
#old-browser #old-browser-close:hover {
  opacity: 0.5;
}

/* =========================================================
   FOOTER
   Colors  → :root { --oi-* } (from _site-ol.scss; runtime ACF override OK).
   Layout  → SCSS vars from variables.scss (compile-time; work in @media).
   ========================================================= */
.owp_site-footer {
  position: relative;
  background: #1C1F2A;
  color: var(--oi-text-light);
}

.owp_site-footer::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url(/wp-content/themes/oceanwp-child-theme-master/assets/img/footer-left-bottom.png);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 10% auto;
  pointer-events: none;
  z-index: 0;
}

.owp_site-footer-inner {
  position: relative;
  z-index: 1;
  max-width: 1170px;
  margin: 0 auto;
  padding: 56px 20px 32px;
}

/* --- Top row: logo + social icons --- */
.owp_footer-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
}

.owp_footer-logo {
  font-size: 28px;
  font-weight: 700;
  color: var(--oi-text-light);
  letter-spacing: -0.018em;
}

.owp_footer-logo .f-logo {
  display: block;
  width: 220px;
  height: auto; /* attrs above reserve the ratio, so no CLS */
}

.owp_footer-social {
  display: flex;
  align-items: center;
  gap: 12px;
}

.owp_social-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 6px;
  background: var(--oi-bg-white);
  color: var(--oi-color-dark);
  font-size: 15px;
  transition: background 160ms ease, transform 160ms ease;
}

.owp_social-link:hover {
  background: var(--oi-color-primary);
  color: var(--oi-text-light);
  transform: translateY(-2px);
}

/* --- Language row --- */
.owp_footer-lang {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 32px;
  font-size: 14px;
  color: #ffffff;
}

.owp_footer-lang .fa-globe {
  font-size: 16px;
}

/* --- Link columns --- */
.owp_footer-columns {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 125px;
  margin-top: 48px;
}

.owp_footer-col-title {
  font-size: 18px;
  font-weight: 700;
  color: var(--oi-text-light);
  margin: 0 0 18px 0;
}

#footer .owp_footer-columns .owp_footer-col .owp_footer-col-list {
  margin: 15px 0 5px 0px;
}

.owp_footer-col-list li {
  list-style: none;
}

.owp_footer-col-list a {
  font-size: 16px;
  line-height: 1.2;
  color: #ffffff;
  transition: color 160ms ease;
}

.owp_footer-col-list a:hover {
  color: var(--oi-text-light);
  text-decoration: underline;
}

/* --- Bottom legal bar --- */
.owp_footer-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px 24px;
  margin-top: 48px;
  padding-top: 24px;
  border-top: 1px solid #77797f;
}

.owp_footer-copyright {
  font-size: 16px;
  color: #ffffff;
}

.owp_footer-legal {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.owp_footer-legal a {
  font-size: 16px;
  color: #ffffff;
  text-decoration: underline;
}

.owp_footer-legal a:hover {
  color: var(--oi-text-light);
}

.owp_footer-legal-divider {
  color: #77797f;
  font-size: 14px;
}

/* --- Footer responsive: stack columns on tablet + mobile --- */
@media (max-width: 991px) {
  .owp_site-footer-inner {
    padding: 48px 24px 28px;
  }
  .owp_footer-columns {
    grid-template-columns: 1fr;
    gap: 32px;
    margin-top: 40px;
  }
  .owp_footer-bottom {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (max-width: 767px) {
  .owp_site-footer-inner {
    padding: 40px 16px 24px;
  }
  .owp_footer-top {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
  .owp_footer-logo {
    font-size: 24px;
  }
  .owp_footer-lang {
    margin-top: 24px;
  }
  .owp_footer-columns {
    margin-top: 32px;
    gap: 28px;
  }
  .owp_footer-bottom {
    margin-top: 36px;
  }
  .owp_footer-legal {
    gap: 6px;
  }
  .owp_footer-legal a,
  .owp_footer-legal-divider {
    font-size: 13px;
  }
}