@charset "UTF-8";
@import url("../slider/splide-core.min.css");
:root {
  --white: var(--oi-text-light);
  --black: var(--oi-color-dark);
  --bg-grey: var(--oi-bg-subtle);
  --dark-grey: var(--oi-bg-mid);
  --cyan: var(--oi-bg-accent);
  --color-border: var(--oi-border-dark);
  --color-accent: rgba(170, 170, 170, 0.5);
  --primary-color: var(--oi-color-primary);
  --secondary-color: var(--oi-color-secondary);
  --oi-orange-hover: var(--oi-btn-cta-hover);
  --third-color: #ffeee8;
  --main-hover-color: var(--oi-color-secondary);
  --btn-text: var(--oi-text-light);
  --btn-color: var(--oi-btn-cta);
  --btn-color-2: var(--oi-btn-secondary);
  --btn-hover: var(--oi-btn-cta-hover);
  --btn-hover-border: var(--oi-btn-cta-hover);
  --btn-product-hover: rgba(255, 255, 255, 0.1);
  --block-link-color: var(--block-color, var(--secondary-color));
  --link-color: var(--oi-color-secondary);
  --link-hover-color: var(--oi-color-secondary);
  --focus-outline: var(--oi-color-secondary);
  --font-sm: 14px;
  --font-body: 16px;
  --font-lg: 18px;
  --font-xl: 20px;
}

.oi-custom-block .container {
  width: 100%;
  max-width: 1170px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  box-sizing: border-box;
}

/* oi- CUSTOM BLOCK - BLOGS */
.page .oi-custom-block.blog-v3 .splide__pagination, .single .oi-custom-block.blog-v3 .splide__pagination {
  margin: 1.5em 0 !important;
}

