@charset "UTF-8";
:root {
  --oi-color-primary: #020B71;
  --oi-color-primary-dark: #010847;
  --oi-color-secondary: #7A28DA;
  --oi-color-accent: #B8EC00;
  --oi-color-dark: #020B71;
  --oi-color-heading: #020B71;
  --oi-color-gradient-blue: #04A9D9;
  --oi-btn-cta: #020B71;
  --oi-btn-cta-hover: #B8EC00;
  --oi-btn-cta-border: #020B71;
  --oi-btn-cta-text: #FFFFFF;
  --oi-btn-cta-text-hover: #020B71;
  --oi-btn-secondary: #FFFFFF;
  --oi-btn-secondary-hover: #B8EC00;
  --oi-btn-brand: var(--oi-color-primary);
  --oi-btn-brand-hover: var(--oi-color-primary-dark);
  --oi-btn-arrow-bg: #B8EC00;
  --oi-btn-arrow-color: #020B71;
  --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: #020B71;
  --oi-bg-secondary: #030B60;
  --oi-bg-deep: #030B60;
  --oi-bg-subtle: #E8F2FB;
  --oi-bg-accent: #E8F2FB;
  --oi-bg-mid: #40535D;
  --oi-bg-white: #FFFFFF;
  --oi-bg-card: #F6F8F8;
  --oi-bg-card-alt: #FBFBFC;
  --oi-header-top: #030B60;
  --oi-header-top-text: #FFFFFF;
  --oi-header-nav: #020B71;
  --oi-header-pill-bg: rgb(255, 255, 255);
  --oi-header-open-bg: #ECEDEE;
  --oi-header-fallback-bg: #FFFFFF;
  --oi-gray-100: #ECEDEE;
  --oi-gray-700: #40535D;
  --oi-home-header-bg: #020B71;
  --oi-mega-bg: rgba(255, 255, 255, 0.98);
  --oi-tile-icon-bg: #FFFFFF;
  --oi-tile-icon-color: #7A28DA;
  --oi-tile-hover-bg: #ECEDEE;
  --oi-promo-bg: #020B71;
  --oi-promo-text: #FFFFFF;
  --oi-footer-bg: #020B71;
  --oi-footer-text: #FFFFFF;
  --oi-footer-muted: #838F96;
  --oi-text-light: #FFFFFF;
  --oi-secondary-nepal: #82A7C5;
  --oi-text-body: #40535D;
  --oi-text-muted: #838F96;
  --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-slider-nav: #020B71;
  --oi-rule-track: #82A7C5;
  --oi-rule-active: #020B5F;
  --oi-pagination-pill-bg: rgba(255, 255, 255, 0.8);
  --oi-body-color: #40535D;
  --oi-body-bg: #FFFFFF;
  --oi-content-bg: #FFFFFF;
  --oi-grey-bg: #838F96;
  --oi-grey-dark-bg: #020B71;
  --oi-border: #E8F2FB;
  --oi-link-color: #020B71;
  --oi-link-hover: #7A28DA;
  --oi-link-inline-hover: #030B60;
  --oi-link-inline-underline: currentColor;
  --oi-icon-color: #7A28DA;
  --oi-icon-color-hover: #020B71;
  --oi-icon-color-light: #FFFFFF;
  --oi-max-width: 1200px;
  --oi-sidebar-width: 300px;
  --oi-font-heading: Noto Sans, sans-serif;
  --oi-font-body: Noto Sans, sans-serif;
  --oi-gradient-hero: linear-gradient(283deg, #04A9D9 13.97%, #0052CC 45.63%, #020B71 85.99%);
  --oi-gradient-brand: linear-gradient(90deg, #04A9D9 0%, #0052CC 45%, #020B71 100%);
}

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

body {
  margin: 0;
  padding: 0;
  font-family: "Noto Sans", sans-serif;
  font-size: 16px;
  line-height: 1.5;
  color: var(--block-color, var(--oi-body-color));
  background-color: var(--oi-body-bg);
  overflow-x: hidden;
}

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

a {
  color: var(--oi-link-color);
  text-decoration: none;
  background-color: transparent;
}
a:hover {
  color: var(--oi-link-hover);
  text-decoration: underline;
}

.page:not(.elementor-page):not(.woocommerce-page) .entry a:not(.btn-v3):not(.wp-block-button__link):not(.wp-block-file__button):not(.oi-link-inline) {
  text-decoration: none;
}
.page:not(.elementor-page):not(.woocommerce-page) .entry a:not(.btn-v3):not(.splide__slide):not(.resource-cta):not(.wp-block-button__link):not(.wp-block-file__button):not(.oi-link-inline):hover {
  text-decoration: underline;
}

.txt-v3 a:not([class]) {
  text-decoration: none;
}
.txt-v3 a:not([class]):hover, .txt-v3 a:not([class]):focus-visible {
  color: var(--oi-link-inline-hover);
  text-decoration: underline;
}

.single-post:not(.elementor-page) .entry-content a.btn-v3:not(.wp-block-button__link):not(.wp-block-file__button),
.page:not(.elementor-page):not(.woocommerce-page) .entry a.btn-v3:not(.wp-block-button__link):not(.wp-block-file__button) {
  text-decoration: none;
}
.single-post:not(.elementor-page) .entry-content a.btn-v3:not(.wp-block-button__link):not(.wp-block-file__button):hover, .single-post:not(.elementor-page) .entry-content a.btn-v3:not(.wp-block-button__link):not(.wp-block-file__button):focus, .single-post:not(.elementor-page) .entry-content a.btn-v3:not(.wp-block-button__link):not(.wp-block-file__button):focus-visible,
.page:not(.elementor-page):not(.woocommerce-page) .entry a.btn-v3:not(.wp-block-button__link):not(.wp-block-file__button):hover,
.page:not(.elementor-page):not(.woocommerce-page) .entry a.btn-v3:not(.wp-block-button__link):not(.wp-block-file__button):focus,
.page:not(.elementor-page):not(.woocommerce-page) .entry a.btn-v3:not(.wp-block-button__link):not(.wp-block-file__button):focus-visible {
  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:not(:focus-visible) {
  outline: none;
}

:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

@font-face {
  font-family: "Noto Sans";
  src: url("../fonts/NotoSans-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans";
  src: url("../fonts/NotoSans-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
:root {
  --oi-title-card-lg: 24px;
  --oi-title-card: 20px;
  --oi-title-card-sm: 18px;
}

body {
  font-family: var(--oi-font-body);
}
body h1 {
  color: var(--block-color, var(--oi-color-heading));
  font-size: 64px;
  font-weight: 700;
  line-height: 1;
}
@media (max-width: 767px) {
  body h1 {
    font-size: 42px;
    line-height: 1.2;
  }
}
body h1 {
  margin: 20px 0 10px;
}
body h2 {
  color: var(--block-color, var(--oi-color-heading));
  font-size: 40px;
  font-weight: 700;
  line-height: 1.2;
}
@media (max-width: 767px) {
  body h2 {
    font-size: 32px;
    line-height: 1.24;
  }
}
body h2 {
  margin-top: 0;
  margin-bottom: 20px;
}
body h3 {
  color: var(--block-color, var(--oi-color-heading));
  font-size: 32px;
  font-weight: 700;
  line-height: 1.32;
}
@media (max-width: 767px) {
  body h3 {
    font-size: 28px;
    line-height: 1.32;
  }
}
body h3 {
  margin: 0 0 20px;
}
body h4 {
  color: var(--block-color, var(--oi-color-heading));
  font-size: 22px;
  font-weight: 700;
  line-height: 1.29;
}
@media (max-width: 767px) {
  body h4 {
    font-size: 22px;
    line-height: 1.33;
  }
}
body h4 {
  margin: 13px 0;
}
body h5 {
  color: var(--block-color, var(--oi-color-heading));
  font-size: 20px;
  font-weight: 700;
  line-height: 1.33;
}
@media (max-width: 767px) {
  body h5 {
    font-size: 20px;
    line-height: 1.4;
  }
}
body h5 {
  margin: 13px 0;
}
body h6 {
  color: var(--block-color, var(--oi-color-heading));
  font-size: 18px;
  font-weight: 700;
  line-height: 1.4;
}
@media (max-width: 767px) {
  body h6 {
    font-size: 18px;
    line-height: 1.44;
  }
}
body h6 {
  margin: 13px 0;
}
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 {
  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 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 .entry-content {
  margin-bottom: 0;
}

.hide,
.hidden {
  display: none !important;
}

.show {
  display: block !important;
}

.invisible {
  visibility: hidden;
}

.affix {
  position: fixed;
}

.unbold {
  font-weight: normal;
}

.pointer {
  cursor: pointer;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

.visible-xs,
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block,
.visible-print,
.visible-print-block,
.visible-print-inline,
.visible-print-inline-block {
  display: none !important;
}

@media (width < 768px) {
  .visible-xs,
  .visible-xs-block {
    display: block !important;
  }
  table.visible-xs {
    display: table !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
  .visible-xs-inline {
    display: inline !important;
  }
  .visible-xs-inline-block {
    display: inline-block !important;
  }
  .hidden-xs {
    display: none !important;
  }
}
@media (768px <= width < 992px) {
  .visible-sm,
  .visible-sm-block {
    display: block !important;
  }
  table.visible-sm {
    display: table !important;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
  .visible-sm-inline {
    display: inline !important;
  }
  .visible-sm-inline-block {
    display: inline-block !important;
  }
  .hidden-sm {
    display: none !important;
  }
}
@media (992px <= width < 1200px) {
  .visible-md,
  .visible-md-block {
    display: block !important;
  }
  table.visible-md {
    display: table !important;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
  .visible-md-inline {
    display: inline !important;
  }
  .visible-md-inline-block {
    display: inline-block !important;
  }
  .hidden-md {
    display: none !important;
  }
}
@media (width >= 1200px) {
  .visible-lg,
  .visible-lg-block {
    display: block !important;
  }
  table.visible-lg {
    display: table !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
  .visible-lg-inline {
    display: inline !important;
  }
  .visible-lg-inline-block {
    display: inline-block !important;
  }
  .hidden-lg {
    display: none !important;
  }
}
@media print {
  .visible-print,
  .visible-print-block {
    display: block !important;
  }
  table.visible-print {
    display: table !important;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
  .visible-print-inline {
    display: inline !important;
  }
  .visible-print-inline-block {
    display: inline-block !important;
  }
  .hidden-print {
    display: none !important;
  }
}
.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-bottom: 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-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):not(.link-v3-default), .oi-custom-block.oi-sc .container a:not(.btn-v3):not(.link-v3-default), .oi-custom-block.oi-ovrw .container a:not(.btn-v3):not(.link-v3-default), .oi-custom-block.oi-pm .container a:not(.btn-v3):not(.link-v3-default), .oi-custom-block.oi-ft .container a:not(.btn-v3):not(.link-v3-default) {
  color: var(--block-link-color, inherit);
}
.oi-custom-block.oi-twocols .two-col-box a:not(.btn-v3):not(.link-v3-default):hover, .oi-custom-block.oi-sc .container a:not(.btn-v3):not(.link-v3-default):hover, .oi-custom-block.oi-ovrw .container a:not(.btn-v3):not(.link-v3-default):hover, .oi-custom-block.oi-pm .container a:not(.btn-v3):not(.link-v3-default):hover, .oi-custom-block.oi-ft .container a:not(.btn-v3):not(.link-v3-default):hover, .oi-custom-block.oi-twocols .two-col-box a:not(.btn-v3):not(.link-v3-default):focus, .oi-custom-block.oi-sc .container a:not(.btn-v3):not(.link-v3-default):focus, .oi-custom-block.oi-ovrw .container a:not(.btn-v3):not(.link-v3-default):focus, .oi-custom-block.oi-pm .container a:not(.btn-v3):not(.link-v3-default):focus, .oi-custom-block.oi-ft .container a:not(.btn-v3):not(.link-v3-default):focus {
  color: var(--block-link-hover, var(--block-link-color, inherit));
}

.bg-preset-hero-gradient {
  background-image: var(--oi-gradient-hero);
}

.bg-preset-gradient-brand {
  background-image: var(--oi-gradient-brand);
}

.btn-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 42px;
  height: 42px;
  border-radius: 6px;
  background: var(--oi-btn-arrow-bg);
  color: var(--oi-btn-arrow-color);
}
.btn-arrow svg {
  display: block;
  width: 18px;
  height: 12px;
  fill: currentColor;
}
.btn-arrow svg path {
  fill: currentColor;
}

.btn-arrow-plain {
  background: transparent;
  color: inherit;
}

.btn-arrow-inline {
  width: auto;
  height: auto;
  border-radius: 0;
}

.btn-v3 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  padding: 3px 3px 3px 16px;
  border: 2px solid transparent;
  border-radius: 8px;
  font-family: var(--oi-font-body);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  text-align: center;
  text-transform: none;
  text-decoration: none;
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
.btn-v3 span {
  text-decoration: none;
}
.btn-v3:first-letter {
  text-transform: none;
}
.btn-v3:hover, .btn-v3:focus, .btn-v3:focus-visible {
  text-decoration: none;
  box-shadow: none;
}
.btn-v3:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

.btn-v3-small {
  gap: 10px;
  padding: 3px 3px 3px 14px;
  font-size: 14px;
}
.btn-v3-small .btn-arrow {
  width: 32px;
  height: 32px;
}

.btn-block {
  width: 100%;
}

.btn-primary-dark,
.btn-orange,
.btn-default,
.btn-default-color,
.btn-oi-blue {
  background: var(--oi-btn-cta);
  color: var(--oi-btn-cta-text);
}
.btn-primary-dark.btn-v3:hover, .btn-primary-dark.btn-v3:focus-visible,
.btn-orange.btn-v3:hover,
.btn-orange.btn-v3:focus-visible,
.btn-default.btn-v3:hover,
.btn-default.btn-v3:focus-visible,
.btn-default-color.btn-v3:hover,
.btn-default-color.btn-v3:focus-visible,
.btn-oi-blue.btn-v3:hover,
.btn-oi-blue.btn-v3:focus-visible {
  background: var(--oi-btn-cta-hover);
  color: var(--oi-btn-cta-text-hover);
}

.btn-primary-white,
.btn-secondary-white {
  background: var(--oi-btn-secondary);
  color: var(--oi-color-primary);
}
.btn-primary-white.btn-v3:hover, .btn-primary-white.btn-v3:focus-visible,
.btn-secondary-white.btn-v3:hover,
.btn-secondary-white.btn-v3:focus-visible {
  background: var(--oi-btn-secondary-hover);
  color: var(--oi-color-primary);
}

.btn-link {
  gap: 10px;
  padding: 0;
  border-color: transparent;
  background: none;
  color: var(--oi-color-primary);
}
.btn-link .btn-arrow {
  width: auto;
  height: auto;
  border-radius: 0;
  background: transparent;
  color: inherit;
}
.btn-link.btn-v3:hover, .btn-link.btn-v3:focus-visible {
  background: none;
  color: var(--oi-link-hover);
  text-decoration: none;
}

.btn-outline-dark,
.btn-orange-outline,
.btn-default-outline,
.btn-blue-outline,
.btn-black-outline {
  background: transparent;
  border-color: var(--oi-color-primary);
  color: var(--oi-color-primary);
}
.btn-outline-dark.btn-v3:hover, .btn-outline-dark.btn-v3:focus-visible,
.btn-orange-outline.btn-v3:hover,
.btn-orange-outline.btn-v3:focus-visible,
.btn-default-outline.btn-v3:hover,
.btn-default-outline.btn-v3:focus-visible,
.btn-blue-outline.btn-v3:hover,
.btn-blue-outline.btn-v3:focus-visible,
.btn-black-outline.btn-v3:hover,
.btn-black-outline.btn-v3:focus-visible {
  background: var(--oi-color-primary);
  border-color: var(--oi-color-primary);
  color: var(--oi-text-light);
}

.btn-outline-white,
.btn-white-outline {
  background: transparent;
  border-color: var(--oi-btn-outline-white);
  color: var(--oi-text-light);
}
.btn-outline-white.btn-v3:hover, .btn-outline-white.btn-v3:focus-visible,
.btn-white-outline.btn-v3:hover,
.btn-white-outline.btn-v3:focus-visible {
  background: var(--oi-btn-outline-white);
  border-color: var(--oi-btn-outline-white);
  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 .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;
}
.cta-v3 .btn-v3 {
  margin-right: 20px;
  margin-bottom: 20px;
}

@media (max-width: 767px) {
  .btn-block-xs {
    display: block;
    width: 100%;
  }
  .btn-block-xs.btn-v3 {
    display: flex;
    margin: 0 0 20px;
    padding-left: 32px;
    padding-right: 32px;
    text-align: center;
  }
  .btn-block-xs .dropdown-menu {
    margin-top: 0;
  }
  .oi-custom-block .btn-v3.btn-block-xs {
    display: inline-flex;
    width: auto;
    margin: 0 20px 20px 0;
    padding: 3px 3px 3px 16px;
  }
}
@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;
  }
}
.btn-v3:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
  .btn-v3 {
    transition: none;
  }
}
.link-v3-default {
  color: var(--oi-color-primary);
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-transform: none;
}
.link-v3-default:first-letter {
  text-transform: none;
}
.link-v3-default:hover, .link-v3-default:focus-visible {
  text-decoration: underline;
}
.link-v3-default:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}
.link-v3-default .icomoon-icon {
  display: inline-block;
  vertical-align: text-bottom;
  padding-left: 5px;
}
.link-v3-default .btn-arrow {
  text-decoration: none;
}

.oi-link-inline {
  color: inherit;
  text-decoration: underline;
  text-decoration-color: var(--oi-link-inline-underline);
  text-underline-offset: 2px;
  transition: color 160ms ease, text-decoration-color 160ms ease;
}
.oi-link-inline:hover, .oi-link-inline:focus-visible {
  text-decoration: underline;
}
.oi-link-inline:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

.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;
  transition: background 160ms ease;
}
.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 .rc-icon, .resource-cta:focus-visible .rc-icon {
  background: var(--oi-color-dark);
}
.resource-cta:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
  .oi-link-inline,
  .resource-cta .rc-icon {
    transition: none;
  }
}
.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-header-text);
}

.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;
}

.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: 15px;
  --oi-topbar-height: 40px;
  --oi-header-max: 1170px;
  --oi-header-fast: 160ms ease;
  --oi-header-med: 220ms ease;
  --oi-header-radius: 16px;
  --oi-tile-radius: 8px;
}

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

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

#header {
  padding: 0;
  margin: 0;
  border: none;
  background: var(--oi-header-fallback-bg);
  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%;
  height: var(--oi-topbar-height);
  position: relative;
  z-index: 600;
  background: var(--oi-header-top);
  color: var(--oi-header-top-text);
}
#header .oi-topbar-inner {
  max-width: var(--oi-header-max);
  height: 100%;
  margin: 0 auto;
  padding: 0 24px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 28px;
}
#header .oi-topbar-links {
  display: flex;
  align-items: center;
  gap: 24px;
}
#header .oi-topbar-utils {
  display: flex;
  align-items: center;
  gap: 16px;
}
#header .oi-topbar-drop,
#header .oi-topbar-locale {
  position: relative;
  display: flex;
  align-items: center;
}
#header .oi-topbar-drop-trigger {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0;
  border: none;
  background: none;
  font-family: inherit;
  font-size: 14px;
  line-height: inherit;
  color: var(--oi-header-top-text);
  cursor: pointer;
}
#header .oi-topbar-drop-trigger:hover {
  text-decoration: underline;
}
#header .oi-topbar-drop-trigger svg {
  transition: transform 0.2s ease;
}
#header .oi-topbar-drop-trigger[aria-expanded=true] svg {
  transform: rotate(180deg);
}
#header .oi-locale-trigger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: none;
  background: none;
  color: var(--oi-header-top-text);
  cursor: pointer;
}
#header .oi-topbar-panel,
#header .oi-locale-panel {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  min-width: 210px;
  padding: 8px 0;
  background: var(--oi-bg-white);
  border-radius: 8px;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.16);
  z-index: 700;
}
#header .oi-topbar-panel[hidden],
#header .oi-locale-panel[hidden] {
  display: none;
}
#header .oi-topbar-panel {
  right: auto;
  left: 0;
}
#header .oi-topbar-panel-list,
#header .oi-locale-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
#header .oi-topbar-panel-list li a,
#header .oi-locale-list li a {
  display: block;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 500;
  white-space: nowrap;
  color: var(--oi-color-primary);
}
#header .oi-topbar-panel-list li a:hover,
#header .oi-locale-list li a:hover {
  background: var(--oi-gray-100);
}
#header .oi-topbar-panel-list li a.oi-is-active,
#header .oi-locale-list li a.oi-is-active {
  font-weight: 700;
}
#header .oi-topbar-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: var(--oi-header-top-text);
}
#header .oi-topbar-link:hover {
  color: var(--oi-header-top-text);
  text-decoration: underline;
}
#header .oi-topbar .oi-icon-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  color: var(--oi-header-top-text);
  background: none;
  border: none;
  cursor: pointer;
}
#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);
  height: var(--oi-header-height);
  margin: 0 auto;
  padding: 0 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  background: var(--oi-header-pill-bg);
  border-radius: var(--oi-header-radius);
  box-shadow: none;
  transition: border-radius var(--oi-header-fast), background var(--oi-header-fast);
}
#header .oi-header-inner:has(.oi-has-mega:hover),
#header .oi-header-inner:has(.oi-mega.oi-is-open) {
  background: var(--oi-header-open-bg);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