.oi-custom-block.blog-v3 a {
  color: #016a9c;
  text-decoration: none;
  background-color: transparent;
}
.oi-custom-block.blog-v3 a:active, .oi-custom-block.blog-v3 a:hover {
  outline: 0;
  color: #002537;
  text-decoration: underline;
}
.oi-custom-block.blog-v3 a:focus {
  outline: none !important;
}
.oi-custom-block.blog-v3 .link-v3-default {
  color: var(--oi-color-secondary);
  font-size: 16px;
  font-weight: 700;
  display: inline-flex;
}
.oi-custom-block.blog-v3 .link-v3-default:hover {
  color: var(--oi-color-secondary);
  text-decoration: underline;
  outline: none;
}
.oi-custom-block.blog-v3 .icomoon-icon {
  color: inherit;
}
.oi-custom-block.blog-v3 img {
  border: 0;
  vertical-align: middle;
}
.oi-custom-block.blog-v3 .img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
  position: absolute;
}
.oi-custom-block.blog-v3 .hidden {
  display: none !important;
}
.oi-custom-block.blog-v3 .splide .splide__slide {
  box-shadow: 0 2px 10px 0 rgba(140, 114, 80, 0.11);
  -webkit-box-shadow: 0 2px 10px 0 rgba(140, 114, 80, 0.11);
  background-color: #fff;
  transition: 0.3s;
  color: #1c1f2a;
}
.oi-custom-block.blog-v3 .splide .splide__slide .blog-img {
  height: 146px;
  overflow: hidden;
  background: #eee;
  position: relative;
}
.oi-custom-block.blog-v3 .splide .splide__slide .blog-img img {
  width: 100%;
}
.oi-custom-block.blog-v3 .splide .splide__slide h3 {
  font-size: var(--oi-title-card) !important;
  font-weight: bold !important;
  line-height: 1.3 !important;
  text-align: left;
  padding: 0 16px !important;
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}
.oi-custom-block.blog-v3 .splide .splide__slide .blog-description {
  padding: 0 16px;
  margin: 0 0 60px;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.5;
  text-align: left;
  color: #162c36;
}
.oi-custom-block.blog-v3 .splide .splide__slide span {
  display: block;
  padding: 20px 16px;
  margin: 0;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.67;
  text-align: left;
  color: var(--primary-color);
  position: absolute;
  bottom: 0;
}
.oi-custom-block.blog-v3 .splide .splide__slide:hover {
  box-shadow: 0 12px 20px 0 rgba(140, 114, 80, 0.15);
  -webkit-box-shadow: 0 12px 20px 0 rgba(140, 114, 80, 0.15);
  transform: translateY(-10px);
  text-decoration: none;
}
.oi-custom-block.blog-v3 .splide .splide__slide:hover u {
  border-bottom: 2px solid var(--primary-color);
}
.oi-custom-block.blog-v3 .splide .splide__slide:hover .blog-overlay {
  opacity: 0.25;
}
.oi-custom-block.blog-v3 .splide .splide__slide u {
  text-decoration: none;
}
.oi-custom-block.blog-v3 .splide .splide__slide .blog-overlay {
  background: #4e4e4e;
  opacity: 0.15;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
.oi-custom-block.blog-v3 .splide .splide__list {
  display: flex;
  justify-content: flex-start;
  width: auto;
}
.oi-custom-block.blog-v3 .splide.one-slide {
  visibility: visible;
}
.oi-custom-block.blog-v3 .splide.one-slide .splide__slide {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.oi-custom-block.blog-v3 .splide.is-static {
  margin-bottom: -20px;
}
.oi-custom-block.blog-v3 .splide.is-static .splide__list {
  transform: translateX(0) !important;
  justify-content: center;
}
.oi-custom-block.blog-v3 .splide.is-static .splide__arrows {
  display: none !important;
}
@media (min-width: 768px) {
  .oi-custom-block.blog-v3 .splide.sm-static {
    margin-bottom: -20px;
  }
  .oi-custom-block.blog-v3 .splide.sm-static .splide__list {
    transform: translateX(0) !important;
    justify-content: center;
  }
  .oi-custom-block.blog-v3 .splide.sm-static .splide__arrows {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .oi-custom-block.blog-v3 .splide.md-static {
    margin-bottom: -20px;
  }
  .oi-custom-block.blog-v3 .splide.md-static .splide__list {
    transform: translateX(0) !important;
    justify-content: center;
  }
  .oi-custom-block.blog-v3 .splide.md-static .splide__arrows {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .oi-custom-block.blog-v3 .splide.lg-static {
    margin-bottom: -20px;
  }
  .oi-custom-block.blog-v3 .splide.lg-static .splide__list {
    transform: translateX(0) !important;
    justify-content: center;
  }
  .oi-custom-block.blog-v3 .splide.lg-static .splide__arrows {
    display: none !important;
  }
}
@media (min-width: 1400px) {
  .oi-custom-block.blog-v3 .splide.xl-static {
    margin-bottom: -20px;
  }
  .oi-custom-block.blog-v3 .splide.xl-static .splide__list {
    transform: translateX(0) !important;
    justify-content: center;
  }
  .oi-custom-block.blog-v3 .splide.xl-static .splide__arrows {
    display: none !important;
  }
}
@media (min-width: 1760px) {
  .oi-custom-block.blog-v3 .splide.xxl-static {
    margin-bottom: -20px;
  }
  .oi-custom-block.blog-v3 .splide.xxl-static .splide__list {
    transform: translateX(0) !important;
    justify-content: center;
  }
  .oi-custom-block.blog-v3 .splide.xxl-static .splide__arrows {
    display: none !important;
  }
}
.oi-custom-block.blog-v3 .splide .splide__slide {
  margin: 15px 15px 20px;
  width: 320px;
}
@media (max-width: 991px) {
  .oi-custom-block.blog-v3 .splide .splide__slide {
    margin-left: 1vw;
    margin-right: 1vw;
  }
  .oi-custom-block.blog-v3 .splide .splide__slide:first-child {
    margin-left: 15px;
  }
  .oi-custom-block.blog-v3 .splide .splide__slide:last-child {
    margin-right: 15px;
  }
}
@media (max-width: 767px) {
  .oi-custom-block.blog-v3 .splide .splide__slide {
    width: 84vw;
  }
}
@media (max-width: 767px) {
  .oi-custom-block.blog-v3 .splide.xs-no-offset .splide__slide {
    padding: 0 15px;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
}
.oi-custom-block.blog-v3 .splide .splide__arrows .splide__arrow.icomoon-icon {
  font-size: 0;
  background: none;
  border: 0;
  padding: 0 2px;
}
.oi-custom-block.blog-v3 .splide .splide__arrows .splide__arrow.icomoon-icon:before {
  font-size: 20px;
  color: var(--oi-slider-nav);
  font-weight: bold;
  opacity: 1;
}
.oi-custom-block.blog-v3 .splide .splide__arrows .splide__arrow.icomoon-icon.is-disabled {
  pointer-events: none;
  cursor: default;
}
.oi-custom-block.blog-v3 .splide .splide__arrows .splide__arrow.icomoon-icon.is-disabled:before {
  opacity: 0;
}
.oi-custom-block.blog-v3 .splide.splide__inline-arrows .splide__arrows {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.oi-custom-block.blog-v3 .splide.splide__inline-arrows .splide__arrows .splide__arrow.icomoon-icon:before {
  font-size: 40px;
}
.oi-custom-block.blog-v3 .splide.splide__page-arrows .splide__arrows {
  display: flex;
  align-items: center;
  justify-content: center;
}
.oi-custom-block.blog-v3 .splide.splide__page-arrows .splide__arrows .splide__arrow.icomoon-icon {
  font-size: 0;
  background: none;
  border: 0;
  padding: 0 2px;
}
.oi-custom-block.blog-v3 .splide.splide__page-arrows .splide__arrows .splide__arrow.icomoon-icon:before {
  font-size: 20px;
  color: var(--oi-slider-nav);
  font-weight: bold;
  opacity: 1;
}
.oi-custom-block.blog-v3 .splide.splide__page-arrows .splide__arrows .splide__arrow.icomoon-icon.is-disabled {
  pointer-events: none;
  cursor: default;
}
.oi-custom-block.blog-v3 .splide.splide__page-arrows .splide__arrows .splide__arrow.icomoon-icon.is-disabled:before {
  opacity: 0;
}
.oi-custom-block.blog-v3 .splide.splide__page-arrows .splide__arrows .splide__pagination {
  width: auto;
}
.oi-custom-block.blog-v3 .splide .splide__pagination__wrap {
  line-height: 0;
}
.oi-custom-block.blog-v3 .splide .splide__pagination {
  padding: 0;
}
.oi-custom-block.blog-v3 .splide .splide__pagination li button {
  border: 1px solid var(--primary-color);
  background-color: transparent;
  border-radius: 50%;
  margin: 4px;
  height: 12px;
  width: 12px;
  padding: 0;
  vertical-align: top;
}
.oi-custom-block.blog-v3 .splide .splide__pagination li button.is-active {
  background-color: var(--oi-slider-nav);
}

/* oi- Resources */
.oi-custom-block.resources-v3.latest-content-v3 a {
  color: #016a9c;
  background-color: transparent;
}
.oi-custom-block.resources-v3.latest-content-v3 a:hover {
  color: #002537;
  text-decoration: underline;
}
.oi-custom-block.resources-v3.latest-content-v3 a:focus {
  outline: none !important;
}
.oi-custom-block.resources-v3.latest-content-v3 a:active, .oi-custom-block.resources-v3.latest-content-v3 a:hover {
  outline: 0;
}
.oi-custom-block.resources-v3.latest-content-v3 :focus {
  outline: none;
}
.oi-custom-block.resources-v3.latest-content-v3 .hidden {
  display: none !important;
}
.oi-custom-block.resources-v3.latest-content-v3 .intro-v3 {
  width: 100%;
}
.oi-custom-block.resources-v3.latest-content-v3 svg:not(:root) {
  overflow: hidden;
}
.oi-custom-block.resources-v3.latest-content-v3 .bg-svg {
  height: 300px;
  width: 300px;
  position: absolute;
}
@media (max-width: 991px) {
  .oi-custom-block.resources-v3.latest-content-v3 .bg-svg {
    display: none;
  }
}
.oi-custom-block.resources-v3.latest-content-v3 .bg-svg-dots svg {
  fill: #6fb7ba;
  height: 100%;
  width: 100%;
}
.oi-custom-block.resources-v3.latest-content-v3 .splide .splide__list {
  display: flex;
  width: auto;
}
.oi-custom-block.resources-v3.latest-content-v3 .splide .splide__slide:not(.res-card) {
  margin: 15px 15px 20px;
  width: 320px;
}
@media (max-width: 991px) {
  .oi-custom-block.resources-v3.latest-content-v3 .splide .splide__slide:not(.res-card) {
    margin-left: 1vw;
    margin-right: 1vw;
  }
  .oi-custom-block.resources-v3.latest-content-v3 .splide .splide__slide:not(.res-card):first-child {
    margin-left: 15px;
  }
  .oi-custom-block.resources-v3.latest-content-v3 .splide .splide__slide:not(.res-card):last-child {
    margin-right: 15px;
  }
}
@media (max-width: 767px) {
  .oi-custom-block.resources-v3.latest-content-v3 .splide .splide__slide:not(.res-card) {
    width: 84vw;
  }
}
.oi-custom-block.resources-v3.latest-content-v3 .splide .splide__arrows .splide__arrow.icomoon-icon {
  font-size: 0;
  background: none;
  border: 0;
  padding: 0 2px;
}
.oi-custom-block.resources-v3.latest-content-v3 .splide .splide__arrows .splide__arrow.icomoon-icon:before {
  font-size: 20px;
  color: var(--primary);
  font-weight: bold;
  opacity: 1;
}
.oi-custom-block.resources-v3.latest-content-v3 .splide .splide__arrows .splide__arrow.icomoon-icon.is-disabled {
  pointer-events: none;
  cursor: default;
}
.oi-custom-block.resources-v3.latest-content-v3 .splide .splide__arrows .splide__arrow.icomoon-icon.is-disabled:before {
  opacity: 0;
}
.oi-custom-block.resources-v3.latest-content-v3 .splide.splide__page-arrows .splide__arrows {
  display: flex;
  align-items: center;
  justify-content: center;
}
.oi-custom-block.resources-v3.latest-content-v3 .splide.splide__page-arrows .splide__arrows .splide__arrow.icomoon-icon {
  font-size: 0;
  background: none;
  border: 0;
  padding: 0 2px;
}
.oi-custom-block.resources-v3.latest-content-v3 .splide.splide__page-arrows .splide__arrows .splide__arrow.icomoon-icon:before {
  font-size: 20px;
  color: var(--primary);
  font-weight: bold;
  opacity: 1;
}
.oi-custom-block.resources-v3.latest-content-v3 .splide.splide__page-arrows .splide__arrows .splide__arrow.icomoon-icon.is-disabled {
  pointer-events: none;
  cursor: default;
}
.oi-custom-block.resources-v3.latest-content-v3 .splide.splide__page-arrows .splide__arrows .splide__arrow.icomoon-icon.is-disabled:before {
  opacity: 0;
}
.oi-custom-block.resources-v3.latest-content-v3 .splide.splide__page-arrows .splide__arrows .splide__pagination {
  width: auto;
}
.oi-custom-block.resources-v3.latest-content-v3 .splide .splide__pagination {
  padding: 0;
}
.oi-custom-block.resources-v3.latest-content-v3 .splide .splide__pagination li button {
  border: 1px solid var(--primary);
  background-color: transparent;
  border-radius: 50%;
  margin: 4px;
  height: 12px;
  width: 12px;
  padding: 0;
  vertical-align: top;
}
.oi-custom-block.resources-v3.latest-content-v3 .splide .splide__pagination li button.is-active {
  background-color: var(--primary);
}
.oi-custom-block.resources-v3.latest-content-v3 .splide__list {
  margin: 0 !important;
  padding: 0 !important;
  width: -moz-max-content;
  width: max-content;
  will-change: transform;
}
.oi-custom-block.resources-v3.latest-content-v3 .splide.is-active .splide__list {
  display: flex;
}
.oi-custom-block.resources-v3.latest-content-v3 .splide__pagination {
  display: inline-flex;
  align-items: center;
  width: 95%;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
}
.oi-custom-block.resources-v3.latest-content-v3 .splide__pagination li {
  list-style-type: none;
  display: inline-block;
  line-height: 1;
  margin: 0;
}
.oi-custom-block.resources-v3.latest-content-v3 .splide {
  visibility: hidden;
}
.oi-custom-block.resources-v3.latest-content-v3 .splide,
.oi-custom-block.resources-v3.latest-content-v3 .splide__slide {
  position: relative;
  outline: none;
}
.oi-custom-block.resources-v3.latest-content-v3 .splide__slide {
  box-sizing: border-box;
  list-style-type: none !important;
  margin: 0;
  flex-shrink: 0;
}
.oi-custom-block.resources-v3.latest-content-v3 .splide__track {
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.oi-custom-block.resources-v3.latest-content-v3 .splide--draggable > .splide__track > .splide__list > .splide__slide {
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
}
.oi-custom-block.resources-v3.latest-content-v3 .link-v3-default {
  color: var(--primary);
  font-weight: 700;
  display: inline-flex;
  align-items: center;
}
.oi-custom-block.resources-v3.latest-content-v3 .link-v3-default:hover {
  color: var(--link-hover-color);
  text-decoration: underline;
}
.oi-custom-block.resources-v3.latest-content-v3 .link-v3-default .icomoon-icon {
  display: inline-block;
  vertical-align: text-bottom;
  padding-left: 5px;
}
.oi-custom-block.resources-v3.latest-content-v3 .splide .splide__slide:not(.res-card) {
  padding: 30px 15px;
  box-shadow: 0 2px 10px 0 rgba(140, 114, 80, 0.11);
  -webkit-box-shadow: 0 2px 10px 0 rgba(140, 114, 80, 0.11);
  background-color: var(--oi-color-heading);
  transition: 0.3s;
  color: #fff;
}
.oi-custom-block.resources-v3.latest-content-v3 .splide .splide__slide:not(.res-card) .bg-svg-dots {
  display: block;
  position: absolute;
  height: 54px;
  width: 53px;
  top: 15px;
  right: 15px;
  opacity: 0.7;
}
.oi-custom-block.resources-v3.latest-content-v3 .splide .splide__slide:not(.res-card) .icomoon-container {
  background-color: var(--oi-color-gradient-blue);
  border-radius: 50%;
  height: 33px;
  width: 33px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.oi-custom-block.resources-v3.latest-content-v3 .splide .splide__slide:not(.res-card) .icomoon-container .icomoon-icon {
  font-size: 19px;
  color: #ffffff;
  line-height: 33px;
  width: 100%;
  height: 100%;
  text-align: center;
  vertical-align: middle;
}
.oi-custom-block.resources-v3.latest-content-v3 .splide .splide__slide:not(.res-card) .lc-type {
  font-size: 12px;
  text-transform: uppercase;
  vertical-align: middle;
  margin-left: 3px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.83;
  letter-spacing: 0.6px;
  text-align: left;
  position: relative;
}
.oi-custom-block.resources-v3.latest-content-v3 .splide .splide__slide:not(.res-card) h3 {
  color: #fff !important;
  font-size: var(--oi-title-card-lg) !important;
  font-weight: bold !important;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.4 !important;
  letter-spacing: normal;
  text-align: left;
  margin: 16px 0 !important;
}
@media (max-width: 991px) {
  .oi-custom-block.resources-v3.latest-content-v3 .splide .splide__slide:not(.res-card) h3 {
    font-size: var(--oi-title-card-sm) !important;
  }
}
.oi-custom-block.resources-v3.latest-content-v3 .splide .splide__slide:not(.res-card) u {
  text-decoration: none;
}
.oi-custom-block.resources-v3.latest-content-v3 .splide .splide__slide:not(.res-card):hover {
  box-shadow: 0 12px 20px 0 rgba(140, 114, 80, 0.15);
  -webkit-box-shadow: 0 12px 20px 0 rgba(140, 114, 80, 0.15);
  color: #fff;
  transform: translateY(-10px);
  text-decoration: none;
}
.oi-custom-block.resources-v3.latest-content-v3 .splide .splide__slide:not(.res-card):hover u {
  border-bottom: 2px solid var(--oi-color-gradient-blue);
}
.oi-custom-block.resources-v3.latest-content-v3 .icomoon-container [class^=icon-],
.oi-custom-block.resources-v3.latest-content-v3 .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-custom-block.resources-v3.latest-content-v3 .icon-arrow_back:before {
  content: "\e92b";
}
.oi-custom-block.resources-v3.latest-content-v3 .icon-arrow_forward:before {
  content: "\e930";
}
.oi-custom-block.resources-v3.latest-content-v3 .icon-documents:before {
  content: "\e9c5";
}
.oi-custom-block.resources-v3.latest-content-v3 .icon-file:before {
  content: "\e9ea";
}
.oi-custom-block.resources-v3.latest-content-v3 .icon-text_analytics:before {
  content: "\ebc9";
}
.oi-custom-block.resources-v3.latest-content-v3 .link-v3-default {
  color: var(--link-color);
  font-weight: 700;
  display: inline-flex;
  align-items: center;
}
.oi-custom-block.resources-v3.latest-content-v3 .link-v3-default:hover {
  color: var(--link-hover-color);
  text-decoration: underline;
}
.oi-custom-block.resources-v3.latest-content-v3 .link-v3-default .icomoon-icon {
  display: inline-block;
  vertical-align: text-bottom;
  padding-left: 5px;
}
.oi-custom-block.resources-v3.latest-content-v3 {
  /* general splide?? */
}
.oi-custom-block.resources-v3.latest-content-v3 .splide .splide__list {
  display: flex;
  width: auto;
}
.oi-custom-block.resources-v3.latest-content-v3 .splide.one-slide {
  visibility: visible;
}
.oi-custom-block.resources-v3.latest-content-v3 .splide.one-slide .splide__slide {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.oi-custom-block.resources-v3.latest-content-v3 .splide.is-static {
  margin-bottom: -20px;
}
.oi-custom-block.resources-v3.latest-content-v3 .splide.is-static .splide__list {
  transform: translateX(0) !important;
  justify-content: center;
}
.oi-custom-block.resources-v3.latest-content-v3 .splide.is-static .splide__arrows {
  display: none !important;
}
@media (min-width: 820px) {
  .oi-custom-block.resources-v3.latest-content-v3 .splide.sm-static {
    margin-bottom: -20px;
  }
  .oi-custom-block.resources-v3.latest-content-v3 .splide.sm-static .splide__list {
    transform: translateX(0) !important;
    justify-content: center;
  }
  .oi-custom-block.resources-v3.latest-content-v3 .splide.sm-static .splide__arrows {
    display: none !important;
  }
}
@media (min-width: 1240px) {
  .oi-custom-block.resources-v3.latest-content-v3 .splide.md-static {
    margin-bottom: -20px;
  }
  .oi-custom-block.resources-v3.latest-content-v3 .splide.md-static .splide__list {
    transform: translateX(0) !important;
    justify-content: center;
  }
  .oi-custom-block.resources-v3.latest-content-v3 .splide.md-static .splide__arrows {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .oi-custom-block.resources-v3.latest-content-v3 .splide.lg-static {
    margin-bottom: -20px;
  }
  .oi-custom-block.resources-v3.latest-content-v3 .splide.lg-static .splide__list {
    transform: translateX(0) !important;
    justify-content: center;
  }
  .oi-custom-block.resources-v3.latest-content-v3 .splide.lg-static .splide__arrows {
    display: none !important;
  }
}
@media (min-width: 1660px) {
  .oi-custom-block.resources-v3.latest-content-v3 .splide.xl-static {
    margin-bottom: -20px;
  }
  .oi-custom-block.resources-v3.latest-content-v3 .splide.xl-static .splide__list {
    transform: translateX(0) !important;
    justify-content: center;
  }
  .oi-custom-block.resources-v3.latest-content-v3 .splide.xl-static .splide__arrows {
    display: none !important;
  }
}
@media (min-width: 2080px) {
  .oi-custom-block.resources-v3.latest-content-v3 .splide.xxl-static {
    margin-bottom: -20px;
  }
  .oi-custom-block.resources-v3.latest-content-v3 .splide.xxl-static .splide__list {
    transform: translateX(0) !important;
    justify-content: center;
  }
  .oi-custom-block.resources-v3.latest-content-v3 .splide.xxl-static .splide__arrows {
    display: none !important;
  }
}
.oi-custom-block.resources-v3.latest-content-v3 .splide .splide__slide:not(.res-card) {
  margin: 15px 15px 20px;
  width: 320px;
}
@media (max-width: 991px) {
  .oi-custom-block.resources-v3.latest-content-v3 .splide .splide__slide:not(.res-card) {
    margin-left: 1vw;
    margin-right: 1vw;
  }
  .oi-custom-block.resources-v3.latest-content-v3 .splide .splide__slide:not(.res-card):first-child {
    margin-left: 15px;
  }
  .oi-custom-block.resources-v3.latest-content-v3 .splide .splide__slide:not(.res-card):last-child {
    margin-right: 15px;
  }
}
@media (max-width: 767px) {
  .oi-custom-block.resources-v3.latest-content-v3 .splide .splide__slide:not(.res-card) {
    width: 84vw;
  }
}
.oi-custom-block.resources-v3.latest-content-v3 .splide .splide__arrows .splide__arrow.icomoon-icon {
  font-size: 0;
  background: none;
  border: 0;
  padding: 0 2px;
}
.oi-custom-block.resources-v3.latest-content-v3 .splide .splide__arrows .splide__arrow.icomoon-icon:before {
  font-size: 20px;
  color: var(--primary-color);
  font-weight: bold;
  opacity: 1;
}
.oi-custom-block.resources-v3.latest-content-v3 .splide .splide__arrows .splide__arrow.icomoon-icon.is-disabled {
  pointer-events: none;
  cursor: default;
}
.oi-custom-block.resources-v3.latest-content-v3 .splide .splide__arrows .splide__arrow.icomoon-icon.is-disabled:before {
  opacity: 0;
}
.oi-custom-block.resources-v3.latest-content-v3 .splide.splide__page-arrows .splide__arrows {
  display: flex;
  align-items: center;
  justify-content: center;
}
.oi-custom-block.resources-v3.latest-content-v3 .splide.splide__page-arrows .splide__arrows .splide__arrow.icomoon-icon {
  font-size: 0;
  background: none;
  border: 0;
  padding: 0 2px;
}
.oi-custom-block.resources-v3.latest-content-v3 .splide.splide__page-arrows .splide__arrows .splide__arrow.icomoon-icon:before {
  font-size: 20px;
  color: var(--primary-color);
  font-weight: bold;
  opacity: 1;
}
.oi-custom-block.resources-v3.latest-content-v3 .splide.splide__page-arrows .splide__arrows .splide__arrow.icomoon-icon.is-disabled {
  pointer-events: none;
  cursor: default;
}
.oi-custom-block.resources-v3.latest-content-v3 .splide.splide__page-arrows .splide__arrows .splide__arrow.icomoon-icon.is-disabled:before {
  opacity: 0;
}
.oi-custom-block.resources-v3.latest-content-v3 .splide.splide__page-arrows .splide__arrows .splide__pagination {
  width: auto;
}
.oi-custom-block.resources-v3.latest-content-v3 .splide .splide__pagination {
  padding: 0;
}
.oi-custom-block.resources-v3.latest-content-v3 .splide .splide__pagination li button {
  border: 1px solid var(--primary-color);
  background-color: transparent;
  border-radius: 50%;
  margin: 4px;
  height: 12px;
  width: 12px;
  padding: 0;
  vertical-align: top;
}
.oi-custom-block.resources-v3.latest-content-v3 .splide .splide__pagination li button.is-active {
  background-color: var(--primary-color);
}

.oi-custom-block.resources-v3.latest-content-v3 .res-header {
  display: flex;
  flex-direction: column;
}
.oi-custom-block.resources-v3.latest-content-v3 .res-header-left {
  align-items: flex-start;
  text-align: left;
}
.oi-custom-block.resources-v3.latest-content-v3 .res-header-centered {
  align-items: center;
  text-align: center;
}
.oi-custom-block.resources-v3.latest-content-v3 .res-eyebrow {
  margin: 0 0 8px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 1.6px;
  text-transform: uppercase;
  color: var(--oi-color-gradient-blue);
}
.oi-custom-block.resources-v3.latest-content-v3 .res-description {
  max-width: 720px;
  margin-bottom: 24px;
}
.oi-custom-block.resources-v3.latest-content-v3 .res-header-centered .res-description {
  margin-left: auto;
  margin-right: auto;
}
.oi-custom-block.resources-v3.latest-content-v3 .splide .splide__slide.res-card {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 24px;
  box-sizing: border-box;
  width: 389px;
  max-width: 100%;
  margin: 15px 15px 20px;
  padding: 24px;
  border: 1px solid transparent;
  border-radius: 24px;
  background: var(--oi-bg-card);
  color: var(--oi-gray-700);
  text-decoration: none;
  box-shadow: none;
  transition: border-color 0.3s, background-color 0.3s;
}
.oi-custom-block.resources-v3.latest-content-v3 .splide .splide__slide.res-card::before {
  content: "";
  align-self: stretch;
  height: 1px;
  background: var(--oi-gray-700);
}
.oi-custom-block.resources-v3.latest-content-v3 .splide .splide__slide.res-card .lc-type,
.oi-custom-block.resources-v3.latest-content-v3 .splide .splide__slide.res-card .res-card-media,
.oi-custom-block.resources-v3.latest-content-v3 .splide .splide__slide.res-card h3,
.oi-custom-block.resources-v3.latest-content-v3 .splide .splide__slide.res-card .res-card-desc {
  align-self: stretch;
  text-align: left;
}
.oi-custom-block.resources-v3.latest-content-v3 .splide .splide__slide.res-card .lc-type {
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 1.6px;
  text-transform: uppercase;
  color: var(--oi-gray-700);
}
.oi-custom-block.resources-v3.latest-content-v3 .splide .splide__slide.res-card .res-card-media-image {
  overflow: hidden;
  border-radius: 16px;
}
.oi-custom-block.resources-v3.latest-content-v3 .splide .splide__slide.res-card .res-card-media-image img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 153/118;
  -o-object-fit: cover;
     object-fit: cover;
}
.oi-custom-block.resources-v3.latest-content-v3 .splide .splide__slide.res-card .res-card-media-icon .icomoon-container {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 85px;
  height: 85px;
  border-radius: 50%;
  background-color: var(--oi-res-icon-bg, var(--oi-color-secondary));
}
.oi-custom-block.resources-v3.latest-content-v3 .splide .splide__slide.res-card .res-card-media-icon .icomoon-container .icomoon-icon {
  width: auto;
  height: auto;
  font-size: 45px;
  line-height: 1;
  color: var(--oi-res-icon-fg, #fff);
}
.oi-custom-block.resources-v3.latest-content-v3 .splide .splide__slide.res-card h3 {
  margin: 0;
  font-size: var(--oi-title-card-lg);
  font-weight: 600;
  line-height: 1.333;
  letter-spacing: -0.24px;
  color: var(--oi-color-heading);
}
.oi-custom-block.resources-v3.latest-content-v3 .splide .splide__slide.res-card u {
  text-decoration: none;
}
.oi-custom-block.resources-v3.latest-content-v3 .splide .splide__slide.res-card:not(.ovvw-res-card) h3 {
  display: -webkit-box;
  overflow: hidden;
  min-height: 3.999em;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.oi-custom-block.resources-v3.latest-content-v3 .splide .splide__slide.res-card:not(.ovvw-res-card) .res-card-arrow {
  margin-top: auto;
}
.oi-custom-block.resources-v3.latest-content-v3 .splide .splide__slide.res-card .res-card-desc {
  display: -webkit-box;
  overflow: hidden;
  margin: 0;
  font-size: 16px;
  line-height: 1.4;
  color: var(--oi-gray-700);
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.oi-custom-block.resources-v3.latest-content-v3 .splide .splide__slide.res-card .res-card-desc p {
  margin: 0;
}
.oi-custom-block.resources-v3.latest-content-v3 .splide .splide__slide.res-card .res-card-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 42px;
  height: 42px;
  border-radius: 6px;
  background: transparent;
  color: var(--oi-color-heading);
  transition: background-color 0.3s, color 0.3s;
}
.oi-custom-block.resources-v3.latest-content-v3 .splide .splide__slide.res-card .res-card-arrow svg {
  display: block;
}
.oi-custom-block.resources-v3.latest-content-v3 .splide .splide__slide.res-card:hover {
  border-color: var(--oi-color-primary);
  color: var(--oi-gray-700);
  text-decoration: none;
  transform: none;
  box-shadow: none;
}
.oi-custom-block.resources-v3.latest-content-v3 .splide .splide__slide.res-card:hover .res-card-arrow {
  background: var(--oi-btn-arrow-bg);
  color: var(--oi-btn-arrow-color);
}
.oi-custom-block.resources-v3.latest-content-v3 .splide .splide__slide.res-card:hover u {
  border-bottom: 2px solid var(--oi-color-secondary);
}
@media (max-width: 991px) {
  .oi-custom-block.resources-v3.latest-content-v3 .splide .splide__slide.res-card {
    margin-left: 1vw;
    margin-right: 1vw;
  }
  .oi-custom-block.resources-v3.latest-content-v3 .splide .splide__slide.res-card:first-child {
    margin-left: 15px;
  }
  .oi-custom-block.resources-v3.latest-content-v3 .splide .splide__slide.res-card:last-child {
    margin-right: 15px;
  }
}
@media (max-width: 767px) {
  .oi-custom-block.resources-v3.latest-content-v3 .splide .splide__slide.res-card {
    width: 84vw;
  }
}
.oi-custom-block.resources-v3.latest-content-v3 .splide.res-splide {
  display: flex;
  flex-direction: column;
}
.oi-custom-block.resources-v3.latest-content-v3 .splide.res-splide .splide__track {
  order: 2;
}
.oi-custom-block.resources-v3.latest-content-v3 .splide.res-splide .splide__arrows.res-nav {
  order: 1;
}
.oi-custom-block.resources-v3.latest-content-v3 .splide.splide__page-arrows .splide__arrows.res-nav {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 16px;
  margin-bottom: 16px;
  padding: 0 15px;
}
.oi-custom-block.resources-v3.latest-content-v3 .splide.splide__page-arrows .splide__arrows.res-nav .splide__pagination {
  display: none !important;
}
.oi-custom-block.resources-v3.latest-content-v3 .splide.splide__page-arrows .splide__arrows.res-nav .splide__arrow.icomoon-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  padding: 0;
  border: 1px solid var(--oi-color-primary);
  border-radius: 6px;
  background: transparent;
  transition: background-color 0.3s, border-color 0.3s;
}
.oi-custom-block.resources-v3.latest-content-v3 .splide.splide__page-arrows .splide__arrows.res-nav .splide__arrow.icomoon-icon:before {
  font-size: 18px;
  color: var(--oi-color-primary);
}
.oi-custom-block.resources-v3.latest-content-v3 .splide.splide__page-arrows .splide__arrows.res-nav .splide__arrow.icomoon-icon:hover {
  border-color: var(--oi-btn-arrow-bg);
  background: var(--oi-btn-arrow-bg);
}
.oi-custom-block.resources-v3.latest-content-v3 .splide.splide__page-arrows .splide__arrows.res-nav .splide__arrow.icomoon-icon:hover:before {
  color: var(--oi-btn-arrow-color);
}
.oi-custom-block.resources-v3.latest-content-v3 .splide.splide__page-arrows .splide__arrows.res-nav .splide__arrow.icomoon-icon.is-disabled {
  border-color: var(--oi-rule-track);
}
.oi-custom-block.resources-v3.latest-content-v3 .splide.splide__page-arrows .splide__arrows.res-nav .splide__arrow.icomoon-icon.is-disabled:before {
  opacity: 1;
  color: var(--oi-rule-track);
}
.oi-custom-block.resources-v3.latest-content-v3 .res-counter {
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  color: var(--oi-color-heading);
  font-variant-numeric: tabular-nums;
}

.oi-custom-block.resources-v3.latest-content-v3[class*=oi-icon-preset-] {
  --oi-res-icon-bg: var(--oi-icon-color);
  --oi-res-icon-fg: var(--oi-icon-color-light);
}

/* ──────────────────────────────────────────────
 * OI Features Block (_features.scss)
 *
 * Block-specific styles only. Shared styles live in
 * the theme pipeline (_typography, _buttons, _grid,
 * _sections, _reset, _common).
 *
 * Pipeline: oi-custom-block.scss (block pipeline)
 * ────────────────────────────────────────────── */
.oi-ft .oi-ft-grid {
  display: grid;
  gap: 50px 30px;
  margin-top: 60px; /*40px*/
}
.oi-ft.oi-ft-cols-2 .oi-ft-grid {
  grid-template-columns: repeat(2, 1fr);
}
.oi-ft.oi-ft-cols-3 .oi-ft-grid {
  grid-template-columns: repeat(3, 1fr);
}
.oi-ft.oi-ft-cols-4 .oi-ft-grid {
  grid-template-columns: repeat(4, 1fr);
}
.oi-ft.oi-ft-cols-5 .oi-ft-grid {
  grid-template-columns: repeat(5, 1fr);
}
.oi-ft.oi-ft-cols-6 .oi-ft-grid {
  grid-template-columns: repeat(6, 1fr);
}
@media (max-width: 991px) {
  .oi-ft.oi-ft-cols-4 .oi-ft-grid, .oi-ft.oi-ft-cols-5 .oi-ft-grid, .oi-ft.oi-ft-cols-6 .oi-ft-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 767px) {
  .oi-ft .oi-ft-grid, .oi-ft.oi-ft-cols-2 .oi-ft-grid, .oi-ft.oi-ft-cols-3 .oi-ft-grid, .oi-ft.oi-ft-cols-4 .oi-ft-grid, .oi-ft.oi-ft-cols-5 .oi-ft-grid, .oi-ft.oi-ft-cols-6 .oi-ft-grid {
    grid-template-columns: 1fr;
    gap: 40px 0;
  }
  .oi-ft.oi-ft-icon-side .oi-ft-item {
    flex-direction: column;
  }
  .oi-ft.oi-ft-icon-side .oi-ft-icon {
    margin-right: 0;
    margin-bottom: 12px;
  }
}
.oi-ft .oi-ft-item {
  display: flex;
  flex-direction: column;
}
.oi-ft .oi-ft-icon {
  margin-bottom: 12px;
  line-height: 1;
}
.oi-ft .oi-ft-item-heading {
  margin: 0 0 10px;
  font-weight: 700;
}
.oi-ft .oi-ft-item-desc {
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 0 !important;
}
.oi-ft .oi-ft-item-desc p {
  margin-bottom: 10px;
}
.oi-ft.oi-ft-icon-side .oi-ft-item {
  flex-direction: row;
  align-items: flex-start;
}
.oi-ft.oi-ft-icon-side .oi-ft-icon {
  flex-shrink: 0;
  margin-right: 18px;
  margin-bottom: 0;
}
.oi-ft.oi-ft-icon-side .oi-ft-text {
  flex: 1;
  min-width: 0;
}
.oi-ft.centered {
  text-align: center;
}
.oi-ft.centered .oi-ft-grid {
  justify-items: center;
}
.oi-ft.centered .oi-ft-item {
  align-items: center;
}
.oi-ft.centered.oi-ft-icon-side .oi-ft-text {
  text-align: left;
}
.oi-ft.left {
  text-align: left;
}
.oi-ft .link-v3-default {
  color: var(--primary-color);
  font-weight: 700;
  display: inline;
  position: relative;
}
.oi-ft .link-v3-default:hover {
  color: var(--secondary-color);
  text-decoration: underline;
}
.oi-ft .link-v3-default .icon-arrow_forward {
  display: inline-block;
  vertical-align: text-bottom;
  padding-left: 5px;
}
.oi-ft .oi-ft-desc {
  margin-bottom: 40px;
}
.oi-ft .oi-ft-desc-below {
  margin-top: 40px;
}
.oi-ft .intro-v3.txt-v3 ul {
  list-style: none;
  padding-left: 15px;
  font-size: 16px;
  line-height: 1.5;
  margin: 0 0 10px;
  text-align: left;
}
.oi-ft .intro-v3.txt-v3 ul li {
  padding: 0 0 15px 22px;
  position: relative;
}
.oi-ft .intro-v3.txt-v3 ul li::before {
  font-family: "icomoon" !important;
  content: "\e907";
  color: #00556c;
  display: inline-block;
  width: 7px;
  height: 7px;
  margin-right: 15px;
  font-size: 22px;
  position: absolute;
  top: -3px;
  left: -2px;
}
.oi-ft .oi-ft-cta {
  margin-top: 40px;
}
@media (max-width: 767px) {
  .oi-ft .oi-ft-item-heading {
    font-size: 16px;
    line-height: 1.5;
  }
  .oi-ft .oi-ft-item-desc {
    font-size: 18px;
    line-height: 1.44;
  }
}

.single-post #main .oi-ft .oi-ft-item-heading {
  padding: 0;
}
.single-post #main .oi-ft .txt-v3 p {
  padding: 0;
}

.oi-nav-block.zambi-v3 {
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #434343;
  background: #ffffff;
  position: relative;
  z-index: 999;
  padding: 0;
}
.oi-nav-block.zambi-v3 .sticky-wrap {
  padding: 0;
}
.oi-nav-block.zambi-v3 .nav-to-top {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 20px;
  text-decoration: none;
  flex-shrink: 0;
}
.oi-nav-block.zambi-v3 .nav-to-top:hover {
  text-decoration: none;
}
.oi-nav-block.zambi-v3 .nav-to-top:hover .nav-to-top-icon {
  background: #0083ad;
}
.oi-nav-block.zambi-v3 .nav-to-top-icon {
  width: 35px;
  height: 35px;
  background: #00a9e0;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  font-weight: bold;
  font-size: 30px;
  cursor: pointer;
  transition: background 0.2s ease;
}
.oi-nav-block.zambi-v3 .nav-title {
  font-size: 14px !important;
  line-height: 1.3 !important;
  text-align: left;
  color: #00a9e0 !important;
  margin-right: 40px !important;
  display: none;
}
@media (max-width: 991px) {
  .oi-nav-block.zambi-v3 .nav-title {
    display: none;
  }
}
.oi-nav-block.zambi-v3 ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.oi-nav-block.zambi-v3 ul.zambi-v3-links {
  display: flex;
  align-items: stretch;
  padding: 0;
  flex: 1 1 auto;
  margin: 0;
}
.oi-nav-block.zambi-v3 ul.zambi-v3-links li {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 7px 0;
  text-align: center;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
}
.oi-nav-block.zambi-v3 ul.zambi-v3-links li a {
  color: #434343;
  font-size: 14px;
  font-weight: bold;
  outline: none !important;
  text-decoration: none;
  padding: 10px 15px;
  display: flex;
  align-items: center;
}
.oi-nav-block.zambi-v3 ul.zambi-v3-links li:hover {
  border-bottom-color: #00a9e0;
}
.oi-nav-block.zambi-v3 ul.zambi-v3-links li:hover a {
  color: #1c1f2a;
  text-decoration: none;
}
.oi-nav-block.zambi-v3 ul.zambi-v3-cta {
  display: flex;
  align-items: center;
  margin-left: 18px;
}
.oi-nav-block.zambi-v3 ul.zambi-v3-cta li {
  display: inline-block;
}
.oi-nav-block.zambi-v3 ul.zambi-v3-cta li:last-child a {
  margin-right: 0;
}
@media (min-width: 992px) {
  .oi-nav-block.zambi-v3 .nav-mobile {
    display: none;
  }
  .oi-nav-block.zambi-v3 .nav-items-container {
    display: flex;
    align-items: stretch;
  }
  .oi-nav-block.zambi-v3 .nav-items-container .nav-title {
    float: none;
    flex-shrink: 0;
    font-size: 14px;
    margin-bottom: 0;
    padding-top: 0;
    display: flex;
    align-items: center;
  }
  .oi-nav-block.zambi-v3 .nav-items-container .nav-title.oi-hidden {
    display: none;
  }
  .oi-nav-block.zambi-v3 .nav-items-container .zambi-v3-links {
    padding-top: 0;
    flex: 1 1 auto;
    white-space: nowrap;
  }
  .oi-nav-block.zambi-v3 .nav-items-container .zambi-v3-cta {
    flex-shrink: 0;
    white-space: nowrap;
    display: flex;
    align-items: center;
  }
  .oi-nav-block.zambi-v3 .nav-items-container .zambi-v3-cta .btn-v3 {
    margin-bottom: 0;
    padding: 6px 10px;
  }
  .oi-nav-block.zambi-v3 .nav-items-container .zambi-v3-cta .dropdown-menu {
    white-space: normal;
    margin-top: 0;
    margin-left: 0;
  }
  .oi-nav-block.zambi-v3 .nav-items-container .nav-to-top {
    margin-left: 20px;
    align-self: center;
  }
}
@media (max-width: 991px) {
  .oi-nav-block.zambi-v3 {
    z-index: 9999;
    padding: 30px 0;
  }
  .oi-nav-block.zambi-v3 .container {
    padding-top: 0;
  }
  .oi-nav-block.zambi-v3 .nav-mobile {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 30px 90px;
    position: relative;
    z-index: 3;
    background: #ffffff;
    cursor: pointer;
  }
  .oi-nav-block.zambi-v3 .nav-mobile h3 {
    font-size: var(--oi-title-card);
    font-weight: bold;
    color: #1c1f2a;
    margin: 0;
  }
  .oi-nav-block.zambi-v3 .nav-mobile .zambi-v3-arrow {
    position: absolute;
    height: 30px;
    width: 30px;
    left: 21px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 99;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
  }
  .oi-nav-block.zambi-v3 .nav-mobile .zambi-v3-arrow .icomoon-icon {
    font-size: 30px;
    color: #00a9e0;
    font-weight: 700;
    transition: transform 0.3s ease;
  }
  .oi-nav-block.zambi-v3 .nav-mobile .zambi-v3-arrow.open .icomoon-icon {
    transform: rotate(180deg);
  }
  .oi-nav-block.zambi-v3 .nav-mobile .nav-to-top {
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    margin-left: 0;
  }
  .oi-nav-block.zambi-v3 .nav-items-container {
    max-height: 0;
    overflow: hidden;
    visibility: hidden;
    background: #ffffff;
    position: absolute;
    width: 100%;
    left: 0;
    z-index: 2;
  }
  .oi-nav-block.zambi-v3 .nav-items-container ul {
    width: 100%;
  }
  .oi-nav-block.zambi-v3 .nav-items-container ul.zambi-v3-links {
    display: block;
    flex-wrap: wrap;
    background: #ffffff;
    border-top: 1px solid #dddddd;
    padding: 20px 30px 0;
  }
  .oi-nav-block.zambi-v3 .nav-items-container ul.zambi-v3-links li {
    display: block;
    border-top: 1px solid #dddddd;
    border-bottom: none;
    width: 100%;
    text-align: left;
  }
  .oi-nav-block.zambi-v3 .nav-items-container ul.zambi-v3-links li:first-child {
    border-top: none;
  }
  .oi-nav-block.zambi-v3 .nav-items-container ul.zambi-v3-links li:hover {
    border-bottom: none;
  }
  .oi-nav-block.zambi-v3 .nav-items-container ul.zambi-v3-links li a {
    padding: 10px 0;
    display: block;
    font-size: 20px;
    color: #1c1f2a;
  }
  .oi-nav-block.zambi-v3 .nav-items-container ul.zambi-v3-links li a:hover {
    text-decoration: underline;
  }
  .oi-nav-block.zambi-v3 .nav-items-container ul.zambi-v3-cta {
    display: block;
    margin: 0;
    padding: 0 30px 20px;
  }
  .oi-nav-block.zambi-v3 .nav-items-container ul.zambi-v3-cta li {
    display: block;
    border-top: 1px solid #dddddd;
    width: 100%;
  }
  .oi-nav-block.zambi-v3 .nav-items-container ul.zambi-v3-cta li a.btn-v3 {
    font-size: 20px;
    text-align: left;
    color: #00a9e0;
    background: none;
    border: none;
    padding: 10px 0;
    line-height: 1.5;
    width: 100%;
    display: block;
    margin: 0;
  }
  .oi-nav-block.zambi-v3 .nav-items-container ul.zambi-v3-cta li a.btn-v3:hover {
    color: #00a9e0;
    text-decoration: underline;
    background: none;
    border: none;
  }
  .oi-nav-block.zambi-v3 .nav-items-container .nav-to-top {
    display: none;
  }
  .oi-nav-block.zambi-v3 .nav-items-container.open {
    max-height: 2000px;
    overflow-y: auto;
    visibility: visible;
    z-index: 9999;
    transition: max-height 0.8s;
    border-bottom: 1px solid #dddddd;
    box-shadow: 0 5px 15px 0 rgba(100, 100, 100, 0.3);
  }
}
@media (max-width: 767px) {
  .oi-nav-block.zambi-v3 .nav-mobile {
    padding: 14px 80px;
  }
  .oi-nav-block.zambi-v3 .nav-mobile h3 {
    font-size: var(--oi-title-card-sm);
  }
}

/**
 * OI - Overview Block Styles (Frontend Only)
 *
 * Admin preview styles are inline in the render template.
 *
 * Class naming: oi-ovrw-{element} (single dash, no BEM __ or --)
 *
 * Depends on (child theme level):
 *   _reset.scss      → focus, link resets
 *   _grid.scss       → .container, .row, .col-*
 *   _typography.scss  → h1, .txt-v3, .intro-v3
 *   _buttons.scss    → .btn-v3, .btn-block-xs
 *   _btn-presets.scss → .btn-v3[style*="--btn-bg"]
 *   _sections.scss   → .oi-custom-block breakout, .bg-*,
 *                       .centered, .left,
 *                       .zz-vertical-center, .zz-vertical-top
 *   _common.scss     → .oi-custom-block .container { 1170px }
 *
 * @package  OneIdentity
 * @version  3.0.0
 */
.has-overview-block #content-wrap {
  padding-top: 0;
}

.has-overview-block .oi-ovrw:first-of-type {
  margin-top: calc(-1 * (var(--oi-header-height) + var(--oi-header-gap)));
  padding-top: calc(30px + var(--oi-header-height) + var(--oi-header-gap));
}

.oi-custom-block.oi-ovrw h1 {
  font-size: 50px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -1.78px;
}

body.home .oi-custom-block.oi-ovrw h1 {
  font-size: 86px;
}

.oi-custom-block.oi-ovrw {
  position: relative;
  isolation: isolate;
}
.oi-custom-block.oi-ovrw::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background-image: url("../img/frame-296.svg");
  background-repeat: no-repeat;
  background-size: clamp(300px, 45%, 860px) auto;
  background-position: right bottom;
  pointer-events: none;
}
@media (max-width: 991px) {
  .oi-custom-block.oi-ovrw::before {
    background-size: clamp(280px, 55%, 620px) auto;
    background-position: right bottom;
  }
}
@media (max-width: 767px) {
  .oi-custom-block.oi-ovrw::before {
    background-size: clamp(240px, 85%, 460px) auto;
    background-position: right top;
  }
}
.oi-custom-block.oi-ovrw > .container {
  position: relative;
  z-index: 1;
}

@media (min-width: 992px) {
  .oi-custom-block.oi-ovrw.oi-ovrw-narrow .oi-ovrw-text,
  .oi-custom-block.oi-ovrw.oi-ovrw-narrow .cta-v3 {
    max-width: 60%;
  }
}
#main .oi-custom-block.oi-ovrw .oi-ovrw-desc.only-text .txt-v3 {
  margin-bottom: 0 !important;
}

.oi-custom-block.oi-ovrw {
  padding-top: 30px;
  padding-bottom: 75px;
}
@media (max-width: 991px) {
  .oi-custom-block.oi-ovrw {
    padding-bottom: 50px;
  }
}
.oi-custom-block.oi-ovrw .row.zz-vertical-center {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.oi-custom-block.oi-ovrw .row.zz-vertical-top {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.oi-custom-block.oi-ovrw .oi-ovrw-anchor {
  display: block;
  position: relative;
  top: -80px;
  visibility: hidden;
}
.oi-custom-block.oi-ovrw .container .breadcrumb-v3 {
  z-index: 2;
  padding-top: 20px;
  color: var(--block-breadcrumb-color, var(--block-color, var(--oi-color-primary)));
  text-transform: uppercase;
  font-size: 12px;
}
.oi-custom-block.oi-ovrw .container .breadcrumb-v3 a {
  color: var(--block-breadcrumb-color, var(--block-color, var(--oi-color-primary)));
  text-decoration: none;
  outline: none;
}
.oi-custom-block.oi-ovrw .container .breadcrumb-v3 a:hover {
  text-decoration: underline;
  outline: none;
}
.oi-custom-block.oi-ovrw .container .breadcrumb-v3 .bread-divider {
  color: var(--block-breadcrumb-color, var(--block-color, var(--oi-color-primary)));
  font-weight: 700;
  margin: 0 10px;
}
.oi-custom-block.oi-ovrw .container .breadcrumb-v3 > span:last-child {
  color: var(--block-breadcrumb-color, var(--block-color, var(--oi-color-primary)));
  font-weight: 700;
}
.oi-custom-block.oi-ovrw .oi-ovrw-text {
  z-index: 2;
}
@media (min-width: 992px) {
  .oi-custom-block.oi-ovrw .oi-ovrw-text {
    padding-right: 55px;
  }
}
.oi-custom-block.oi-ovrw .oi-ovrw-content .oi-ovrw-desc {
  margin-bottom: 0;
}
.oi-custom-block.oi-ovrw .oi-ovrw-desc {
  margin-bottom: 20px;
  margin-top: 0;
  font-size: 20px;
  line-height: 1.5;
}
@media (max-width: 767px) {
  .oi-custom-block.oi-ovrw .oi-ovrw-desc {
    font-size: 18px;
    line-height: 1.44;
    padding-bottom: 0;
  }
}
.oi-custom-block.oi-ovrw .oi-ovrw-media {
  margin-top: 32px;
  padding-left: 0;
}
@media (max-width: 991px) {
  .oi-custom-block.oi-ovrw .oi-ovrw-media {
    padding-left: 15px;
  }
}
.oi-custom-block.oi-ovrw .oi-ovrw-media-wrap {
  max-width: 570px;
  margin: 0 auto;
  box-sizing: content-box;
  position: relative;
}
@media (max-width: 992px) {
  .oi-custom-block.oi-ovrw .oi-ovrw-media-wrap {
    display: block;
    margin: 0 auto;
  }
}
.oi-custom-block.oi-ovrw .oi-ovrw-img {
  vertical-align: middle;
  border: 0;
  width: 570px;
  max-width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  pointer-events: none;
  display: block;
  margin: auto;
}
.oi-custom-block.oi-ovrw .oi-ovrw-video {
  width: 570px;
  max-width: 100%;
  height: 320px;
  max-height: 320px;
  -o-object-fit: cover;
     object-fit: cover;
}
.oi-custom-block.oi-ovrw .vjs-fluid {
  width: 100%;
}
.oi-custom-block.oi-ovrw .oi-ovrw-media-wrap-video .icomoon-container {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -35px;
  margin-top: -35px;
  width: 70px;
  height: 70px;
  line-height: 74px;
  border: none;
  border-radius: 50%;
  font-size: 38px;
  background: var(#04aada);
  cursor: pointer;
  color: #fff;
  transition: background-color 0.3s ease;
  text-align: center;
  pointer-events: none;
}
.oi-custom-block.oi-ovrw .oi-ovrw-media-wrap-video .icomoon-container .icon-play_arrow {
  font-size: inherit;
}
.oi-custom-block.oi-ovrw .oi-ovrw-media-wrap-video:hover .icomoon-container {
  background: #0383a8;
}
.oi-custom-block.oi-ovrw .cta-v3 {
  margin-top: 36px;
  margin-bottom: -20px;
}
.oi-custom-block.oi-ovrw .oi-ovrw-media-wrap-video:hover .video-js .vjs-big-play-button {
  background: #0383a8;
}
.oi-custom-block.oi-ovrw .oi-ovrw-media-wrap-video .video-js .vjs-big-play-button {
  top: 50%;
  left: 50%;
  margin-left: -35px;
  margin-top: -35px;
  width: 70px;
  height: 70px;
  line-height: 74px;
  border: none;
  border-radius: 50%;
  font-size: 38px;
  position: absolute;
  background: #04aada;
  cursor: pointer;
  color: #fff;
  transition: border-color 0.4s, outline 0.4s, background-color 0.4s;
  text-align: center;
  pointer-events: none;
}
.oi-custom-block.oi-ovrw .oi-ovrw-media-wrap-video .video-js .vjs-play-progress {
  background: #04aada;
}
.oi-custom-block.oi-ovrw {
  /* --------------------------------------------------------------------
   * Resources media mode
   *
   * The hero slot holds a carousel of resource cards instead of an image or
   * a video. The cards themselves are NOT styled here: the markup is the
   * same one the Resources block prints, so _resources.scss already covers
   * them.
   *
   * ⚠️ It covers them ONLY because overview.php puts all three of
   * `oi-custom-block resources-v3 latest-content-v3` on the wrapper.
   * _resources.scss is scoped to that one compound selector, so dropping any
   * of the three leaves every card unstyled. They look redundant. They are not.
   *
   * All this does is size the strip and let the shared wrap place it.
   *
   * The column is the legacy one: overview.php gives the resources row
   * `col-sm-7 col-md-8` for the copy and `col-sm-5 col-md-4` for this strip,
   * a third of the row, while image and video keep the even 6/6 split.
   *
   * The 564px is not a round number. _resources.scss gives every card
   * `width: 389px` plus `margin: 15px` left and right, so one card takes 419
   * and the window is sized to show that card whole plus a third of the next:
   *
   *   419 (card 1 + its margins)
   * +  15 (left margin of card 2)
   * + 130 (a third of 389)
   * = 564
   *
   * That is wider than the column, on purpose, and the overflow is handled by
   * the clip-path further down. It must not be narrowed to the column either:
   * the carousel is mounted with `focus: "center"`, so a track narrower than
   * one 419px card would centre the active card at a negative offset and the
   * clip would shave its left edge.
   *
   * The peek is the point: it tells the reader there is more to the right,
   * which a single card in a flush window does not. Splide's `trimSpace`
   * keeps the first card against the left edge, so nothing is cut on the left.
   *
   * With a single resource the window stays the same width, so the card keeps
   * the same left edge from page to page instead of jumping to the middle.
   * overview.php marks that case `one-slide`, which is the class the shared
   * init skips, and _resources.scss then zeroes the card's side margins.
   *
   * Below 768px the card goes to 84vw (also _resources.scss) and the strip
   * stacks under the copy, which is what the rest of the hero does at that
   * size.
   * ------------------------------------------------------------------ */
}
.oi-custom-block.oi-ovrw .oi-ovrw-media-wrap-resources .oi-custom-block {
  width: 100%;
  left: auto;
  margin-left: 0;
  overflow: visible;
}
.oi-custom-block.oi-ovrw .oi-ovrw-media-wrap-resources {
  --oi-res-avail: calc(50vw - 85px);
  --oi-res-cols: 1;
}
@media (min-width: 992px) {
  .oi-custom-block.oi-ovrw .oi-ovrw-media-wrap-resources {
    --oi-res-avail: calc(50vw - 185px);
  }
}
@media (min-width: 1200px) {
  .oi-custom-block.oi-ovrw .oi-ovrw-media-wrap-resources {
    --oi-res-avail: calc(50vw - 203px);
  }
}
@media (min-width: 1790px) {
  .oi-custom-block.oi-ovrw .oi-ovrw-media-wrap-resources {
    --oi-res-cols: 2;
  }
}
@media (min-width: 2490px) {
  .oi-custom-block.oi-ovrw .oi-ovrw-media-wrap-resources {
    --oi-res-cols: 3;
  }
}
@media (min-width: 768px) {
  .oi-custom-block.oi-ovrw .oi-ovrw-media-wrap-resources .latest-content-v3 .splide {
    width: var(--oi-res-avail);
    margin-left: 0;
    margin-right: auto;
  }
}
@media (min-width: 768px) {
  .oi-custom-block.oi-ovrw .oi-ovrw-media-wrap-resources .latest-content-v3 .splide .splide__slide.ovvw-res-card {
    width: min(389px, var(--oi-res-avail) / var(--oi-res-cols) - 30px);
  }
}
.oi-custom-block.oi-ovrw .oi-ovrw-media-wrap-resources .latest-content-v3 .splide .splide__slide.ovvw-res-card {
  justify-content: flex-start;
  align-items: stretch;
  gap: 12px;
  min-height: 282px;
  border-color: var(--oi-bg-white);
  background: var(--oi-bg-card-alt);
  transition: border-color 0.3s, background-color 0.3s, opacity 0.3s;
}
.oi-custom-block.oi-ovrw .oi-ovrw-media-wrap-resources .latest-content-v3 .splide .splide__slide.ovvw-res-card:hover {
  border-color: var(--oi-color-primary);
  background: var(--oi-bg-white);
}
.oi-custom-block.oi-ovrw .oi-ovrw-media-wrap-resources .latest-content-v3 .splide .splide__slide.ovvw-res-card .ovvw-res-body {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  flex: 1 1 auto;
}
@media (max-width: 1199px) {
  .oi-custom-block.oi-ovrw .oi-ovrw-media-wrap-resources .latest-content-v3 .splide .splide__slide.ovvw-res-card .ovvw-res-body {
    flex-direction: column;
  }
}
.oi-custom-block.oi-ovrw .oi-ovrw-media-wrap-resources .latest-content-v3 .splide .splide__slide.ovvw-res-card .res-card-media {
  align-self: flex-start;
  flex: 0 0 120px;
  max-width: 120px;
}
.oi-custom-block.oi-ovrw .oi-ovrw-media-wrap-resources .latest-content-v3 .splide .splide__slide.ovvw-res-card .res-card-media.res-card-media-icon {
  align-self: center;
}
@media (max-width: 1199px) {
  .oi-custom-block.oi-ovrw .oi-ovrw-media-wrap-resources .latest-content-v3 .splide .splide__slide.ovvw-res-card .res-card-media.res-card-media-icon {
    align-self: flex-start;
  }
}
.oi-custom-block.oi-ovrw .oi-ovrw-media-wrap-resources .latest-content-v3 .splide .splide__slide.ovvw-res-card .res-card-media-image {
  border-radius: 0;
}
.oi-custom-block.oi-ovrw .oi-ovrw-media-wrap-resources .latest-content-v3 .splide .splide__slide.ovvw-res-card .res-card-media-image img {
  width: 120px;
  height: auto;
  aspect-ratio: 4/3;
  -o-object-fit: contain;
     object-fit: contain;
}
.oi-custom-block.oi-ovrw .oi-ovrw-media-wrap-resources .latest-content-v3 .splide .splide__slide.ovvw-res-card .ovvw-res-copy {
  flex: 1 1 auto;
  min-width: 0;
}
.oi-custom-block.oi-ovrw .oi-ovrw-media-wrap-resources .latest-content-v3 .splide .splide__slide.ovvw-res-card h3 {
  font-size: var(--oi-title-card-sm);
  line-height: 1.333;
  margin: 0 0 8px;
}
.oi-custom-block.oi-ovrw .oi-ovrw-media-wrap-resources .latest-content-v3 .splide .splide__slide.ovvw-res-card .res-card-desc {
  -webkit-line-clamp: 4;
}
.oi-custom-block.oi-ovrw .oi-ovrw-media-wrap-resources .latest-content-v3 .splide .splide__slide.ovvw-res-card .ovvw-res-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-top: auto;
}
.oi-custom-block.oi-ovrw .oi-ovrw-media-wrap-resources .latest-content-v3 .splide .splide__slide.ovvw-res-card .res-card-arrow {
  align-self: center;
}
.oi-custom-block.oi-ovrw .oi-ovrw-media-wrap-resources .latest-content-v3 .splide .splide__slide.ovvw-res-card .ovvw-res-progress {
  display: block;
  flex: 0 1 123px;
  width: 123px;
  min-width: 0;
  height: 3px;
  background: var(--oi-rule-track);
}
.oi-custom-block.oi-ovrw .oi-ovrw-media-wrap-resources .latest-content-v3 .splide .splide__slide.ovvw-res-card .ovvw-res-progress-fill {
  display: block;
  height: 100%;
  background: var(--oi-rule-active);
}
.oi-custom-block.oi-ovrw .oi-ovrw-media-wrap-resources .latest-content-v3 .splide .splide__slide.ovvw-res-card:not(.is-active):not(:only-child) {
  opacity: 0.55;
}
.oi-custom-block.oi-ovrw .oi-ovrw-media-wrap-resources .latest-content-v3 .splide .splide__track {
  overflow: visible;
  clip-path: inset(-40px -100vw -40px 0);
}
.oi-custom-block.oi-ovrw .oi-ovrw-media-wrap-resources .latest-content-v3 .splide.splide__page-arrows .splide__arrows {
  justify-content: flex-start;
  margin-top: 16px;
  padding-left: 15px;
  margin-left: 5px;
}
.oi-custom-block.oi-ovrw .oi-ovrw-media-wrap-resources .latest-content-v3 .splide.splide__page-arrows .splide__arrows .splide__arrow {
  display: none;
}
.oi-custom-block.oi-ovrw .oi-ovrw-media-wrap-resources .latest-content-v3 .splide.splide__page-arrows .splide__arrows .splide__pagination {
  display: inline-flex;
  flex: 0 0 auto;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
  width: auto;
  margin: 0;
  padding: 6px 8px;
  border-radius: 999px;
  background: var(--oi-pagination-pill-bg);
}
.oi-custom-block.oi-ovrw .oi-ovrw-media-wrap-resources .latest-content-v3 .splide.splide__page-arrows .splide__arrows .splide__pagination li {
  flex: 0 0 auto;
  min-width: 0;
  margin: 0;
}
.oi-custom-block.oi-ovrw .oi-ovrw-media-wrap-resources .latest-content-v3 .splide.splide__page-arrows .splide__arrows .splide__pagination button {
  display: block;
  width: 11px;
  height: 11px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 3px;
  background-color: var(--oi-color-gradient-blue);
  transition: width 0.3s, background-color 0.3s;
}
.oi-custom-block.oi-ovrw .oi-ovrw-media-wrap-resources .latest-content-v3 .splide.splide__page-arrows .splide__arrows .splide__pagination button.is-active {
  width: 36px;
  height: 10px;
  border-radius: 5px;
  background-color: var(--oi-rule-active);
}

.oi-custom-block.promo-block .contact-info a:not(.btn-v3):not(.link-v3-default) {
  color: var(--block-link-color, inherit);
}

.oi-custom-block.promo-block.promo-has-image .contact-info a:not(.btn-v3):not(.link-v3-default) {
  color: inherit;
}
.oi-custom-block.promo-block.promo-has-image .contact-info a:not(.btn-v3):not(.link-v3-default):hover, .oi-custom-block.promo-block.promo-has-image .contact-info a:not(.btn-v3):not(.link-v3-default):focus-visible {
  color: inherit;
}

.oi-custom-block.promo-block.promo-has-image {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.oi-custom-block.promo-block.promo-has-image .container .contact-info {
  padding: 0 15px;
}

.oi-custom-block.promo-block {
  position: relative;
  overflow: visible;
}
@media (max-width: 991px) {
  .oi-custom-block.promo-block {
    overflow: hidden;
  }
}
.oi-custom-block.promo-block .container {
  width: 100%;
  max-width: 1170px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  z-index: 1;
  position: relative;
}
@media (max-width: 479px) {
  .oi-custom-block.promo-block .container {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.oi-custom-block.promo-block .container h2 {
  padding: 0 !important;
}
.oi-custom-block.promo-block .container .intro-v3 {
  width: 100%;
}
.oi-custom-block.promo-block .container .intro-v3.txt-v3 ul,
.oi-custom-block.promo-block .container .intro-v3.txt-v3 li {
  text-align: left;
}
.oi-custom-block.promo-block .container .intro-v3.txt-v3 p:last-child {
  margin: 0;
}
.oi-custom-block.promo-block .container .contact-info {
  padding: 50px 80px;
  position: relative;
  z-index: 1;
}
.oi-custom-block.promo-block .container .contact-info[style*="color:"] h2,
.oi-custom-block.promo-block .container .contact-info[style*="color:"] .title-v3,
.oi-custom-block.promo-block .container .contact-info[style*="color:"] .txt-v3,
.oi-custom-block.promo-block .container .contact-info[style*="color:"] .txt-v3 p,
.oi-custom-block.promo-block .container .contact-info[style*="color:"] .txt-v3 li,
.oi-custom-block.promo-block .container .contact-info[style*="color:"] .intro-v3,
.oi-custom-block.promo-block .container .contact-info[style*="color:"] .txt-v3 h3,
.oi-custom-block.promo-block .container .contact-info[style*="color:"] .txt-v3 h4,
.oi-custom-block.promo-block .container .contact-info[style*="color:"] .txt-v3 h5 {
  color: inherit;
}
.oi-custom-block.promo-block .container .contact-info[style*="color:"] .txt-v3 ul li::before {
  background: currentColor;
}
@media (max-width: 991px) {
  .oi-custom-block.promo-block .container .contact-info {
    padding: 30px 17px 40px;
  }
}
@media (max-width: 479px) {
  .oi-custom-block.promo-block .container .contact-info {
    padding: 24px 12px 32px;
  }
  .oi-custom-block.promo-block .container .contact-info .txt-v3 {
    font-size: 16px;
    line-height: 1.4;
  }
  .oi-custom-block.promo-block .container .contact-info .txt-v3 p {
    margin: 0 0 24px;
  }
}
.oi-custom-block.promo-block .container .contact-info .txt-v3 {
  margin: 0 auto 36px;
}
.oi-custom-block.promo-block .container .contact-info .txt-v3 p {
  margin: 0 0 36px;
}
@media (max-width: 767px) {
  .oi-custom-block.promo-block .container .contact-info .txt-v3 {
    font-size: 18px;
    line-height: 1.44;
  }
}
.oi-custom-block.promo-block .container .bg-svg {
  height: 180px;
  width: 180px;
  position: absolute;
  opacity: 0.4;
}
@media (max-width: 991px) {
  .oi-custom-block.promo-block .container .bg-svg {
    display: none;
  }
}
.oi-custom-block.promo-block .container .bg-svg-left {
  bottom: -30px;
  left: -70px;
}
.oi-custom-block.promo-block .container .bg-svg-right {
  top: -30px;
  right: -50px;
}
.oi-custom-block.promo-block .container .bg-svg-dots svg {
  fill: #6fb7ba;
  height: 100%;
  width: 100%;
}
.oi-custom-block.promo-block .cta-v3.left {
  text-align: left;
}
.oi-custom-block.promo-block .cta-v3.center {
  text-align: center;
}
.oi-custom-block.promo-block.checkmark-v3 .contact-info[style*="color:"] .txt-v3 ul li::before {
  color: inherit !important;
  background: none !important;
}
.oi-custom-block.promo-block.left .cta-v3 {
  text-align: left;
}
.oi-custom-block.promo-block.left .contact-info .title-v3,
.oi-custom-block.promo-block.left .contact-info .intro-v3 {
  text-align: left;
  margin-left: 0;
  margin-right: 0;
}

.single .oi-no-sidebar .oi-custom-block.promo-block {
  padding: 0 20px;
}

.single .oi-with-sidebar .oi-custom-block.promo-block {
  padding: 20px 0;
}

.single .oi-custom-block.promo-block .container {
  width: 100%;
  max-width: 1170px;
}
.single .oi-custom-block.promo-block .txt-v3 p {
  padding: 0;
}

/* BC Video Block */
.oi-custom-block.bc-video-block {
  position: relative;
}
.oi-custom-block.bc-video-block .oi-bc-anchor {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  scroll-margin-top: 120px;
}
.oi-custom-block.bc-video-block .oi-bc-heading {
  margin: 0 0 25px;
}
.oi-custom-block.bc-video-block .oi-bc-description {
  margin: 0 0 30px;
}
.oi-custom-block.bc-video-block .oi-bc-media {
  display: block;
  width: 100%;
  max-width: 550px;
  margin-left: auto;
  margin-right: auto;
  aspect-ratio: 16/9;
}
.oi-custom-block.bc-video-block .vjs-poster {
  background-size: cover;
}
.oi-custom-block.bc-video-block .oi-bc-caption {
  max-width: 550px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  color: var(--oi-color-text-muted, #6f6e6f);
  font-style: italic;
  line-height: 1.4;
  padding: 15px 0 0;
}

/* --- Background preset text colors ---
 *
 * oi_build_bg_preset_styles() in bg-presets.php emits one rule per preset:
 *
 *   .bg-preset-{slug} {
 *       background-color: ...;
 *       --block-color: ...;        (only when its enable toggle is on)
 *       --block-link-color: ...;
 *       --block-link-hover: ...;
 *   }
 *
 * It sets background-color directly but exposes the text colors only as
 * custom properties — it never sets `color`. Consuming them is each block's
 * job, which is why .intro-v3 / .txt-v3 kept winning with the theme default.
 *
 * Scoped to [class*="bg-preset-"] on purpose: when no preset is applied these
 * rules do not exist at all, so the theme's own colors stay untouched. The
 * wrapper part resolves to (0,3,0) and the descendant class takes it to
 * (0,4,0), which beats .intro-v3.txt-v3 at (0,2,0).
 *
 * The `inherit` fallback covers presets whose font color toggle is off: the
 * value walks up to the wrapper and lands on the body color. To get white
 * text, enable the font color override on that preset in the Background
 * Presets options page and set it to #FFFFFF.
 */
.oi-custom-block.bc-video-block[class*=bg-preset-] {
  color: var(--block-color, inherit);
}
.oi-custom-block.bc-video-block[class*=bg-preset-] .oi-bc-heading,
.oi-custom-block.bc-video-block[class*=bg-preset-] .oi-bc-description,
.oi-custom-block.bc-video-block[class*=bg-preset-] .oi-bc-caption {
  color: var(--block-color, inherit);
}
.oi-custom-block.bc-video-block[class*=bg-preset-] .oi-bc-description p,
.oi-custom-block.bc-video-block[class*=bg-preset-] .oi-bc-description li,
.oi-custom-block.bc-video-block[class*=bg-preset-] .oi-bc-description strong,
.oi-custom-block.bc-video-block[class*=bg-preset-] .oi-bc-description em,
.oi-custom-block.bc-video-block[class*=bg-preset-] .oi-bc-description h2,
.oi-custom-block.bc-video-block[class*=bg-preset-] .oi-bc-description h3,
.oi-custom-block.bc-video-block[class*=bg-preset-] .oi-bc-description h4,
.oi-custom-block.bc-video-block[class*=bg-preset-] .oi-bc-description h5,
.oi-custom-block.bc-video-block[class*=bg-preset-] .oi-bc-description h6 {
  color: var(--block-color, inherit);
}
.oi-custom-block.bc-video-block[class*=bg-preset-] .oi-bc-description a {
  color: var(--block-link-color, var(--block-color, inherit));
}
.oi-custom-block.bc-video-block[class*=bg-preset-] .oi-bc-description a:hover, .oi-custom-block.bc-video-block[class*=bg-preset-] .oi-bc-description a:focus {
  color: var(--block-link-hover, var(--block-link-color, inherit));
}

.single-post .oi-custom-block.bc-video-block {
  margin: 35px auto;
  padding-left: 0;
  padding-right: 0;
}
.single-post .oi-custom-block.bc-video-block .container {
  width: 100%;
  max-width: 100%;
  padding: 0 20px;
}

/* oi- CUSTOM BLOCK - YOUTUBE - for .page context */
.page .oi-custom-block.youtube-vid-block .youtube-wrapper {
  display: block;
  margin: 0 auto;
  max-width: 570px;
  max-height: 320px;
  height: 320px;
  text-align: center;
}
.page .oi-custom-block.youtube-vid-block iframe {
  width: 100%;
  height: 100%;
}

.single-post .oi-custom-block.youtube-vid-block,
.single-product-post .oi-custom-block.youtube-vid-block {
  margin: 35px auto;
  padding-left: 0;
  padding-right: 0;
}
.single-post .oi-custom-block.youtube-vid-block .container,
.single-product-post .oi-custom-block.youtube-vid-block .container {
  position: relative;
  width: 100%;
  max-width: 100% !important;
  min-height: 300px;
  text-align: center;
  margin: 0 auto;
  padding: 0 20px;
}
.single-post .oi-custom-block.youtube-vid-block .container .youtube-wrapper,
.single-product-post .oi-custom-block.youtube-vid-block .container .youtube-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 aspect ratio (9 / 16 = 0.5625) */
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
.single-post .oi-custom-block.youtube-vid-block .container .youtube-wrapper iframe,
.single-product-post .oi-custom-block.youtube-vid-block .container .youtube-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.oi-custom-block.related-products-v3 .rp-description {
  margin-bottom: 24px;
}
.oi-custom-block.related-products-v3 > .container .title-v3 {
  text-align: center;
  color: var(--block-color, var(--oi-color-heading));
}
.oi-custom-block.related-products-v3 > .container .rp-description {
  text-align: inherit;
  color: var(--block-color, #53565a);
}
.oi-custom-block.related-products-v3 > .container .rp-description p,
.oi-custom-block.related-products-v3 > .container .rp-description li {
  color: inherit;
}
.oi-custom-block.related-products-v3 > .container .rp-description a:not(.btn-v3) {
  color: var(--block-link-color, inherit);
}
.oi-custom-block.related-products-v3 > .container .rp-description a:not(.btn-v3):hover, .oi-custom-block.related-products-v3 > .container .rp-description a:not(.btn-v3):focus {
  color: var(--block-link-hover, var(--block-link-color, inherit));
}
.oi-custom-block.related-products-v3 > .container .rp-description ul li::before {
  background: currentColor;
}
.oi-custom-block.related-products-v3.checkmark-v3 > .container .rp-description ul li::before {
  color: var(--block-color, inherit) !important;
  background: none !important;
}
.oi-custom-block.related-products-v3 a {
  color: #1c1f2a;
  background-color: transparent;
}
.oi-custom-block.related-products-v3 a:hover {
  color: #1c1f2a;
}
.oi-custom-block.related-products-v3 svg:not(:root) {
  overflow: hidden;
}
.oi-custom-block.related-products-v3 .bg-svg {
  height: 300px;
  width: 300px;
  position: absolute;
}
@media (max-width: 991px) {
  .oi-custom-block.related-products-v3 .bg-svg {
    display: none;
  }
}
.oi-custom-block.related-products-v3 .bg-svg-dots svg {
  fill: #6fb7ba;
  height: 100%;
  width: 100%;
}
.oi-custom-block.related-products-v3 .splide .splide__list {
  display: flex;
  width: auto;
}
.oi-custom-block.related-products-v3 .splide .splide__list .splide__slide {
  margin: 15px 15px 20px;
  width: 320px;
  text-decoration: none;
}
@media (max-width: 991px) {
  .oi-custom-block.related-products-v3 .splide .splide__list .splide__slide {
    margin-left: 1vw;
    margin-right: 1vw;
  }
  .oi-custom-block.related-products-v3 .splide .splide__list .splide__slide:first-child {
    margin-left: 15px;
  }
  .oi-custom-block.related-products-v3 .splide .splide__list .splide__slide:last-child {
    margin-right: 15px;
  }
}
.oi-custom-block.related-products-v3 .splide .splide__pagination {
  padding: 0;
}
.oi-custom-block.related-products-v3 .splide .splide__pagination li button {
  border: 1px solid var(--oi-slider-nav);
  background-color: transparent;
  border-radius: 50%;
  margin: 4px;
  height: 12px;
  width: 12px;
  padding: 0;
  vertical-align: top;
}
.oi-custom-block.related-products-v3 .splide .splide__pagination li button.is-active {
  background-color: var(--oi-slider-nav);
}
.oi-custom-block.related-products-v3 .splide .splide__pagination__wrap {
  line-height: 0;
}
.oi-custom-block.related-products-v3 .link-v3-default {
  color: var(--oi-color-primary);
  font-weight: 700;
  display: block;
}
.oi-custom-block.related-products-v3 .link-v3-default:hover {
  color: var(--oi-color-primary-dark);
  text-decoration: underline;
}
.oi-custom-block.related-products-v3 .link-v3-default .icomoon-icon {
  display: inline-block;
  vertical-align: text-bottom;
  padding-left: 5px;
  color: var(--oi-color-primary);
}
.oi-custom-block.related-products-v3 .splide .splide__slide {
  padding: 30px 15px;
  box-shadow: 0 2px 10px 0 rgba(140, 114, 80, 0.11);
  background-color: #fff;
  transition: 0.3s;
  position: relative;
  display: block;
}
.oi-custom-block.related-products-v3 .splide .splide__slide .bg-svg-dots {
  display: block;
  position: absolute;
  height: 54px;
  width: 53px;
  top: 15px;
  right: 15px;
  opacity: 0.5;
}
.oi-custom-block.related-products-v3 .splide .splide__slide h3 {
  color: var(--oi-color-heading);
  font-size: var(--oi-title-card) !important;
  font-weight: bold !important;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.4 !important;
  letter-spacing: normal;
  text-align: left;
  margin: 0 0 16px !important;
}
@media (max-width: 991px) {
  .oi-custom-block.related-products-v3 .splide .splide__slide h3 {
    font-size: var(--oi-title-card-sm) !important;
  }
}
.oi-custom-block.related-products-v3 .splide .splide__slide .product-txt {
  color: #53565a;
  font-size: 16px !important;
}
.oi-custom-block.related-products-v3 .splide .splide__slide .product-tile {
  padding-bottom: 20px;
}
.oi-custom-block.related-products-v3 .splide .splide__slide .link-v3-default {
  position: absolute;
  bottom: 10px;
  right: 10px;
  font-size: 14px;
}
.oi-custom-block.related-products-v3 .splide .splide__slide u {
  text-decoration: none;
}
.oi-custom-block.related-products-v3 .splide .splide__slide:hover {
  box-shadow: 0 12px 20px 0 rgba(140, 114, 80, 0.15);
  transform: translateY(-10px);
  text-decoration: none;
}
.oi-custom-block.related-products-v3 .splide .splide__slide:hover u {
  border-bottom: 2px solid var(--oi-color-primary);
}
.oi-custom-block.related-products-v3 .splide.one-slide {
  visibility: visible;
}
.oi-custom-block.related-products-v3 .splide.one-slide .splide__slide {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.oi-custom-block.related-products-v3 .splide.is-static {
  margin-bottom: -20px;
}
.oi-custom-block.related-products-v3 .splide.is-static .splide__list {
  transform: translateX(0) !important;
  justify-content: center;
}
.oi-custom-block.related-products-v3 .splide.is-static .splide__arrows {
  display: none !important;
}
.oi-custom-block.related-products-v3 .splide .splide__arrows .splide__arrow.icomoon-icon {
  font-size: 0;
  background: none;
  border: 0;
  padding: 0 2px;
}
.oi-custom-block.related-products-v3 .splide .splide__arrows .splide__arrow.icomoon-icon:before {
  font-size: 20px;
  color: var(--oi-slider-nav);
  font-weight: bold;
  opacity: 1;
}
.oi-custom-block.related-products-v3 .splide .splide__arrows .splide__arrow.icomoon-icon.is-disabled {
  pointer-events: none;
  cursor: default;
}
.oi-custom-block.related-products-v3 .splide .splide__arrows .splide__arrow.icomoon-icon.is-disabled:before {
  opacity: 0;
}
.oi-custom-block.related-products-v3 .splide.splide__inline-arrows .splide__arrows {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.oi-custom-block.related-products-v3 .splide.splide__inline-arrows .splide__arrows .splide__arrow.icomoon-icon:before {
  font-size: 40px;
}
.oi-custom-block.related-products-v3 .splide.splide__page-arrows .splide__arrows {
  display: flex !important;
  align-items: center;
  justify-content: center;
}
.oi-custom-block.related-products-v3 .splide.splide__page-arrows .splide__arrows .splide__arrow.icomoon-icon {
  font-size: 0;
  background: none;
  border: 0;
  padding: 0 2px;
}
.oi-custom-block.related-products-v3 .splide.splide__page-arrows .splide__arrows .splide__arrow.icomoon-icon:before {
  font-size: 20px;
  color: var(--oi-slider-nav);
  font-weight: bold;
  opacity: 1;
}
.oi-custom-block.related-products-v3 .splide.splide__page-arrows .splide__arrows .splide__arrow.icomoon-icon.is-disabled {
  pointer-events: none;
  cursor: default;
}
.oi-custom-block.related-products-v3 .splide.splide__page-arrows .splide__arrows .splide__arrow.icomoon-icon.is-disabled:before {
  opacity: 0;
}
.oi-custom-block.related-products-v3 .splide.splide__page-arrows .splide__arrows .splide__pagination {
  width: auto;
}
@media (min-width: 768px) {
  .oi-custom-block.related-products-v3 .splide.sm-static {
    margin-bottom: -20px;
  }
  .oi-custom-block.related-products-v3 .splide.sm-static .splide__list {
    transform: translateX(0) !important;
    justify-content: center;
  }
  .oi-custom-block.related-products-v3 .splide.sm-static .splide__arrows {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .oi-custom-block.related-products-v3 .splide.md-static {
    margin-bottom: -20px;
  }
  .oi-custom-block.related-products-v3 .splide.md-static .splide__list {
    transform: translateX(0) !important;
    justify-content: center;
  }
  .oi-custom-block.related-products-v3 .splide.md-static .splide__arrows {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .oi-custom-block.related-products-v3 .splide.lg-static {
    margin-bottom: -20px;
  }
  .oi-custom-block.related-products-v3 .splide.lg-static .splide__list {
    transform: translateX(0) !important;
    justify-content: center;
  }
  .oi-custom-block.related-products-v3 .splide.lg-static .splide__arrows {
    display: none !important;
  }
}
@media (min-width: 1400px) {
  .oi-custom-block.related-products-v3 .splide.xl-static {
    margin-bottom: -20px;
  }
  .oi-custom-block.related-products-v3 .splide.xl-static .splide__list {
    transform: translateX(0) !important;
    justify-content: center;
  }
  .oi-custom-block.related-products-v3 .splide.xl-static .splide__arrows {
    display: none !important;
  }
}
@media (min-width: 1760px) {
  .oi-custom-block.related-products-v3 .splide.xxl-static {
    margin-bottom: -20px;
  }
  .oi-custom-block.related-products-v3 .splide.xxl-static .splide__list {
    transform: translateX(0) !important;
    justify-content: center;
  }
  .oi-custom-block.related-products-v3 .splide.xxl-static .splide__arrows {
    display: none !important;
  }
}
.oi-custom-block.related-products-v3 .splide .splide__slide {
  margin: 15px 15px 20px;
  width: 320px;
}
@media (max-width: 991px) {
  .oi-custom-block.related-products-v3 .splide .splide__slide {
    margin-left: 1vw;
    margin-right: 1vw;
  }
}
@media (max-width: 767px) {
  .oi-custom-block.related-products-v3 .splide .splide__slide {
    width: 84vw;
  }
}
@media (max-width: 767px) {
  .oi-custom-block.related-products-v3 .splide.xs-no-offset .splide__slide {
    padding: 0 15px;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
}

/* oi- Single Column Block */
.oi-custom-block.zig-zag-v3 {
  position: relative;
  overflow: visible;
}
.oi-custom-block.zig-zag-v3 h2.title-v3 {
  margin-bottom: 30px !important;
  padding-left: 15px;
  padding-right: 15px;
}
.oi-custom-block.zig-zag-v3 .zz-img,
.oi-custom-block.zig-zag-v3 .zz-txt {
  z-index: 1;
}
.oi-custom-block.zig-zag-v3 .single-column-img {
  margin-left: auto;
  margin-right: auto;
  z-index: 9;
  position: inherit;
}
.oi-custom-block.zig-zag-v3 .zz-img img {
  max-width: 100%;
  /*width: 100%;*/
  display: block;
  margin: auto;
}
.oi-custom-block.zig-zag-v3 .zz-img .zz-video-type {
  width: 100%;
  height: 100%;
}
.oi-custom-block.zig-zag-v3 .zz-img .zz-video-type.single-col-video-container {
  margin-bottom: 30px;
}
.oi-custom-block.zig-zag-v3 .zz-img .zz-video-type.single-col-video-container video.vjs-tech {
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
}
.oi-custom-block.zig-zag-v3 .zz-img .zz-video-type video {
  width: 570px;
  max-width: 100%;
  height: 320px;
  max-height: 320px;
}
.oi-custom-block.zig-zag-v3 .video-top .zz-img .zz-video-type video {
  width: 640px;
  max-width: 640px;
  height: 360px;
  max-height: 360px;
}
@media (min-width: 768px) {
  .oi-custom-block.zig-zag-v3 .zz-img .zz-video-type.single-col-video-container {
    max-width: 640px;
    margin: 0 auto 30px auto !important;
    box-sizing: content-box;
    position: relative;
    cursor: pointer;
  }
}
.oi-custom-block.zig-zag-v3 .zz-txt .txt-v3 {
  text-align: left !important;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
.oi-custom-block.zig-zag-v3 .zz-txt .txt-v3 p {
  margin-bottom: 10px;
}
.oi-custom-block.zig-zag-v3 .pull-right {
  order: 2;
}
.oi-custom-block.zig-zag-v3 .cta-v3 {
  margin-top: 30px;
}
.oi-custom-block.zig-zag-v3 .zz-media-top .sc-media-container,
.oi-custom-block.zig-zag-v3 .zz-media-bottom .sc-media-container {
  max-width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  position: relative;
}
.oi-custom-block.zig-zag-v3 .zz-media-top .sc-media-container img,
.oi-custom-block.zig-zag-v3 .zz-media-bottom .sc-media-container img {
  max-width: 80%;
  height: auto;
  display: block;
}
.oi-custom-block.zig-zag-v3 .zz-media-top .sc-media-container:has(video), .oi-custom-block.zig-zag-v3 .zz-media-top .sc-media-container:has(.video-js), .oi-custom-block.zig-zag-v3 .zz-media-top .sc-media-container:has(.bc-player-container),
.oi-custom-block.zig-zag-v3 .zz-media-bottom .sc-media-container:has(video),
.oi-custom-block.zig-zag-v3 .zz-media-bottom .sc-media-container:has(.video-js),
.oi-custom-block.zig-zag-v3 .zz-media-bottom .sc-media-container:has(.bc-player-container) {
  width: 570px;
  max-width: 100%;
  height: 320px;
}
.oi-custom-block.zig-zag-v3 .zz-media-top .sc-media-container video,
.oi-custom-block.zig-zag-v3 .zz-media-bottom .sc-media-container video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.oi-custom-block.zig-zag-v3 .zz-media-top .sc-media-container video-js,
.oi-custom-block.zig-zag-v3 .zz-media-top .sc-media-container .video-js,
.oi-custom-block.zig-zag-v3 .zz-media-bottom .sc-media-container video-js,
.oi-custom-block.zig-zag-v3 .zz-media-bottom .sc-media-container .video-js {
  width: 100%;
  height: 100%;
}
.oi-custom-block.zig-zag-v3 .zz-media-top .sc-media-container .bc-player-container,
.oi-custom-block.zig-zag-v3 .zz-media-bottom .sc-media-container .bc-player-container {
  width: 100%;
  max-width: 100%;
  height: 100%;
  margin: 0;
}
.oi-custom-block.zig-zag-v3 .zz-media-top .sc-media-container {
  margin-bottom: 25px;
}
.oi-custom-block.zig-zag-v3 .zz-media-bottom .sc-media-container {
  margin-top: 25px;
}
.oi-custom-block.zig-zag-v3 .bg-svg-circle {
  height: 200px;
  width: 200px;
  position: absolute;
  pointer-events: none;
  opacity: 0.4;
  background-color: #cceef9;
  border-radius: 50%;
  z-index: 9999;
}
.oi-custom-block.zig-zag-v3 .bg-svg-right {
  right: calc((90% - 1170px) / 2 - 100px);
  bottom: -35px;
}
.oi-custom-block.zig-zag-v3 .bg-svg-dots {
  width: 185px;
  height: 185px;
  z-index: 9999;
  position: absolute;
  pointer-events: none;
  z-index: 0;
  opacity: 0.4;
}
.oi-custom-block.zig-zag-v3 .bg-svg-dots svg {
  fill: #0079a1;
}
.oi-custom-block.zig-zag-v3 .bg-svg-left {
  top: 60%;
  left: calc((77% - 1170px) / 2 - 44px);
}
@media (max-width: 991px) {
  .oi-custom-block.zig-zag-v3 .bg-svg {
    display: none;
  }
}
@media (max-width: 991px) {
  .oi-custom-block.zig-zag-v3 .zz-img .column-img {
    width: 640px;
    max-width: 100%;
    height: auto !important;
    margin-bottom: 30px !important;
  }
  .oi-custom-block.zig-zag-v3 .zz-img .single-column-img {
    width: 100%;
    max-width: 640px;
    height: auto !important;
    margin-bottom: 30px !important;
  }
  .oi-custom-block.zig-zag-v3 .zz-img .zz-video-type {
    margin-bottom: 30px !important;
  }
  .oi-custom-block.zig-zag-v3 .zz-media-top .sc-media-container,
  .oi-custom-block.zig-zag-v3 .zz-media-top .sc-media-container:has(video),
  .oi-custom-block.zig-zag-v3 .zz-media-top .sc-media-container:has(.video-js),
  .oi-custom-block.zig-zag-v3 .zz-media-top .sc-media-container:has(.bc-player-container),
  .oi-custom-block.zig-zag-v3 .zz-media-bottom .sc-media-container,
  .oi-custom-block.zig-zag-v3 .zz-media-bottom .sc-media-container:has(video),
  .oi-custom-block.zig-zag-v3 .zz-media-bottom .sc-media-container:has(.video-js),
  .oi-custom-block.zig-zag-v3 .zz-media-bottom .sc-media-container:has(.bc-player-container) {
    width: 100%;
    height: auto;
    aspect-ratio: 570/320;
  }
  .oi-custom-block.zig-zag-v3 .zz-media-top .sc-media-container img,
  .oi-custom-block.zig-zag-v3 .zz-media-top .sc-media-container:has(video) img,
  .oi-custom-block.zig-zag-v3 .zz-media-top .sc-media-container:has(.video-js) img,
  .oi-custom-block.zig-zag-v3 .zz-media-top .sc-media-container:has(.bc-player-container) img,
  .oi-custom-block.zig-zag-v3 .zz-media-bottom .sc-media-container img,
  .oi-custom-block.zig-zag-v3 .zz-media-bottom .sc-media-container:has(video) img,
  .oi-custom-block.zig-zag-v3 .zz-media-bottom .sc-media-container:has(.video-js) img,
  .oi-custom-block.zig-zag-v3 .zz-media-bottom .sc-media-container:has(.bc-player-container) img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .oi-custom-block.zig-zag-v3 .zz-media-top .sc-media-container video,
  .oi-custom-block.zig-zag-v3 .zz-media-top .sc-media-container:has(video) video,
  .oi-custom-block.zig-zag-v3 .zz-media-top .sc-media-container:has(.video-js) video,
  .oi-custom-block.zig-zag-v3 .zz-media-top .sc-media-container:has(.bc-player-container) video,
  .oi-custom-block.zig-zag-v3 .zz-media-bottom .sc-media-container video,
  .oi-custom-block.zig-zag-v3 .zz-media-bottom .sc-media-container:has(video) video,
  .oi-custom-block.zig-zag-v3 .zz-media-bottom .sc-media-container:has(.video-js) video,
  .oi-custom-block.zig-zag-v3 .zz-media-bottom .sc-media-container:has(.bc-player-container) video {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .oi-custom-block.zig-zag-v3 .cta-v3 {
    text-align: center;
  }
  .oi-custom-block.zig-zag-v3 .cta-v3 .btn-v3 {
    margin-left: 10px;
    margin-right: 10px;
  }
}
@media (min-width: 992px) {
  .oi-custom-block.zig-zag-v3 .zz-vertical-center {
    display: flex;
    align-items: center;
  }
  .oi-custom-block.zig-zag-v3 .zz-vertical-top {
    display: flex;
    align-items: start;
  }
  .oi-custom-block.zig-zag-v3 .zz-img + .zz-txt {
    padding-left: 30px;
  }
  .oi-custom-block.zig-zag-v3 .zz-img.pull-right + .zz-txt {
    padding-left: 15px;
    padding-right: 30px;
  }
  .oi-custom-block.zig-zag-v3 .zz-img .column-img {
    height: auto !important;
  }
  .oi-custom-block.zig-zag-v3 .zz-img .single-column-img {
    height: auto !important;
    margin-bottom: 30px;
  }
  .oi-custom-block.zig-zag-v3 .cta-v3 {
    text-align: left;
  }
  .oi-custom-block.zig-zag-v3 .cta-v3 .btn-v3 {
    margin-left: 0;
  }
}
.oi-custom-block.zig-zag-v3 .bc-player-container {
  max-width: 570px;
  margin: 0 auto;
  box-sizing: content-box;
  position: relative;
  cursor: pointer;
}
@media (max-width: 991px) {
  .oi-custom-block.zig-zag-v3 .bc-player-container {
    margin: 0 auto 30px auto !important;
  }
}
.oi-custom-block.zig-zag-v3 .bc-player-container img {
  width: 570px;
  max-width: 100%;
  height: 320px;
  max-height: 320px;
  pointer-events: none;
}
.oi-custom-block.zig-zag-v3 .video-top .bc-player-container img {
  max-width: 100%;
  height: 100%;
  pointer-events: none;
}
.oi-custom-block.zig-zag-v3 .bc-player-container .bc-lazy {
  padding-top: 56.25%;
}
.oi-custom-block.zig-zag-v3 .bc-player-container .bc-lazy ~ img {
  position: absolute !important;
  top: 0 !important;
}
.oi-custom-block.zig-zag-v3 .bc-player-container .icomoon-container {
  top: 50%;
  left: 50%;
  margin-left: -35px;
  margin-top: -35px;
  width: 70px;
  height: 70px;
  line-height: 74px;
  border: none;
  border-radius: 50%;
  font-size: 38px;
  position: absolute;
  background: var(--tw-green-0);
  cursor: pointer;
  color: #fff;
  transition: border-color 0.4s, outline 0.4s, background-color 0.4s;
  text-align: center;
  pointer-events: none;
}
.oi-custom-block.zig-zag-v3 .bc-player-container .icomoon-container .icon-play_arrow {
  font-size: inherit;
}
.oi-custom-block.zig-zag-v3 .bc-player-container:hover .icomoon-container {
  background: var(--tw-btn-hover);
}
.oi-custom-block.zig-zag-v3 .bc-player-container .bc-duration {
  position: absolute;
  right: 15px;
  bottom: 15px;
  font-size: 14px;
  color: #fff;
  font-style: normal;
}
.oi-custom-block.zig-zag-v3 .bc-player-container .bc-player-wrapper {
  width: 100%;
}
.oi-custom-block.zig-zag-v3 .video-js .vjs-big-play-button {
  top: 50%;
  left: 50%;
  margin-left: -35px;
  margin-top: -35px;
  width: 70px;
  height: 70px;
  line-height: 74px;
  border: none;
  border-radius: 50%;
  font-size: 38px;
  position: absolute;
  background: #04aada;
  cursor: pointer;
  color: #fff;
  text-align: center;
  pointer-events: none;
  transition: border-color 0.4s, outline 0.4s, background-color 0.4s;
}
.oi-custom-block.zig-zag-v3 .video-js .vjs-play-progress {
  background: #04aada;
}
.oi-custom-block.zig-zag-v3:hover .video-js .vjs-big-play-button {
  background: #0383a8;
}

.single-post .oi-custom-block.zig-zag-v3 .container {
  width: 100%;
  max-width: 100%;
  padding: 0;
}
.single-post .oi-custom-block.zig-zag-v3 .zz-img + .zz-txt {
  padding-left: 15px;
}
.single-post .oi-custom-block.zig-zag-v3 h3,
.single-post .oi-custom-block.zig-zag-v3 h4 {
  padding: 0;
}
.single-post .oi-custom-block.zig-zag-v3 .txt-v3 p {
  padding: 0;
}

/* oi- QUOTE SLIDER */
/* Fixes applied:
   - Icon squares: font-family forced on ::before pseudo-elements
   - Single slide: arrows/pagination hidden via .one-slide class
   - Close quote: inline positioning (requires PHP template)
   - Background: dynamic via bg preset inline style (no .bg-white class) */
.oi-custom-block.quote-slider-block-v3 .splide__list {
  margin: 0 !important;
  padding: 0 !important;
  width: -moz-max-content;
  width: max-content;
  will-change: transform;
}
.oi-custom-block.quote-slider-block-v3 .splide__list.is-active {
  display: flex;
}
.oi-custom-block.quote-slider-block-v3 .splide__pagination {
  display: inline-flex;
  align-items: center;
  width: 95%;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
}
.oi-custom-block.quote-slider-block-v3 .splide__pagination li {
  list-style-type: none;
  display: inline-block;
  line-height: 1;
  margin: 0;
}
.oi-custom-block.quote-slider-block-v3 .splide__pagination li button {
  border: 1px solid var(--oi-slider-nav);
  background-color: transparent;
  border-radius: 50%;
  margin: 4px;
  height: 12px;
  width: 12px;
  padding: 0;
  vertical-align: top;
}
.oi-custom-block.quote-slider-block-v3 .splide__pagination li button.is-active {
  background-color: var(--oi-slider-nav);
}
.oi-custom-block.quote-slider-block-v3 .splide {
  visibility: hidden;
}
.oi-custom-block.quote-slider-block-v3 .splide, .oi-custom-block.quote-slider-block-v3 .splide__slide {
  position: relative;
  outline: none;
}
.oi-custom-block.quote-slider-block-v3 .splide__slide {
  box-sizing: border-box;
  list-style-type: none !important;
  margin: 0;
  flex-shrink: 0;
}
.oi-custom-block.quote-slider-block-v3 .splide__track {
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.oi-custom-block.quote-slider-block-v3 .splide--draggable > .oi-custom-block.quote-slider-block-v3 .splide__track > .oi-custom-block.quote-slider-block-v3 .splide__list > .oi-custom-block.quote-slider-block-v3 .splide__slide {
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
}
.oi-custom-block.quote-slider-block-v3 .splide.one-slide {
  visibility: visible;
}
.oi-custom-block.quote-slider-block-v3 .splide.one-slide .splide__arrows,
.oi-custom-block.quote-slider-block-v3 .splide.one-slide .splide__pagination {
  display: none !important;
}
.oi-custom-block.quote-slider-block-v3 .splide.one-slide .splide__slide {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.oi-custom-block.quote-slider-block-v3 .splide.one-slide .splide__list {
  transform: translateX(0) !important;
  justify-content: center;
}
.oi-custom-block.quote-slider-block-v3 button {
  color: inherit;
  font: inherit;
  margin: 0;
  overflow: visible;
  text-transform: none;
  -webkit-appearance: button;
  cursor: pointer;
}
.oi-custom-block.quote-slider-block-v3 button[disabled] {
  cursor: default;
}
.oi-custom-block.quote-slider-block-v3 .splide .splide__list {
  display: flex;
  width: auto;
}
.oi-custom-block.quote-slider-block-v3 .splide .splide__slide {
  margin: 15px 15px 20px;
  width: 320px;
}
@media (max-width: 991px) {
  .oi-custom-block.quote-slider-block-v3 .splide .splide__slide {
    margin-left: 1vw;
    margin-right: 1vw;
  }
}
.oi-custom-block.quote-slider-block-v3 .splide .splide__slide:first-child {
  margin-left: 15px;
}
.oi-custom-block.quote-slider-block-v3 .splide .splide__slide:last-child {
  margin-right: 15px;
}
@media (max-width: 767px) {
  .oi-custom-block.quote-slider-block-v3 .splide .splide__slide {
    width: 84vw;
  }
}
.oi-custom-block.quote-slider-block-v3 .splide .splide__arrows .splide__arrow.icomoon-icon {
  font-size: 0;
  background: none;
  border: 0;
  padding: 0 2px;
}
.oi-custom-block.quote-slider-block-v3 .splide .splide__arrows .splide__arrow.icomoon-icon:before {
  font-size: 20px;
  color: var(--oi-slider-nav);
  font-weight: bold;
  opacity: 1;
}
.oi-custom-block.quote-slider-block-v3 .splide .splide__arrows .splide__arrow.icomoon-icon.is-disabled {
  pointer-events: none;
  cursor: default;
}
.oi-custom-block.quote-slider-block-v3 .splide .splide__arrows .splide__arrow.icomoon-icon.is-disabled:before {
  opacity: 0;
}
.oi-custom-block.quote-slider-block-v3 .splide.splide__page-arrows .splide__arrows {
  display: flex;
  align-items: center;
  justify-content: center;
}
.oi-custom-block.quote-slider-block-v3 .splide.splide__page-arrows .splide__arrows .splide__arrow.icomoon-icon {
  font-size: 0;
  background: none;
  border: 0;
  padding: 0 2px;
}
.oi-custom-block.quote-slider-block-v3 .splide.splide__page-arrows .splide__arrows .splide__arrow.icomoon-icon:before {
  font-size: 20px;
  color: var(--oi-slider-nav);
  font-weight: bold;
  opacity: 1;
}
.oi-custom-block.quote-slider-block-v3 .splide.splide__page-arrows .splide__arrows .splide__arrow.icomoon-icon.is-disabled {
  pointer-events: none;
  cursor: default;
}
.oi-custom-block.quote-slider-block-v3 .splide.splide__page-arrows .splide__arrows .splide__arrow.icomoon-icon.is-disabled:before {
  opacity: 0;
}
.oi-custom-block.quote-slider-block-v3 .splide.splide__page-arrows .splide__arrows .splide__pagination {
  width: auto;
}
.oi-custom-block.quote-slider-block-v3 .splide .splide__pagination {
  padding: 0;
}
.oi-custom-block.quote-slider-block-v3 .splide .splide__pagination li button {
  border: 1px solid var(--oi-slider-nav);
  background-color: transparent;
  border-radius: 50%;
  margin: 4px;
  height: 12px;
  width: 12px;
  padding: 0;
  vertical-align: top;
}
.oi-custom-block.quote-slider-block-v3 .splide .splide__pagination li button.is-active {
  background-color: var(--oi-slider-nav);
}
.oi-custom-block.quote-slider-block-v3 .oi-qs-description {
  margin-bottom: 30px;
}
.oi-custom-block.quote-slider-block-v3 .oi-qs-description.centered {
  text-align: center;
}
.oi-custom-block.quote-slider-block-v3 .oi-qs-description.left {
  text-align: left;
}
.oi-custom-block.quote-slider-block-v3 .oi-qs-description p:last-child {
  margin-bottom: 0;
}
.oi-custom-block.quote-slider-block-v3 .quote-slider {
  box-shadow: 0 3px 6px 0 rgba(168, 168, 168, 0.4);
  border: solid 0.8px #eff1f1;
  z-index: 1;
  padding: 50px 80px;
  position: relative;
}
@media (max-width: 991px) {
  .oi-custom-block.quote-slider-block-v3 .quote-slider h4 {
    margin-bottom: 15px;
  }
}
.oi-custom-block.quote-slider-block-v3 .quote-slider .ss-pen-quote.icomoon-container {
  position: relative;
}
.oi-custom-block.quote-slider-block-v3 .quote-slider .ss-open-quote .icomoon-icon {
  font-size: 58px;
  color: #00a9e0;
}
@media (max-width: 991px) {
  .oi-custom-block.quote-slider-block-v3 .quote-slider .ss-open-quote .icomoon-icon {
    display: none;
  }
}
@media (min-width: 992px) {
  .oi-custom-block.quote-slider-block-v3 .quote-slider .ss-open-quote .icomoon-icon {
    position: absolute;
    left: 15px;
  }
  .oi-custom-block.quote-slider-block-v3 .quote-slider .ss-open-quote .icomoon-icon::before {
    position: absolute;
    top: -15px;
    left: -72px;
  }
}
.oi-custom-block.quote-slider-block-v3 .quote-slider .ss-close-quote {
  display: inline;
}
.oi-custom-block.quote-slider-block-v3 .quote-slider .ss-close-quote .icomoon-icon {
  font-size: 58px;
  color: #00a9e0;
  display: inline;
  vertical-align: baseline;
  line-height: 0;
  position: relative;
  top: 15px;
}
@media (max-width: 991px) {
  .oi-custom-block.quote-slider-block-v3 .quote-slider .ss-close-quote .icomoon-icon {
    display: none;
  }
}
.oi-custom-block.quote-slider-block-v3 .quote-slider p {
  font-size: 25px;
  font-stretch: normal;
  font-style: italic;
  line-height: 1.4;
  color: #53565a;
  margin: 0 0 20px;
  padding: 0;
}
.oi-custom-block.quote-slider-block-v3 .quote-slider h4.oi-cb-title {
  color: #53565a;
  font-size: var(--oi-title-card-lg);
  margin: 10px 0 24px !important;
  padding: 0;
}
.oi-custom-block.quote-slider-block-v3 .quote-slider .ss-title {
  display: block;
  font-weight: 700;
  font-size: 20px;
  line-height: 20px;
  color: #00a9e0;
}
.oi-custom-block.quote-slider-block-v3 .quote-slider .ss-company {
  font-size: 20px;
  line-height: 20px;
}
@media (max-width: 991px) {
  .oi-custom-block.quote-slider-block-v3 .quote-slider .ss-company {
    font-size: 18px;
    line-height: 1.28;
  }
}
@media (max-width: 991px) {
  .oi-custom-block.quote-slider-block-v3 .quote-slider {
    padding: 25px;
  }
  .oi-custom-block.quote-slider-block-v3 .quote-slider p {
    font-size: 20px;
    line-height: 1.5;
  }
  .oi-custom-block.quote-slider-block-v3 .quote-slider .ss-title,
  .oi-custom-block.quote-slider-block-v3 .quote-slider .ss-company {
    font-size: 18px;
    line-height: 1.2;
  }
}
@media (max-width: 767px) {
  .oi-custom-block.quote-slider-block-v3 .quote-slider {
    padding: 20px 17px 25px;
  }
}
.oi-custom-block.quote-slider-block-v3 .splide .splide__slide {
  flex: 0 0 auto;
}
@media (min-width: 768px) {
  .oi-custom-block.quote-slider-block-v3 .splide .splide__slide {
    width: auto;
  }
}
.oi-custom-block.quote-slider-block-v3 .splide .splide__slide.quote-slider {
  width: 99%;
  background-color: #ffffff;
}
.oi-custom-block.quote-slider-block-v3 [class^=icon-],
.oi-custom-block.quote-slider-block-v3 [class*=" icon-"] {
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.oi-custom-block.quote-slider-block-v3 .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-custom-block.quote-slider-block-v3 .icon-quote_open:before {
  content: "\ec27";
}
.oi-custom-block.quote-slider-block-v3 .icon-quote_close:before {
  content: "\ec28";
}
.oi-custom-block.quote-slider-block-v3 .icon-arrow_back:before {
  content: "\e92b";
}
.oi-custom-block.quote-slider-block-v3 .icon-arrow_forward:before {
  content: "\e930";
}
.oi-custom-block.quote-slider-block-v3 {
  /* Quote link — slider mode, aligned right.
     `.ss-company` is an inline span: without pulling the link off that line it
     would sit flush against the end of the company text.

     Do NOT use `display: block` or `inline-block` here. The theme declares
     `.link-v3-default { display: inline-flex; gap: 10px }`, and THAT is what
     keeps the label and the arrow on one row: `.btn-arrow` is a 42x42
     `display: flex` — block-level — and outside a flex container it drops to
     its own line, on the left. `text-align` does not move it either, because
     it is not text.

     The three below are what aligns right WITHOUT breaking that: block-level
     flex to keep the row, width sized to the content, and the auto left margin
     that pushes the box to the edge.

     `:not(.qs-case-study)` scopes the rule to the slider. The case-study card
     places its own copy of the link with `margin-top: auto` to line the links
     up across cards, and wants neither this fixed margin nor the alignment. */
}
.oi-custom-block.quote-slider-block-v3 .quote-slider:not(.qs-case-study) .link-v3-default {
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 20px;
  margin-left: auto;
}
.oi-custom-block.quote-slider-block-v3 {
  /* ── CASE STUDY MODE ──────────────────────────────────────
     Second layout of this block, chosen per block with the
     `qs_display_mode` field (slider | case-study). One card per quote:
     media on the left, copy on the right, closing with a "Read Case Study"
     link.

     The card is a FIXED 670x440 box. The height is not decoration: the media
     image is sized with `height: 100%`, which resolves to `auto` when the card
     has no height of its own — that is why the images rendered at full natural
     size before this was pinned.

     Splide runs with `autoWidth: true` and `focus: "center"`
     (assets/slider/oi-sliders.js), so this width IS the card width and the
     neighbours peek on their own. No JS change needed.

     Long quotes overflow a fixed 440px card — this layout expects short copy,
     as in the reference cards.
     ──────────────────────────────────────────────────────── */
}
.oi-custom-block.quote-slider-block-v3 .splide .splide__slide.qs-case-study {
  width: 670px;
  height: 440px;
  max-width: 100%;
  display: flex;
  align-items: stretch;
  text-align: left;
  /* The shared `.quote-slider` card chrome is cancelled here, NOT removed
     from it: the plain slider still needs all three. Both modes render the
     same <li class="quote-slider ...">, so this mode inherits them.
       - padding 50px 80px would sit INSIDE the 670x440 box and leave the two
         columns about 510x340, crushing them;
       - the border and shadow draw a frame this design does not have.
     Cancel these three and the media + panel fill the card edge to edge. */
  padding: 0;
  border: 0;
  box-shadow: none;
}
@media (max-width: 991px) {
  .oi-custom-block.quote-slider-block-v3 .splide .splide__slide.qs-case-study {
    width: 84vw;
    height: auto;
    flex-direction: column;
  }
}
.oi-custom-block.quote-slider-block-v3 .qs-cs-media {
  flex: 0 0 35%;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
  overflow: hidden;
}
.oi-custom-block.quote-slider-block-v3 .qs-cs-media img {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.oi-custom-block.quote-slider-block-v3 .qs-cs-media {
  /* Stacked above the copy on mobile, where the card has no fixed height:
     without a ratio the image takes its natural height and dwarfs the text. */
}
@media (max-width: 991px) {
  .oi-custom-block.quote-slider-block-v3 .qs-cs-media {
    flex: none;
    aspect-ratio: 16/10;
  }
}
.oi-custom-block.quote-slider-block-v3 .qs-cs-body {
  flex: 1 1 65%;
  min-width: 0;
  background: #c3eaf6;
  /* Pinned, not inherited. The block's bg preset can set light copy on a
     dark section, and this panel is pale: inheriting would leave white text
     on #c3eaf6. #53565a is the grey this same block already uses for the
     author and company lines of the plain slider. */
  color: #53565a;
  padding: 32px 36px;
  margin: 0;
  border: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
@media (max-width: 991px) {
  .oi-custom-block.quote-slider-block-v3 .qs-cs-body {
    flex: none;
    padding: 28px 24px;
  }
}
.oi-custom-block.quote-slider-block-v3 {
  /* ── Case study typography ──
     NESTED inside the card on purpose. The shared rule
     `.oi-custom-block.quote-slider-block-v3 .quote-slider p` weighs (0,3,1)
     thanks to the trailing element selector, so a bare class like
     `.qs-cs-quote` (0,3,0) LOSES against it and the copy stayed at 25px.
     Nested under `.splide .splide__slide.qs-case-study` the weight rises to
     (0,6,0) and wins without depending on source order.

     None of this touches the plain quote carousel: the `.qs-case-study` class
     exists only in this mode. */
}
.oi-custom-block.quote-slider-block-v3 .splide .splide__slide.qs-case-study .qs-cs-title {
  color: #00556c;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
  margin: 13px 0;
}
.oi-custom-block.quote-slider-block-v3 .splide .splide__slide.qs-case-study {
  /* No `color` on purpose: it inherits the panel's #53565a. It was #fff for
     a while and turned invisible on the pale blue. */
}
.oi-custom-block.quote-slider-block-v3 .splide .splide__slide.qs-case-study .qs-cs-quote {
  font-size: 18px;
  line-height: 1.5;
  margin: 5px 0;
}
.oi-custom-block.quote-slider-block-v3 .splide .splide__slide.qs-case-study .qs-cs-author {
  font-size: 18px;
  font-style: italic;
  font-weight: 700;
  margin: 13px 0 0;
}
.oi-custom-block.quote-slider-block-v3 .splide .splide__slide.qs-case-study .qs-cs-author .qs-cs-author-name {
  font-size: 18px;
  font-weight: 700;
}
.oi-custom-block.quote-slider-block-v3 .splide .splide__slide.qs-case-study .qs-cs-author .qs-cs-author-title {
  font-size: 18px;
}
.oi-custom-block.quote-slider-block-v3 {
  /* Push the CTA to the bottom of the panel so cards of uneven copy length
     still line their links up. `margin-top: auto` needs the flex column above. */
}
.oi-custom-block.quote-slider-block-v3 .qs-cs-body .link-v3-default {
  margin-top: auto;
  align-self: flex-start;
}

/* ──────────────────────────────────────────────────────────────
 * OI People Block
 * ────────────────────────────────────────────────────────────── */
.oi-custom-block.people-v3 .hidden {
  display: none !important;
}
.oi-custom-block.people-v3 {
  /* ========================================================
   * Grid — tiles
   * ====================================================== */
}
.oi-custom-block.people-v3 .people-boxes {
  overflow: hidden;
}
.oi-custom-block.people-v3 .people-boxes .ip-img-wrap .row {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.oi-custom-block.people-v3 .people-boxes .col-xs-12 {
  float: left;
}
.oi-custom-block.people-v3 .people-boxes .col-sm-6 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.oi-custom-block.people-v3 .people-boxes .col-md-4 {
  float: left;
}
.oi-custom-block.people-v3 .people-boxes .ip-img-tile {
  display: inline-block;
  padding: 30px;
}
.oi-custom-block.people-v3 .people-boxes .ip-img {
  position: relative;
  max-width: 320px;
  margin: auto;
}
.oi-custom-block.people-v3 .people-boxes .ip-img img {
  width: 100%;
}
.oi-custom-block.people-v3 .people-boxes .ip-img.icomoon-container .icomoon-icon {
  color: #fff;
  background-color: #04aada;
  position: absolute;
  border-radius: 50%;
  height: 30px;
  width: 30px;
  font-size: 0;
  text-align: center;
  right: 10px;
  bottom: 10px;
  border: 0;
  cursor: pointer;
}
.oi-custom-block.people-v3 .people-boxes .ip-img.icomoon-container .icomoon-icon::before {
  left: 2.5px;
  position: absolute;
  top: 2px;
  font-size: 26px;
  content: "\e914";
}
.oi-custom-block.people-v3 .people-boxes .ip-img-tile .ip-link {
  max-width: 320px;
  display: block;
  margin: auto;
}
.oi-custom-block.people-v3 .people-boxes .ip-img-tile .ip-link:hover {
  text-decoration: none;
}
.oi-custom-block.people-v3 .people-boxes .ip-img-tile .ip-link h4 {
  display: inline-block;
  margin: 15px 0 10px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.3;
}
.oi-custom-block.people-v3 .people-boxes .ip-img-tile .ip-link img {
  display: inline-block;
  background-color: #04aada;
  height: 16px;
  width: 16px;
  padding: 2px;
  vertical-align: baseline;
  margin-right: 8px;
}
.oi-custom-block.people-v3 .people-boxes .ip-img-tile .ip-link p {
  margin: 0 0 10px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  color: #53565a;
}
.oi-custom-block.people-v3 .people-boxes .ip-img-tile div.ip-link h4 {
  color: #53565a;
}
.oi-custom-block.people-v3 .people-boxes .img-pop .ip-detail,
.oi-custom-block.people-v3 .people-boxes .ip-img-tile .details {
  display: none;
}
@media (min-width: 768px) {
  .oi-custom-block.people-v3 .people-boxes .ip-img {
    width: 100%;
  }
}
.oi-custom-block.people-v3 {
  /* ========================================================
   * Backdrop
   * ====================================================== */
}
.oi-custom-block.people-v3 #modal-backdrop {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 99998;
}
.oi-custom-block.people-v3 #modal-backdrop.modal-On {
  display: block;
}
.oi-custom-block.people-v3 #modal-backdrop.modal-Off {
  display: none;
}
.oi-custom-block.people-v3 {
  /* ========================================================
   * Modal overlay
   * ====================================================== */
}
.oi-custom-block.people-v3 .people-boxes .tmModal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99999;
  outline: 0;
}
.oi-custom-block.people-v3 .people-boxes #ipModal {
  opacity: 1;
  visibility: visible;
}
.oi-custom-block.people-v3 {
  /* ── Dialog: absolute + auto margin = centered card ── */
}
.oi-custom-block.people-v3 .people-boxes .ip-modal .modal-dialog {
  position: absolute;
  width: 101%;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.oi-custom-block.people-v3 .people-boxes .ip-modal .modal-tmcontent {
  min-height: 100vh;
  display: table;
  position: relative;
  background-color: #fff;
  border-radius: 1px;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  outline: 0;
  width: 100%;
}
.oi-custom-block.people-v3 {
  /* ── Header ── */
}
.oi-custom-block.people-v3 .people-boxes .ip-modal .modal-header {
  color: #fff;
  text-align: right;
  border-bottom: none;
  padding: 10px 15px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16);
}
.oi-custom-block.people-v3 .people-boxes .ip-modal .modal-body {
  position: relative;
  padding: 15px;
  padding-top: 0;
}
.oi-custom-block.people-v3 .people-boxes .ip-modal .modal-body .details {
  margin-top: 15px;
  margin-right: 32px;
  font-size: 16px;
  line-height: 24px;
}
.oi-custom-block.people-v3 .people-boxes .modal-body .ip-link h4 {
  margin: 0 0 10px 0;
  font-size: 28px;
  font-weight: bold;
  line-height: 32px;
  text-align: left;
}
.oi-custom-block.people-v3 .people-boxes .ip-modal .ip-img,
.oi-custom-block.people-v3 .people-boxes .ip-modal .ip-link {
  margin: 0;
}
.oi-custom-block.people-v3 .people-boxes .ip-modal .ip-img .icomoon-icon {
  display: none;
}
.oi-custom-block.people-v3 {
  /* ── Nav arrows (orange) ── */
}
.oi-custom-block.people-v3 .people-boxes .ip-modal .ip-nav-arrow {
  background-color: #04aada;
  color: #fff;
  border: 0;
  margin: 0 20px 0 0;
  padding: 8px 20px;
  font-weight: bold;
  font-size: 14px;
  vertical-align: top;
  cursor: pointer;
}
.oi-custom-block.people-v3 .people-boxes .ip-modal .ip-nav-arrow em {
  color: #fff;
}
.oi-custom-block.people-v3 .people-boxes .ip-modal .ip-nav-arrow .icon-arrow_back {
  vertical-align: sub;
  margin-right: 6px;
  font-size: 18px;
}
.oi-custom-block.people-v3 .icon-arrow_back::before {
  content: "\e92b";
  font-size: 18px;
}
.oi-custom-block.people-v3 .people-boxes .ip-modal .ip-nav-arrow .icon-arrow_forward {
  vertical-align: sub;
  margin-left: 6px;
  font-size: 18px;
}
.oi-custom-block.people-v3 .icon-arrow_forward::before {
  content: "\e930";
  font-size: 18px;
}
.oi-custom-block.people-v3 {
  /* ── Close button (orange X) ── */
}
.oi-custom-block.people-v3 .people-boxes .ip-modal .ip-close {
  height: 37px;
  width: 45px;
  margin: 0 20px 0 0;
  background-image: url("/wp-content/themes/oceanwp-child-theme-master/assets/icons/close-orange.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  border: none;
  background-size: cover;
  cursor: pointer;
}
.oi-custom-block.people-v3 {
  /* ========================================================
   * Tablet (768px +)
   *
   * Card: 715 x 690, centered via absolute + auto margin
   * ====================================================== */
}
@media (min-width: 768px) {
  .oi-custom-block.people-v3 .people-boxes .tmModal {
    overflow-x: hidden;
    overflow-y: auto;
  }
  .oi-custom-block.people-v3 .people-boxes .ip-modal .modal-dialog {
    width: 715px;
    height: 690px;
  }
  .oi-custom-block.people-v3 .people-boxes .ip-modal .modal-tmcontent {
    min-height: 690px;
    height: 690px;
    display: block;
  }
  .oi-custom-block.people-v3 .people-boxes .ip-modal .modal-header {
    padding: 30px 15px 0;
    box-shadow: none;
  }
  .oi-custom-block.people-v3 .people-boxes .ip-modal .ip-txt-wrap {
    height: 510px;
    overflow-y: scroll;
    scrollbar-color: #00556c #ccc;
    scrollbar-width: thin;
    text-align: left;
  }
  .oi-custom-block.people-v3 .people-boxes .ip-modal .ip-txt-wrap::-webkit-scrollbar {
    background-color: #ccc;
    width: 5px;
    box-shadow: inset 0 0 0 1px white;
  }
  .oi-custom-block.people-v3 .people-boxes .ip-modal .ip-txt-wrap::-webkit-scrollbar-thumb {
    background-color: #00556c;
  }
  .oi-custom-block.people-v3 .people-boxes .ip-modal .ip-link {
    display: inline-block;
    max-width: 430px;
  }
  .oi-custom-block.people-v3 .people-boxes .ip-modal .ip-link h4 {
    margin-top: 0;
    font-size: 31px;
    font-weight: bold;
    line-height: 1.26;
  }
  .oi-custom-block.people-v3 .people-boxes .ip-modal .ip-img-tile .ip-link img {
    height: 23px;
    width: 23px;
  }
  .oi-custom-block.people-v3 .people-boxes .ip-modal .ip-img img {
    float: left;
    width: 240px;
    margin-right: 30px;
  }
  .oi-custom-block.people-v3 .people-boxes .ip-modal .ip-detail,
  .oi-custom-block.people-v3 .people-boxes .ip-modal .details {
    float: right;
    padding-right: 25px;
  }
  .oi-custom-block.people-v3 .people-boxes .ip-modal .modal-body .ip-txt-wrap {
    margin-top: 20px;
  }
}
.oi-custom-block.people-v3 {
  /* ========================================================
   * Desktop (992px +)
   * ====================================================== */
}
@media (min-width: 992px) {
  .oi-custom-block.people-v3 .people-boxes .ip-modal .modal-body {
    margin-top: 0;
  }
  .oi-custom-block.people-v3 .people-boxes .ip-modal .modal-body .ip-txt-wrap {
    margin-top: 20px;
  }
}
.oi-custom-block.people-v3 {
  /* ========================================================
   * Large desktop (1200px +)
   *
   * Card: 1170 x 530
   * ====================================================== */
}
@media (min-width: 1200px) {
  .oi-custom-block.people-v3 .people-boxes .ip-modal .modal-dialog {
    width: 970px;
    height: 530px;
  }
  .oi-custom-block.people-v3 .people-boxes .ip-modal .modal-tmcontent {
    min-height: 530px;
    height: 530px;
  }
  .oi-custom-block.people-v3 .people-boxes .ip-modal .ip-txt-wrap {
    height: 370px;
    margin-top: 0;
  }
  .oi-custom-block.people-v3 .people-boxes .ip-modal .ip-img img {
    width: 300px;
    margin-right: 50px;
  }
}
.oi-custom-block.people-v3 {
  /* ========================================================
   * Mobile (max-width: 787px)
   * ====================================================== */
}
@media (max-width: 787px) {
  .oi-custom-block.people-v3 .people-boxes .ip-img-wrap {
    display: inline-block;
    justify-content: normal;
  }
  .oi-custom-block.people-v3 .people-boxes .tmModal {
    overflow-x: hidden;
    overflow-y: auto;
  }
  .oi-custom-block.people-v3 .people-boxes .ip-modal .modal-header {
    position: fixed;
    width: 100%;
    z-index: 1;
    background: #fff;
    top: 0;
  }
  .oi-custom-block.people-v3 .people-boxes .ip-modal .modal-body {
    margin-top: 55px;
  }
  .oi-custom-block.people-v3 .people-boxes .col-md-4 {
    float: left;
    width: 100%;
  }
}

/* end .oi-custom-block.people-v3 */
/* ──────────────────────────────────────────────
   OI — Image Columns (1, 2, 3, 4, 5, 6 cols)
   Block: acf/oi-image-cols
   Root:  .oi-custom-block.image-v3

   Two sizing systems live here on purpose:
     - 2/3/4-cols  pin px widths per breakpoint (legacy, kept as-is)
     - 1/5/6-cols  size fluidly off the row (% / calc)
   The 1-col and 6-col variants were added in 2.1.0 alongside the two new
   `col_number_img` choices; the older variants were deliberately left
   untouched so nothing already published shifts.

   Brand-neutral: this file ships identically to One Identity and OneLogin.
   Per-brand differences (CTA labels/colours) come from the options page
   via inc/btn-presets/button-presets.php, not from here.
   ────────────────────────────────────────────── */
.single .oi-custom-block.image-v3 .image-boxes-v3 .image-box-v3.col-md-6 {
  width: 415px;
}
.single .oi-custom-block.image-v3 .image-boxes-v3 .image-box-v3.col-md-4 {
  width: 360px;
  max-width: 100%;
}
.single .oi-custom-block.image-v3 .image-boxes-v3 .image-box-v3.col-md-3 {
  width: 260px;
  max-width: 100%;
}
.single .oi-custom-block.image-v3 .image-boxes-v3 .image-box-v3 .image-img-wrap img {
  display: block;
  max-width: 100%;
  height: auto;
}

.oi-custom-block.image-v3 .container.text-left {
  text-align: left;
}
.oi-custom-block.image-v3 .container.centered {
  text-align: center;
}
.oi-custom-block.image-v3 .image-boxes-v3 .row {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  max-width: 1170px;
  margin-left: auto;
  margin-right: auto;
}
.oi-custom-block.image-v3 .image-boxes-v3 .image-box-v3 {
  margin: 15px;
  padding: 0;
  border: 1px solid #eee;
  background: #fff;
  transition: all 0.3s ease-in-out;
}
.oi-custom-block.image-v3 .image-boxes-v3 .image-box-v3 .image-img-wrap {
  background: #fff;
  position: relative;
  overflow: hidden;
}
.oi-custom-block.image-v3 .image-boxes-v3 .image-box-v3 .image-img-wrap img {
  display: block;
  max-width: 100%;
  height: auto;
}
.oi-custom-block.image-v3 .image-boxes-v3 .image-box-v3 .image-txt-wrap .image-link-text .image-link-url,
.oi-custom-block.image-v3 .image-boxes-v3 .image-box-v3 .image-txt-wrap .image-link-text .image-link-url:hover {
  color: var(--block-link-color, #016a9c) !important;
}
.oi-custom-block.image-v3 .image-boxes-v3 .image-box-v3.custom-1-col {
  width: 550px;
  max-width: 100%;
}
.oi-custom-block.image-v3 .image-boxes-v3 .image-box-v3.custom-1-col .image-img-wrap {
  height: 250px;
}
.oi-custom-block.image-v3 .image-boxes-v3 .image-box-v3.custom-1-col .image-img-wrap img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media (min-width: 992px) and (max-width: 1170px) {
  .oi-custom-block.image-v3 .image-boxes-v3 .image-box-v3.custom-1-col {
    width: 454px;
  }
  .oi-custom-block.image-v3 .image-boxes-v3 .image-box-v3.custom-1-col .image-img-wrap {
    height: 210px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .oi-custom-block.image-v3 .image-boxes-v3 .image-box-v3.custom-1-col {
    width: 340px;
  }
  .oi-custom-block.image-v3 .image-boxes-v3 .image-box-v3.custom-1-col .image-img-wrap {
    height: 156px;
  }
}
@media (max-width: 767px) {
  .oi-custom-block.image-v3 .image-boxes-v3 .image-box-v3.custom-1-col {
    width: 360px;
  }
  .oi-custom-block.image-v3 .image-boxes-v3 .image-box-v3.custom-1-col .image-img-wrap {
    height: 166px;
  }
}
@media (min-width: 1170px) {
  .oi-custom-block.image-v3 .image-boxes-v3 .image-box-v3.col-md-6 {
    width: 550px;
  }
  .oi-custom-block.image-v3 .image-boxes-v3 .image-box-v3.col-md-6 .image-img-wrap {
    height: 254px;
  }
}
@media (min-width: 992px) and (max-width: 1170px) {
  .oi-custom-block.image-v3 .image-boxes-v3 .image-box-v3.col-md-6 {
    width: 454px;
  }
  .oi-custom-block.image-v3 .image-boxes-v3 .image-box-v3.col-md-6 .image-img-wrap {
    height: 210px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .oi-custom-block.image-v3 .image-boxes-v3 .image-box-v3.col-md-6 {
    width: 340px;
  }
  .oi-custom-block.image-v3 .image-boxes-v3 .image-box-v3.col-md-6 .image-img-wrap {
    height: 156px;
  }
}
@media (max-width: 767px) {
  .oi-custom-block.image-v3 .image-boxes-v3 .image-box-v3.col-md-6 {
    width: 360px;
    max-width: 100%;
  }
  .oi-custom-block.image-v3 .image-boxes-v3 .image-box-v3.col-md-6 .image-img-wrap {
    height: 166px;
  }
}
.oi-custom-block.image-v3 .image-boxes-v3 .image-box-v3.col-md-4 {
  width: 360px;
  max-width: 100%;
}
.oi-custom-block.image-v3 .image-boxes-v3 .image-box-v3.col-md-4 .image-img-wrap {
  height: 166px;
}
@media (min-width: 992px) and (max-width: 1200px) {
  .oi-custom-block.image-v3 .image-boxes-v3 .image-box-v3.col-md-4 {
    width: 290px;
  }
  .oi-custom-block.image-v3 .image-boxes-v3 .image-box-v3.col-md-4 .image-img-wrap {
    height: 135px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .oi-custom-block.image-v3 .image-boxes-v3 .image-box-v3.col-md-4 {
    width: 340px;
  }
  .oi-custom-block.image-v3 .image-boxes-v3 .image-box-v3.col-md-4 .image-img-wrap {
    height: 156px;
  }
}
.oi-custom-block.image-v3 .image-boxes-v3 .image-box-v3.col-md-3 {
  width: 360px;
  max-width: 100%;
}
.oi-custom-block.image-v3 .image-boxes-v3 .image-box-v3.col-md-3 .image-img-wrap {
  height: 166px;
}
@media (min-width: 1200px) {
  .oi-custom-block.image-v3 .image-boxes-v3 .image-box-v3.col-md-3 {
    width: 260px;
  }
  .oi-custom-block.image-v3 .image-boxes-v3 .image-box-v3.col-md-3 .image-img-wrap {
    height: 120px;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .oi-custom-block.image-v3 .image-boxes-v3 .image-box-v3.col-md-3 {
    width: 212px;
  }
  .oi-custom-block.image-v3 .image-boxes-v3 .image-box-v3.col-md-3 .image-img-wrap {
    height: 98px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .oi-custom-block.image-v3 .image-boxes-v3 .image-box-v3.col-md-3 {
    width: 340px;
  }
  .oi-custom-block.image-v3 .image-boxes-v3 .image-box-v3.col-md-3 .image-img-wrap {
    height: 156px;
  }
}
.oi-custom-block.image-v3 .image-boxes-v3 .image-box-v3.custom-5-col {
  width: 220px;
  max-width: 100%;
  padding: 0;
  border-radius: 6px;
}
@media (min-width: 1170px) {
  .oi-custom-block.image-v3 .image-boxes-v3 .image-box-v3.custom-5-col {
    width: 200px;
  }
}
@media (min-width: 992px) and (max-width: 1170px) {
  .oi-custom-block.image-v3 .image-boxes-v3 .image-box-v3.custom-5-col {
    width: 164px;
  }
}
@media (max-width: 767px) {
  .oi-custom-block.image-v3 .image-boxes-v3 .image-box-v3.custom-5-col {
    width: 42%;
    margin: 10px;
  }
}
.oi-custom-block.image-v3 .image-boxes-v3 .image-box-v3.custom-5-col .image-img-wrap {
  height: 82px;
  display: flex;
  align-items: center;
  border-radius: 6px;
}
.oi-custom-block.image-v3 .image-boxes-v3 .image-box-v3.custom-5-col .image-img-wrap img {
  max-height: 42px;
  max-width: 85%;
}
.oi-custom-block.image-v3 .image-boxes-v3 .image-box-v3.custom-5-col .image-txt-wrap {
  background: #eee;
  padding: 8px;
  min-height: 40px;
}
.oi-custom-block.image-v3 .image-boxes-v3 .image-box-v3.custom-5-col .image-txt-wrap .image-link-text {
  position: inherit;
  color: #53565a;
  text-align: center;
  margin: 0;
}
.oi-custom-block.image-v3 .image-boxes-v3 .image-box-v3.custom-5-col.image-no-txt-link .image-txt-wrap {
  display: none;
}
.oi-custom-block.image-v3 .image-boxes-v3 .image-box-v3.custom-6-col {
  width: calc(16.6666% - 30px);
  max-width: 100%;
  padding: 0;
  border-radius: 6px;
}
@media (min-width: 992px) and (max-width: 1169px) {
  .oi-custom-block.image-v3 .image-boxes-v3 .image-box-v3.custom-6-col {
    width: calc(25% - 30px);
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .oi-custom-block.image-v3 .image-boxes-v3 .image-box-v3.custom-6-col {
    width: calc(33.3333% - 30px);
  }
}
@media (max-width: 767px) {
  .oi-custom-block.image-v3 .image-boxes-v3 .image-box-v3.custom-6-col {
    width: calc(50% - 20px);
    margin: 10px;
  }
}
.oi-custom-block.image-v3 .image-boxes-v3 .image-box-v3.custom-6-col .image-img-wrap {
  height: 72px;
  display: flex;
  align-items: center;
  border-radius: 6px;
}
.oi-custom-block.image-v3 .image-boxes-v3 .image-box-v3.custom-6-col .image-img-wrap img {
  max-height: 36px;
  max-width: 85%;
}
.oi-custom-block.image-v3 .image-boxes-v3 .image-box-v3.custom-6-col .image-txt-wrap {
  background: #eee;
  padding: 8px;
  min-height: 40px;
}
.oi-custom-block.image-v3 .image-boxes-v3 .image-box-v3.custom-6-col .image-txt-wrap .image-link-text {
  position: inherit;
  color: #53565a;
  text-align: center;
  margin: 0;
}
.oi-custom-block.image-v3 .image-boxes-v3 .image-box-v3.custom-6-col .image-txt-wrap p {
  font-size: 14px;
  line-height: 1.4;
  margin: 0;
}
.oi-custom-block.image-v3 .image-boxes-v3 .image-box-v3.custom-6-col.image-no-txt-link .image-txt-wrap {
  display: none;
}
.oi-custom-block.image-v3 .image-boxes-v3 .image-box-v3:hover:not(.image-no-link) {
  display: block;
  box-shadow: 0 7px 16px 0 rgba(16, 16, 16, 0.16);
  transform: translateY(-5px);
}
.oi-custom-block.image-v3 .image-boxes-v3 .image-box-v3 a:hover,
.oi-custom-block.image-v3 .image-boxes-v3 .image-box-v3 a:hover h4,
.oi-custom-block.image-v3 .image-boxes-v3 .image-box-v3 a:hover p {
  text-decoration: none;
}
.oi-custom-block.image-v3 .image-boxes-v3 .image-box-v3 img {
  margin: 0 auto;
}
.oi-custom-block.image-v3 .image-boxes-v3 .image-box-v3 .image-txt-wrap {
  padding: 20px 20px 6px;
}
.oi-custom-block.image-v3 .image-boxes-v3 .image-box-v3 .image-txt-wrap p {
  font-size: 16px;
  line-height: 1.5;
  margin: 0 0 16px;
}
.oi-custom-block.image-v3 .image-boxes-v3 .image-box-v3 .image-txt-wrap h4 {
  margin-top: 0;
  color: #1c1f2a;
}
.oi-custom-block.image-v3 .image-boxes-v3 .image-box-v3 .image-txt-wrap p {
  color: var(--block-color, #162c36);
  margin-top: 0;
}
.oi-custom-block.image-v3 .image-boxes-v3 .image-box-v3 .image-txt-wrap .image-link-text {
  color: var(--block-link-color, #016a9c);
  bottom: 0;
}
.oi-custom-block.image-v3 .image-boxes-v3 .image-box-v3.image-no-link,
.oi-custom-block.image-v3 .image-boxes-v3 .image-box-v3.image-no-txt-link {
  padding-bottom: 0;
}
.oi-custom-block.image-v3 .image-boxes-v3 .image-box-v3.image-no-link .image-txt-wrap,
.oi-custom-block.image-v3 .image-boxes-v3 .image-box-v3.image-no-txt-link .image-txt-wrap {
  padding-bottom: 6px;
}
.oi-custom-block.image-v3 .image-boxes-v3.card-text-left .image-box-v3 .image-txt-wrap {
  text-align: left;
}
.oi-custom-block.image-v3 .image-boxes-v3.card-text-center .image-box-v3 .image-txt-wrap {
  text-align: center;
}
.oi-custom-block.image-v3 .cta-v3 {
  margin-top: 40px;
}

/* ──────────────────────────────────────────────
   OI - HTML Block
   Block pipeline: oi-custom-block.scss
   ────────────────────────────────────────────── */
.oi-custom-block.html-editor-v3 .title-v3 {
  margin: 0 0 20px;
}
.oi-custom-block.html-editor-v3 h2.title-v3 {
  color: var(--oi-color-dark);
  font-weight: 700;
}
.oi-custom-block.html-editor-v3 {
  /*img {
    width: 80%;
    max-width: 821px;
    object-fit: contain;
  }*/
}
.oi-custom-block.html-editor-v3 .cta-v3 {
  margin-top: 36px;
}
.oi-custom-block.html-editor-v3.ht-width-full .container {
  max-width: 100%;
}
.oi-custom-block.html-editor-v3.ht-bg-fixed {
  width: 1170px;
  max-width: var(--oi-max-width, 1170px);
  margin-left: auto;
  margin-right: auto;
  left: auto;
  right: auto;
}
.oi-custom-block.html-editor-v3 {
  /*// ── Alignment (scoped to block to override OceanWP defaults) ──
  &.centered {
    text-align: center;
  }

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

  // ── Mobile ──
  @media (max-width: 767px) {
    // h2.title-v3 was 29px here; the global h2 already drops to 32px at this
    // width, so the rule only existed to disagree with it.

    .txt-v3,
    .txt-v3 p {
      font-size: 18px;
      line-height: 1.44;
    }

    .txt-v3 {

      .alignright,
      .alignleft {
        float: none;
        display: block;
        margin: 20px auto;
      }
    }
  }*/
}

.oi-custom-block.two-column-v3 {
  position: relative;
}
@media (max-width: 991px) {
  .oi-custom-block.two-column-v3.pb-v3 {
    padding-bottom: 0;
  }
}
.oi-custom-block.two-column-v3 .tc-intro {
  max-width: 800px;
  margin: 0 auto 30px;
}
.oi-custom-block.two-column-v3 .tc-intro.left {
  margin-left: 0;
  text-align: left;
}
.oi-custom-block.two-column-v3 .tc-intro.centered {
  text-align: center;
}
.oi-custom-block.two-column-v3 .tc-wrap {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 991px) {
  .oi-custom-block.two-column-v3 .tc-wrap {
    padding-left: 0;
    padding-right: 0;
  }
}
.oi-custom-block.two-column-v3 .tc-wrap.centered {
  text-align: center;
}
.oi-custom-block.two-column-v3 .tc-wrap.left {
  text-align: left;
}
.oi-custom-block.two-column-v3 .col-xs-12 {
  padding-left: 8px;
  padding-right: 0;
  padding-bottom: 16px;
  z-index: 1;
}
.oi-custom-block.two-column-v3 .col-xs-12.two-col-left {
  padding-left: 0;
  padding-right: 8px;
}
@media (max-width: 991px) {
  .oi-custom-block.two-column-v3 .col-xs-12 {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
  }
  .oi-custom-block.two-column-v3 .col-xs-12.two-col-left {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 16px;
  }
}
.oi-custom-block.two-column-v3 .two-col-box {
  padding: 30px;
  height: 100%;
}
.oi-custom-block.two-column-v3 .two-col-box h3 {
  margin-top: 0;
  margin-bottom: 15px;
}
.oi-custom-block.two-column-v3 .two-col-box .cta-box {
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.oi-custom-block.two-column-v3 .two-col-box .cta-box.centered {
  justify-content: center;
}
.oi-custom-block.two-column-v3 .two-col-box .cta-box.left {
  justify-content: flex-start;
}
.oi-custom-block.two-column-v3 .two-col-box .cta-box a.btn-v3 {
  margin-bottom: 0;
}
.oi-custom-block.two-column-v3 .two-col-box a:not(.btn-v3) {
  color: var(--block-link-color, inherit);
}
.oi-custom-block.two-column-v3 .two-col-box a:not(.btn-v3):hover, .oi-custom-block.two-column-v3 .two-col-box a:not(.btn-v3):focus {
  color: var(--block-link-hover, inherit);
}

/* ============================================================================
 * One Identity — Logos Block
 * File: _logos-block.scss
 * Pipeline: oi-custom-block.scss
 *
 * Splide behavior mirrors Related Products 5-tier static system:
 *   - .sm-static   768px+   hide arrows + center
 *   - .md-static   992px+   hide arrows + center
 *   - .lg-static  1200px+   hide arrows + center
 *   - .xl-static  1400px+   hide arrows + center
 *   - .xxl-static 1760px+   hide arrows + center
 * Below each breakpoint the slider remains active with prev/next arrows.
 * ========================================================================== */
.oi-custom-block.logos-v3 {
  /* Background image sits behind preset color when both are set. */
  background-repeat: no-repeat;
  /* Base text color — consumes --block-color from either:
   *   - bg preset (oi_get_bg_inline_style → --block-color)
   *   - bg image font color (PHP outputs --block-color: #000 or #fff)
   * Applied unconditionally so alignment modifiers don't override. */
}
.oi-custom-block.logos-v3 .title-v3 {
  color: var(--block-color, var(--oi-color-heading));
}
.oi-custom-block.logos-v3 .intro-v3 {
  color: var(--block-color, var(--oi-color-dark));
  /* Description paragraphs / lists inherit the wrapper color */
}
.oi-custom-block.logos-v3 .intro-v3 p,
.oi-custom-block.logos-v3 .intro-v3 li,
.oi-custom-block.logos-v3 .intro-v3 a:not(.btn-v3) {
  color: inherit;
}
.oi-custom-block.logos-v3 {
  /* Heading + intro alignment modifiers (set on wrapper by PHP). */
}
.oi-custom-block.logos-v3.heading-align-left .title-v3 {
  text-align: left;
}
.oi-custom-block.logos-v3.heading-align-center .title-v3 {
  text-align: center;
}
.oi-custom-block.logos-v3.text-align-left .intro-v3 {
  text-align: left;
  margin-left: 0;
  margin-right: 0;
}
.oi-custom-block.logos-v3.text-align-center .intro-v3 {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 992px) {
  .oi-custom-block.logos-v3.text-align-center .intro-v3 {
    width: 75%;
  }
}
.oi-custom-block.logos-v3 {
  /* --------------------------------------------------------------------
   * Splide slider — logos
   * ------------------------------------------------------------------ */
}
.oi-custom-block.logos-v3 .splide .splide__list {
  display: flex;
  width: auto;
  margin: 0;
  padding: 0;
}
.oi-custom-block.logos-v3 .splide .splide__slide {
  margin: 15px 15px 20px;
  width: 165px;
  text-decoration: none;
}
.oi-custom-block.logos-v3 .splide .splide__slide img {
  max-width: 165px;
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 991px) {
  .oi-custom-block.logos-v3 .splide .splide__slide {
    margin-left: 1vw;
    margin-right: 1vw;
  }
  .oi-custom-block.logos-v3 .splide .splide__slide:first-child {
    margin-left: 15px;
  }
  .oi-custom-block.logos-v3 .splide .splide__slide:last-child {
    margin-right: 15px;
  }
}
@media (max-width: 767px) {
  .oi-custom-block.logos-v3 .splide .splide__slide {
    width: 84vw;
  }
  .oi-custom-block.logos-v3 .splide .splide__slide img {
    max-width: 230px;
  }
}
@media (max-width: 767px) {
  .oi-custom-block.logos-v3 .splide.xs-no-offset .splide__slide {
    padding: 0 15px;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
}
.oi-custom-block.logos-v3 {
  /* --------------------------------------------------------------------
   * Splide arrow buttons
   * ------------------------------------------------------------------ */
}
.oi-custom-block.logos-v3 .splide.splide__page-arrows .splide__arrows {
  display: flex !important;
  align-items: center;
  justify-content: center;
}
.oi-custom-block.logos-v3 .splide.splide__page-arrows .splide__arrows .splide__arrow.icomoon-icon {
  font-size: 0;
  background: none;
  border: 0;
  padding: 0 2px;
}
.oi-custom-block.logos-v3 .splide.splide__page-arrows .splide__arrows .splide__arrow.icomoon-icon:before {
  font-size: 20px;
  color: var(--oi-slider-nav);
  font-weight: bold;
  opacity: 1;
}
.oi-custom-block.logos-v3 .splide.splide__page-arrows .splide__arrows .splide__arrow.icomoon-icon.is-disabled {
  pointer-events: none;
  cursor: default;
}
.oi-custom-block.logos-v3 .splide.splide__page-arrows .splide__arrows .splide__arrow.icomoon-icon.is-disabled:before {
  opacity: 0;
}
.oi-custom-block.logos-v3 .splide.splide__page-arrows .splide__arrows .splide__pagination {
  width: auto;
}
.oi-custom-block.logos-v3 {
  /* --------------------------------------------------------------------
   * Splide pagination dots
   * ------------------------------------------------------------------ */
}
.oi-custom-block.logos-v3 .splide .splide__pagination {
  padding: 0;
}
.oi-custom-block.logos-v3 .splide .splide__pagination li button {
  border: 1px solid var(--oi-slider-nav);
  background-color: transparent;
  border-radius: 50%;
  margin: 4px;
  height: 12px;
  width: 12px;
  padding: 0;
  vertical-align: top;
}
.oi-custom-block.logos-v3 .splide .splide__pagination li button.is-active {
  background-color: var(--oi-slider-nav);
}
.oi-custom-block.logos-v3 {
  /* --------------------------------------------------------------------
   * Static layouts — progressive breakpoints matching Related Products
   *
   * Each tier activates at its min-width and:
   *   1. Removes the transform so logos sit at natural position
   *   2. Centers the list with justify-content
   *   3. Hides arrows (all logos fit, no sliding needed)
   * ------------------------------------------------------------------ */
}
@media (min-width: 768px) {
  .oi-custom-block.logos-v3 .splide.sm-static {
    margin-bottom: -20px;
  }
  .oi-custom-block.logos-v3 .splide.sm-static .splide__list {
    transform: translateX(0) !important;
    justify-content: center;
  }
  .oi-custom-block.logos-v3 .splide.sm-static .splide__arrows {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .oi-custom-block.logos-v3 .splide.md-static {
    margin-bottom: -20px;
  }
  .oi-custom-block.logos-v3 .splide.md-static .splide__list {
    transform: translateX(0) !important;
    justify-content: center;
  }
  .oi-custom-block.logos-v3 .splide.md-static .splide__arrows {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .oi-custom-block.logos-v3 .splide.lg-static {
    margin-bottom: -20px;
  }
  .oi-custom-block.logos-v3 .splide.lg-static .splide__list {
    transform: translateX(0) !important;
    justify-content: center;
  }
  .oi-custom-block.logos-v3 .splide.lg-static .splide__arrows {
    display: none !important;
  }
}
@media (min-width: 1400px) {
  .oi-custom-block.logos-v3 .splide.xl-static {
    margin-bottom: -20px;
  }
  .oi-custom-block.logos-v3 .splide.xl-static .splide__list {
    transform: translateX(0) !important;
    justify-content: center;
  }
  .oi-custom-block.logos-v3 .splide.xl-static .splide__arrows {
    display: none !important;
  }
}
@media (min-width: 1760px) {
  .oi-custom-block.logos-v3 .splide.xxl-static {
    margin-bottom: -20px;
  }
  .oi-custom-block.logos-v3 .splide.xxl-static .splide__list {
    transform: translateX(0) !important;
    justify-content: center;
  }
  .oi-custom-block.logos-v3 .splide.xxl-static .splide__arrows {
    display: none !important;
  }
}
.oi-custom-block.logos-v3 {
  /* --------------------------------------------------------------------
   * CTA alignment
   * ------------------------------------------------------------------ */
}
.oi-custom-block.logos-v3 .cta-v3 {
  margin-bottom: -20px;
}
.oi-custom-block.logos-v3 .cta-v3.centered {
  text-align: center;
}
.oi-custom-block.logos-v3 .cta-v3.text-left {
  text-align: left;
}
.oi-custom-block.logos-v3 {
  /* --------------------------------------------------------------------
   * List style markers inside the description (bulleted / checkmark)
   * ------------------------------------------------------------------ */
}
.oi-custom-block.logos-v3.checkmark-v3 .intro-v3 ul {
  list-style: none;
  padding-left: 0;
}
.oi-custom-block.logos-v3.checkmark-v3 .intro-v3 ul li {
  position: relative;
  padding-left: 28px;
}
.oi-custom-block.logos-v3.checkmark-v3 .intro-v3 ul li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.1em;
  width: 18px;
  height: 18px;
  background-color: var(--block-link-color, #00a9e0);
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M20.285 6.708l-11.02 11.02-5.55-5.55 1.414-1.414 4.136 4.136 9.606-9.606z'/></svg>") no-repeat center/contain;
  mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M20.285 6.708l-11.02 11.02-5.55-5.55 1.414-1.414 4.136 4.136 9.606-9.606z'/></svg>") no-repeat center/contain;
}

/**
 * OI Stats Block
 *
 * Block-specific styles only. Container, typography, button,
 * list, and grid styles live in the theme pipeline.
 *
 * Font color cascade:
 *   The wrapper declares `color: var(--block-color, #1c1f2a)`
 *   so that when a background preset injects `--block-color`
 *   via inline style, every descendant inherits it. Do not
 *   hardcode `color:` on descendants — use `inherit`.
 *
 * @package OneIdentity
 * @since   1.0.0
 */
.oi-stats {
  position: relative;
  color: var(--block-color, #1c1f2a);
}
.oi-stats.oi-stats-halign-left .oi-stats-heading {
  text-align: left;
}
.oi-stats.oi-stats-halign-center .oi-stats-heading {
  text-align: center;
}
.oi-stats.oi-stats-talign-left .oi-stats-description {
  text-align: left;
}
.oi-stats.oi-stats-talign-center .oi-stats-description {
  text-align: center;
}
.oi-stats .oi-stats-heading {
  color: inherit;
}
.oi-stats .oi-stats-description {
  position: relative;
  z-index: 1;
  width: 100%;
  margin-bottom: 40px;
  color: inherit;
  padding: 0 15px;
}
.oi-stats .oi-stats-description.oi-stats-description-below {
  margin-top: 40px;
  margin-bottom: 0;
  padding: 0 15px;
}
.oi-stats .oi-stats-description a {
  color: var(--block-link-color, inherit);
}
.oi-stats .oi-stats-description a:hover {
  color: var(--block-link-hover, inherit);
}
.oi-stats .oi-stats-items {
  float: none;
  display: flex;
  justify-content: center;
  padding: 0;
  margin: 0 auto;
}
.oi-stats .oi-stats-item {
  flex: 1 1 25%;
  padding: 30px;
  color: inherit;
  text-align: center;
}
@media (max-width: 767px) {
  .oi-stats .oi-stats-item {
    padding: 30px 10px;
    flex: 1 0 50%;
  }
}
.oi-stats .oi-stats-item + .oi-stats-item {
  border-left: 2px solid currentColor;
}
.oi-stats .oi-stats-item .oi-stats-number {
  display: block;
  color: inherit;
  font-size: 54px;
  font-weight: 700;
  line-height: 1;
  margin: 0;
  word-break: break-word;
}
@media (max-width: 1199px) {
  .oi-stats .oi-stats-item .oi-stats-number {
    font-size: 42px;
  }
}
@media (max-width: 991px) {
  .oi-stats .oi-stats-item .oi-stats-number {
    font-size: 28px;
  }
}
@media (max-width: 767px) {
  .oi-stats .oi-stats-item .oi-stats-number {
    font-size: 26px;
    line-height: 1;
  }
}
.oi-stats .oi-stats-item .oi-stats-label {
  display: block;
  width: 100%;
  margin: 10px 0 0;
  color: inherit;
}
@media (max-width: 767px) {
  .oi-stats .oi-stats-item .oi-stats-label {
    font-size: 12px;
    word-break: break-word;
  }
}
.oi-stats .oi-stats-items[data-count="3"] .oi-stats-item {
  flex-basis: 33.333%;
}
.oi-stats .oi-stats-items[data-count="4"] .oi-stats-item {
  flex-basis: 25%;
}
@media (max-width: 767px) {
  .oi-stats .oi-stats-items {
    flex-wrap: wrap;
  }
  .oi-stats .oi-stats-items[data-count="3"] .oi-stats-item,
  .oi-stats .oi-stats-items[data-count="4"] .oi-stats-item {
    flex-basis: 50%;
  }
  .oi-stats .oi-stats-item:nth-child(3) {
    border-left: none;
  }
  .oi-stats .oi-stats-item:nth-child(1):nth-last-child(n+3),
  .oi-stats .oi-stats-item:nth-child(2):nth-last-child(n+2) {
    margin-bottom: 10px;
  }
}
.oi-stats.oi-stats-list-checkmark .oi-stats-description ul {
  list-style: none;
  padding-left: 0;
}

/* ============================================================================
 * One Identity — Awards Block
 * File: _awards-block.scss
 * Pipeline: oi-custom-block.scss
 *
 * Splide behavior mirrors Logos / Related Products 5-tier static system:
 *   - .sm-static   768px+   hide arrows + center
 *   - .md-static   992px+   hide arrows + center
 *   - .lg-static  1200px+   hide arrows + center
 *   - .xl-static  1400px+   hide arrows + center
 *   - .xxl-static 1760px+   hide arrows + center
 * Below each breakpoint the slider remains active with prev/next arrows.
 *
 * Card styling is Awards-specific and comes from the legacy awards-v3
 * reference — white card background, brown drop shadow, vertical lift on
 * hover for linked cards.
 * ========================================================================== */
.oi-custom-block.awards-v3 {
  /* Base text color — consumes --block-color from bg preset
   * (oi_get_bg_inline_style → --block-color on wrapper). Applied
   * unconditionally so alignment modifiers don't override. */
}
.oi-custom-block.awards-v3 .title-v3 {
  color: var(--block-color, var(--oi-color-heading));
}
.oi-custom-block.awards-v3 .intro-v3 {
  color: var(--block-color, var(--oi-color-dark));
}
.oi-custom-block.awards-v3 .intro-v3 p,
.oi-custom-block.awards-v3 .intro-v3 li,
.oi-custom-block.awards-v3 .intro-v3 a:not(.btn-v3) {
  color: inherit;
}
.oi-custom-block.awards-v3 {
  /* --------------------------------------------------------------------
   * Splide slider — award cards
   *
   * Legacy reference (awards-v3 .splide .splide__slide): white cards,
   * brown drop shadow, vertical lift on hover for linked cards only.
   * Card text color is locked to #1c1f2a regardless of wrapper preset
   * — prevents white text on white card in dark-preset backgrounds.
   * ------------------------------------------------------------------ */
}
.oi-custom-block.awards-v3 .splide .splide__list {
  display: flex;
  width: auto;
  margin: 0;
  padding: 0;
}
.oi-custom-block.awards-v3 .splide .splide__slide {
  margin: 15px 15px 20px;
  width: 320px;
  box-sizing: border-box;
  display: flex !important;
  align-items: center;
  padding: 30px 15px;
  background-color: #fff;
  position: relative;
  text-decoration: none;
  box-shadow: 0 2px 10px 0 rgba(140, 114, 80, 0.11);
  -webkit-box-shadow: 0 2px 10px 0 rgba(140, 114, 80, 0.11);
  transition: 0.3s;
}
.oi-custom-block.awards-v3 .splide .splide__slide img {
  flex-grow: 1;
  max-width: 50%;
  align-items: center;
}
.oi-custom-block.awards-v3 .splide .splide__slide h3 {
  flex-grow: 1;
  margin: 0;
  font-size: var(--oi-title-card-sm);
  font-weight: bold;
  line-height: 1.4;
  text-align: center;
  word-break: break-word;
  color: #1c1f2a;
}
@media (max-width: 991px) {
  .oi-custom-block.awards-v3 .splide .splide__slide {
    margin-left: 1vw;
    margin-right: 1vw;
  }
  .oi-custom-block.awards-v3 .splide .splide__slide:first-child {
    margin-left: 15px;
  }
  .oi-custom-block.awards-v3 .splide .splide__slide:last-child {
    margin-right: 15px;
  }
}
@media (max-width: 767px) {
  .oi-custom-block.awards-v3 .splide .splide__slide {
    width: 84vw;
  }
}
.oi-custom-block.awards-v3 {
  /* Heading color inside linked cards (legacy parity). */
}
.oi-custom-block.awards-v3 .splide a.splide__slide h3 {
  color: #1c1f2a;
}
.oi-custom-block.awards-v3 {
  /* Hover lift — linked cards only. */
}
.oi-custom-block.awards-v3 .splide a.splide__slide:hover,
.oi-custom-block.awards-v3 .splide a.splide__slide:focus-visible {
  box-shadow: 0 12px 20px 0 rgba(140, 114, 80, 0.15);
  -webkit-box-shadow: 0 12px 20px 0 rgba(140, 114, 80, 0.15);
  transform: translateY(-10px);
  text-decoration: none;
}
@media (max-width: 767px) {
  .oi-custom-block.awards-v3 .splide.xs-no-offset .splide__slide {
    padding: 30px 15px;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
}
.oi-custom-block.awards-v3 {
  /* --------------------------------------------------------------------
   * Splide arrow buttons
   * ------------------------------------------------------------------ */
}
.oi-custom-block.awards-v3 .splide.splide__page-arrows .splide__arrows {
  display: flex !important;
  align-items: center;
  justify-content: center;
}
.oi-custom-block.awards-v3 .splide.splide__page-arrows .splide__arrows .splide__arrow.icomoon-icon {
  font-size: 0;
  background: none;
  border: 0;
  padding: 0 2px;
}
.oi-custom-block.awards-v3 .splide.splide__page-arrows .splide__arrows .splide__arrow.icomoon-icon:before {
  font-size: 20px;
  color: var(--oi-slider-nav);
  font-weight: bold;
  opacity: 1;
}
.oi-custom-block.awards-v3 .splide.splide__page-arrows .splide__arrows .splide__arrow.icomoon-icon.is-disabled {
  pointer-events: none;
  cursor: default;
}
.oi-custom-block.awards-v3 .splide.splide__page-arrows .splide__arrows .splide__arrow.icomoon-icon.is-disabled:before {
  opacity: 0;
}
.oi-custom-block.awards-v3 .splide.splide__page-arrows .splide__arrows .splide__pagination {
  width: auto;
}
.oi-custom-block.awards-v3 {
  /* --------------------------------------------------------------------
   * Splide pagination dots
   * ------------------------------------------------------------------ */
}
.oi-custom-block.awards-v3 .splide .splide__pagination {
  padding: 0;
}
.oi-custom-block.awards-v3 .splide .splide__pagination li button {
  border: 1px solid var(--oi-slider-nav);
  background-color: transparent;
  border-radius: 50%;
  margin: 4px;
  height: 12px;
  width: 12px;
  padding: 0;
  vertical-align: top;
}
.oi-custom-block.awards-v3 .splide .splide__pagination li button.is-active {
  background-color: var(--oi-slider-nav);
}
.oi-custom-block.awards-v3 {
  /* --------------------------------------------------------------------
   * Static layouts — progressive breakpoints matching Logos
   *
   * Each tier activates at its min-width and:
   *   1. Removes the transform so cards sit at natural position
   *   2. Centers the list with justify-content
   *   3. Hides arrows (all cards fit, no sliding needed)
   * ------------------------------------------------------------------ */
}
@media (min-width: 768px) {
  .oi-custom-block.awards-v3 .splide.sm-static {
    margin-bottom: -20px;
  }
  .oi-custom-block.awards-v3 .splide.sm-static .splide__list {
    transform: translateX(0) !important;
    justify-content: center;
  }
  .oi-custom-block.awards-v3 .splide.sm-static .splide__arrows {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .oi-custom-block.awards-v3 .splide.md-static {
    margin-bottom: -20px;
  }
  .oi-custom-block.awards-v3 .splide.md-static .splide__list {
    transform: translateX(0) !important;
    justify-content: center;
  }
  .oi-custom-block.awards-v3 .splide.md-static .splide__arrows {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .oi-custom-block.awards-v3 .splide.lg-static {
    margin-bottom: -20px;
  }
  .oi-custom-block.awards-v3 .splide.lg-static .splide__list {
    transform: translateX(0) !important;
    justify-content: center;
  }
  .oi-custom-block.awards-v3 .splide.lg-static .splide__arrows {
    display: none !important;
  }
}
@media (min-width: 1400px) {
  .oi-custom-block.awards-v3 .splide.xl-static {
    margin-bottom: -20px;
  }
  .oi-custom-block.awards-v3 .splide.xl-static .splide__list {
    transform: translateX(0) !important;
    justify-content: center;
  }
  .oi-custom-block.awards-v3 .splide.xl-static .splide__arrows {
    display: none !important;
  }
}
@media (min-width: 1760px) {
  .oi-custom-block.awards-v3 .splide.xxl-static {
    margin-bottom: -20px;
  }
  .oi-custom-block.awards-v3 .splide.xxl-static .splide__list {
    transform: translateX(0) !important;
    justify-content: center;
  }
  .oi-custom-block.awards-v3 .splide.xxl-static .splide__arrows {
    display: none !important;
  }
}
.oi-custom-block.awards-v3 {
  /* --------------------------------------------------------------------
   * Headings off for the whole block (awd_show_award_headings).
   *
   * The card is built for image + h3 side by side (slider) or stacked
   * (single), so the image is capped at half or 60% of the box. With no
   * heading that cap leaves a gap where the h3 used to be: the image takes
   * the whole card instead.
   * ------------------------------------------------------------------ */
}
.oi-custom-block.awards-v3.is-headings-off .splide .splide__slide {
  /* The card is flex for image + h3 side by side. With no h3 there is
   * one child left, so centre it instead of leaving it on the left. */
  justify-content: center;
}
.oi-custom-block.awards-v3.is-headings-off .splide .splide__slide img {
  /* Not `flex-grow: 1`: these are logos and plaques, and stretching
   * the box upscales them past their real size. Free to take the
   * whole width, centred when the asset is narrower. */
  flex-grow: 0;
  max-width: 100%;
}
.oi-custom-block.awards-v3.is-headings-off .awards-v3-single img {
  max-width: 100%;
  /* The 20px held the h3 off the image; there is no h3 now. */
  margin-bottom: 0;
}
.oi-custom-block.awards-v3 {
  /* --------------------------------------------------------------------
   * Single-award layout (no slider)
   * Renders when awd_number_of_awards = 'one'.
   * Matches slider card styling — white bg, brown shadow, dark text.
   * ------------------------------------------------------------------ */
}
.oi-custom-block.awards-v3 .awards-v3-single {
  display: block;
  max-width: 560px;
  margin: 0 auto;
  padding: 30px 15px;
  background-color: #fff;
  box-shadow: 0 2px 10px 0 rgba(140, 114, 80, 0.11);
  -webkit-box-shadow: 0 2px 10px 0 rgba(140, 114, 80, 0.11);
  color: #1c1f2a;
  text-decoration: none;
  transition: 0.3s;
}
.oi-custom-block.awards-v3 .awards-v3-single img {
  max-width: 60%;
  height: auto;
  margin: 0 auto 20px;
  display: block;
}
.oi-custom-block.awards-v3 .awards-v3-single h3 {
  margin: 0 0 15px;
  font-size: var(--oi-title-card-sm);
  font-weight: bold;
  line-height: 1.4;
  text-align: center;
  color: #1c1f2a;
  word-break: break-word;
}
.oi-custom-block.awards-v3 {
  /* --------------------------------------------------------------------
   * Single award WITH text — two columns instead of a card
   *
   * The legacy lays this one out as a row: copy on the left (col-md-8),
   * image on the right (col-md-4). awards.php adds `awards-v3-single-row`
   * only when the Award Text field has content, so an award without text
   * keeps the centred card above, untouched.
   *
   * Only what the row needs is overridden; the white background, the
   * shadow and the hover lift are inherited from .awards-v3-single.
   * ------------------------------------------------------------------ */
}
.oi-custom-block.awards-v3 .awards-v3-single.awards-v3-single-row {
  max-width: 970px;
  padding: 30px;
  text-align: left;
}
.oi-custom-block.awards-v3 .awards-v3-single.awards-v3-single-row h3 {
  text-align: left;
}
.oi-custom-block.awards-v3 .awards-v3-single.awards-v3-single-row {
  /* Not the 60% of the centred card: here the image has its own column. */
}
.oi-custom-block.awards-v3 .awards-v3-single.awards-v3-single-row img {
  max-width: 100%;
  margin: 0;
}
.oi-custom-block.awards-v3 .awards-v3-single.awards-v3-single-row .awards-v3-single-text .txt-v3 {
  margin: 0;
}
.oi-custom-block.awards-v3 .awards-v3-single.awards-v3-single-row .awards-v3-single-text .txt-v3 p:last-child {
  margin-bottom: 0;
}
.oi-custom-block.awards-v3 .awards-v3-single.awards-v3-single-row {
  /* Below the grid breakpoint the columns stack: the image goes first,
   * so the award reads image-then-copy like the centred variant. */
}
@media (max-width: 991px) {
  .oi-custom-block.awards-v3 .awards-v3-single.awards-v3-single-row {
    text-align: center;
  }
  .oi-custom-block.awards-v3 .awards-v3-single.awards-v3-single-row h3 {
    text-align: center;
  }
  .oi-custom-block.awards-v3 .awards-v3-single.awards-v3-single-row .awards-v3-single-img {
    order: -1;
    margin-bottom: 20px;
  }
  .oi-custom-block.awards-v3 .awards-v3-single.awards-v3-single-row img {
    max-width: 60%;
    margin: 0 auto;
  }
}
.oi-custom-block.awards-v3 {
  /* Linked single card — same hover lift as slider linked cards. */
}
.oi-custom-block.awards-v3 a.awards-v3-single:hover,
.oi-custom-block.awards-v3 a.awards-v3-single:focus-visible {
  box-shadow: 0 12px 20px 0 rgba(140, 114, 80, 0.15);
  -webkit-box-shadow: 0 12px 20px 0 rgba(140, 114, 80, 0.15);
  transform: translateY(-10px);
  text-decoration: none;
  color: #1c1f2a;
}
.oi-custom-block.awards-v3 {
  /* --------------------------------------------------------------------
   * CTA alignment
   * ------------------------------------------------------------------ */
}
.oi-custom-block.awards-v3 .cta-v3 {
  margin-bottom: -20px;
}
.oi-custom-block.awards-v3 .cta-v3.centered {
  text-align: center;
}
.oi-custom-block.awards-v3 .cta-v3.text-left {
  text-align: left;
}

.faq-v3 {
  font-size: 18px;
}
.faq-v3 h2.title-v3 {
  margin-bottom: 45px;
}
.faq-v3 .panel-default {
  text-align: left;
  margin: 25px 0;
  background-color: #fff;
  box-shadow: 0 2px 10px 0 rgba(140, 114, 80, 0.11);
  padding: 20px 30px;
}
.faq-v3 .panel-title {
  margin: 0;
}
.faq-v3 .panel-title a {
  display: block;
  color: inherit;
  font-size: 25px;
  line-height: 1.4;
  position: relative;
  padding-right: 45px;
  cursor: pointer;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}
.faq-v3 .panel-title a:hover {
  text-decoration: underline !important;
  text-decoration-color: currentColor;
}
.faq-v3 .panel-title a:focus:not(:hover) {
  text-decoration: none !important;
}
.faq-v3 .panel-title a:focus:not(:focus-visible), .faq-v3 .panel-title a:active {
  outline: none !important;
  box-shadow: none !important;
}
.faq-v3 .panel-title a:focus-visible {
  outline: 2px solid #04aada !important;
  outline-offset: 2px;
  border-radius: 2px;
}
.faq-v3 .panel-title a::after {
  content: "−";
  height: 30px;
  width: 30px;
  display: block;
  background-color: #162c36;
  border-radius: 50%;
  position: absolute;
  color: #fff;
  text-align: center;
  font-size: 23px;
  line-height: 30px;
  font-weight: 400;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  transition: background-color 0.25s ease;
}
.faq-v3 .panel-title a.collapsed::after {
  content: "+";
  background-color: #04aada;
  font-size: 22px;
  line-height: 30px;
  padding-left: 0;
}
.faq-v3 .faq-subgroup {
  margin-top: 10px;
}
.faq-v3 .faq-subgroup .panel-default {
  margin: 12px 0;
  padding: 14px 20px;
}
.faq-v3 .faq-subgroup .panel-title a {
  font-size: 20px;
}
.faq-v3 .panel-collapse ul {
  padding-left: 15px !important;
  list-style: none;
  font-size: 16px;
  line-height: 1.5;
}
.faq-v3 .panel-collapse li {
  padding: 0 0 15px 18px;
  position: relative;
  font-size: 16px;
}
.faq-v3 .panel-collapse li::before {
  content: "";
  height: 7px;
  width: 7px;
  background: #00556c;
  border-radius: 50%;
  position: absolute;
  top: 9px;
  left: 0;
}
.faq-v3 .panel-collapse.collapse {
  height: 0;
  overflow: hidden;
  margin: 0;
  padding: 0;
  border: 0;
  transition: height 0.3s ease;
}
.faq-v3 .panel-collapse.collapse.in {
  height: auto;
}
@media (prefers-reduced-motion: reduce) {
  .faq-v3 .panel-collapse.collapse {
    transition: none;
  }
}
.faq-v3 .cta-v3 {
  margin-top: 25px;
}
.faq-v3 .cta-v3.center {
  text-align: center;
}
.faq-v3 .cta-v3.left {
  text-align: left;
}
@media (max-width: 767px) {
  .faq-v3 .panel-title a {
    font-size: 20px;
    line-height: 1.2;
  }
}

/**
 * One Identity Child Theme — Gallery Block styles
 *
 * Legacy-match: main slider (natural-aspect image, capped at 750px) + a
 * thumbnail nav strip. Navigation styling reproduces the OneLogin
 * `.splide__page-arrows` rules that lived OUTSIDE splide-core (OceanWP does
 * not ship them). REQUIRES the self-mounting init to win: the global slider
 * init in oi-sliders.min.js must exclude .gv3-gallery / .gv3-thumbnails,
 * or it double-mounts the block as a card carousel and injects inline widths.
 *
 * @package    OneIdentity
 * @subpackage blocks
 * @since      1.0.0
 * @author     One Identity Web Team
 */
.oi-custom-block.gallery-v3 .gv3-gallery {
  width: 80%;
  max-width: 750px;
  margin: 0 auto;
}
.oi-custom-block.gallery-v3 .gv3-content {
  margin: 40px 0;
  width: 100%;
}
.oi-custom-block.gallery-v3 .gv3-content .gv3-img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
  margin: 0 auto;
  border: 1px solid #eee;
}
.oi-custom-block.gallery-v3 .gv3-desc {
  margin: 10px 0;
}
.oi-custom-block.gallery-v3 .splide__list {
  align-items: flex-start;
  transition: 0.3s;
}
.oi-custom-block.gallery-v3 .gv3-thumbnail-slide {
  width: 254px;
  max-width: 100%;
  margin: 0 1% 20px;
  border: none;
  background: none;
  padding: 0;
  text-align: left;
}
.oi-custom-block.gallery-v3 .gv3-thumbnail-slide:hover {
  text-decoration: none;
}
.oi-custom-block.gallery-v3 .gv3-thumbnail-slide .gv3-img {
  width: 254px;
  height: 126px;
  max-width: 100%;
  border: 1px solid #eee;
  background-color: #eee;
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
}
@media (min-width: 768px) {
  .oi-custom-block.gallery-v3 .gv3-thumbnail-slide:hover .gv3-img,
  .oi-custom-block.gallery-v3 .gv3-thumbnail-slide.gv3-active .gv3-img {
    box-shadow: inset 0 0 0 5px #00a9e0;
  }
}
.oi-custom-block.gallery-v3 .splide.splide__page-arrows .splide__arrows {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
}
.oi-custom-block.gallery-v3 .splide.splide__page-arrows .splide__arrows .splide__arrow.icomoon-icon {
  font-size: 0;
  background: none;
  border: 0;
  padding: 0 2px;
}
.oi-custom-block.gallery-v3 .splide.splide__page-arrows .splide__arrows .splide__arrow.icomoon-icon::before {
  font-size: 20px;
  color: var(--oi-slider-nav);
  font-weight: bold;
  opacity: 1;
}
.oi-custom-block.gallery-v3 .splide.splide__page-arrows .splide__arrows .splide__arrow.icomoon-icon:disabled, .oi-custom-block.gallery-v3 .splide.splide__page-arrows .splide__arrows .splide__arrow.icomoon-icon.is-disabled {
  pointer-events: none;
  cursor: default;
}
.oi-custom-block.gallery-v3 .splide.splide__page-arrows .splide__arrows .splide__arrow.icomoon-icon:disabled::before, .oi-custom-block.gallery-v3 .splide.splide__page-arrows .splide__arrows .splide__arrow.icomoon-icon.is-disabled::before {
  opacity: 0;
}
.oi-custom-block.gallery-v3 .splide.splide__page-arrows .splide__arrows .splide__pagination {
  width: auto;
}
.oi-custom-block.gallery-v3 .splide__pagination {
  padding: 0;
}
.oi-custom-block.gallery-v3 .splide__pagination li button {
  border: 1px solid var(--oi-slider-nav);
  background-color: transparent;
  border-radius: 50%;
  margin: 4px;
  height: 12px;
  width: 12px;
  padding: 0;
  vertical-align: top;
}
.oi-custom-block.gallery-v3 .splide__pagination li button.is-active {
  background-color: var(--oi-slider-nav);
}
@media (min-width: 768px) {
  .oi-custom-block.gallery-v3 .gv3-gallery .splide__arrows,
  .oi-custom-block.gallery-v3 .gv3-gallery .splide__pagination {
    display: none;
  }
}
@media (max-width: 767px) {
  .oi-custom-block.gallery-v3 .gv3-thumbnails {
    display: none;
  }
}
.oi-custom-block.gallery-v3 {
  /*.gv3-thumbnail-slide.gv3-thumb-video .gv3-img {
      display: flex;
      justify-content: center;
      align-items: center;
      background-image: none;

      .icomoon-icon {
          width: 30px;
          line-height: 30px;
          text-align: center;
          border-radius: 50%;
          background: #162c36;
          color: #fff;
      }
  }*/
}
.oi-custom-block.gallery-v3 .gv3-content .video-js,
.oi-custom-block.gallery-v3 .gv3-content video-js {
  width: 100%;
  max-width: 750px;
  margin: 0 auto;
  aspect-ratio: 16/9;
}
.oi-custom-block.gallery-v3 .cta-box {
  margin-top: 30px;
}
.oi-custom-block.gallery-v3 .cta-box.centered {
  text-align: center;
}
.oi-custom-block.gallery-v3 .cta-box.text-left {
  text-align: left;
}
.oi-custom-block.gallery-v3 .cta-box {
  margin-top: 40px;
}

.tab-v3 {
  font-size: 18px;
  line-height: 1.6;
  scroll-margin-top: 100px;
  position: relative;
  overflow: clip;
  color: var(--oi-text-light);
  background-color: var(--oi-color-dark);
  background-image: url("../img/line-art-vortex.svg"), var(--oi-gradient-brand);
  background-repeat: no-repeat, no-repeat;
  background-position: left bottom, center;
  background-size: 60% auto, cover;
}
.tab-v3 > .container {
  border-top: 1px solid var(--oi-text-light);
  padding-top: 24px;
}
.tab-v3 .anchor {
  display: block;
  position: relative;
  visibility: hidden;
}
.tab-v3 .tab-row {
  display: grid;
  grid-template-columns: minmax(0, 6fr) minmax(0, 6fr);
  gap: 120px;
  align-items: start;
}
@media (max-width: 991px) {
  .tab-v3 .tab-row {
    grid-template-columns: 1fr;
    gap: 32px;
  }
}
.tab-v3 .tab-intro {
  text-align: left;
}
.tab-v3 .tab-intro .tab-eyebrow {
  margin: 0 0 16px;
  color: var(--oi-text-light);
}
.tab-v3 .tab-intro .tab-eyebrow svg {
  display: none;
}
.tab-v3 .tab-intro .tab-eyebrow {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.tab-v3 .tab-intro h2.title-v3 {
  text-align: left;
  margin: 0 0 24px;
  padding: 0;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--oi-text-light);
}
.tab-v3 .tab-intro .tab-desc {
  margin-bottom: 28px;
  line-height: 1.6;
  color: var(--oi-text-light);
  font-size: 18px;
}
.tab-v3 .tab-intro .cta-v3 {
  margin-top: 8px;
}
.tab-v3 .tab-accordion {
  text-align: left;
  margin-top: 120px;
}
@media (max-width: 991px) {
  .tab-v3 .tab-accordion {
    margin-top: 0;
  }
}
.tab-v3 .tab-item.panel-default {
  text-align: left;
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
  border-top: 1px solid var(--oi-secondary-nepal);
  border-radius: 0;
  overflow: hidden;
  -webkit-tap-highlight-color: transparent;
}
.tab-v3 .tab-item.panel-default:last-child {
  border-bottom: 1px solid var(--oi-secondary-nepal);
}
.tab-v3 .tab-item.panel-default:hover, .tab-v3 .tab-item.panel-default:focus, .tab-v3 .tab-item.panel-default:focus-within, .tab-v3 .tab-item.panel-default:active, .tab-v3 .tab-item.panel-default:target {
  background: transparent;
}
.tab-v3 .tab-panel:target,
.tab-v3 .tab-panel.panel-collapse:target {
  background: transparent;
}
.tab-v3 .tab-title.panel-title {
  margin: 0;
}
.tab-v3 .tab-title.panel-title a {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 18px 0;
  color: var(--oi-text-light);
  font-size: 20px;
  line-height: 1.3;
  font-weight: 600;
  cursor: pointer;
  text-decoration: none;
  background: transparent;
  -webkit-tap-highlight-color: transparent;
}
.tab-v3 .tab-title.panel-title a:link, .tab-v3 .tab-title.panel-title a:visited, .tab-v3 .tab-title.panel-title a:hover, .tab-v3 .tab-title.panel-title a:focus, .tab-v3 .tab-title.panel-title a:focus-visible, .tab-v3 .tab-title.panel-title a:active {
  background: none !important;
  background-color: transparent !important;
}
.tab-v3 .tab-title.panel-title a:focus:not(:focus-visible), .tab-v3 .tab-title.panel-title a:active {
  outline: none !important;
  box-shadow: none !important;
}
.tab-v3 .tab-title.panel-title a:focus-visible {
  outline: 2px solid var(--oi-text-light) !important;
  outline-offset: 3px;
  border-radius: 4px;
}
.tab-v3 .tab-icon {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  color: var(--oi-color-accent);
}
.tab-v3 .tab-icon [class^=icon-],
.tab-v3 .tab-icon [class*=" icon-"] {
  font-size: 32px;
  line-height: 1;
}
.tab-v3 .tab-icon svg,
.tab-v3 .tab-icon img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.tab-v3 .tab-label {
  flex: 1 1 auto;
  min-width: 0;
  font-size: 20px;
  font-weight: 500;
  margin: 0;
}
.tab-v3 .tab-chevron {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 6px;
  background-color: var(--oi-btn-arrow-bg);
  color: var(--oi-btn-arrow-color);
}
.tab-v3 .tab-chevron svg {
  display: block;
  transition: transform 0.25s ease;
}
.tab-v3 .tab-title a:not(.collapsed) .tab-chevron svg {
  transform: rotate(180deg);
}
.tab-v3 .panel-collapse {
  color: var(--oi-text-light);
}
.tab-v3 .panel-collapse ul {
  padding-left: 15px !important;
  list-style: none;
  font-size: 18px;
  line-height: 1.6;
}
.tab-v3 .panel-collapse li {
  padding: 0 0 15px 18px;
  position: relative;
  font-size: 18px;
}
.tab-v3 .panel-collapse li::before {
  content: "";
  height: 7px;
  width: 7px;
  background: var(--oi-color-accent);
  border-radius: 50%;
  position: absolute;
  top: 9px;
  left: 0;
}
.tab-v3 .tab-panel-inner {
  padding: 0 0 22px;
  line-height: 1.6;
}
.tab-v3 .tab-panel-inner.txt-v3 {
  margin-bottom: 0;
  font-size: 18px;
}
.tab-v3 .panel-collapse.collapse {
  height: 0;
  overflow: hidden;
  margin: 0;
  padding: 0 0 0 55px;
  border: 0;
  transition: height 0.3s ease;
}
.tab-v3 .panel-collapse.collapse.in {
  height: auto;
}
@media (prefers-reduced-motion: reduce) {
  .tab-v3 .panel-collapse.collapse {
    transition: none;
  }
  .tab-v3 .tab-chevron,
  .tab-v3 .tab-chevron svg {
    transition: none;
  }
}
.tab-v3 .cta-v3 {
  margin-top: 25px;
}
.tab-v3 .cta-v3.center {
  text-align: center;
}
.tab-v3 .cta-v3.left {
  text-align: left;
}
@media (max-width: 767px) {
  .tab-v3 {
    font-size: 16px;
  }
  .tab-v3 .tab-intro .tab-eyebrow {
    font-size: 13px;
  }
  .tab-v3 .tab-title a {
    font-size: 18px;
    line-height: 1.4;
    gap: 12px;
  }
  .tab-v3 .tab-title.panel-title a {
    font-size: 18px;
    line-height: 1.4;
  }
  .tab-v3 .tab-label {
    font-size: 18px;
  }
  .tab-v3 .panel-collapse ul,
  .tab-v3 .panel-collapse li {
    font-size: 16px;
  }
  .tab-v3 .tab-item.panel-default {
    padding: 0;
  }
  .tab-v3 .tab-icon {
    width: 32px;
    height: 32px;
  }
}

.oi-custom-block.tab-slider {
  position: relative;
  overflow: hidden;
}
@media (max-width: 991px) {
  .oi-custom-block.tab-slider.pt-v3 {
    padding-top: 56px;
  }
  .oi-custom-block.tab-slider.pb-v3 {
    padding-bottom: 56px;
  }
}
@media (min-width: 992px) {
  .oi-custom-block.tab-slider {
    -webkit-mask-image: linear-gradient(to right, transparent 0, #000 8%, #000 92%, transparent 100%);
    mask-image: linear-gradient(to right, transparent 0, #000 8%, #000 92%, transparent 100%);
  }
}
.oi-custom-block.tab-slider :focus-visible {
  outline: 2px solid var(--oi-focus, #2f6bff);
  outline-offset: 2px;
}

.tab-slider-arc {
  position: absolute;
  top: -55px;
  right: 155px;
  z-index: 0;
  width: 620px;
  height: 640px;
  pointer-events: none;
  background: url("../img/specs-lines.png") no-repeat top right;
  background-size: contain;
}
@media (max-width: 991px) {
  .tab-slider-arc {
    display: none;
  }
}

.tab-slider-intro {
  position: relative;
  z-index: 1;
}

.tab-slider-eyebrow {
  margin: 0 0 12px;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #6b7280;
}

.tab-slider-intro .tab-slider-heading {
  margin: 0 0 40px;
  padding: 0;
  font-size: 44px;
  line-height: 1.15;
  font-weight: 700;
}
@media (max-width: 767px) {
  .tab-slider-intro .tab-slider-heading {
    font-size: 30px;
  }
}

.tab-slider-cols {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  align-items: start;
}
@media (max-width: 991px) {
  .tab-slider-cols {
    grid-template-columns: 1fr;
    gap: 32px;
  }
}

.tab-slider-content.is-no-specs .tab-slider-intro,
.tab-slider-content.is-no-specs .tab-slider-copy {
  text-align: center;
}
.tab-slider-content.is-no-specs .tab-slider-cols {
  grid-template-columns: 1fr;
  justify-items: center;
}
.tab-slider-content.is-no-specs .tab-slider-copy {
  max-width: 720px;
}

.tab-slider-desc {
  font-size: 18px;
  line-height: 1.6;
  color: #4b5563;
}
.tab-slider-desc > :first-child {
  margin-top: 0;
}
.tab-slider-desc > :last-child {
  margin-bottom: 0;
}

.tab-slider-seemore {
  display: inline-flex;
  align-items: center;
  margin-top: 20px;
  font-weight: 700;
  text-decoration: none;
  color: #16256b;
}
.tab-slider-seemore::after {
  content: "";
  display: inline-block;
  width: 22px;
  height: 12px;
  margin-left: 10px;
  background: currentColor;
  -webkit-mask: no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12'%3E%3Cpath d='M18 0l6 6-6 6-1.4-1.4L20.2 7H0V5h20.2l-3.6-3.6z' fill='%23000'/%3E%3C/svg%3E");
  mask: no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12'%3E%3Cpath d='M18 0l6 6-6 6-1.4-1.4L20.2 7H0V5h20.2l-3.6-3.6z' fill='%23000'/%3E%3C/svg%3E");
  transition: transform 0.2s ease;
}
.tab-slider-seemore:hover::after, .tab-slider-seemore:focus-visible::after {
  transform: translateX(4px);
}

.tab-slider-specs {
  position: relative;
  z-index: 1;
  background: rgba(255, 255, 255, 0.82);
  backdrop-filter: blur(6px);
  border-radius: 16px;
  box-shadow: 0 2px 9px rgba(16, 24, 40, 0.1);
  padding: 42px 45px;
  max-width: 570px;
  margin: 35px;
}

.tab-slider-specs-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.tab-slider-spec {
  display: flex;
  align-items: center;
  gap: 20px;
}
.tab-slider-spec + .tab-slider-spec {
  margin-top: 24px;
}

.tab-slider-spec-icon {
  flex: 0 0 72px;
  width: 72px;
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  overflow: hidden;
}
.tab-slider-spec-icon img {
  width: 72px;
  height: 72px;
  -o-object-fit: contain;
     object-fit: contain;
}
.tab-slider-spec-icon [class^=icon-],
.tab-slider-spec-icon [class*=" icon-"],
.tab-slider-spec-icon .material-symbols-outlined {
  font-size: 26px;
  color: #ffffff;
}

.tab-slider-spec-title {
  display: block;
  font-size: 18px;
  font-weight: 700;
  color: #16256b;
}

.tab-slider-spec-sub {
  display: block;
  margin-top: 2px;
  font-size: 15px;
  color: #4b5563;
}

.tab-slider-tabnav {
  display: flex;
  align-items: stretch;
  justify-content: center;
  gap: 8px;
  margin-top: 64px;
  border-bottom: 1px solid #d8dbe2;
}

.tab-slider-tabnav-btn {
  flex: 0 0 44px;
  width: 44px;
  min-height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  background: none;
  border: 0;
  cursor: pointer;
  color: #5b6472;
  visibility: hidden;
  transition: color 0.2s ease, opacity 0.2s ease;
}
.tab-slider-tabnav-btn::after {
  content: "";
  display: block;
  width: 22px;
  height: 12px;
  background: currentColor;
  -webkit-mask: no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12'%3E%3Cpath d='M18 0l6 6-6 6-1.4-1.4L20.2 7H0V5h20.2l-3.6-3.6z' fill='%23000'/%3E%3C/svg%3E");
  mask: no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12'%3E%3Cpath d='M18 0l6 6-6 6-1.4-1.4L20.2 7H0V5h20.2l-3.6-3.6z' fill='%23000'/%3E%3C/svg%3E");
}
.tab-slider-tabnav-btn:hover {
  color: #16256b;
}
.tab-slider-tabnav-btn:focus-visible {
  outline: 2px solid var(--oi-focus, #2f6bff);
  outline-offset: -2px;
}
.tab-slider-tabnav-btn[aria-disabled=true] {
  opacity: 0.3;
  cursor: default;
  pointer-events: none;
}

.tab-slider-tabnav-btn.is-prev::after {
  transform: scaleX(-1);
}

.tab-slider-tabnav.is-scrollable .tab-slider-tabnav-btn {
  visibility: visible;
}

.tab-slider-tabs {
  display: flex;
  gap: 24px;
  flex: 0 1 calc(315px * 3 + 24px * 2);
  width: calc(315px * 3 + 24px * 2);
  max-width: 100%;
  justify-content: safe center;
  align-items: stretch;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: x proximity;
  scrollbar-width: none;
}
.tab-slider-tabs::-webkit-scrollbar {
  display: none;
}

.tab-slider-tab {
  flex: 0 0 315px;
  box-sizing: border-box;
  max-width: 80vw;
  scroll-snap-align: center;
  cursor: pointer;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding: 6px 24px 14px;
  margin: 0;
  background: none;
  border: 0;
  border-bottom: 4px solid transparent;
  color: #5b6472;
  opacity: 1;
  transition: color 0.2s ease, border-color 0.2s ease;
  font: inherit;
}
.tab-slider-tab.is-active {
  color: #16256b;
  border-bottom-color: #2f6bff;
}
.tab-slider-tab:hover {
  color: #16256b;
}
.tab-slider-tab:focus-visible {
  outline: 2px solid var(--oi-focus, #2f6bff);
  outline-offset: -2px;
}

.tab-slider-tab-label {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
  text-align: left;
}
@media (max-width: 767px) {
  .tab-slider-tab-label {
    font-size: 17px;
  }
}

.tab-slider-viewport {
  margin-top: 40px;
  overflow: visible;
}

.tab-slider-track {
  position: relative;
  display: flex;
  gap: 40px;
  transition: transform 0.45s ease;
  will-change: transform;
}
.tab-slider-track > .tab-slider-slide {
  align-self: flex-start;
}
@media (max-width: 767px) {
  .tab-slider-track {
    gap: 12px;
  }
}

.tab-slider-slide {
  background: #f4f5f7;
  flex: 0 0 1055px;
  width: 1055px;
  max-width: 100%;
  height: 365px;
  position: relative;
  border-radius: 24px;
  overflow: hidden;
  display: flex;
  opacity: 0.2;
  filter: blur(0.8px);
  transition: opacity 0.45s ease, filter 0.45s ease, transform 0.45s ease;
}
.tab-slider-slide.is-active {
  opacity: 1;
  filter: none;
  z-index: 2;
}
@media (min-width: 992px) {
  .tab-slider-slide.is-prev {
    transform-origin: right center;
    transform: perspective(1400px) rotateY(-38deg);
  }
  .tab-slider-slide.is-next {
    transform-origin: left center;
    transform: perspective(1400px) rotateY(38deg);
  }
}
@media (max-width: 767px) {
  .tab-slider-slide {
    flex: 0 0 82vw;
    width: 82vw;
    max-width: 82vw;
    flex-direction: column;
    height: auto;
    opacity: 0.5;
    filter: none;
  }
}

.tab-slider-media {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: left top;
}
@media (max-width: 767px) {
  .tab-slider-media {
    position: relative;
    aspect-ratio: 16/9;
  }
}

.tab-slider-slide.is-legacy {
  background: #f4f5f7;
  align-items: stretch;
}
.tab-slider-slide.is-legacy .tab-slider-media {
  position: relative;
  inset: auto;
  flex: 1 1 54%;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 24px 32px;
  background: none;
}
.tab-slider-slide.is-legacy .tab-slider-slide-body {
  flex: 1 1 46%;
  width: auto;
  margin-left: 0;
  align-self: center;
  color: #4b5563;
}
@media (max-width: 767px) {
  .tab-slider-slide.is-legacy {
    flex-direction: column;
  }
  .tab-slider-slide.is-legacy .tab-slider-media {
    flex: none;
    aspect-ratio: auto;
    justify-content: center;
    padding: 24px;
  }
  .tab-slider-slide.is-legacy .tab-slider-slide-body {
    width: 100%;
    background: none;
    color: #4b5563;
  }
}

.tab-slider-slide.is-noimg {
  height: auto;
  overflow: visible;
  background: none;
  border-radius: 0;
  align-items: flex-start;
}
.tab-slider-slide.is-noimg .tab-slider-slide-body {
  align-self: flex-start;
  padding-top: 0;
  width: 100%;
  margin-left: 0;
}
@media (max-width: 767px) {
  .tab-slider-slide.is-noimg .tab-slider-slide-body {
    background: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    padding-top: 0;
  }
}

.tab-slider-media-img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  border-radius: 24px;
}

.tab-slider-slide-body {
  position: relative;
  z-index: 1;
  margin-left: auto;
  width: 46%;
  align-self: center;
  padding: 40px 48px;
}
.tab-slider-slide-body ul {
  padding-left: 20px;
  margin: 0;
}
.tab-slider-slide-body li {
  margin-bottom: 10px;
  font-size: 18px;
  line-height: 1.5;
}
@media (max-width: 767px) {
  .tab-slider-slide-body {
    width: 100%;
    padding: 24px;
    background: #0a101e;
    border-bottom-left-radius: 24px;
    border-bottom-right-radius: 24px;
  }
}

.tab-slider-cta {
  margin-top: 24px;
}

.cta-v3.tab-slider-cta .btn-v3 {
  display: inline-flex;
  align-items: stretch;
  padding: 0;
  overflow: hidden;
  border-radius: 4px;
}

.tab-slider-cta-label {
  display: flex;
  align-items: center;
  padding: 9px 15px;
}

.tab-slider-cta-arrow {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  background: #a3e635;
}
.tab-slider-cta-arrow::after {
  content: "";
  width: 22px;
  height: 18px;
  background: #16256b;
  -webkit-mask: no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 11h12.2l-4.6-4.6L13 5l7 7-7 7-1.4-1.4 4.6-4.6H4z' fill='%23000'/%3E%3C/svg%3E");
  mask: no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 11h12.2l-4.6-4.6L13 5l7 7-7 7-1.4-1.4 4.6-4.6H4z' fill='%23000'/%3E%3C/svg%3E");
}

@media (max-width: 767px) {
  .tab-slider-tabnav {
    gap: 4px;
    margin-top: 40px;
  }
  .tab-slider-tabnav-btn {
    flex: 0 0 36px;
    width: 36px;
  }
  .tab-slider-tab {
    min-height: 48px;
    flex-basis: 70vw;
  }
  .tab-slider-cta .btn-v3 {
    width: 100%;
  }
  .tab-slider-cta-label {
    flex: 1 1 auto;
    justify-content: center;
  }
}
@media (prefers-reduced-motion: reduce) {
  .tab-slider-track,
  .tab-slider-slide,
  .tab-slider-tab,
  .tab-slider-tabnav-btn,
  .tab-slider-seemore::after {
    transition: none;
  }
}
.oi-custom-block.oi-fp .oi-fp-eyebrow {
  margin: 0 0 40px;
  padding-top: 24px;
  border-top: 1px solid var(--oi-border);
  color: var(--oi-gray-700);
  font-family: var(--oi-font-body);
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.08em;
  line-height: 20px;
  text-transform: uppercase;
}
.oi-custom-block.oi-fp .oi-fp-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 32px;
  flex-wrap: wrap;
}
.oi-custom-block.oi-fp .oi-fp-heading {
  margin: 0;
}
.oi-custom-block.oi-fp .oi-fp-nav {
  position: static;
  display: flex;
  align-items: center;
  gap: 16px;
  flex: 0 0 auto;
  transform: none;
  width: auto;
}
.oi-custom-block.oi-fp .oi-fp-nav.is-hidden {
  display: none;
}
.oi-custom-block.oi-fp .oi-fp-counter {
  color: var(--oi-color-primary);
  font-family: var(--oi-font-body);
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  font-variant-numeric: tabular-nums;
}
.oi-custom-block.oi-fp .oi-fp-nav .splide__arrow.oi-fp-arrow {
  position: static;
  display: flex;
  width: 42px;
  height: 42px;
  padding: 16px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  box-sizing: border-box;
  margin: 0;
  border-radius: 8px;
  border: 1.5px solid var(--oi-text-muted);
  background: var(--oi-bg-white);
  opacity: 0.7;
  color: var(--oi-gray-700);
  transform: none;
  transition: border-color 0.2s ease, color 0.2s ease, opacity 0.2s ease;
}
.oi-custom-block.oi-fp .oi-fp-nav .splide__arrow.oi-fp-arrow svg {
  width: 10px;
  height: 18px;
  flex-shrink: 0;
  overflow: visible;
}
.oi-custom-block.oi-fp .oi-fp-nav .splide__arrow.oi-fp-arrow:not(.is-disabled) {
  border-color: var(--oi-rule-active);
  color: var(--oi-rule-active);
}
.oi-custom-block.oi-fp .oi-fp-nav .splide__arrow.oi-fp-arrow:hover:not(.is-disabled) {
  opacity: 1;
}
.oi-custom-block.oi-fp .oi-fp-nav .splide__arrow.oi-fp-arrow:focus-visible {
  outline: 2px solid var(--oi-rule-active);
  outline-offset: 2px;
}
.oi-custom-block.oi-fp .oi-fp-nav .splide__arrow.oi-fp-arrow.is-disabled {
  border-color: var(--oi-text-muted);
  color: var(--oi-gray-700);
  cursor: default;
  pointer-events: none;
}
.oi-custom-block.oi-fp .oi-fp-tabs {
  display: flex;
  gap: 32px;
  align-items: stretch;
  overflow-x: auto;
  border-bottom: 1px solid var(--oi-text-muted);
  margin-bottom: 40px;
  scrollbar-width: none;
}
.oi-custom-block.oi-fp .oi-fp-tabs::-webkit-scrollbar {
  display: none;
}
.oi-custom-block.oi-fp .oi-fp-tab {
  flex: 0 0 auto;
  padding: 0 0 12px;
  border: 0;
  border-bottom: 3px solid transparent;
  background: none;
  cursor: pointer;
  font-family: var(--oi-font-body);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  color: var(--oi-text-muted);
  white-space: nowrap;
  margin-bottom: -1px;
  transition: color 0.2s ease, border-color 0.2s ease;
}
.oi-custom-block.oi-fp .oi-fp-tab:hover {
  color: var(--oi-color-primary);
}
.oi-custom-block.oi-fp .oi-fp-tab.is-active {
  color: var(--oi-color-primary);
  border-bottom-color: var(--oi-color-primary);
}
.oi-custom-block.oi-fp .oi-fp-tab:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}
.oi-custom-block.oi-fp .oi-fp-splide[hidden] {
  display: none;
}
.oi-custom-block.oi-fp .oi-fp-splide .splide__track {
  padding: 15px 0 20px;
}
.oi-custom-block.oi-fp .oi-fp-grid {
  margin: 0;
  padding: 0;
  list-style: none;
}
.oi-custom-block.oi-fp .oi-fp-cta .link-v3-default {
  color: var(--oi-color-primary);
  font-weight: 700;
}
.oi-custom-block.oi-fp .oi-fp-cta .link-v3-default:hover, .oi-custom-block.oi-fp .oi-fp-cta .link-v3-default:focus-visible {
  color: var(--oi-color-primary-dark);
  text-decoration: underline;
}
.oi-custom-block.oi-fp .oi-fp-grid > .oi-fp-card {
  display: flex;
  height: 335px;
  padding: 24px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  border-radius: 24px;
  background: rgba(202, 212, 215, 0.16);
  border: 1px solid rgba(202, 212, 215, 0.55);
  list-style: none;
  box-sizing: border-box;
}
.oi-custom-block.oi-fp .oi-fp-grid > .oi-fp-card .oi-fp-cta {
  margin-bottom: 15px;
}
.oi-custom-block.oi-fp .oi-fp-grid > .oi-fp-card .oi-fp-cta.centered {
  text-align: center;
}
.oi-custom-block.oi-fp .oi-fp-icon {
  display: flex;
  width: 80px;
  height: 80px;
  padding: 16px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  box-sizing: border-box;
  border: 0;
  border-radius: 16px;
  background: #fff;
}
.oi-custom-block.oi-fp .oi-fp-icon .icomoon-icon {
  font-size: 32px;
  line-height: 1;
}
.oi-custom-block.oi-fp .oi-fp-icon img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
.oi-custom-block.oi-fp .oi-fp-body {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-height: 0;
  overflow: hidden;
}
.oi-custom-block.oi-fp .oi-fp-title {
  margin: 0;
  font-size: var(--oi-title-card);
  font-weight: bold;
  line-height: 1.4;
  text-align: left;
  color: var(--oi-color-primary);
}
@media (max-width: 991px) {
  .oi-custom-block.oi-fp .oi-fp-title {
    font-size: var(--oi-title-card-sm);
  }
}
.oi-custom-block.oi-fp .oi-fp-title a {
  color: inherit;
  text-decoration: none;
}
.oi-custom-block.oi-fp .oi-fp-title a:hover, .oi-custom-block.oi-fp .oi-fp-title a:focus-visible {
  text-decoration: underline;
}
.oi-custom-block.oi-fp .oi-fp-desc {
  margin: 0;
  font-size: 16px;
  line-height: 1.5;
  color: var(--oi-gray-700);
}