#header .oi-header-logo {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
}
#header .oi-header-logo img {
  display: block;
  height: 40px;
  width: auto;
}
#header .oi-header-nav {
  flex: 1;
  position: static;
}
#header .oi-nav-list {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 28px;
  list-style: none;
  margin: 0;
  padding: 0;
}
#header .oi-nav-item {
  display: flex;
  align-items: center;
  height: var(--oi-header-height);
}
#header .oi-nav-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: var(--oi-header-nav);
  background: none;
  border: none;
  cursor: pointer;
  white-space: nowrap;
}
#header .oi-nav-caret {
  display: inline-flex;
  color: inherit;
  transition: transform var(--oi-header-fast);
}
#header .oi-nav-caret svg {
  display: block;
  fill: currentColor;
}
#header .oi-nav-caret svg path {
  fill: currentColor;
}
#header .oi-nav-item.oi-has-mega:hover .oi-nav-caret,
#header .oi-nav-trigger[aria-expanded=true] .oi-nav-caret {
  transform: rotate(180deg);
}
#header .oi-nav-item.oi-has-mega:hover .oi-nav-link,
#header .oi-nav-trigger[aria-expanded=true] {
  color: var(--oi-color-secondary);
}
#header .oi-nav-item.oi-has-mega:hover .oi-mega {
  opacity: 1;
  visibility: visible;
}
#header .oi-header-actions {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-shrink: 0;
  background: transparent;
}
#header .oi-header-toggle {
  display: none;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 0;
  border: none;
  border-radius: 8px;
  background: var(--oi-color-accent);
  color: var(--oi-color-primary);
  cursor: pointer;
}
#header .oi-header-toggle svg {
  display: block;
}
#header .oi-header-actions-search {
  display: none;
  color: var(--oi-color-primary);
  background: none;
  border: none;
}
#header .oi-mega {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin-top: -1px;
  padding: 8px 24px 28px;
  background: var(--oi-mega-bg);
  border-radius: 0 0 var(--oi-header-radius) var(--oi-header-radius);
  box-shadow: none;
  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: 24px 32px;
  align-items: start;
  padding: 16px 0 0;
}
#header .oi-mega-grid-products {
  grid-template-columns: repeat(3, 1fr);
}
#header .oi-mega-grid-solutions {
  grid-template-columns: 300px 1fr;
  gap: 24px 40px;
}
#header h3.oi-mega-col-title {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin: 0 0 16px;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.3;
  color: var(--oi-color-primary);
}
#header h3.oi-mega-col-title a {
  color: inherit;
}
#header h3.oi-mega-col-title a:hover {
  color: var(--oi-color-secondary);
}
#header ul.oi-mega-list {
  list-style: none;
  margin: 0;
  padding: 0 0 0 52px;
}
#header ul.oi-mega-list li {
  margin-bottom: 14px;
  font-size: 16px;
  line-height: 1.3;
}
#header ul.oi-mega-list a {
  color: var(--oi-color-primary);
  font-weight: 400;
}
#header ul.oi-mega-list a:hover {
  color: var(--oi-color-secondary);
  text-decoration: underline;
}
#header .oi-mega-footer {
  margin-top: 8px;
  padding-top: 20px;
  border-top: 1px solid var(--oi-border);
}
#header .oi-mega-promo {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  padding: 24px;
  border-radius: var(--oi-header-radius);
  background: var(--oi-promo-bg);
  color: var(--oi-promo-text);
  align-self: stretch;
}
#header .oi-mega-promo-title {
  margin: 0;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2;
  color: var(--oi-promo-text);
}
#header .oi-mega-promo-text {
  margin: 0;
  font-size: 15px;
  line-height: 1.5;
  color: var(--oi-promo-text);
}
#header .oi-mega-promo-actions {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  margin-top: auto;
}
#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;
  width: 40px;
  height: 40px;
  border-radius: var(--oi-tile-radius);
  background: var(--oi-tile-icon-bg);
  color: var(--oi-tile-icon-color);
}
#header h3.oi-mega-col-title .oi-icon svg,
#header h3.oi-mega-col-title .oi-icon img,
#header .oi-mgroup-title .oi-icon svg,
#header .oi-mgroup-title .oi-icon img,
#header .oi-tile-icon svg,
#header .oi-tile-icon img {
  display: block;
  width: 22px;
  height: 22px;
}
#header .oi-tile-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  align-items: stretch;
  gap: 8px 16px;
  list-style: none;
  margin: 0;
  padding: 0;
}
#header .oi-tile-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px 16px;
  list-style: none;
  margin: 0;
  padding: 0;
}
#header .oi-tile {
  display: flex;
  align-items: center;
  gap: 12px;
  height: 100%;
  padding: 8px 16px 8px 8px;
  border-radius: var(--oi-tile-radius);
  color: var(--oi-color-primary);
  transition: background var(--oi-header-fast);
}
#header .oi-tile:hover, #header .oi-tile:focus-visible {
  background: var(--oi-tile-hover-bg);
  color: var(--oi-color-secondary);
}
#header .oi-tile-label {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.25;
}
#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;
  gap: 16px;
  padding: 16px 20px;
  border-bottom: 1px solid var(--oi-border);
}
#header .oi-mnav-header .oi-header-logo img {
  height: 26px;
}
#header .oi-close-btn,
#header .oi-chevron,
#header .oi-macc-chevron {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  padding: 0;
  border: none;
  border-radius: 6px;
  background: var(--oi-color-accent);
  color: var(--oi-color-primary);
  cursor: pointer;
  transition: transform var(--oi-header-fast);
}
#header .oi-mnav-list {
  margin: 0;
  padding: 4px 20px;
  list-style: none;
}
#header .oi-mnav-item {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 13px 0;
  border: none;
  border-bottom: 1px solid var(--oi-border);
  background: none;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.3;
  text-align: left;
  color: var(--oi-color-primary);
  cursor: pointer;
}
#header .oi-mnav-nav {
  padding: 14px 20px 0;
}
#header .oi-back-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 4px 0;
  border: none;
  background: none;
  font-size: 14px;
  font-weight: 400;
  color: var(--oi-color-primary);
  cursor: pointer;
}
#header .oi-back-link svg {
  display: block;
}
#header .oi-mnav-body {
  flex: 1;
  padding: 8px 20px 24px;
}
#header .oi-mnav-title {
  margin: 0 0 6px;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.3;
  color: var(--oi-color-primary);
}
#header .oi-mnav-desc {
  margin: 0 0 14px;
  font-size: 12px;
  line-height: 1.5;
  color: var(--oi-body-color);
}
#header .oi-macc {
  border-bottom: 1px solid var(--oi-border);
}
#header .oi-macc-toggle,
#header .oi-mnav-row {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 0;
  border: none;
  background: none;
  text-align: left;
  cursor: pointer;
}
#header .oi-macc-label {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.35;
  color: var(--oi-color-primary);
}
#header .oi-macc-toggle[aria-expanded=true] .oi-macc-chevron {
  transform: rotate(180deg);
}
#header {
  /* Resources and Language in the drawer footer.
     They are accordions, but their arrow points right when closed so the
     footer reads like the list above it. Ninety degrees, not a hundred and
     eighty: from right, that lands on down. The 180 above is for the
     tier-2 groups, whose arrow starts pointing down already.

     The selector is exact without naming either of them: a .oi-chevron
     inside a .oi-macc-toggle is only ever one of these two. The tier-2
     groups use .oi-macc-chevron, and the items in the main list are not
     .oi-macc-toggle at all. */
}
#header .oi-macc-toggle[aria-expanded=true] .oi-chevron {
  transform: rotate(90deg);
}
#header .oi-macc-panel[hidden] {
  display: none;
}
#header .oi-macc-list {
  margin: 0 0 0 15px;
  padding: 0 0 12px;
  list-style: none;
}
#header .oi-macc-list li a {
  display: block;
  padding: 5px 0;
  font-size: 13px;
  font-weight: 400;
  color: var(--oi-color-primary);
}
#header .oi-macc-list li a:hover {
  text-decoration: underline;
}
#header .oi-mnav-rows {
  margin: 0;
  padding: 0;
  list-style: none;
}
#header .oi-mnav-rows li {
  border-bottom: 1px solid var(--oi-border);
}
#header .oi-mnav-cta {
  margin-top: 12px;
  padding-left: 0;
  border: none;
}
#header .oi-mnav-textlink {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 14px;
  font-size: 13px;
  color: var(--oi-color-primary);
}
#header .oi-mnav-textlink svg {
  display: block;
}
#header .oi-mnav-textlink:hover {
  text-decoration: underline;
}
#header .oi-mnav-actions {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  margin-top: 20px;
}
#header .oi-mnav-footer {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  padding: 0 20px;
}
#header .oi-mnav-footer .oi-macc {
  width: 100%;
}
#header .oi-macc-list li a.oi-is-active {
  font-weight: 700;
}
#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 .btn-v3 {
    display: none;
  }
  #header .oi-header-actions-search {
    display: inline-flex;
  }
  #header .oi-topbar {
    display: none;
  }
}
@media (max-width: 991px) {
  #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: 36px;
  }
  #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-mnav,
  #header .oi-mnav-panel,
  #header .oi-mnav-backdrop,
  #header .oi-header-inner,
  #header .oi-tile,
  #header .oi-nav-caret,
  #header .oi-macc-chevron,
  #header .btn-v3 {
    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;
  }
}

.footer-v3 {
  color: var(--oi-text-light);
  padding-bottom: 40px;
}
.footer-v3.blue {
  background: var(--oi-color-dark);
}
.footer-v3.footer-oi-gradient {
  background-image: none !important;
  background-color: var(--oi-color-dark) !important;
}
.footer-v3 a {
  color: var(--oi-text-light);
  text-decoration: none;
}
.footer-v3 a:hover, .footer-v3 a:focus-visible {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.footer-v3 .f-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 56px 0 32px;
}
.footer-v3 .f-logo {
  display: block;
  max-width: 190px;
  height: auto;
}
.footer-v3 .f-social {
  --f-social-tile: var(--oi-text-light);
  --f-social-tile-hover: var(--oi-color-accent);
}
.footer-v3 .f-social ul {
  display: flex;
  align-items: center;
  gap: 12px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.footer-v3 .f-social li {
  margin: 0;
}
.footer-v3 .f-social a {
  display: block;
  width: 28px;
  height: 28px;
}
.footer-v3 .f-social a:hover, .footer-v3 .f-social a:focus-visible {
  text-decoration: none;
}
.footer-v3 .f-social a:hover span, .footer-v3 .f-social a:focus-visible span {
  background-color: var(--f-social-tile-hover);
}
.footer-v3 .f-social span {
  display: block;
  width: 100%;
  height: 100%;
  background-color: var(--f-social-tile);
  transition: background-color 0.2s ease;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}
.footer-v3 .f-social .linkedin span {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 4.78084e-10L5 1.81728e-09C2.239 2.08139e-09 2.14176e-10 2.239 4.78284e-10 5L1.81748e-09 19C2.08159e-09 21.761 2.239 24 5 24L19 24C21.762 24 24 21.761 24 19L24 5C24 2.239 21.762 2.13879e-10 19 4.78084e-10ZM8 19L5 19L5 8L8 8L8 19ZM6.5 6.732C5.534 6.732 4.75 5.942 4.75 4.968C4.75 3.994 5.534 3.204 6.5 3.204C7.466 3.204 8.25 3.994 8.25 4.968C8.25 5.942 7.467 6.732 6.5 6.732ZM20 19L17 19L17 13.396C17 10.028 13 10.283 13 13.396L13 19L10 19L10 8L13 8L13 9.765C14.396 7.179 20 6.988 20 12.241L20 19Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 4.78084e-10L5 1.81728e-09C2.239 2.08139e-09 2.14176e-10 2.239 4.78284e-10 5L1.81748e-09 19C2.08159e-09 21.761 2.239 24 5 24L19 24C21.762 24 24 21.761 24 19L24 5C24 2.239 21.762 2.13879e-10 19 4.78084e-10ZM8 19L5 19L5 8L8 8L8 19ZM6.5 6.732C5.534 6.732 4.75 5.942 4.75 4.968C4.75 3.994 5.534 3.204 6.5 3.204C7.466 3.204 8.25 3.994 8.25 4.968C8.25 5.942 7.467 6.732 6.5 6.732ZM20 19L17 19L17 13.396C17 10.028 13 10.283 13 13.396L13 19L10 19L10 8L13 8L13 9.765C14.396 7.179 20 6.988 20 12.241L20 19Z'/%3E%3C/svg%3E");
}
.footer-v3 .f-social .facebook span {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 4.78084e-10L5 1.81728e-09C2.239 2.08139e-09 2.14176e-10 2.239 4.78284e-10 5L1.81748e-09 19C2.08159e-09 21.761 2.239 24 5 24L19 24C21.762 24 24 21.761 24 19L24 5C24 2.239 21.762 2.13879e-10 19 4.78084e-10ZM16 7L14.076 7C13.461 7 13 7.252 13 7.889L13 9L16 9L15.762 12L13 12L13 20L10 20L10 12L8 12L8 9L10 9L10 7.077C10 5.055 11.064 4 13.461 4L16 4L16 7Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 4.78084e-10L5 1.81728e-09C2.239 2.08139e-09 2.14176e-10 2.239 4.78284e-10 5L1.81748e-09 19C2.08159e-09 21.761 2.239 24 5 24L19 24C21.762 24 24 21.761 24 19L24 5C24 2.239 21.762 2.13879e-10 19 4.78084e-10ZM16 7L14.076 7C13.461 7 13 7.252 13 7.889L13 9L16 9L15.762 12L13 12L13 20L10 20L10 12L8 12L8 9L10 9L10 7.077C10 5.055 11.064 4 13.461 4L16 4L16 7Z'/%3E%3C/svg%3E");
}
.footer-v3 .f-social .twitter span {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19.0586 0.0742188C21.8206 0.0742188 24.0586 2.31322 24.0586 5.07422L24.0586 19.0742C24.0586 21.8352 21.8206 24.0742 19.0586 24.0742L5.05859 24.0742C2.29759 24.0742 0.0585938 21.8352 0.0585938 19.0742L0.0585938 5.07422C0.0585938 2.31322 2.29759 0.0742188 5.05859 0.0742188L19.0586 0.0742188ZM10.3438 12.9688L4.23145 20.0742L5.6123 20.0742L10.9561 13.8623L15.2256 20.0742L19.8877 20.0742L13.5498 10.8496L19.3779 4.07422L17.9961 4.07422L12.9355 9.95703L8.89355 4.07422L4.23145 4.07422L10.3438 12.9688ZM12.208 10.8018L12.8271 11.6885L17.9961 19.082L15.875 19.082L11.6572 13.0479L11.0381 12.1621L6.11035 5.11426L8.23145 5.11426L12.208 10.8018Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19.0586 0.0742188C21.8206 0.0742188 24.0586 2.31322 24.0586 5.07422L24.0586 19.0742C24.0586 21.8352 21.8206 24.0742 19.0586 24.0742L5.05859 24.0742C2.29759 24.0742 0.0585938 21.8352 0.0585938 19.0742L0.0585938 5.07422C0.0585938 2.31322 2.29759 0.0742188 5.05859 0.0742188L19.0586 0.0742188ZM10.3438 12.9688L4.23145 20.0742L5.6123 20.0742L10.9561 13.8623L15.2256 20.0742L19.8877 20.0742L13.5498 10.8496L19.3779 4.07422L17.9961 4.07422L12.9355 9.95703L8.89355 4.07422L4.23145 4.07422L10.3438 12.9688ZM12.208 10.8018L12.8271 11.6885L17.9961 19.082L15.875 19.082L11.6572 13.0479L11.0381 12.1621L6.11035 5.11426L8.23145 5.11426L12.208 10.8018Z'/%3E%3C/svg%3E");
}
.footer-v3 .f-social .youtube span {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 9.333L15.333 11.995L10 14.667L10 9.333ZM24 5L24 19C24 21.761 21.762 24 19 24L5 24C2.239 24 2.08159e-09 21.761 1.81748e-09 19L4.78284e-10 5C2.14176e-10 2.239 2.239 2.08139e-09 5 1.81728e-09L19 4.78084e-10C21.762 2.13879e-10 24 2.239 24 5ZM20 12C19.98 7.877 19.677 6.3 17.077 6.123C14.674 5.959 9.323 5.96 6.924 6.123C4.326 6.3 4.02 7.87 4 12C4.02 16.123 4.323 17.7 6.923 17.877C9.322 18.04 14.673 18.041 17.076 17.877C19.674 17.7 19.98 16.13 20 12Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 9.333L15.333 11.995L10 14.667L10 9.333ZM24 5L24 19C24 21.761 21.762 24 19 24L5 24C2.239 24 2.08159e-09 21.761 1.81748e-09 19L4.78284e-10 5C2.14176e-10 2.239 2.239 2.08139e-09 5 1.81728e-09L19 4.78084e-10C21.762 2.13879e-10 24 2.239 24 5ZM20 12C19.98 7.877 19.677 6.3 17.077 6.123C14.674 5.959 9.323 5.96 6.924 6.123C4.326 6.3 4.02 7.87 4 12C4.02 16.123 4.323 17.7 6.923 17.877C9.322 18.04 14.673 18.041 17.076 17.877C19.674 17.7 19.98 16.13 20 12Z'/%3E%3C/svg%3E");
}
.footer-v3 .f-lan-selector {
  position: relative;
  padding-bottom: 40px;
}
.footer-v3 .f-country-trigger {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 0;
  border: 0;
  background: none;
  color: var(--oi-text-light);
  font-size: 14px;
  line-height: 1.4;
  cursor: pointer;
}
.footer-v3 .f-country-trigger .icon-globe {
  font-size: 18px;
  line-height: 1;
}
.footer-v3 .f-country-trigger:focus-visible {
  outline: 2px solid var(--oi-text-light);
  outline-offset: 3px;
  border-radius: 4px;
}
.footer-v3 .f-country-panel {
  position: absolute;
  top: calc(100% - 28px);
  left: 0;
  z-index: 20;
  min-width: 220px;
  border: 1px solid var(--oi-text-light);
  border-radius: 10px;
  background: var(--oi-color-dark);
}
.footer-v3 .f-country-panel ul {
  list-style: none;
  margin: 0;
  padding: 10px 20px;
}
.footer-v3 .f-country-panel li {
  padding: 3px 0;
}
.footer-v3 .f-country-panel a {
  font-size: 13px;
}
.footer-v3 .f-country-panel a.active {
  color: var(--oi-color-accent);
}
.footer-v3 .f-country-panel[hidden] {
  display: none;
}
.footer-v3 .f-link {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 40px;
  padding-bottom: 40px;
}
.footer-v3 .f-link h4 {
  margin: 0 0 16px;
  color: var(--oi-text-light);
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
}
.footer-v3 .f-link ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.footer-v3 .f-link li {
  padding-bottom: 12px;
}
.footer-v3 .f-link li:last-child {
  padding-bottom: 0;
}
.footer-v3 .f-link a {
  display: inline-block;
  font-size: 14px;
  line-height: 1.4;
}
.footer-v3 .f-legal {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  flex-wrap: wrap;
  padding-top: 24px;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  font-size: 14px;
}
.footer-v3 .f-copy {
  margin: 0;
}
.footer-v3 .f-legal-links {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
}
.footer-v3 .f-legal-links a:not(:last-child)::after {
  content: "|";
  margin-left: 16px;
  color: rgba(255, 255, 255, 0.3);
}
@media (max-width: 991px) {
  .footer-v3 .f-link {
    grid-template-columns: repeat(2, 1fr);
    gap: 32px;
  }
}
@media (max-width: 767px) {
  .footer-v3 {
    padding-bottom: 32px;
  }
  .footer-v3 .f-top {
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    padding: 40px 0 24px;
  }
  .footer-v3 .f-link {
    -moz-column-gap: 24px;
         column-gap: 24px;
    row-gap: 32px;
  }
  .footer-v3 .f-social a {
    width: 36px;
    height: 36px;
  }
  .footer-v3 .f-legal {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
  .footer-v3 .f-country-trigger {
    padding: 6px 0;
    min-height: 32px;
  }
  .footer-v3 .f-country-panel {
    left: 0;
    right: 0;
    min-width: 0;
  }
}

/* ↓↓↓↓↓↓ DELETE THIS IS TEMPORAL FOOTER ↓↓↓↓↓↓ */
.oi-footer {
  background: var(--oi-bg-primary);
  color: var(--oi-text-light);
  padding: 40px 0 24px;
}

.oi-footer-inner {
  max-width: var(--oi-max-width, 1200px);
  margin: 0 auto;
  padding: 0 20px;
}

.oi-footer-widgets {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 30px;
  margin-bottom: 30px;
}

.oi-footer-nav-list {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  list-style: none;
  padding: 0;
  margin: 0 0 20px;
}

.oi-footer-nav-list a {
  color: var(--oi-text-light);
  text-decoration: none;
  font-size: 14px;
  transition: color 0.2s;
}

.oi-footer-nav-list a:hover {
  color: var(--oi-color-primary);
}

.oi-footer-copyright {
  font-size: 13px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding-top: 20px;
}

.oi-back-to-top {
  position: fixed;
  bottom: 24px;
  right: 24px;
  z-index: 999;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: none;
  background: var(--oi-color-primary);
  color: var(--oi-text-light);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  transition: background 0.2s, transform 0.2s;
}

.oi-back-to-top:hover {
  background: var(--oi-color-primary-dark);
  transform: translateY(-2px);
}

.oi-back-to-top[hidden] {
  display: none;
}

/* ↑↑↑↑↑↑ DELETE THIS IS TEMPORAL FOOTER ↑↑↑↑↑↑ */
.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;
  }
}

.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/icons/svg/close.svg") no-repeat;
  display: inline-block;
  position: absolute;
  right: 4px;
  top: 6px;
}
#old-browser #old-browser-close:hover {
  opacity: 0.5;
}