@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://use.typekit.net/rgx1lfh.css");
@media (max-width: 991px) {
  .container {
    min-width: 100% !important;
    max-width: 100% !important;
  }
}

small, .small {
  font-size: 85%;
}

.modal-backdrop {
  background-color: #001b70;
  opacity: 0.65;
  overflow: hidden;
}

/**
 * Set up a decent box model on the root element
 */
html {
  overflow-x: hidden;
  scroll-behavior: smooth;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 0 !important;
}

/**
 * Make all elements from the DOM inherit from the parent box-sizing
 * Since `*` has a specificity of 0, it does not override the `html` value
 * making all elements inheriting from the root box-sizing value
 * See: https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/
 */
*,
*::before,
*::after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
  padding: 0;
  margin: 0;
}

:root {
  --fa-style-family-classic: "Font Awesome 6 Free";
  --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Pro";
  --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Pro";
  --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Pro";
  --fa-font-light: normal 300 1em/1 "Font Awesome 6 Pro";
  --fa-font-thin: normal 100 1em/1 "Font Awesome 6 Pro";
  --fa-font-sharp-solid: normal 900 1em/1 "Font Awesome 6 Sharp";
  --fa-font-sharp-regular: normal 400 1em/1 "Font Awesome 6 Sharp";
  --fa-font-sharp-light: normal 300 1em/1 "Font Awesome 6 Sharp";
  --fa-font-sharp-thin: normal 100 1em/1 "Font Awesome 6 Sharp";
  --fa-font-duotone: normal 900 1em / 1 "Font Awesome 6 Duotone";
  --fa-font-duotone-regular: normal 400 1em/1 "Font Awesome 6 Pro";
  --fa-font-duotone-light: normal 300 1em/1 "Font Awesome 6 Pro";
  --fa-font-duotone-thin: normal 100 1em/1 "Font Awesome 6 Pro";
  --fa-font-sharp-duotone-solid: normal 900 1em/1 "Font Awesome 6 Sharp Duotone";
  --fa-font-sharp-duotone-regular: normal 400 1em/1
    "Font Awesome 6 Sharp Duotone";
  --fa-font-sharp-duotone-light: normal 300 1em/1 "Font Awesome 6 Sharp Duotone";
  --fa-font-sharp-duotone-thin: normal 100 1em/1 "Font Awesome 6 Sharp Duotone";
}

.icon::before,
.icon::after {
  /* Establecer la fuente para este estilo de icono */
  font-family: "Font Awesome 6 Pro";
  /* Establece el peso de fuente para este estilo de icono */
  font-weight: 900;
  /* Establece que los iconos se rendericen con precisión de píxeles */
  -webkit-font-smoothing: antialiased;
}

.icon-brands {
  font: var(--fa-font-brands);
  font-weight: 400;
}
.icon-brands::before {
  font: var(--fa-font-brands);
  font-weight: 400;
}

.icon-solid {
  font: var(--fa-font-solid);
  font-weight: 900;
}
.icon-solid::before {
  font: var(--fa-font-solid);
  font-weight: 900;
}

.icon-regular {
  font: var(--fa-font-regular);
  font-weight: 400;
}
.icon-regular::before {
  font: var(--fa-font-regular);
  font-weight: 400;
}

.icon-light {
  font: var(--fa-font-light);
  font-weight: 300;
}
.icon-light::before {
  font: var(--fa-font-light);
  font-weight: 300;
}

.icon-thin {
  font: var(--fa-font-thin);
  font-weight: 100;
}
.icon-thin::before {
  font: var(--fa-font-thin);
  font-weight: 100;
}

.icon-thin {
  font: var(--fa-font-thin);
  font-weight: 100;
}
.icon-thin::before {
  font: var(--fa-font-thin);
  font-weight: 100;
}

.icon-sharp-solid {
  font: var(--fa-font-sharp-solid);
  font-weight: 900;
}
.icon-sharp-solid::before {
  font: var(--fa-font-sharp-solid);
  font-weight: 900;
}

.icon-sharp-regular {
  font: var(--fa-font-sharp-regular);
  font-weight: 400;
}
.icon-sharp-regular::before {
  font: var(--fa-font-sharp-regular);
  font-weight: 400;
}

.icon-sharp-light {
  font: var(--fa-font-sharp-light);
  font-weight: 300;
}
.icon-sharp-light::before {
  font: var(--fa-font-sharp-light);
  font-weight: 300;
}

.icon-sharp-thin {
  font: var(--fa-font-sharp-thin);
  font-weight: 100;
}
.icon-sharp-thin::before {
  font: var(--fa-font-sharp-thin);
  font-weight: 100;
}

.icon-duotone-solid {
  position: relative;
  font-style: normal;
  font-family: "Font Awesome 6 Duotone";
  font-weight: 900;
}

.icon-duotone-regular {
  position: relative;
  font-family: "Font Awesome 6 Duotone";
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  -webkit-font-smoothing: antialiased;
  display: var(--fa-display, inline-block);
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
}

/**
 * Basic styles for links
 */
a {
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  text-decoration: underline;
  color: inherit;
}
a:hover, a:active, a:focus {
  text-decoration: underline;
}
a:hover {
  text-decoration: underline;
  color: inherit;
}

body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow-x: hidden;
  background: transparent;
  overflow-x: hidden;
  padding-right: 0 !important;
  font-size: 22px;
  letter-spacing: 1px;
}
@media screen and (max-width: 991px) {
  body {
    font-size: 18px;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  body {
    padding-right: 0 !important;
  }
}
@media only screen and (max-width: 767px) {
  body {
    overflow-x: hidden;
  }
}

#block-vowst-hcp-content {
  background: #0D181E;
}

body:after {
  content: "";
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 3;
  background-color: rgba(11, 11, 11, 0.53);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: visibility 0s 0.2s, opacity 0.2s ease;
  transition: visibility 0s 0.2s, opacity 0.2s ease;
}

body.overlay:after {
  opacity: 1;
  visibility: visible;
  -webkit-transition: visibility 0s, opacity 0.2s ease;
  transition: visibility 0s, opacity 0.2s ease;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button, .phone {
  -webkit-appearance: none !important;
  margin: 0;
}

/* Firefox */
input[type=number], .phone {
  -moz-appearance: textfield;
}

footer {
  margin-top: auto;
}

.text-color-blue {
  color: #53667D;
}

sup {
  font-size: 60%;
  top: -0.5em;
}

/**
 * Clear inner floats
 */
.clearfix::after {
  clear: both;
  content: "";
  display: table;
}

/**
 * Hide text while making it readable for screen readers
 * 1. Needed in WebKit-based browsers because of an implementation bug;
 *    See: https://code.google.com/p/chromium/issues/detail?id=457146
 */
.hide-text {
  overflow: hidden;
  padding: 0; /* 1 */
  text-indent: 101%;
  white-space: nowrap;
}

/**
 * Hide element while making it readable for screen readers
 * Shamelessly borrowed from HTML5Boilerplate:
 * https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css#L119-L133
 */
.visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.slide-in-top {
  -webkit-animation: slide-in-top 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
          animation: slide-in-top 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.slide-out-top {
  -webkit-animation: slide-out-top 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
          animation: slide-out-top 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
}

@-webkit-keyframes slide-out-top {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-1000px);
            transform: translateY(-1000px);
    opacity: 0;
  }
}

@keyframes slide-out-top {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-1000px);
            transform: translateY(-1000px);
    opacity: 0;
  }
}
@-webkit-keyframes slide-in-top {
  0% {
    -webkit-transform: translateY(-1000px);
            transform: translateY(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-in-top {
  0% {
    -webkit-transform: translateY(-1000px);
            transform: translateY(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-Black.eot");
  src: url("../fonts/Montserrat-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-Black.woff2") format("woff2"), url("../fonts/Montserrat-Black.woff") format("woff"), url("../fonts/Montserrat-Black.ttf") format("truetype"), url("../fonts/Montserrat-Black.svg#Montserrat-Black") format("svg");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-ExtraBoldItalic.eot");
  src: url("../fonts/Montserrat-ExtraBoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-ExtraBoldItalic.woff2") format("woff2"), url("../fonts/Montserrat-ExtraBoldItalic.woff") format("woff"), url("../fonts/Montserrat-ExtraBoldItalic.ttf") format("truetype"), url("../fonts/Montserrat-ExtraBoldItalic.svg#Montserrat-ExtraBoldItalic") format("svg");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-BlackItalic.eot");
  src: url("../fonts/Montserrat-BlackItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-BlackItalic.woff2") format("woff2"), url("../fonts/Montserrat-BlackItalic.woff") format("woff"), url("../fonts/Montserrat-BlackItalic.ttf") format("truetype"), url("../fonts/Montserrat-BlackItalic.svg#Montserrat-BlackItalic") format("svg");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-BoldItalic.eot");
  src: url("../fonts/Montserrat-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-BoldItalic.woff2") format("woff2"), url("../fonts/Montserrat-BoldItalic.woff") format("woff"), url("../fonts/Montserrat-BoldItalic.ttf") format("truetype"), url("../fonts/Montserrat-BoldItalic.svg#Montserrat-BoldItalic") format("svg");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-ExtraBold.eot");
  src: url("../fonts/Montserrat-ExtraBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-ExtraBold.woff2") format("woff2"), url("../fonts/Montserrat-ExtraBold.woff") format("woff"), url("../fonts/Montserrat-ExtraBold.ttf") format("truetype"), url("../fonts/Montserrat-ExtraBold.svg#Montserrat-ExtraBold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-Bold.eot");
  src: url("../fonts/Montserrat-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-Bold.woff2") format("woff2"), url("../fonts/Montserrat-Bold.woff") format("woff"), url("../fonts/Montserrat-Bold.ttf") format("truetype"), url("../fonts/Montserrat-Bold.svg#Montserrat-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-Medium.eot");
  src: url("../fonts/Montserrat-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-Medium.woff2") format("woff2"), url("../fonts/Montserrat-Medium.woff") format("woff"), url("../fonts/Montserrat-Medium.ttf") format("truetype"), url("../fonts/Montserrat-Medium.svg#Montserrat-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-LightItalic.eot");
  src: url("../fonts/Montserrat-LightItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-LightItalic.woff2") format("woff2"), url("../fonts/Montserrat-LightItalic.woff") format("woff"), url("../fonts/Montserrat-LightItalic.ttf") format("truetype"), url("../fonts/Montserrat-LightItalic.svg#Montserrat-LightItalic") format("svg");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-ExtraLightItalic.eot");
  src: url("../fonts/Montserrat-ExtraLightItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-ExtraLightItalic.woff2") format("woff2"), url("../fonts/Montserrat-ExtraLightItalic.woff") format("woff"), url("../fonts/Montserrat-ExtraLightItalic.ttf") format("truetype"), url("../fonts/Montserrat-ExtraLightItalic.svg#Montserrat-ExtraLightItalic") format("svg");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-Light.eot");
  src: url("../fonts/Montserrat-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-Light.woff2") format("woff2"), url("../fonts/Montserrat-Light.woff") format("woff"), url("../fonts/Montserrat-Light.ttf") format("truetype"), url("../fonts/Montserrat-Light.svg#Montserrat-Light") format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-Italic.eot");
  src: url("../fonts/Montserrat-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-Italic.woff2") format("woff2"), url("../fonts/Montserrat-Italic.woff") format("woff"), url("../fonts/Montserrat-Italic.ttf") format("truetype"), url("../fonts/Montserrat-Italic.svg#Montserrat-Italic") format("svg");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-ExtraLight.eot");
  src: url("../fonts/Montserrat-ExtraLight.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-ExtraLight.woff2") format("woff2"), url("../fonts/Montserrat-ExtraLight.woff") format("woff"), url("../fonts/Montserrat-ExtraLight.ttf") format("truetype"), url("../fonts/Montserrat-ExtraLight.svg#Montserrat-ExtraLight") format("svg");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-ThinItalic.eot");
  src: url("../fonts/Montserrat-ThinItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-ThinItalic.woff2") format("woff2"), url("../fonts/Montserrat-ThinItalic.woff") format("woff"), url("../fonts/Montserrat-ThinItalic.ttf") format("truetype"), url("../fonts/Montserrat-ThinItalic.svg#Montserrat-ThinItalic") format("svg");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-Regular.eot");
  src: url("../fonts/Montserrat-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-Regular.woff2") format("woff2"), url("../fonts/Montserrat-Regular.woff") format("woff"), url("../fonts/Montserrat-Regular.ttf") format("truetype"), url("../fonts/Montserrat-Regular.svg#Montserrat-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-MediumItalic.eot");
  src: url("../fonts/Montserrat-MediumItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-MediumItalic.woff2") format("woff2"), url("../fonts/Montserrat-MediumItalic.woff") format("woff"), url("../fonts/Montserrat-MediumItalic.ttf") format("truetype"), url("../fonts/Montserrat-MediumItalic.svg#Montserrat-MediumItalic") format("svg");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-Thin.eot");
  src: url("../fonts/Montserrat-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-Thin.woff2") format("woff2"), url("../fonts/Montserrat-Thin.woff") format("woff"), url("../fonts/Montserrat-Thin.ttf") format("truetype"), url("../fonts/Montserrat-Thin.svg#Montserrat-Thin") format("svg");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-SemiBold.eot");
  src: url("../fonts/Montserrat-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-SemiBold.woff2") format("woff2"), url("../fonts/Montserrat-SemiBold.woff") format("woff"), url("../fonts/Montserrat-SemiBold.ttf") format("truetype"), url("../fonts/Montserrat-SemiBold.svg#Montserrat-SemiBold") format("svg");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-SemiBoldItalic.eot");
  src: url("../fonts/Montserrat-SemiBoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-SemiBoldItalic.woff2") format("woff2"), url("../fonts/Montserrat-SemiBoldItalic.woff") format("woff"), url("../fonts/Montserrat-SemiBoldItalic.ttf") format("truetype"), url("../fonts/Montserrat-SemiBoldItalic.svg#Montserrat-SemiBoldItalic") format("svg");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Obvia";
  src: url("../fonts/Obvia/Obvia-BlackItalic.eot");
  src: url("../fonts/Obvia/Obvia-BlackItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Obvia/Obvia-BlackItalic.woff") format("woff"), url("../fonts/Obvia/Obvia-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Obvia";
  src: url("../fonts/Obvia/Obvia-BoldItalic.eot");
  src: url("../fonts/Obvia/Obvia-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Obvia/Obvia-BoldItalic.woff") format("woff"), url("../fonts/Obvia/Obvia-BoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Obvia";
  src: url("../fonts/Obvia/Obvia-BookItalic.eot");
  src: url("../fonts/Obvia/Obvia-BookItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Obvia/Obvia-BookItalic.woff") format("woff"), url("../fonts/Obvia/Obvia-BookItalic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Obvia";
  src: url("../fonts/Obvia/Obvia-Black.eot");
  src: url("../fonts/Obvia/Obvia-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/Obvia/Obvia-Black.woff") format("woff"), url("../fonts/Obvia/Obvia-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Obvia";
  src: url("../fonts/Obvia/Obvia-MediumItalic.eot");
  src: url("../fonts/Obvia/Obvia-MediumItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Obvia/Obvia-MediumItalic.woff") format("woff"), url("../fonts/Obvia/Obvia-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Obvia";
  src: url("../fonts/Obvia/Obvia-Medium.eot");
  src: url("../fonts/Obvia/Obvia-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Obvia/Obvia-Medium.woff") format("woff"), url("../fonts/Obvia/Obvia-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Obvia";
  src: url("../fonts/Obvia/Obvia-Light.eot");
  src: url("../fonts/Obvia/Obvia-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Obvia/Obvia-Light.woff") format("woff"), url("../fonts/Obvia/Obvia-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Obvia";
  src: url("../fonts/Obvia/Obvia-ThinItalic.eot");
  src: url("../fonts/Obvia/Obvia-ThinItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Obvia/Obvia-ThinItalic.woff") format("woff"), url("../fonts/Obvia/Obvia-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Obvia";
  src: url("../fonts/Obvia/Obvia-Book.eot");
  src: url("../fonts/Obvia/Obvia-Book.eot?#iefix") format("embedded-opentype"), url("../fonts/Obvia/Obvia-Book.woff") format("woff"), url("../fonts/Obvia/Obvia-Book.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Obvia";
  src: url("../fonts/Obvia/Obvia-Thin.eot");
  src: url("../fonts/Obvia/Obvia-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/Obvia/Obvia-Thin.woff") format("woff"), url("../fonts/Obvia/Obvia-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Mensura Slab Black";
  src: url("../fonts/Mensura/Mensura-Slab-Black.eot");
  src: url("../fonts/Mensura/Mensura-Slab-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/Mensura/Mensura-Slab-Black.woff") format("woff"), url("../fonts/Mensura/Mensura-Slab-Black.woff2") format("woff2"), url("../fonts/Mensura/Mensura-Slab-Black.ttf") format("truetype"), url("../fonts/Mensura/Mensura-Slab-Black.svg#Mensura Slab Black W01 Regular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Mensura Slab Black";
  src: url("../fonts/Mensura/Mensura-Slab-Black-Italic.eot");
  src: url("../fonts/Mensura/Mensura-Slab-Black-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/Mensura/Mensura-Slab-Black-Italic.woff") format("woff"), url("../fonts/Mensura/Mensura-Slab-Black-Italic.woff2") format("woff2"), url("../fonts/Mensura/Mensura-Slab-Black-Italic.ttf") format("truetype"), url("../fonts/Mensura/Mensura-Slab-Black-Italic.svg#Mensura Slab Black Italic W01") format("svg");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
/**
 * Basic typography style for copy text
 */
@media screen and (min-width: 992px) {
  .fs-lg-12 {
    font-size: 12px;
  }
}

@media screen and (min-width: 992px) {
  .fs-lg-14 {
    font-size: 14px;
  }
}

@media screen and (min-width: 992px) {
  .fs-lg-16 {
    font-size: 16px;
  }
}

@media screen and (min-width: 992px) {
  .fs-lg-18 {
    font-size: 18px;
  }
}

@media screen and (min-width: 992px) {
  .fs-lg-20 {
    font-size: 20px;
  }
}

@media screen and (min-width: 992px) {
  .fs-lg-22 {
    font-size: 22px;
  }
}

@media screen and (min-width: 992px) {
  .fs-lg-24 {
    font-size: 24px;
  }
}

@media screen and (min-width: 992px) {
  .fs-lg-26 {
    font-size: 26px;
  }
}

@media screen and (min-width: 992px) {
  .fs-lg-28 {
    font-size: 28px;
  }
}

@media screen and (min-width: 992px) {
  .fs-lg-30 {
    font-size: 30px;
  }
}

@media screen and (min-width: 992px) {
  .fs-lg-32 {
    font-size: 32px;
  }
}

@media screen and (min-width: 992px) {
  .fs-lg-34 {
    font-size: 34px;
  }
}

@media screen and (min-width: 992px) {
  .fs-lg-36 {
    font-size: 36px;
  }
}

@media screen and (min-width: 992px) {
  .fs-lg-38 {
    font-size: 38px;
  }
}

@media screen and (min-width: 992px) {
  .fs-lg-40 {
    font-size: 40px;
  }
}

@media screen and (min-width: 992px) {
  .fs-lg-42 {
    font-size: 42px;
  }
}

@media screen and (min-width: 992px) {
  .fs-lg-44 {
    font-size: 44px;
  }
}

@media screen and (min-width: 992px) {
  .fs-lg-46 {
    font-size: 46px;
  }
}

@media screen and (min-width: 992px) {
  .fs-lg-48 {
    font-size: 48px;
  }
}

@media screen and (min-width: 992px) {
  .fs-lg-50 {
    font-size: 50px;
  }
}

@media screen and (max-width: 991px) {
  .fs-12 {
    font-size: 12px;
  }
}

@media screen and (max-width: 991px) {
  .fs-14 {
    font-size: 14px;
  }
}

@media screen and (max-width: 991px) {
  .fs-16 {
    font-size: 16px;
  }
}

@media screen and (max-width: 991px) {
  .fs-18 {
    font-size: 18px;
  }
}

@media screen and (max-width: 991px) {
  .fs-20 {
    font-size: 20px;
  }
}

@media screen and (max-width: 991px) {
  .fs-22 {
    font-size: 22px;
  }
}

@media screen and (max-width: 991px) {
  .fs-24 {
    font-size: 24px;
  }
}

@media screen and (max-width: 991px) {
  .fs-26 {
    font-size: 26px;
  }
}

@media screen and (max-width: 991px) {
  .fs-28 {
    font-size: 28px;
  }
}

@media screen and (max-width: 991px) {
  .fs-30 {
    font-size: 30px;
  }
}

@media screen and (max-width: 991px) {
  .fs-32 {
    font-size: 32px;
  }
}

@media screen and (max-width: 991px) {
  .fs-34 {
    font-size: 34px;
  }
}

@media screen and (max-width: 991px) {
  .fs-36 {
    font-size: 36px;
  }
}

@media screen and (max-width: 991px) {
  .fs-38 {
    font-size: 38px;
  }
}

@media screen and (max-width: 991px) {
  .fs-40 {
    font-size: 40px;
  }
}

@media screen and (max-width: 991px) {
  .fs-42 {
    font-size: 42px;
  }
}

@media screen and (max-width: 991px) {
  .fs-44 {
    font-size: 44px;
  }
}

@media screen and (max-width: 991px) {
  .fs-46 {
    font-size: 46px;
  }
}

@media screen and (max-width: 991px) {
  .fs-48 {
    font-size: 48px;
  }
}

@media screen and (max-width: 991px) {
  .fs-50 {
    font-size: 50px;
  }
}

.montserrat, .cookies-banner a:not(.btn),
.montserrat-regular,
#phase3Modal .close #icon,
#phase4Modal .close #icon,
#cookiesOptionsModal .close #icon,
#externalModal .close #icon,
.hcpModal .close #icon {
  font-family: "Montserrat";
  font-weight: normal;
  font-style: normal;
}

.montserrat-thin {
  font-family: "Montserrat";
  font-weight: 100;
  font-style: normal;
}

.montserrat-italic {
  font-family: "Montserrat";
  font-weight: normal;
  font-style: italic;
}

.montserrat-light {
  font-family: "Montserrat";
  font-weight: 300;
  font-style: normal;
}

.montserrat-medium, .custom-sup-3::before, .custom-sup-1::before, .teaser-download .content p, .disclaimer-bottom p, .content-moa .subcontent-moa .item p, .accordion-burden .card .card-body ul li, .accordion-burden .card .card-header button .category, .accordion-burden .card .card-header .button .category, .content-symbols-antibiotic .item p, .burden-grid .disclaimer-burden p, .burden-grid .content .info, #phase3Modal .modal-body .table-information tbody td,
#phase4Modal .modal-body .table-information tbody td, #phase3Modal .modal-body .custom-sup-2::before,
#phase4Modal .modal-body .custom-sup-2::before, #phase3Modal .modal-body .custom-sup-1::before,
#phase4Modal .modal-body .custom-sup-1::before, .cookies-banner p {
  font-family: "Montserrat";
  font-weight: 500;
  font-style: normal;
}

.montserrat-medium-italic, .disclaimer-bottom p i, .accordion-burden .card .card-body .more-info p i, .burden-grid .content .info i {
  font-family: "Montserrat";
  font-weight: 500;
  font-style: italic;
}

.montserrat-semibold, .teaser-download .content p strong, .disclaimer-bottom p strong, .heading-1 h1, .heading-1 h2, .heading-1 h3, .heading-1 h4, .heading-1 h5, .heading-1 h6, .steps-support-treatment .item ul li strong, .steps-support-treatment .item ol li strong, .content-dosing-1 .title-content h1, .content-dosing-1 .title-content h2, .content-dosing-1 .title-content h3, .content-dosing-1 .title-content h4, .content-dosing-1 .title-content h5, .content-dosing-1 .title-content h6, .content-safety-2 .title-content h1, .content-safety-2 .title-content h2, .content-safety-2 .title-content h3, .content-safety-2 .title-content h4, .content-safety-2 .title-content h5, .content-safety-2 .title-content h6, .content-safety-1 .title-content h1, .content-safety-1 .title-content h2, .content-safety-1 .title-content h3, .content-safety-1 .title-content h4, .content-safety-1 .title-content h5, .content-safety-1 .title-content h6, .content-moa .moa_microbiome p, .accordion-burden .card .card-body .more-info p strong, .accordion-burden .card .card-body .more-info p, #cookiesOptionsModal .modal-body .custom-switch label, #cookiesOptionsModal .modal-body h1, #cookiesOptionsModal .modal-body h2, #cookiesOptionsModal .modal-body h3, #cookiesOptionsModal .modal-body h4, #cookiesOptionsModal .modal-body h5, #cookiesOptionsModal .modal-body h6, #externalModal .modal-body h1, #externalModal .modal-body h2, #externalModal .modal-body h3, #externalModal .modal-body h4, #externalModal .modal-body h5, #externalModal .modal-body h6,
.hcpModal .modal-body h1,
.hcpModal .modal-body h2,
.hcpModal .modal-body h3,
.hcpModal .modal-body h4,
.hcpModal .modal-body h5,
.hcpModal .modal-body h6 {
  font-family: "Montserrat";
  font-weight: 600;
  font-style: normal;
}

.montserrat-bold, .banner-page h1, .banner-page h2, .banner-page h3, .banner-page h4, .banner-page h5, .banner-page h6, .banner-page p, .steps-support-treatment .item h1, .steps-support-treatment .item h2, .steps-support-treatment .item h3, .steps-support-treatment .item h4, .steps-support-treatment .item h5, .steps-support-treatment .item h6, .content-dosing-1 .title-content h1 strong, .content-dosing-1 .title-content h2 strong, .content-dosing-1 .title-content h3 strong, .content-dosing-1 .title-content h4 strong, .content-dosing-1 .title-content h5 strong, .content-dosing-1 .title-content h6 strong, .content-safety-2 .title-content h1 strong, .content-safety-2 .title-content h2 strong, .content-safety-2 .title-content h3 strong, .content-safety-2 .title-content h4 strong, .content-safety-2 .title-content h5 strong, .content-safety-2 .title-content h6 strong, .content-safety-1 .title-content h1 strong, .content-safety-1 .title-content h2 strong, .content-safety-1 .title-content h3 strong, .content-safety-1 .title-content h4 strong, .content-safety-1 .title-content h5 strong, .content-safety-1 .title-content h6 strong, .tab-content-efficacy .subheading-1 h1, .tab-content-efficacy .subheading-1 h2, .tab-content-efficacy .subheading-1 h3, .tab-content-efficacy .subheading-1 h4, .tab-content-efficacy .subheading-1 h5, .tab-content-efficacy .subheading-1 h6, .nav-tabs-efficacy button span b, .burden-grid .content .info strong, #phase3Modal .modal-body .table-information tbody td strong,
#phase4Modal .modal-body .table-information tbody td strong, #phase3Modal .modal-body .heading h1, #phase3Modal .modal-body .heading h2, #phase3Modal .modal-body .heading h3, #phase3Modal .modal-body .heading h4, #phase3Modal .modal-body .heading h5, #phase3Modal .modal-body .heading h6,
#phase4Modal .modal-body .heading h1,
#phase4Modal .modal-body .heading h2,
#phase4Modal .modal-body .heading h3,
#phase4Modal .modal-body .heading h4,
#phase4Modal .modal-body .heading h5,
#phase4Modal .modal-body .heading h6, #phase3Modal .close span,
#phase4Modal .close span, #cookiesOptionsModal .close span, #externalModal .close span,
.hcpModal .close span, .btn-template-4, .cookies-banner p strong, .section-menu-mobile .btn-menu-mobile.open #close-menu, .section-menu-mobile .btn-menu-mobile.open #show-menu, .section-menu-mobile .btn-menu-mobile #show-menu,
.section-menu-mobile .btn-menu-mobile #close-menu, .section-menu-mobile .btn-menu-mobile span {
  font-family: "Montserrat";
  font-weight: bold;
  font-style: normal;
}

.montserrat-bold-italic, .banner-page h1 i, .banner-page h2 i, .banner-page h3 i, .banner-page h4 i, .banner-page h5 i, .banner-page h6 i, .banner-page p i, .heading-1 h1 i, .heading-1 h2 i, .heading-1 h3 i, .heading-1 h4 i, .heading-1 h5 i, .heading-1 h6 i, .burden-grid .content .info strong i {
  font-family: "Montserrat";
  font-weight: bold;
  font-style: italic;
}

.montserrat-extrabold {
  font-family: "Montserrat";
  font-weight: 800;
  font-style: normal;
}

.montserrat-black {
  font-family: "Montserrat";
  font-weight: 900;
  font-style: normal;
}

.barlow-condensed {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: normal;
  font-style: normal;
}

.barlow-semibold {
  font-family: "Barlow", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.barlow-semibold-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.barlow-font {
  font-family: "Barlow", sans-serif;
  font-weight: normal;
  font-style: normal;
}

.sans-serif-bold {
  font-family: sans-serif;
  font-weight: bold;
  font-style: normal;
}

.obvia-font {
  font-family: "Obvia", sans-serif;
}

.obvia-medium {
  font-family: "Obvia", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.obvia-font-lighter {
  font-family: "Obvia", sans-serif;
  font-weight: 100;
}

.obvia-narrow-font {
  font-family: "obvia-narrow", sans-serif;
}

.obvia-narrow-medium {
  font-family: "obvia-narrow", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.obvia-narrow-font-lighter {
  font-family: "obvia-narrow", sans-serif;
  font-weight: 100;
}

.mensura-font {
  font-family: "Mensura Slab Black", sans-serif;
}
.mensura-font sup {
  top: -0.8em;
}

.mensura-shadow {
  font-family: "Mensura Slab Black", sans-serif;
  font-style: italic;
  color: #fff;
  font-size: 185px;
  text-shadow: 5px 5px #4bc8f5;
  line-height: 1;
}
@media (max-width: 991px) {
  .mensura-shadow {
    font-size: 135px;
  }
}

.barlow-semi-condensed-thin {
  font-family: "Barlow Semi Condensed", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.barlow-semi-condensed-extralight {
  font-family: "Barlow Semi Condensed", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.barlow-semi-condensed-light {
  font-family: "Barlow Semi Condensed", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.barlow-semi-condensed-regular {
  font-family: "Barlow Semi Condensed", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.barlow-semi-condensed-medium {
  font-family: "Barlow Semi Condensed", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.barlow-semi-condensed-semibold {
  font-family: "Barlow Semi Condensed", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.barlow-semi-condensed-bold {
  font-family: "Barlow Semi Condensed", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.barlow-semi-condensed-extrabold {
  font-family: "Barlow Semi Condensed", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.barlow-semi-condensed-black {
  font-family: "Barlow Semi Condensed", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.barlow-semi-condensed-thin-italic {
  font-family: "Barlow Semi Condensed", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.barlow-semi-condensed-extralight-italic {
  font-family: "Barlow Semi Condensed", sans-serif;
  font-weight: 200;
  font-style: italic;
}

.barlow-semi-condensed-light-italic {
  font-family: "Barlow Semi Condensed", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.barlow-semi-condensed-regular-italic {
  font-family: "Barlow Semi Condensed", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.barlow-semi-condensed-medium-italic {
  font-family: "Barlow Semi Condensed", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.barlow-semi-condensed-semibold-italic {
  font-family: "Barlow Semi Condensed", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.barlow-semi-condensed-bold-italic {
  font-family: "Barlow Semi Condensed", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.barlow-semi-condensed-extrabold-italic {
  font-family: "Barlow Semi Condensed", sans-serif;
  font-weight: 800;
  font-style: italic;
}

.barlow-semi-condensed-black-italic {
  font-family: "Barlow Semi Condensed", sans-serif;
  font-weight: 900;
  font-style: italic;
}

.owners-xlight {
  font-family: "owners", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.owners-xlight-italic {
  font-family: "owners", sans-serif;
  font-weight: 200;
  font-style: italic;
}

.formNewsletter .form-control::-webkit-input-placeholder {
  font-family: "owners", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.formNewsletter .form-control::-moz-placeholder {
  font-family: "owners", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.formNewsletter .form-control:-ms-input-placeholder {
  font-family: "owners", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.formNewsletter .form-control::-ms-input-placeholder {
  font-family: "owners", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.owners-light, .bannerTop p, .formNewsletter .form-control::placeholder {
  font-family: "owners", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.owners-light-italic {
  font-family: "owners", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.owners-regular, .container-banner-line .textBannerLine h3, body {
  font-family: "owners", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.owners-italic {
  font-family: "owners", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.owners-medium, .listSymptoms .itemSymptom p {
  font-family: "owners", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.owners-medium-italic {
  font-family: "owners", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.owners-bold, .formNewsletter .btnSend, .formNewsletter .form-label, .container-banner-line .textBannerLine a, .block5 .group-antibiotics .wrapper-antibiotics p, .block3 .groupRisks .itemRisk .itemBg p, .subBanner-container .subBanner .subBanner-text, .block-banner h2, strong {
  font-family: "owners", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.owners-bold-italic {
  font-family: "owners", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.owners-black {
  font-family: "owners", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.owners-xblack, .block-lines .l2, .block-lines .l1 {
  font-family: "owners", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.owners-black-italic {
  font-family: "owners", sans-serif;
  font-weight: 800;
  font-style: italic;
}

.owners-xblack-italic {
  font-family: "owners", sans-serif;
  font-weight: 900;
  font-style: italic;
}

.owners-narrow-bold {
  font-family: "owners-narrow", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.owners-narrow-bold-italic {
  font-family: "owners-narrow", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.owners-narrow-black, .block5 .cblocklines2 .l2, .block5 .group-antibiotics .wrapper-antibiotics p span {
  font-family: "owners-narrow", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.owners-narrow-black-italic {
  font-family: "owners-narrow", sans-serif;
  font-weight: 800;
  font-style: italic;
}

.owners-narrow-xblack {
  font-family: "owners-narrow", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.owners-narrow-xblack-italic {
  font-family: "owners-narrow", sans-serif;
  font-weight: 900;
  font-style: italic;
}

.menu {
  padding-top: 0;
  padding-bottom: 0;
  z-index: 3 !important;
}
@media (max-width: 991px) {
  .menu {
    background-color: #0f1759;
  }
}
@media screen and (max-width: 991px) {
  .menu {
    padding-left: 0;
    padding-right: 0;
  }
}

.nav-item-blue::after {
  background-color: #425264;
  color: #425264;
}

.nav-link-blue {
  color: #425264;
}
.nav-link-blue span {
  color: #425264;
}
.nav-link-blue:hover {
  color: #425264;
}
.nav-link-blue:hover span {
  color: #425264;
}

.menu-desktop {
  position: relative;
  margin-left: 200px;
}
@media (max-width: 1200px) {
  .menu-desktop {
    margin-left: 50px;
  }
}
.menu-desktop .navbar-nav {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.menu-desktop .nav-item {
  max-width: 200px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (min-width: 992px) {
  .menu-desktop .nav-item {
    min-height: 56px;
  }
}
@media only screen and (min-width: 1400px) {
  .menu-desktop .nav-item {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.menu-desktop .nav-item:last-child::after {
  display: none;
}
.menu-desktop .nav-item .nav-link:focus {
  color: #001B70;
}
.menu-desktop .nav-item .nav-link {
  color: #001B70 !important;
  text-decoration: none;
  font-size: 16px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 2px solid transparent;
  height: 100%;
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  position: relative;
}
.menu-desktop .nav-item .nav-link span {
  line-height: 20px;
  color: #001b70;
  text-decoration: none;
  font-family: "Barlow", sans-serif;
  font-weight: 600;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}
@media only screen and (max-width: 1021px) and (min-width: 768px) {
  .menu-desktop .nav-item .nav-link {
    font-size: 11px;
  }
}
.menu-desktop .nav-item .nav-link:hover:before, .menu-desktop .nav-item .nav-link:focus:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -7px;
  width: 100%;
  height: 2px;
  background-color: #0336ff;
}
.menu-desktop .nav-item .nav-link:hover span, .menu-desktop .nav-item .nav-link:focus span {
  color: #0336ff;
  text-decoration: none;
}
.menu-desktop .nav-link.active:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -7px;
  width: 100%;
  height: 2px;
  background-color: #0336ff;
}
.menu-desktop .nav-link.active span {
  color: #0336ff;
  text-decoration: none;
  font-weight: bold;
}
@media only screen and (max-width: 1021px) and (min-width: 768px) {
  .menu-desktop .nav-link.active {
    font-size: 11px;
  }
}

.menu-container {
  position: relative;
  z-index: 2 !important;
}

.sticky-wrapper {
  position: relative;
  z-index: 20;
}

#sticky-wrapper.is-sticky {
  z-index: 20 !important;
  height: auto !important;
}
#sticky-wrapper.is-sticky .menu {
  background-color: #001b70;
  -webkit-box-shadow: 0 12px 6px rgba(17, 51, 71, 0.25);
          box-shadow: 0 12px 6px rgba(17, 51, 71, 0.25);
}
#sticky-wrapper.is-sticky .section-menu-mobile {
  position: static;
}
#sticky-wrapper.is-sticky .navbar-nav {
  margin-top: 10px;
}
#sticky-wrapper.is-sticky .navbar-nav .nav-item:first-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#sticky-wrapper.is-sticky #show-menu {
  margin-right: 10px;
}
#sticky-wrapper.is-sticky .container-logo .logo {
  display: none;
}
#sticky-wrapper.is-sticky .menu-desktop {
  margin-right: 0;
}
#sticky-wrapper.is-sticky .menu.slide-in-top {
  height: auto;
}
#sticky-wrapper.is-sticky .menu.slide-in-top .container-logo.invisible {
  display: none;
}
#sticky-wrapper.is-sticky .menu.slide-in-top .section-menu-mobile {
  height: auto;
  margin-top: 0;
}
#sticky-wrapper.is-sticky .menu.slide-in-top .section-menu-mobile .btn-menu-mobile {
  height: 44px;
}

.container-logo {
  text-align: center;
  z-index: 100;
}
@media (min-width: 992px) {
  .container-logo {
    position: absolute;
    right: 4%;
    top: 0;
  }
}
.container-logo.invisible {
  padding: 0;
  width: 0;
  overflow: hidden;
}
.container-logo .logo {
  max-width: 200px;
}
@media screen and (max-width: 991px) {
  .container-logo .logo {
    max-width: 130px;
  }
}
@media (max-width: 1180px) {
  .container-logo .logo {
    max-width: 145px;
  }
}

@media (max-width: 991px) {
  .custom-container {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
}
@media screen and (max-width: 578px) {
  .custom-container {
    position: relative;
    z-index: 502;
  }
}

.menu__mobile-left {
  position: fixed;
  left: -100vw;
  width: 100vw;
  height: 100%;
  top: 0;
  overflow: auto;
  background: #001b70;
  z-index: 4000;
  -webkit-transition: left 0.3s linear;
  transition: left 0.3s linear;
  border-top: 4px solid #fff;
}
.menu__mobile-left .menu-mobile {
  height: 100%;
  overflow-y: scroll;
  padding-bottom: 150px;
}
.menu__mobile-left .menu-mobile .item.active div {
  background: #02248f;
}
.menu__mobile-left .menu-mobile a {
  color: white;
  text-decoration: none !important;
  font-size: 18px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  font-family: "Barlow", sans-serif;
  font-weight: bold;
}
.menu__mobile-left .menu-mobile a div {
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 1rem;
  background-color: transparent;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}
.menu__mobile-left .menu-mobile a:hover div, .menu__mobile-left .menu-mobile a:focus div {
  background-color: #12086F;
}
@media screen and (min-width: 1200px) {
  .menu__mobile-left {
    display: none;
  }
}
@media screen and (max-width: 1200px) {
  .menu__mobile-left {
    top: 130px;
  }
}
@media screen and (max-width: 995px) {
  .menu__mobile-left {
    top: 80px;
  }
}

.menu__mobile-left.open {
  left: 0;
}

.bar-header {
  background: #12086F;
  position: relative;
  z-index: 20;
  color: #707070;
}
.bar-header p {
  color: #fff;
  font-size: 15px;
  margin-bottom: 0;
}
@media screen and (max-width: 991px) {
  .bar-header p {
    font-size: 13px;
  }
}
@media screen and (max-width: 1140px) {
  .bar-header .links-bar-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .bar-header .links-bar-header span {
    color: white;
  }
}
.bar-header .links-bar-header a {
  font-size: 16px;
  color: #fff;
  text-decoration: none;
  font-family: "Barlow", sans-serif;
  border-right: 1px solid #fff;
  padding: 0px 15px;
}
@media screen and (max-width: 991px) {
  .bar-header .links-bar-header a {
    font-size: 13px;
    text-align: center;
    height: 44px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-decoration: underline;
  }
}
.bar-header .links-bar-header a:hover, .bar-header .links-bar-header a:focus {
  text-decoration: underline;
}
.bar-header .links-bar-header a:last-child {
  border-right: 1px solid transparent;
  padding-right: 0px;
}

.section-menu-mobile {
  cursor: pointer;
  margin-top: 15px;
  z-index: 5001;
  position: absolute;
  left: 15px;
  height: 65px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.section-menu-mobile .btn-menu-mobile {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  height: 45px;
}
.section-menu-mobile .btn-menu-mobile .hamburger {
  width: 45px;
  height: 3px;
  background-color: #fff;
  border-radius: 5px;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  position: relative;
  left: 0px;
}
.section-menu-mobile .btn-menu-mobile .hamburger::before, .section-menu-mobile .btn-menu-mobile .hamburger::after {
  content: "";
  position: absolute;
  width: 45px;
  height: 3px;
  background-color: #fff;
  border-radius: 5px;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  left: 50%;
}
.section-menu-mobile .btn-menu-mobile span {
  margin-bottom: 0;
  color: #fff;
  font-size: 14px;
}
.section-menu-mobile .btn-menu-mobile #show-menu,
.section-menu-mobile .btn-menu-mobile #close-menu {
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.section-menu-mobile .btn-menu-mobile #close-menu {
  display: none;
}
.section-menu-mobile .btn-menu-mobile .hamburger::before {
  -webkit-transform: translate(-50%, -10px);
          transform: translate(-50%, -10px);
}
.section-menu-mobile .btn-menu-mobile .hamburger::after {
  -webkit-transform: translate(-50%, 10px);
          transform: translate(-50%, 10px);
}
.section-menu-mobile .btn-menu-mobile.open .hamburger {
  background-color: transparent;
}
.section-menu-mobile .btn-menu-mobile.open .hamburger::before {
  -webkit-transform: rotate(45deg) translate(-15px, 15px);
          transform: rotate(45deg) translate(-15px, 15px);
  background-color: #fff;
}
.section-menu-mobile .btn-menu-mobile.open .hamburger::after {
  -webkit-transform: rotate(-45deg) translate(-15px, -15px);
          transform: rotate(-45deg) translate(-15px, -15px);
  background-color: #fff;
}
.section-menu-mobile .btn-menu-mobile.open #show-menu {
  display: none;
}
.section-menu-mobile .btn-menu-mobile.open #close-menu {
  display: inline-block;
  color: #fff;
}

.cookies-banner {
  background-color: #faf1b7;
  position: relative;
  z-index: 1;
}
.cookies-banner p {
  font-size: 14px;
}
.cookies-banner p strong {
  color: #4b5c71;
  text-transform: uppercase;
  font-size: 16px;
}
.cookies-banner a:not(.btn) {
  color: #003447;
  text-decoration: underline;
}
.cookies-banner a:not(.btn):hover, .cookies-banner a:not(.btn):focus {
  color: #003447;
  text-decoration: none;
}
.cookies-banner .settings-links a {
  font-size: 14px;
}

.custom-dropdown {
  height: 100%;
}
.custom-dropdown .custom-dropdown-menu {
  left: -120px;
  top: 97%;
  z-index: 5000;
}
.custom-dropdown .dropdown-toggle:hover::after, .custom-dropdown .dropdown-toggle:focus::after {
  color: #fff;
}
.custom-dropdown .dropdown-toggle.active::after {
  color: #fff;
}
.custom-dropdown .dropdown-toggle::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f107";
  color: #001b70;
  font-size: 18px;
  padding-left: 7px;
  border: none;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}
.custom-dropdown .custom-dropdown-menu {
  padding-top: 0;
  padding-bottom: 0;
  border-radius: 22px;
  border: none;
  overflow: hidden;
}
.custom-dropdown .custom-dropdown-menu .dropdown-item {
  padding-top: 10px;
  padding-bottom: 10px;
  text-decoration: none;
  border-radius: 0;
  border: 1px solid transparent;
  color: #001b70;
  background: #fff;
  font-size: 18px;
  font-family: "Barlow", sans-serif;
  font-weight: 600;
}
.custom-dropdown .custom-dropdown-menu .dropdown-item:hover, .custom-dropdown .custom-dropdown-menu .dropdown-item:focus {
  color: #0336ff;
}
.custom-dropdown .custom-dropdown-menu .dropdown-item.active {
  color: #0336ff;
}

.custom-dropdown.show .dropdown-toggle::after,
.custom-dropdown:hover .dropdown-toggle::after {
  content: "\f106";
}

.sticky-menu {
  position: fixed;
  top: 0;
  width: 100%;
}

@media screen and (min-width: 991px) {
  .pl-md-30 {
    padding-left: 30px;
  }
  .pr-md-30 {
    padding-right: 30px;
  }
}
.btn-read-more-mobile {
  font-size: 14px;
}

.main-footer {
  border-bottom: 8px solid transparent;
  position: relative;
  background: #212E2D;
  z-index: 7;
}

.cPreFooter {
  background: #212E2D;
  position: relative;
  z-index: 7;
}
.cPreFooter * {
  color: white;
  font-size: 16px;
}

.footer-shape {
  background: #001b70;
  height: 120px;
  width: 100%;
  clip-path: polygon(0 0, 0% 100%, 100% 100%);
  position: relative;
  margin-bottom: -1px;
}
@media (max-width: 991px) {
  .footer-shape {
    height: 80px;
  }
}

.links-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.links-footer .custom-link-external:hover .color-magenta {
  text-decoration: none;
}
.links-footer .custom-link-external .color-magenta {
  color: magenta;
  text-decoration: underline;
}
@media screen and (max-width: 1199px) {
  .links-footer {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .links-footer a {
    text-align: center;
    -webkit-box-flex: 50% !important;
        -ms-flex: 50% !important;
            flex: 50% !important;
    width: 50% !important;
    margin-bottom: 1.2rem;
  }
  .links-footer a:after {
    display: none !important;
  }
  .links-footer a:nth-child(even) {
    border-right: 0 !important;
  }
}
@media screen and (max-width: 578px) {
  .links-footer a {
    text-align: center;
    -webkit-box-flex: 50% !important;
        -ms-flex: 50% !important;
            flex: 50% !important;
    width: 100% !important;
  }
}
@media screen and (max-width: 372px) {
  .links-footer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.links-footer a {
  color: white;
  text-decoration: underline;
  font-size: 14px;
}
.links-footer a:hover, .links-footer a:focus {
  color: white;
  text-decoration: none;
}
.links-footer a::after {
  display: inline-block;
  width: 1.5px;
  height: 12px;
  background-color: white;
  color: white;
  content: "";
  position: relative;
  margin-left: 10px;
  margin-right: 10px;
}
.links-footer a:last-child::after {
  display: none;
}
@media screen and (max-width: 372px) {
  .links-footer a {
    width: 100%;
    text-align: center;
    margin-bottom: 0.5rem;
  }
  .links-footer a::after {
    display: none !important;
  }
}

.disclaimer-footer {
  text-align: center;
}
.disclaimer-footer p {
  font-size: 16px;
  margin-bottom: 0;
  color: white;
  font-family: "owners", sans-serif !important;
  font-weight: 400 !important;
  font-style: normal !important;
}

.pre-footer {
  overflow-y: hidden;
  width: 100%;
  -webkit-transition: max-height 0.15s linear;
  transition: max-height 0.15s linear;
  padding-top: 20px;
  padding-bottom: 1rem;
  background-color: #edfafe;
  overflow-y: auto;
  color: #001b70;
  z-index: 502;
  font-size: 18px;
}
@media (min-width: 992px) {
  .pre-footer.pinned:not(.open) .tray-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .pre-footer.pinned:not(.open) .tray-col {
    width: 50%;
  }
  .pre-footer.pinned:not(.open) .tray-col:first-child {
    padding-right: 25px;
  }
}
@media (max-width: 768px) {
  .pre-footer {
    min-width: auto !important;
  }
}
.pre-footer .footer-heading {
  font-size: 22px;
}
@media screen and (min-width: 992px) {
  .pre-footer .footer-heading {
    font-weight: 600 !important;
  }
}
@media (max-width: 768px) {
  .pre-footer .footer-heading {
    font-size: 18px;
  }
}
.pre-footer a:not(.link-phone) {
  text-decoration: underline;
}
.pre-footer a:not(.link-phone):hover, .pre-footer a:not(.link-phone):focus {
  text-decoration: none;
}
.pre-footer .link-phone {
  color: #53667d;
  border-bottom: 1px dashed #53667d;
}
.pre-footer .link-phone:hover {
  color: #53667d;
  border-bottom: 1px dashed transparent;
}
.pre-footer .color-red {
  font-weight: 500;
}
.pre-footer::-webkit-scrollbar {
  width: 0.4rem;
  height: 1rem;
  margin-right: 5px;
}
.pre-footer::-webkit-scrollbar-track-piece {
  background: #dde0e5;
  border-radius: 5px;
}
.pre-footer::-webkit-scrollbar-thumb {
  background: #53667d;
  border-radius: 5px;
}
.pre-footer p {
  margin-bottom: 10px;
}
.pre-footer .custom-ul,
.pre-footer .custom-ol {
  padding-left: 1rem;
}
.pre-footer .custom-ul li,
.pre-footer .custom-ol li {
  margin-bottom: 5px;
}
.pre-footer .custom-ol {
  margin-top: 5px;
}
.pre-footer .c-strong {
  font-size: 16px;
}
.pre-footer .yellow-heading {
  background-color: #f3e964;
  display: none;
}
.pre-footer.pinned {
  position: fixed;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 0px;
  overflow: hidden;
  height: 170px;
  max-height: 170px;
  -webkit-transition: max-height 0.25s ease-out, height 0.25s ease-out;
  transition: max-height 0.25s ease-out, height 0.25s ease-out;
  z-index: 502;
}
.pre-footer.pinned .yellow-heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -16px;
  margin-right: -16px;
  font-family: "Barlow Condensed", sans-serif;
}
@media (max-width: 991px) {
  .pre-footer.pinned .yellow-heading {
    display: none;
  }
}
.pre-footer.pinned .yellow-heading p {
  font-size: 19px;
  line-height: 1;
}
.pre-footer.pinned .yellow-heading [class^=col] {
  padding-left: 16px;
  padding-right: 16px;
}
.pre-footer.pinned .unpinned-heading {
  visibility: hidden;
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .pre-footer.pinned .unpinned-heading {
    display: inline-block;
    visibility: visible;
    font-size: 24px;
  }
}
.pre-footer.pinned .pre-footer__show-more {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: absolute !important;
  top: -10px;
  z-index: 1;
  right: 15px;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  outline: 0;
  border: none;
  height: 28px;
  background: none;
}
@media (max-width: 991px) {
  .pre-footer.pinned .pre-footer__show-more {
    top: 0;
    right: 0;
  }
}
.pre-footer.pinned .pre-footer__show-more:hover #see-more,
.pre-footer.pinned .pre-footer__show-more:hover #see-less {
  color: #f3e964;
}
.pre-footer.pinned .pre-footer__show-more:hover .icon {
  border: 2px solid #f3e964;
  background: #f3e964;
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
}
.pre-footer.pinned .pre-footer__show-more #see-more,
.pre-footer.pinned .pre-footer__show-more #see-less {
  text-transform: uppercase;
  color: #f3e964;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
}
@media screen and (max-width: 991px) {
  .pre-footer.pinned .pre-footer__show-more #see-more,
  .pre-footer.pinned .pre-footer__show-more #see-less {
    display: none;
  }
}
.pre-footer.pinned .pre-footer__show-more .icon {
  position: relative;
  display: inline-block;
  border-radius: 50%;
  border: 2px solid #f3e964;
  background: #f3e964;
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
  height: 35px;
  width: 35px;
}
@media screen and (max-width: 992px) {
  .pre-footer.pinned .pre-footer__show-more .icon {
    height: 30px;
    width: 30px;
  }
}
.pre-footer.pinned .pre-footer__show-more .icon svg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-54%, -49%);
          transform: translate(-54%, -49%);
  width: 1rem;
  height: 1rem;
}
@media screen and (min-width: 992px) {
  .pre-footer.pinned .pre-footer__show-more .icon svg {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-52%, -48%);
            transform: translate(-52%, -48%);
    width: 20px;
    height: 20px;
  }
}
.pre-footer .unpinned-heading {
  font-family: "Barlow Condensed", sans-serif;
  color: #bd5547;
  font-size: 21px;
  margin-bottom: 5px;
}
.pre-footer #see-more {
  display: block;
}
.pre-footer #see-less {
  display: none;
}
.pre-footer.open {
  -webkit-transition: max-height 0.25s ease-in;
  transition: max-height 0.25s ease-in;
  height: 65vh;
  max-height: 65vh;
  overflow-y: scroll;
}
@media screen and (min-width: 1400px) {
  .pre-footer.open {
    height: 60vh;
    max-height: 60vh;
    overflow-y: hidden;
  }
}
@media screen and (max-width: 991px) {
  .pre-footer.open {
    height: 71vh;
    max-height: 71vh;
    overflow-y: hidden;
  }
}
.pre-footer.open #see-more {
  display: none;
}
.pre-footer.open #see-less {
  display: block;
}
.pre-footer.open .pre-footer__show-more svg path:nth-child(2) {
  display: none !important;
}
.pre-footer.open .overflow-y-scroll {
  overflow-y: scroll;
  height: 100%;
}
@media screen and (min-width: 1400px) {
  .pre-footer.open .overflow-y-scroll {
    height: 52vh;
    max-height: 52vh;
  }
}
@media screen and (max-width: 991px) {
  .pre-footer.open .overflow-y-scroll {
    overflow-y: scroll;
    height: calc(71vh - 110px);
    max-height: calc(71vh - 110px);
  }
}
.pre-footer .pre-footer__show-more {
  display: none;
}

@media screen and (min-width: 992px) {
  .pinned {
    padding: 25px 0 5px 0;
  }
}

.social-media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 991px) {
  .social-media {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.social-media a {
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  text-decoration: none;
}
.social-media a:hover, .social-media a:focus {
  text-decoration: none;
}
.social-media a:hover .facebook,
.social-media a:hover .fb,
.social-media a:hover .twitter,
.social-media a:hover .tw,
.social-media a:hover .yt,
.social-media a:hover .ig,
.social-media a:hover .ink, .social-media a:focus .facebook,
.social-media a:focus .fb,
.social-media a:focus .twitter,
.social-media a:focus .tw,
.social-media a:focus .yt,
.social-media a:focus .ig,
.social-media a:focus .ink {
  background-color: #4267b2;
}
.social-media a:hover .facebook::after,
.social-media a:hover .fb::after,
.social-media a:hover .twitter::after,
.social-media a:hover .tw::after,
.social-media a:hover .yt::after,
.social-media a:hover .ig::after,
.social-media a:hover .ink::after, .social-media a:focus .facebook::after,
.social-media a:focus .fb::after,
.social-media a:focus .twitter::after,
.social-media a:focus .tw::after,
.social-media a:focus .yt::after,
.social-media a:focus .ig::after,
.social-media a:focus .ink::after {
  color: white;
}
.social-media .facebook,
.social-media .fb {
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  background-color: white;
  border-radius: 50%;
  height: 35px;
  width: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.social-media .facebook::after,
.social-media .fb::after {
  font-family: "Font Awesome 5 Brands";
  font-weight: 900;
  content: "\f39e";
  color: black;
  font-size: 20px;
}
.social-media .twitter,
.social-media .tw {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.social-media .twitter::after,
.social-media .tw::after {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
  content: "\f081";
  color: white;
  font-size: 20px;
}
.social-media .yt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.social-media .yt::after {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
  content: "\f167";
  color: white;
  font-size: 20px;
}
.social-media .ig {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.social-media .ig::after {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
  content: "\e055";
  color: white;
  font-size: 20px;
}
.social-media .ink {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.social-media .ink::after {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
  content: "\f08c";
  color: white;
  font-size: 20px;
}

.logos-footer {
  max-width: 60%;
}

.footer-logo-nhsc {
  max-width: 200px;
}
@media (max-width: 991px) {
  .footer-logo-nhsc {
    max-width: 160px;
  }
}
.footer-logo-nhsc img {
  max-width: 200px;
}

.footer-logo-seres {
  max-width: 200px;
}
@media (max-width: 991px) {
  .footer-logo-seres {
    max-width: 160px;
  }
}

.customLinksFooter a {
  font-size: 18px;
  font-weight: 400;
}
@media (max-width: 991px) {
  .customLinksFooter a {
    height: 44px;
    position: relative;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (max-width: 372px) {
  .customLinksFooter a {
    height: 44px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0 !important;
        -ms-flex: none !important;
            flex: none !important;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
            justify-content: center;
  }
}

.btn-template-1 {
  background-color: #f3e964;
  text-decoration: none !important;
  text-transform: uppercase;
  font-size: 15px;
  padding-top: 13px;
  padding-bottom: 13px;
  padding-left: 25px;
  padding-right: 25px;
  border-radius: 12px;
  font-family: "Barlow", "Helvetica Neue", Helvetica, Arial;
  color: #001b70;
  position: relative;
  font-weight: 600;
}
.btn-template-1:hover::before, .btn-template-1:focus::before {
  opacity: 1;
}
.btn-template-1.disabled::before {
  opacity: 0;
}
.btn-template-1::after {
  content: url("data:image/svg+xml,%3Csvg width='8' height='12' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L7 7L1 13' stroke='%23001B70' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  color: #001b70;
  position: relative;
  top: 1px;
  left: 5px;
}
.btn-template-1::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 14px;
  left: 0;
  bottom: -5px;
  background: -webkit-gradient(linear, left top, right top, from(rgb(243, 233, 100)), color-stop(50%, rgb(75, 200, 245)), to(rgb(68, 97, 239)));
  background: linear-gradient(to right, rgb(243, 233, 100) 0%, rgb(75, 200, 245) 50%, rgb(68, 97, 239) 100%);
  z-index: -1;
  border-radius: 0 0 22px 22px;
  opacity: 0;
}

.btn-template-2 {
  font-size: 16px;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 26px;
  padding-right: 26px;
  border-radius: 40px;
  font-family: "Barlow", "Helvetica Neue", Helvetica, Arial;
  background-color: #f3e964;
  color: #001b70;
  text-decoration: none;
  position: relative;
  font-weight: 600;
}
.btn-template-2:hover::before, .btn-template-2:focus::before {
  opacity: 1;
}
.btn-template-2.disabled::before {
  opacity: 0;
}
.btn-template-2::after {
  content: url("data:image/svg+xml,%3Csvg width='8' height='12' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L7 7L1 13' stroke='%23001B70' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  color: #001b70;
  position: relative;
  top: 1px;
  left: 5px;
}
.btn-template-2::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 35px;
  left: 0;
  bottom: -5px;
  background: -webkit-gradient(linear, left top, right top, from(rgb(243, 233, 100)), color-stop(50%, rgb(75, 200, 245)), to(rgb(68, 97, 239)));
  background: linear-gradient(to right, rgb(243, 233, 100) 0%, rgb(75, 200, 245) 50%, rgb(68, 97, 239) 100%);
  z-index: -1;
  border-radius: 0 0 22px 22px;
  opacity: 0;
}

.btn-template-3 {
  background-color: #f3e964;
  text-decoration: none !important;
  color: #001b70;
  font-size: 16px;
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
  padding-left: 25px;
  padding-right: 40px;
  border-radius: 12px;
  font-weight: 600;
  position: relative;
  display: inline;
  z-index: 1;
}
.btn-template-3 svg {
  position: absolute;
  right: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.btn-template-3:hover::before, .btn-template-3:focus::before {
  opacity: 1;
}
.btn-template-3::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 14px;
  left: 0;
  bottom: -5px;
  background: -webkit-gradient(linear, left top, right top, from(rgb(243, 233, 100)), color-stop(50%, rgb(75, 200, 245)), to(rgb(68, 97, 239)));
  background: linear-gradient(to right, rgb(243, 233, 100) 0%, rgb(75, 200, 245) 50%, rgb(68, 97, 239) 100%);
  z-index: -1;
  border-radius: 0 0 22px 22px;
  opacity: 0;
}

.btn-template-4 {
  background-color: #f4e36e;
  border-color: #f4e36e;
  color: #425264;
  text-decoration: none !important;
  text-transform: uppercase;
  font-size: 14px;
  border-radius: 30px;
  -webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.15);
          box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.15);
}
.btn-template-4:hover, .btn-template-4:focus {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  background-color: #f4e36e;
  border-color: #f4e36e;
  color: #425264;
  text-decoration: none !important;
}

.btn-template-5 {
  text-decoration: none !important;
  color: #001b70;
  font-size: 16px;
  padding: 0;
  border-radius: 220px;
  font-weight: 600;
  position: relative;
  display: inline;
  z-index: 1;
}
.btn-template-5 svg {
  position: absolute;
  right: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.btn-template-5:hover::before, .btn-template-5:focus::before {
  opacity: 1;
}
.btn-template-5 span {
  position: relative;
  z-index: 1;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 30px;
  padding-right: 45px;
  background-color: #f3e964;
  border-radius: 220px;
  display: block;
}
.btn-template-5::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 35px;
  left: 0;
  bottom: -5px;
  background: -webkit-gradient(linear, left top, right top, from(rgb(243, 233, 100)), color-stop(50%, rgb(75, 200, 245)), to(rgb(68, 97, 239)));
  background: linear-gradient(to right, rgb(243, 233, 100) 0%, rgb(75, 200, 245) 50%, rgb(68, 97, 239) 100%);
  z-index: -1;
  border-radius: 0 0 220px 220px;
  opacity: 0;
}

.btn-template-6 {
  position: relative;
  font-family: "Obvia", sans-serif;
  font-weight: bold;
  color: #f3e964;
  background-color: #3f526c;
  border: 3px solid #f3e964;
  clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 20px, 100% 100%, 20px 100%, 0 calc(100% - 20px), 0 0);
  padding: 15px 20px;
  position: relative;
  text-decoration: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.btn-template-6:before {
  content: "";
  left: -17px;
  bottom: -11px;
  position: absolute;
  width: 30px;
  height: 26px;
  border-top: 3px solid #f3e964;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.btn-template-6:after {
  content: "";
  right: -17px;
  top: -11px;
  position: absolute;
  width: 30px;
  height: 26px;
  border-bottom: 3px solid #f3e964;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
@media (max-width: 991px) {
  .btn-template-6 svg {
    width: 30px;
    height: 30px;
  }
}
.btn-template-6:hover, .btn-template-6:focus {
  background-color: #262a36;
  color: #fff;
}
.btn-template-6:hover svg line, .btn-template-6:focus svg line {
  stroke: #fff !important;
}

.btn-template-7 {
  position: relative;
  font-family: "Obvia", sans-serif;
  font-weight: bold;
  font-size: 16px;
  text-transform: uppercase;
  color: #fff;
  background-color: #3f526c;
  clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 20px, 100% 100%, 20px 100%, 0 calc(100% - 20px), 0 0);
  padding: 15px 35px;
  position: relative;
  text-decoration: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.btn-template-7:before {
  content: "";
  left: -17px;
  bottom: -11px;
  position: absolute;
  width: 30px;
  height: 26px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.btn-template-7:after {
  content: "";
  right: -17px;
  top: -11px;
  position: absolute;
  width: 30px;
  height: 26px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.btn-template-7:hover, .btn-template-7:focus {
  background-color: #262a36;
  color: #fff;
}
.btn-template-7:hover svg line, .btn-template-7:focus svg line {
  stroke: #fff !important;
}

.btn-template-8 {
  position: relative;
  font-family: "Obvia", sans-serif;
  font-weight: bold;
  font-size: 16px;
  text-transform: uppercase;
  color: #fff;
  background-color: transparent;
  border: 3px solid #fff;
  clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 20px, 100% 100%, 20px 100%, 0 calc(100% - 20px), 0 0);
  padding: 15px 35px;
  position: relative;
  text-decoration: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.btn-template-8:before {
  content: "";
  left: -17px;
  bottom: -11px;
  position: absolute;
  width: 30px;
  height: 26px;
  border-top: 3px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.btn-template-8:after {
  content: "";
  right: -17px;
  top: -11px;
  position: absolute;
  border-bottom: 3px solid #fff;
  width: 30px;
  height: 26px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.btn-template-8:hover, .btn-template-8:focus {
  background-color: #262a36;
  color: #fff;
}
.btn-template-8:hover svg line, .btn-template-8:focus svg line {
  stroke: #fff !important;
}

.btn-template-9 {
  position: relative;
  font-family: "obvia-narrow", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 16px;
  text-transform: uppercase;
  color: #fff;
  background-color: #3f526c;
  clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 20px, 100% 100%, 20px 100%, 0 calc(100% - 20px), 0 0);
  padding: 15px 35px;
  position: relative;
  text-decoration: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.btn-template-9:before {
  content: "";
  left: -17px;
  bottom: -11px;
  position: absolute;
  width: 30px;
  height: 26px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.btn-template-9:after {
  content: "";
  right: -17px;
  top: -11px;
  position: absolute;
  width: 30px;
  height: 26px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.btn-template-9:hover, .btn-template-9:focus {
  background-color: #262a36;
  color: #fff;
}
.btn-template-9:hover svg line, .btn-template-9:focus svg line {
  stroke: #fff !important;
}

.btn-template-download {
  background-color: #f3e964;
  text-decoration: none !important;
  text-transform: uppercase;
  font-size: 15px;
  padding-top: 13px;
  padding-bottom: 13px;
  padding-left: 25px;
  padding-right: 25px;
  border-radius: 12px;
  font-family: "Barlow", "Helvetica Neue", Helvetica, Arial;
  color: #001b70;
  position: relative;
  font-weight: 600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.btn-template-download:hover::before, .btn-template-download:focus::before {
  opacity: 1;
}
.btn-template-download.disabled::before {
  opacity: 0;
}
.btn-template-download::after {
  content: url("../img/icon _donwload.svg");
  color: #001b70;
  position: relative;
  top: 3px;
  left: 5px;
}
.btn-template-download::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 14px;
  left: 0;
  bottom: -5px;
  background: -webkit-gradient(linear, left top, right top, from(rgb(243, 233, 100)), color-stop(50%, rgb(75, 200, 245)), to(rgb(68, 97, 239)));
  background: linear-gradient(to right, rgb(243, 233, 100) 0%, rgb(75, 200, 245) 50%, rgb(68, 97, 239) 100%);
  z-index: -1;
  border-radius: 0 0 22px 22px;
  opacity: 0;
}

.btn-template-link {
  background-color: #f3e964;
  text-decoration: none !important;
  text-transform: uppercase;
  font-size: 15px;
  padding-top: 13px;
  padding-bottom: 13px;
  padding-left: 25px;
  padding-right: 25px;
  border-radius: 12px;
  font-family: "Barlow", "Helvetica Neue", Helvetica, Arial;
  color: #001b70;
  position: relative;
  font-weight: 600;
}
.btn-template-link:hover::before, .btn-template-link:focus::before {
  opacity: 1;
}
.btn-template-link.disabled::before {
  opacity: 0;
}
.btn-template-link::after {
  content: url("../img/icon_link.svg");
  color: #001b70;
  position: relative;
  top: 2px;
  left: 5px;
}
.btn-template-link::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 14px;
  left: 0;
  bottom: -5px;
  background: -webkit-gradient(linear, left top, right top, from(rgb(243, 233, 100)), color-stop(50%, rgb(75, 200, 245)), to(rgb(68, 97, 239)));
  background: linear-gradient(to right, rgb(243, 233, 100) 0%, rgb(75, 200, 245) 50%, rgb(68, 97, 239) 100%);
  z-index: -1;
  border-radius: 0 0 22px 22px;
  opacity: 0;
}

@media screen and (min-width: 992px) {
  #externalModal .modal-dialog,
  .hcpModal .modal-dialog {
    max-width: 650px !important;
  }
}
#externalModal .modal-content,
.hcpModal .modal-content {
  border-radius: 22px;
  background-color: transparent;
  border-left: 0;
  border-bottom: 0;
  border-top: 0;
  border-right: 0;
  position: relative;
  padding: 5px;
  color: #001b70;
  z-index: 0;
}
#externalModal .gradient-bar,
.hcpModal .gradient-bar {
  position: relative;
}
#externalModal .modal-body,
.hcpModal .modal-body {
  background: #fff;
  border-radius: 22px;
  z-index: 1;
}
#externalModal .gradient-bar,
.hcpModal .gradient-bar {
  position: absolute;
  left: 5px;
  top: -5px;
  height: 35px;
  width: calc(100% - 10px);
  background: -webkit-gradient(linear, left top, right top, from(rgb(243, 233, 100)), color-stop(50%, rgb(75, 200, 245)), to(rgb(68, 97, 239)));
  background: linear-gradient(to right, rgb(243, 233, 100) 0%, rgb(75, 200, 245) 50%, rgb(68, 97, 239) 100%);
  border-radius: 22px 22px 0 0;
  pointer-events: none;
}
#externalModal .close,
.hcpModal .close {
  opacity: 1;
  text-shadow: none;
  color: #53667d;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#externalModal .close:hover #icon,
#externalModal .close:hover span,
.hcpModal .close:hover #icon,
.hcpModal .close:hover span {
  color: #000000;
}
#externalModal .close #icon,
.hcpModal .close #icon {
  font-size: 65px !important;
  line-height: 0.6;
}
#externalModal .close span,
.hcpModal .close span {
  font-size: 12px;
}
#externalModal .modal-body h1, #externalModal .modal-body h2, #externalModal .modal-body h3, #externalModal .modal-body h4, #externalModal .modal-body h5, #externalModal .modal-body h6,
.hcpModal .modal-body h1,
.hcpModal .modal-body h2,
.hcpModal .modal-body h3,
.hcpModal .modal-body h4,
.hcpModal .modal-body h5,
.hcpModal .modal-body h6 {
  color: #001b70;
}

@media screen and (min-width: 992px) {
  #hcpModal .modal-dialog {
    max-width: 550px !important;
  }
}

#cookiesOptionsModal .modal-header {
  border-bottom: 0;
}
#cookiesOptionsModal .modal-content {
  border-radius: 30px;
  border: 0;
}
#cookiesOptionsModal .close {
  opacity: 1;
  text-shadow: none;
  color: black;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#cookiesOptionsModal .close:hover #icon,
#cookiesOptionsModal .close:hover span {
  color: #000000;
}
#cookiesOptionsModal .close #icon {
  font-size: 65px !important;
  line-height: 0.6;
  color: #53667d;
}
#cookiesOptionsModal .close span {
  font-size: 10px;
  color: #53667d;
}
#cookiesOptionsModal .modal-body {
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (min-width: 992px) {
  #cookiesOptionsModal .modal-body {
    padding-left: 60px;
    padding-right: 80px;
  }
}
#cookiesOptionsModal .modal-body .heading-title {
  font-size: 16px;
}
#cookiesOptionsModal .modal-body h1, #cookiesOptionsModal .modal-body h2, #cookiesOptionsModal .modal-body h3, #cookiesOptionsModal .modal-body h4, #cookiesOptionsModal .modal-body h5, #cookiesOptionsModal .modal-body h6 {
  color: white;
}
#cookiesOptionsModal .modal-body p {
  font-size: 14px;
  color: #53667d;
}
#cookiesOptionsModal .modal-body p strong {
  color: #53667d;
}
#cookiesOptionsModal .modal-body a {
  color: #53667d;
  text-decoration: underline;
}
#cookiesOptionsModal .modal-body a:hover, #cookiesOptionsModal .modal-body a:focus {
  color: #53667d;
  text-decoration: none;
}
#cookiesOptionsModal .modal-body hr {
  border-top: 1.5px solid #57657b;
}
#cookiesOptionsModal .modal-body .custom-switch__footer {
  padding-left: 50px;
}
#cookiesOptionsModal .modal-body .custom-switch {
  padding-left: 0;
}
#cookiesOptionsModal .modal-body .custom-switch label {
  color: #53667d;
}
#cookiesOptionsModal .modal-body .custom-switch .custom-control-label {
  padding-left: 90px;
}
#cookiesOptionsModal .modal-body .custom-switch .custom-control-label::before {
  left: -2px;
  height: 44px;
  width: 70px;
  border-radius: 20px;
}
#cookiesOptionsModal .modal-body .custom-switch .custom-control-label::after {
  left: 0;
  width: 40px;
  height: 40px;
  border-radius: 20px;
}
#cookiesOptionsModal .modal-body .custom-switch .custom-control-input:checked ~ .custom-control-label::before {
  color: #53667d;
  border-color: #53667d;
  background-color: #dde0e5;
}
#cookiesOptionsModal .modal-body .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
  background-color: #53667d;
  -webkit-transform: translateX(26px);
          transform: translateX(26px);
}

#phase3Modal .modal-content {
  background: #eef6fd;
}

#phase4Modal .modal-content {
  background: #fefdf2;
}

#phase3Modal .modal-header,
#phase4Modal .modal-header {
  border-bottom: 0;
}
#phase3Modal .modal-content,
#phase4Modal .modal-content {
  border-radius: 0;
  border: 3px solid #e26d64;
  -webkit-box-shadow: 0 0 15px rgba(255, 231, 128, 0.38);
          box-shadow: 0 0 15px rgba(255, 231, 128, 0.38);
}
#phase3Modal .modal-content .heading-icon,
#phase4Modal .modal-content .heading-icon {
  max-width: 94px;
}
#phase3Modal .close,
#phase4Modal .close {
  opacity: 1;
  text-shadow: none;
  color: black;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#phase3Modal .close:hover #icon,
#phase3Modal .close:hover span,
#phase4Modal .close:hover #icon,
#phase4Modal .close:hover span {
  color: #000000;
}
#phase3Modal .close #icon,
#phase4Modal .close #icon {
  font-size: 65px !important;
  line-height: 0.6;
  color: #53667d;
}
#phase3Modal .close span,
#phase4Modal .close span {
  font-size: 10px;
  color: #53667d;
}
#phase3Modal .modal-body,
#phase4Modal .modal-body {
  padding-bottom: 2rem;
}
@media screen and (min-width: 992px) {
  #phase3Modal .modal-body,
  #phase4Modal .modal-body {
    padding-left: 60px;
    padding-right: 80px;
  }
}
#phase3Modal .modal-body .heading,
#phase4Modal .modal-body .heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
#phase3Modal .modal-body .heading h1, #phase3Modal .modal-body .heading h2, #phase3Modal .modal-body .heading h3, #phase3Modal .modal-body .heading h4, #phase3Modal .modal-body .heading h5, #phase3Modal .modal-body .heading h6,
#phase4Modal .modal-body .heading h1,
#phase4Modal .modal-body .heading h2,
#phase4Modal .modal-body .heading h3,
#phase4Modal .modal-body .heading h4,
#phase4Modal .modal-body .heading h5,
#phase4Modal .modal-body .heading h6 {
  margin-left: 1rem;
  color: #53667d;
}
@media screen and (max-width: 991px) {
  #phase3Modal .modal-body .heading h1, #phase3Modal .modal-body .heading h2, #phase3Modal .modal-body .heading h3, #phase3Modal .modal-body .heading h4, #phase3Modal .modal-body .heading h5, #phase3Modal .modal-body .heading h6,
  #phase4Modal .modal-body .heading h1,
  #phase4Modal .modal-body .heading h2,
  #phase4Modal .modal-body .heading h3,
  #phase4Modal .modal-body .heading h4,
  #phase4Modal .modal-body .heading h5,
  #phase4Modal .modal-body .heading h6 {
    font-size: 20px !important;
  }
}
#phase3Modal .modal-body .bg-table-information,
#phase4Modal .modal-body .bg-table-information {
  padding: 10px 15px;
}
#phase3Modal .modal-body .bg-table-information th,
#phase3Modal .modal-body .bg-table-information td,
#phase4Modal .modal-body .bg-table-information th,
#phase4Modal .modal-body .bg-table-information td {
  border-bottom: 2px solid #bddef9 !important;
}
#phase3Modal .modal-body .bg-table-information-2,
#phase4Modal .modal-body .bg-table-information-2 {
  padding: 10px 15px;
}
#phase3Modal .modal-body .bg-table-information-2 th,
#phase3Modal .modal-body .bg-table-information-2 td,
#phase4Modal .modal-body .bg-table-information-2 th,
#phase4Modal .modal-body .bg-table-information-2 td {
  border-bottom: 2px solid #e26d64 !important;
}
#phase3Modal .modal-body .custom-sup-1,
#phase4Modal .modal-body .custom-sup-1 {
  margin-left: 0;
  padding-left: 1em;
  text-indent: -1em;
}
#phase3Modal .modal-body .custom-sup-1::before,
#phase4Modal .modal-body .custom-sup-1::before {
  content: "*";
  margin-right: 0;
}
#phase3Modal .modal-body .custom-sup-2,
#phase4Modal .modal-body .custom-sup-2 {
  margin-left: 0;
  padding-left: 1em;
  text-indent: -1em;
}
#phase3Modal .modal-body .custom-sup-2::before,
#phase4Modal .modal-body .custom-sup-2::before {
  content: "*";
  margin-right: 0;
}
#phase3Modal .modal-body .table-information thead th,
#phase4Modal .modal-body .table-information thead th {
  color: #b95246;
  border-top: 0;
  padding-left: 0;
  padding-right: 0;
  border-bottom: 2px solid #57657d;
}
#phase3Modal .modal-body .table-information tbody tr:last-child td,
#phase4Modal .modal-body .table-information tbody tr:last-child td {
  border-bottom: 0 !important;
}
#phase3Modal .modal-body .table-information tbody td,
#phase4Modal .modal-body .table-information tbody td {
  color: #53667d;
  padding-left: 0;
  padding-right: 0;
  border-bottom: 1px solid #57657d;
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
[aria-label="Error message"] {
  display: none !important;
}

.color-white {
  color: white;
}

.color-yellow {
  color: #eeff00;
}

.opacity0 {
  opacity: 0;
}

.ls-1 {
  letter-spacing: 1px;
}

.comparison1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.wrapper-btnScroll {
  position: absolute;
  top: -30px;
  left: 50%;
  -webkit-transform: translate(-50%, 0) scale(0);
          transform: translate(-50%, 0) scale(0);
  z-index: 9999;
}
@media screen and (max-width: 991px) {
  .wrapper-btnScroll {
    top: 250px;
  }
}
.wrapper-btnScroll .btnScroll {
  background-color: #46a9a2;
  border: 4px solid white;
  padding: 10px 20px;
  color: white;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  border-radius: 30px;
  font-weight: 700;
}
.wrapper-btnScroll .btnScroll img {
  margin-left: 10px;
  max-width: 25px;
}
.wrapper-btnScroll .btnScroll:hover {
  background-color: #357e79;
}

.comparison-container {
  position: relative;
  width: 100vw;
  /* Give the container a predictable aspect ratio so both images can fill it
      and keep identical sizes. Adjust as needed (e.g. 16/9 or 4/3). */
  aspect-ratio: 16/9;
  height: auto; /* aspect-ratio will control height based on width */
  border-radius: 0;
  overflow: hidden; /* Importante para que las imágenes no se salgan */
  cursor: e-resize;
  z-index: 7;
  /* Estilos para el texto */
  /* Handle para arrastrar */
  /* Full-height vertical line behind the circle */
}
@media screen and (max-width: 991px) {
  .comparison-container {
    min-height: 450px;
  }
}
.comparison-container img:not(.barWarning, .handle-arrows, .text-black, .text-yellow) {
  /* Make every image fill the container and use object-fit so different
    source sizes/aspect ratios don't change the visible area. This guarantees
    both images are the same size and aligned. */
  position: absolute;
  inset: 0; /* top:0; right:0; bottom:0; left:0; */
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 991px) {
  .comparison-container img:not(.barWarning, .handle-arrows, .text-black, .text-yellow) {
    min-height: 550px;
  }
}
.comparison-container .before-content-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; /* full-width; JS will clip to reveal */
  height: 100%;
  overflow: hidden;
  z-index: 2; /* sit above the after image */
}
.comparison-container .before-content-wrapper .before-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; /* La imagen debe tener el ancho del contenedor padre */
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 991px) {
  .comparison-container .before-content-wrapper .before-image {
    min-height: 550px;
  }
}
.comparison-container .bannerDark {
  position: absolute;
  bottom: 20%;
  right: 0;
  width: 40%;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  z-index: 9999;
}
@media screen and (max-width: 991px) {
  .comparison-container .bannerDark {
    display: none;
  }
}
.comparison-container .bannerDark .img {
  position: relative;
}
.comparison-container .bannerDark h3 {
  font-size: 20px;
}
.comparison-container .text-base,
.comparison-container .text-top-wrapper {
  position: absolute;
  top: 40px;
  left: 0; /* anchor to left */
  right: 0;
  font-size: 100px;
  font-weight: bold;
  color: #eeff00; /* Color del texto de la derecha */
  margin: 0;
  white-space: nowrap;
  text-align: center; /* center the visible text */
  pointer-events: none;
}
@media screen and (max-width: 991px) {
  .comparison-container .text-base,
  .comparison-container .text-top-wrapper {
    font-size: 60px;
  }
}
.comparison-container .text-base br,
.comparison-container .text-top-wrapper br {
  display: none;
}
@media screen and (max-width: 991px) {
  .comparison-container .text-base br,
  .comparison-container .text-top-wrapper br {
    display: block;
  }
}
.comparison-container .text-top-wrapper {
  position: absolute;
  top: 40px;
  left: 0; /* anchor to left so width clipping is from left edge */
  width: 100%; /* full-width; JS will clip to reveal */
  height: 100%;
  overflow: hidden;
  color: #212e2d; /* Yellow color for left side text */
  margin: 0;
  pointer-events: none;
  z-index: 3; /* sit above the before image wrapper */
}
.comparison-container .text-top-wrapper br {
  display: none;
}
@media screen and (max-width: 991px) {
  .comparison-container .text-top-wrapper br {
    display: block;
  }
}
.comparison-container .text-top {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  text-align: center; /* center the text inside the clipped wrapper */
  font-size: 100px;
  font-weight: bold;
  margin: 0;
  white-space: nowrap;
}
@media screen and (max-width: 991px) {
  .comparison-container .text-top {
    font-size: 60px;
  }
}
.comparison-container .text-top br {
  display: none;
}
@media screen and (max-width: 991px) {
  .comparison-container .text-top br {
    display: block;
  }
}
.comparison-container .handle {
  position: absolute;
  top: 0;
  left: 0; /* changed: anchor to left so Draggable's transform/x works predictably */
  width: 40px;
  height: 100%;
  /* remove transform: translateX(-50%); */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: e-resize;
  z-index: 10;
}
.comparison-container .handle::before {
  content: "";
  position: absolute;
  top: 0;
  left: 40%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 8px;
  height: 100%;
  background: #eeff00;
  z-index: 1;
}
.comparison-container .handle-line {
  display: none; /* Hide the small line segments */
}
.comparison-container .handle-circle {
  position: relative;
  bottom: -35%;
  width: 98px;
  z-index: 2; /* Sit above the full-height line */
}
@media screen and (max-width: 991px) {
  .comparison-container .handle-circle {
    width: 100px;
  }
}
.comparison-container .handle-circle .handle-arrows {
  position: relative;
  max-width: 200px;
}
@media screen and (max-width: 991px) {
  .comparison-container .handle-circle .handle-arrows {
    width: 100px;
  }
}

#comparison-container2 {
  height: 600px;
}
@media screen and (max-width: 578px) {
  #comparison-container2 {
    min-height: 450px;
    height: 450px;
  }
}

.mainBlock {
  background-image: url("../img/cBg4.png");
  background-position: center;
  background-size: cover;
  background-repeat: repeat-y;
  opacity: 3;
  position: relative;
  color: #212e2d;
  background: #93adc1;
}

.custombg::before {
  content: "";
  background-image: url("../img/cBg4.png");
  background-position: center;
  background-size: cover;
  background-repeat: repeat-y;
  opacity: 1;
  z-index: 1;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.darkbg {
  z-index: 2;
  background-color: #212e2d;
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  border-left: 8px solid transparent;
  border-left-color: transparent; /* estado inicial ya definido */
  -webkit-transition: none;
  transition: none; /* evita que CSS meta animaciones propias */
}

.darkbgv2 {
  z-index: 2;
  background-color: #212e2d;
  position: absolute;
  top: 0;
  right: 0;
  width: 95%;
  height: 100%;
  border-left: 8px solid transparent;
}
@media screen and (max-width: 1048px) {
  .darkbgv2 {
    width: 0%;
  }
}
@media screen and (max-width: 768px) {
  .darkbgv2 {
    width: 0%;
  }
}

.darkbgv3 {
  z-index: 2;
  background-color: #212e2d;
  position: absolute;
  top: 0;
  right: 0;
  width: 0%;
  height: 100%;
  border-left: 8px solid transparent;
}
@media screen and (min-width: 768px) {
  .darkbgv3 {
    display: none;
  }
}

.bluebg {
  z-index: 3;
  background-color: #93adc1;
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  border-right: 8px solid white;
}

.bluebgv2 {
  z-index: 3;
  background-color: #93adc1;
  position: absolute;
  top: 0;
  left: 0;
  width: 5%;
  height: 100%;
  border-right: 8px solid transparent;
}
@media screen and (max-width: 1200px) {
  .bluebgv2 {
    z-index: 1;
  }
}

.bluebgv3 {
  z-index: 3;
  background-color: #93adc1;
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  border-right: 8px solid transparent;
}
@media screen and (min-width: 768px) {
  .bluebgv3 {
    display: none;
  }
}

.block1 {
  padding-top: 80px;
}
.block1 #blockBanner1 {
  position: relative;
  z-index: 4;
}
.block1 .firstBlock {
  position: relative;
  z-index: 4;
}
.block1 .secondBlock {
  position: relative;
  z-index: 3;
}
@media screen and (max-width: 768px) {
  .block1 .secondBlock {
    z-index: 4;
  }
}
@media screen and (max-width: 578px) {
  .block1 .secondBlock {
    z-index: 5;
  }
}
@media screen and (max-width: 991px) {
  .block1 {
    padding-top: 200px;
  }
}
@media screen and (max-width: 578px) {
  .block1 {
    padding-top: 100px;
  }
}
.block1 .imgleft1,
.block1 .imgright1 {
  margin-bottom: 25px;
}
.block1 .imgleft1 img,
.block1 .imgright1 img {
  max-width: 150px;
}
@media screen and (max-width: 768px) {
  .block1 .imgleft1 img,
  .block1 .imgright1 img {
    max-width: 250px;
  }
}
.block1 .textright1 p {
  color: white;
}
.block1 .textright1 p * {
  color: white;
}
@media screen and (min-width: 992px) {
  .block1 .textright1 p {
    min-height: 132px;
  }
}
.block-banner {
  font-size: 0;
}
.block-banner .yellow {
  background-color: #eeff00;
}
.block-banner .green {
  background-color: #46a9a2;
}
.block-banner.yellow {
  background-color: #eeff00;
}
.block-banner.dark {
  background-color: #212e2d;
}
.block-banner.green {
  background-color: #46a9a2;
}
.block-banner.white {
  background-color: #fff;
}
.block-banner h2 {
  margin-bottom: 20px;
}
.block-banner .cWarningIcon {
  -webkit-transform: scale(1);
          transform: scale(1);
}
.block-banner .icon-block-banner img {
  max-width: 150px;
}
@media screen and (min-width: 992px) {
  .block-banner .list-block-banner-4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    list-style: none;
  }
}
.block-banner .list-block-banner-4 li {
  font-size: 22px;
  line-height: 1.3;
  letter-spacing: 1px;
  margin-bottom: 7px;
}
@media screen and (min-width: 992px) {
  .block-banner .list-block-banner-4 li {
    width: 25%;
    font-size: 20px;
    position: relative;
  }
}
@media only screen and (max-width: 1199px) and (min-width: 992px) {
  .block-banner .list-block-banner-4 li::after {
    right: 5% !important;
  }
}
@media screen and (min-width: 992px) {
  .block-banner .list-block-banner-4 li::after {
    content: "";
    display: inline-block;
    width: 2px;
    height: 60px;
    background-color: black;
    position: absolute;
    right: 10%;
    top: 50%;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
}
@media screen and (min-width: 992px) {
  .block-banner .list-block-banner-4 li:last-child::after {
    display: none;
  }
}

.subBanner-container {
  position: relative;
}
.subBanner-container .subBanner {
  background-color: #eeff00;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 15px 25px;
  overflow: hidden; /* Crucial for the curtain effect */
  position: relative;
  z-index: 4;
}
.subBanner-container .subBanner .subBanner-text {
  margin-bottom: 0;
  opacity: 1;
}
.subBanner-container.active .curtain.left::after {
  display: none;
}
.subBanner-container.active .curtain.right::after {
  display: none;
}
.subBanner-container .curtain {
  position: absolute;
  top: 0;
  width: 50.5%; /* Slight overlap to prevent pixel gaps */
  height: 100%;
  z-index: 2;
}
.zindex3,
.z-index-3 {
  z-index: 3;
}

.zindex4,
.z-index-4 {
  z-index: 4;
}

@media screen and (max-width: 578px) {
  .cblocklines2 sup, .triggerMobileBluev2 sup {
    top: 0px;
  }
}

.block-lines .l1 {
  text-decoration: underline;
  text-decoration-thickness: 3px;
  text-underline-offset: 8px;
  text-decoration-color: white;
  margin-bottom: 0;
  font-size: 62px;
}
.block-lines .l1 span {
  font-size: 30px;
  position: relative;
  top: -10px;
}
@media screen and (max-width: 578px) {
  .block-lines .l1 span {
    top: 0px;
  }
}
.block-lines .l2 {
  font-size: 26px;
  line-height: 1;
}
@media screen and (max-width: 991px) {
  .listIcons2 {
    padding-left: 1rem;
    border-left: 4px solid #eeff00;
  }
}
@media screen and (min-width: 992px) {
  .listIcons2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding-right: 10%;
  }
}
.listIcons2 .itemIcon {
  min-width: 185px;
  text-align: center;
  position: relative;
}
@media only screen and (max-width: 1199px) and (min-width: 992px) {
  .listIcons2 .itemIcon {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .listIcons2 .itemIcon img {
    min-width: 100px !important;
  }
}
@media screen and (max-width: 1200px) {
  .listIcons2 .itemIcon {
    min-width: 140px;
  }
}
@media screen and (max-width: 991px) {
  .listIcons2 .itemIcon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-left: 10px;
  }
}
.listIcons2 .itemIcon .wrapperImgIcon {
  min-height: 140px;
}
@media screen and (min-width: 992px) {
  .listIcons2 .itemIcon::after {
    content: "";
    height: 150px;
    width: 3px;
    background-color: #eeff00;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
  }
}
.listIcons2 .itemIcon img {
  max-width: 130px;
  margin-bottom: 20px;
}
@media screen and (max-width: 1200px) {
  .listIcons2 .itemIcon img {
    min-width: 110px;
  }
}
@media screen and (max-width: 991px) {
  .listIcons2 .itemIcon img {
    max-width: 80px;
  }
}
@media screen and (max-width: 578px) {
  .listIcons2 .itemIcon img {
    min-width: 80px;
  }
}
.listIcons2 .itemIcon p {
  margin-top: 20px;
  line-height: 1.3;
  color: white;
  font-weight: 400 !important;
}
@media screen and (max-width: 991px) {
  .listIcons2 .itemIcon p {
    margin-left: 40px;
  }
}
@media screen and (max-width: 578px) {
  .listIcons2 .itemIcon p {
    text-align: left;
  }
}

.listSymptoms {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 991px) {
  .listSymptoms {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    border-left: 4px solid white;
  }
}
.listSymptoms .itemSymptom {
  min-width: 180px;
  text-align: center;
  position: relative;
}
@media screen and (max-width: 1200px) {
  .listSymptoms .itemSymptom {
    min-width: 150px;
  }
}
@media screen and (max-width: 991px) {
  .listSymptoms .itemSymptom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-left: 10px;
  }
}
@media screen and (min-width: 992px) {
  .listSymptoms .itemSymptom::before {
    content: "";
    height: 150px;
    width: 3px;
    background-color: white;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
  }
}
.listSymptoms .itemSymptom img {
  max-width: 130px;
  margin-bottom: 20px;
}
@media screen and (max-width: 1200px) {
  .listSymptoms .itemSymptom img {
    min-width: 110px;
  }
}
@media screen and (max-width: 991px) {
  .listSymptoms .itemSymptom img {
    max-width: 80px;
  }
}
@media screen and (max-width: 578px) {
  .listSymptoms .itemSymptom img {
    min-width: 80px;
  }
}
.listSymptoms .itemSymptom p {
  font-size: 18px;
  line-height: 1.3;
}
@media screen and (max-width: 991px) {
  .listSymptoms .itemSymptom p {
    margin-left: 1rem;
  }
}
.block2 {
  padding-bottom: 100px;
}
.block2 #wrapperPercent {
  position: relative;
  z-index: 4;
}
@media screen and (max-width: 768px) {
  .block2 #wrapperPercent {
    z-index: 4;
  }
}
@media screen and (min-width: 1400px) {
  .block2 #wrapperPercent {
    z-index: 4;
  }
}
.block2 .position3 {
  position: relative;
  z-index: 4;
}
.block2 .wrapperPercent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 991px) {
  .block2 .wrapperPercent {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.block2 .wrapperPercent .cTitlePercent {
  border-left: 3px solid #eeff00;
  padding-left: 15px;
}
@media screen and (max-width: 991px) {
  .block2 .wrapperPercent .cTitlePercent {
    width: 90%;
  }
}
.block2 .wrapperPercent .cTitlePercent p {
  font-weight: bold;
  margin-bottom: 0;
  line-height: 1.2;
  font-size: 24px;
}
.block2 .wrapperPercent .cPercent img {
  max-width: 300px;
}

.block3 {
  position: relative;
  z-index: 4;
  padding-top: 100px;
  padding-bottom: 100px;
}
@media screen and (min-width: 991px) {
  .block3 {
    z-index: 5;
  }
}
@media screen and (max-width: 578px) {
  .block3 {
    z-index: 5;
  }
}
.block3 .groupRisks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
}
.block3 .groupRisks .wrapperRisk {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.block3 .groupRisks .itemRisk-p {
  font-size: 18px;
  color: white;
  text-align: center;
}
.block3 .groupRisks .itemRisk1 {
  position: absolute;
  top: 10px;
  left: 50px;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
@media screen and (max-width: 991px) {
  .block3 .groupRisks .itemRisk1 {
    top: -10%;
    left: 15%;
  }
}
@media screen and (min-width: 1600px) {
  .block3 .groupRisks .itemRisk1 {
    left: 100px;
  }
}
.block3 .groupRisks .itemRisk2 {
  position: absolute;
  top: 10px;
  right: 10px;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
@media screen and (max-width: 991px) {
  .block3 .groupRisks .itemRisk2 {
    top: -10%;
    right: 5%;
  }
}
@media screen and (min-width: 1600px) {
  .block3 .groupRisks .itemRisk2 {
    right: 70px;
  }
}
.block3 .groupRisks .itemRisk .bgRisk1 {
  background-image: url("../img/trazo1.svg");
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}
.block3 .groupRisks .itemRisk .bgRisk2 {
  background-image: url("../img/trazo2.svg");
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}
.block3 .groupRisks .itemRisk .itemBg p {
  line-height: 1;
  margin-bottom: 0;
  font-size: 40px;
}
.block3 .groupRisks .itemRiskBanner {
  width: 100%;
  position: relative;
  padding-top: 70px;
}
.block3 .groupRisks .itemRiskBanner .percentage-mobile {
  margin-left: 1rem;
  padding-right: 1rem;
  width: 100%;
}
.block3 .groupRisks .itemRiskBanner .trazo3 {
  max-width: 400px;
  margin: auto;
}
@media screen and (max-width: 991px) {
  .block3 .groupRisks .itemRiskBanner .trazo3 {
    display: none;
  }
}
.block3 .groupRisks .itemRiskBanner .it1 {
  position: absolute;
  bottom: -30px;
  left: 23%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  margin-bottom: 0;
  font-size: 58px;
  line-height: 1;
  font-weight: bold;
}
@media screen and (max-width: 991px) {
  .block3 .groupRisks .itemRiskBanner .it1 {
    display: none;
  }
}
.block3 .groupRisks .itemRiskBanner .it1 span {
  font-size: 28px;
  position: relative;
  left: -6px;
  bottom: -5px;
}
.block3 .groupRisks .itemRiskBanner .it2 {
  position: absolute;
  right: 12%;
  bottom: 6px;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  margin-bottom: 0;
  font-size: 58px;
  line-height: 1;
  font-weight: bold;
}
@media screen and (max-width: 991px) {
  .block3 .groupRisks .itemRiskBanner .it2 {
    display: none;
  }
}

.block4 {
  position: relative;
  z-index: 4;
}
@media screen and (max-width: 768px) {
  .block4 {
    z-index: 5;
  }
}
@media screen and (min-width: 992px) {
  .block4 {
    padding-top: 20vh;
    padding-bottom: 20vh;
  }
}
.block4 .bannerBlock4-wrapper {
  opacity: 1; /* importante: dejamos el wrapper visible */
  clip-path: inset(0 50% 0 50%); /* al inicio solo queda visible el centro (casi nada) */
}
.block4 .bannerBlock4-container {
  position: relative;
}
.block4 .bannerBlock4-container .bannerBlock4-wrapper {
  overflow: hidden; /* Crucial for the curtain effect */
}
.block4 .bannerBlock4-container .curtain4 {
  position: absolute;
  top: 0;
  width: 50%; /* Slight overlap to prevent pixel gaps */
  height: 100%;
  z-index: 2;
}

.block5 {
  padding-top: 100px;
  padding-bottom: 100px;
}
.block5 .position3 {
  position: relative;
  z-index: 4;
}
.block5 .position2 {
  position: relative;
  z-index: 3;
}
@media screen and (max-width: 1200px) {
  .block5 .position2 {
    z-index: 5;
  }
}
@media screen and (max-width: 768px) {
  .block5 {
    position: relative;
    z-index: 5;
  }
}
.block5 .group-antibiotics h2 {
  margin-bottom: 25px;
  font-weight: 700;
}
@media only screen and (max-width: 1099px) and (min-width: 992px) {
  .block5 .group-antibiotics h2 br {
    display: none !important;
  }
}
.block5 .group-antibiotics .wrapper-antibiotics {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 991px) {
  .block5 .group-antibiotics .wrapper-antibiotics {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.block5 .group-antibiotics .wrapper-antibiotics p {
  text-align: center;
  color: white;
  margin-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 18px;
}
.block5 .group-antibiotics .wrapper-antibiotics p span {
  color: #eeff00;
  font-size: 40px;
  line-height: 1;
}
.block5 .group-antibiotics .wrapper-antibiotics .cline {
  margin-left: 30px;
  margin-right: 30px;
  height: 110px;
  width: 4px;
  background-color: white;
}
@media screen and (max-width: 767px) {
  .block5 .group-antibiotics .wrapper-antibiotics .cline {
    height: 4px;
    width: 100%;
    margin: 25px 0;
  }
}
@media only screen and (max-width: 991px) and (min-width: 768px) {
  .block5 .group-antibiotics .wrapper-antibiotics .cline {
    width: 60%;
  }
}
.block5 .itemLineYellow-left {
  padding-left: 10px;
}
@media screen and (max-width: 991px) {
  .block5 .itemLineYellow-left {
    width: 100%;
  }
}
@media screen and (max-width: 578px) {
  .block5 .itemLineYellow-left {
    margin-left: 60px;
  }
}
.block5 .itemLineYellow-left p {
  font-size: 24px;
  position: relative;
}
@media only screen and (max-width: 1270px) and (min-width: 992px) {
  .block5 .itemLineYellow-left p br {
    display: none !important;
  }
}
@media screen and (max-width: 991px) {
  .block5 .itemLineYellow-left p {
    font-size: 18px;
  }
}
.block5 .itemLineYellow-left p::before {
  content: "";
  width: 4px;
  height: 100%;
  background-color: #eeff00;
  display: block;
  position: absolute;
  top: 50%;
  left: -20px;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
@media screen and (min-width: 1100px) {
  .block5 .cml {
    margin-left: 35.2%;
  }
}
@media screen and (min-width: 992px) {
  .block5 .cml {
    margin-left: 25%;
  }
}
@media only screen and (max-width: 1270px) and (min-width: 992px) {
  .block5 .cblocklines2 {
    min-width: 300px !important;
  }
}
.block5 .cblocklines2 .l2 {
  font-size: 22px;
  color: white;
}

.block6 {
  position: relative;
  z-index: 4;
  padding-top: 100px;
  padding-bottom: 100px;
}
@media screen and (max-width: 1200px) {
  .block6 {
    z-index: 5;
  }
}
.block6 .rightContent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 991px) {
  .block6 .rightContent {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.block6 .rightContent p {
  color: white;
}
.block6 .rightContent .item1 {
  padding-left: 10px;
  position: relative;
}
@media screen and (max-width: 991px) {
  .block6 .rightContent .item1 {
    width: 100%;
    margin-bottom: 1rem;
  }
}
.block6 .rightContent .item1 p {
  margin-bottom: 0;
}
.block6 .rightContent .item1::before {
  content: "";
  position: absolute;
  left: -10px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  width: 4px;
  height: 90%;
  background-color: #eeff00;
}
.block6 .rightContent .item2 {
  min-width: 340px;
  text-align: right;
}
.block6 .rightContent .item2 .spotlight {
  position: absolute;
  top: 35px;
  right: 120px;
  width: 0;
}

.active-text {
  font-weight: bold;
  display: block !important;
}

.group-carrousel {
  position: relative;
}

.container-table-symbols {
  position: absolute;
  right: -300px;
  top: 130px;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
@media screen and (max-width: 1250px) {
  .container-table-symbols {
    right: -350px;
  }
}
@media screen and (max-width: 1249px) {
  .container-table-symbols {
    right: -300px;
  }
}
@media screen and (max-width: 1100px) {
  .container-table-symbols {
    right: -310px;
  }
}
@media screen and (max-width: 768px) {
  .container-table-symbols {
    display: none;
  }
}
.container-table-symbols p {
  font-size: 14px;
}

.table-symbols {
  border: 1px solid white;
  border-radius: 10px;
  background-color: #212e2d;
  padding: 10px 20px 10px 10px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.table-symbols .item-symbol {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 15px;
}
.table-symbols .item-symbol .img-symbol {
  min-width: 100px;
  text-align: center;
}
.table-symbols .item-symbol p {
  font-size: 18px;
  color: white;
  margin-bottom: 0;
  font-weight: 700;
}

.animation-table-symbols-mobile {
  z-index: 999;
  position: relative;
}
@media screen and (min-width: 768px) {
  .animation-table-symbols-mobile {
    display: none;
  }
}
.animation-table-symbols-mobile .accordion-microbiome {
  background-color: #d9e3e8;
  border-radius: 20px;
}
.animation-table-symbols-mobile .accordion-microbiome .accordion-item {
  border: none;
  background-color: transparent;
}
.animation-table-symbols-mobile .accordion-microbiome .accordion-item button {
  border: none;
  border-radius: 20px;
}
.animation-table-symbols-mobile .accordion-microbiome .accordion-button {
  border: none;
  border-radius: 20px 20px 0 0;
}
.animation-table-symbols-mobile .accordion-microbiome .accordion-button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.animation-table-symbols-mobile .accordion-microbiome .accordion-button[aria-expanded=true] img {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.animation-table-symbols-mobile .accordion-button {
  background-color: #d9e3e8;
}
.animation-table-symbols-mobile .accordion-button::after {
  display: none !important;
}
.animation-table-symbols-mobile .table-symbols {
  border: none;
  width: 100% !important;
  background-color: #d9e3e8;
  border-radius: 0 0 20px 20px !important;
}
.animation-table-symbols-mobile .table-symbols .item-symbol p {
  color: black !important;
}

.carrousel-circle-container {
  position: relative;
  min-height: 400px;
}
@media screen and (min-width: 992px) {
  .carrousel-circle-container {
    min-height: 615px;
  }
}
.carrousel-circle-container .cycle {
  max-width: 200px;
  position: absolute;
}
@media screen and (max-width: 578px) {
  .carrousel-circle-container .cycle {
    max-width: 80px;
  }
}
.carrousel-circle-container .cycle.active {
  max-width: 250px;
}
@media screen and (max-width: 578px) {
  .carrousel-circle-container .cycle.active {
    max-width: 120px;
  }
}
.carrousel-circle-container .cycle-1 {
  top: 5%;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
.carrousel-circle-container .cycle-2 {
  right: 5%;
  top: 45%;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
.carrousel-circle-container .cycle-3 {
  right: 20%;
  bottom: -25%;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
@media screen and (max-width: 578px) {
  .carrousel-circle-container .cycle-3 {
    bottom: -5%;
    right: 10%;
  }
}
.carrousel-circle-container .cycle-4 {
  left: 20%;
  bottom: -25%;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
@media screen and (max-width: 578px) {
  .carrousel-circle-container .cycle-4 {
    bottom: -5%;
    left: 10%;
  }
}
.carrousel-circle-container .cycle-5 {
  left: 5%;
  top: 45%;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
@media screen and (max-width: 578px) {
  .carrousel-circle-container .cycle-5 {
    bottom: -5%;
    right: 10%;
  }
}
.carrousel-circle-container .arrows {
  position: absolute;
}
@media screen and (max-width: 578px) {
  .carrousel-circle-container .arrows {
    max-width: 70px;
  }
}
.carrousel-circle-container .arrow-active {
  top: 34%;
  left: 25%;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
@media screen and (max-width: 578px) {
  .carrousel-circle-container .arrow-active {
    top: 30%;
    left: 20%;
  }
}
.carrousel-circle-container .arrow-2 {
  right: 25%;
  top: 37%;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
@media screen and (max-width: 578px) {
  .carrousel-circle-container .arrow-2 {
    right: 20%;
    top: 30%;
  }
}
.carrousel-circle-container .arrow-3 {
  right: 20%;
  bottom: 10%;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
@media screen and (max-width: 578px) {
  .carrousel-circle-container .arrow-3 {
    bottom: 15%;
    right: 10%;
  }
}
.carrousel-circle-container .arrow-4 {
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  left: 50%;
  bottom: -20%;
}
@media screen and (max-width: 578px) {
  .carrousel-circle-container .arrow-4 {
    bottom: -5%;
  }
}
.carrousel-circle-container .arrow-5 {
  left: 20%;
  bottom: 10%;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
@media screen and (max-width: 578px) {
  .carrousel-circle-container .arrow-5 {
    left: 10%;
    bottom: 15%;
  }
}
.carrousel-circle-container .text-container p {
  margin-bottom: 0;
  color: white;
}
.carrousel-circle-container .c-text {
  position: absolute;
  text-align: center;
  font-size: 18px;
  -webkit-transition: top 0.7s ease, left 0.7s ease, right 0.7s ease, bottom 0.7s ease, opacity 0.5s ease, -webkit-transform 0.7s ease;
  transition: top 0.7s ease, left 0.7s ease, right 0.7s ease, bottom 0.7s ease, opacity 0.5s ease, -webkit-transform 0.7s ease;
  transition: top 0.7s ease, left 0.7s ease, right 0.7s ease, bottom 0.7s ease, transform 0.7s ease, opacity 0.5s ease;
  transition: top 0.7s ease, left 0.7s ease, right 0.7s ease, bottom 0.7s ease, transform 0.7s ease, opacity 0.5s ease, -webkit-transform 0.7s ease;
}
@media screen and (max-width: 578px) {
  .carrousel-circle-container .c-text {
    font-size: 14px;
    display: none;
  }
}
.carrousel-circle-container .text-1 {
  top: 18%;
  left: 8%;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
@media screen and (max-width: 578px) {
  .carrousel-circle-container .text-1 {
    top: 50%;
    left: 40%;
  }
}
.carrousel-circle-container .text-2 {
  top: 17%;
  right: 5%;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
@media screen and (max-width: 578px) {
  .carrousel-circle-container .text-2 {
    top: 60%;
    left: 10%;
  }
}
.carrousel-circle-container .text-3 {
  bottom: 3%;
  right: -5%;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
@media screen and (max-width: 578px) {
  .carrousel-circle-container .text-3 {
    top: 50%;
    left: 0%;
  }
}
.carrousel-circle-container .text-4 {
  left: 50%;
  bottom: -45%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
@media screen and (max-width: 578px) {
  .carrousel-circle-container .text-4 {
    top: 50%;
    left: 50%;
  }
}
.carrousel-circle-container .text-5 {
  bottom: 5%;
  left: 10%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
@media screen and (max-width: 578px) {
  .carrousel-circle-container .text-5 {
    top: 60%;
    left: 50%;
  }
}

.carrousel-circle-container .cycle {
  -webkit-transition: top 0.7s ease, left 0.7s ease, right 0.7s ease, bottom 0.7s ease, max-width 0.7s ease, -webkit-transform 0.7s ease;
  transition: top 0.7s ease, left 0.7s ease, right 0.7s ease, bottom 0.7s ease, max-width 0.7s ease, -webkit-transform 0.7s ease;
  transition: top 0.7s ease, left 0.7s ease, right 0.7s ease, bottom 0.7s ease, transform 0.7s ease, max-width 0.7s ease;
  transition: top 0.7s ease, left 0.7s ease, right 0.7s ease, bottom 0.7s ease, transform 0.7s ease, max-width 0.7s ease, -webkit-transform 0.7s ease;
}

.cpt {
  padding-top: 10%;
}
@media screen and (min-width: 1000px) and (min-height: 650px) {
  .cpt {
    padding-top: 0%;
  }
}

.subBanner-curtain {
  position: relative;
}
.subBanner-curtain .subBanner {
  background-color: #212e2d;
  border: 4px solid #eeff00;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 25px 20px;
  overflow: hidden; /* Crucial for the curtain effect */
}
.subBanner-curtain .subBanner {
  opacity: 1; /* importante: dejamos el wrapper visible */
  clip-path: inset(0 50% 0 50%); /* al inicio solo queda visible el centro (casi nada) */
}
.subBanner-curtain .curtain6 {
  position: absolute;
  top: 0;
  width: 50.5%; /* Slight overlap to prevent pixel gaps */
  height: 100%;
  z-index: 2;
}

.block7 {
  position: relative;
  z-index: 4;
}
@media screen and (max-width: 1200px) {
  .block7 {
    z-index: 5;
  }
}
@media only screen and (max-width: 1099px) and (min-width: 992px) {
  .block7 {
    padding-left: 50px;
  }
}
.block7 .cText1 h2 {
  color: white;
}
.block7 .cText2 p {
  color: white;
}
.block7 .list-icons-antibiotics {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 991px) {
  .block7 .list-icons-antibiotics {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin-left: 30px;
  }
}
.block7 .list-icons-antibiotics .item-antibiotic {
  margin-right: 15px;
  margin-left: 15px;
}
.block7 .list-icons-antibiotics .item-antibiotic img {
  max-width: 180px;
}
@media screen and (max-width: 991px) {
  .block7 .list-icons-antibiotics .item-antibiotic {
    margin-bottom: 20px;
    margin-left: 0;
    margin-right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.block7 .list-icons-antibiotics .item-antibiotic p {
  text-align: center;
  margin-bottom: 0;
  color: white;
  line-height: 1.3;
}
@media screen and (max-width: 991px) {
  .block7 .list-icons-antibiotics .item-antibiotic p {
    margin-left: 30px;
  }
}
@media screen and (max-width: 578px) {
  .block7 .list-icons-antibiotics .item-antibiotic p {
    text-align: left;
    margin-left: 15px;
  }
}
@media screen and (max-width: 991px) {
  .block7 .list-icons-antibiotics .item-antibiotic .icon-anti {
    max-width: 100px;
  }
}
@media screen and (max-width: 991px) {
  .block7 .list-icons-antibiotics .item-antibiotic .icon-anti-arrow {
    margin-left: 30px;
    margin-top: 0;
    margin-bottom: 0;
    max-width: 30px;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
}

.bannerBlock7-container {
  position: relative;
}
.bannerBlock7-container .bannerBlock7-wrapper {
  overflow: hidden;
}
.bannerBlock7-container .bannerBlock7-wrapper {
  opacity: 1; /* importante: dejamos el wrapper visible */
  clip-path: inset(0 50% 0 50%); /* al inicio solo queda visible el centro (casi nada) */
}
.bannerBlock7-container .curtain7 {
  position: absolute;
  top: 0;
  width: 50.5%; /* Slight overlap to prevent pixel gaps */
  height: 100%;
  z-index: 2;
}

.block-green {
  background-color: #8ccac5;
  position: relative;
  z-index: 4;
  z-index: 7;
  opacity: 1; /* importante: dejamos el wrapper visible */
  clip-path: inset(0 50% 0 50%); /* al inicio solo queda visible el centro (casi nada) */
}
.block-green .block-green-wrapper {
  overflow: hidden;
}
.block-green .curtainGreen {
  position: absolute;
  top: 0;
  width: 50.5%; /* Slight overlap to prevent pixel gaps */
  height: 100%;
}

.container-banner-line .wrapperBannerLine {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
}
@media screen and (max-width: 991px) {
  .container-banner-line .wrapperBannerLine {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.container-banner-line .wrapper1 {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
.container-banner-line .wrapper2 {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 991px) {
  .container-banner-line .wrapper2 {
    margin-top: 1.25rem;
  }
}
.container-banner-line .lineUp {
  height: 100%;
  width: 3px;
  background-color: #212e2d;
  -webkit-transform: scaleY(0);
          transform: scaleY(0); /* Estado inicial: sin altura */
  -webkit-transform-origin: center;
          transform-origin: center; /* La animación de escala se origina en el centro */
}
@media screen and (max-width: 991px) {
  .container-banner-line .lineUp {
    height: 4px;
    width: 100%;
  }
}
.container-banner-line .textBannerLine {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.container-banner-line .textBannerLine a {
  color: #eeff00;
  text-decoration: underline;
}
.container-banner-line .textBannerLine a:hover {
  color: #eeff00;
  text-decoration: none;
}
.container-banner-line .iconBannerLine {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.container-banner-line .iconBannerLine img {
  min-width: 200px;
}
.container-banner-line .textBannerLine-mask {
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.container-banner-line .textBannerLine-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.container-banner-line p:not(.subtitle) {
  font-size: 24px;
}
@media screen and (max-width: 991px) {
  .container-banner-line p:not(.subtitle) {
    font-size: 18px;
  }
}
.container-banner-line .subtitle {
  font-size: 16px;
}

@media screen and (min-width: 992px) {
  #textBannerLine-mask1,
  #textBannerLine-mask3 {
    padding-left: 40px;
  }
}

@media screen and (min-width: 992px) {
  #textBannerLine-mask2,
  #textBannerLine-mask4 {
    padding-right: 40px;
  }
}
#textBannerLine-mask2 .textBannerLine,
#textBannerLine-mask4 .textBannerLine {
  padding-left: 25px;
}

@media screen and (max-width: 991px) {
  #wrapperBannerLine2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

#textBannerLine-content1 {
  -webkit-transform: translateX(-105%);
          transform: translateX(-105%);
}
@media screen and (max-width: 991px) {
  #textBannerLine-content1 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  #textBannerLine-content1 .iconBannerLine {
    margin-right: 15px;
  }
  #textBannerLine-content1 .iconBannerLine img {
    max-width: 100px;
  }
}
@media screen and (max-width: 578px) {
  #textBannerLine-content1 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  #textBannerLine-content1 .iconBannerLine {
    max-width: 85px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  #textBannerLine-content1 .iconBannerLine img {
    max-width: 75px;
    min-width: 75px;
  }
}
#textBannerLine-content1 .iconBannerLine img {
  max-width: 100px;
}
#textBannerLine-content1 h3 {
  line-height: 1.4;
}

#textBannerLine-content2,
#textBannerLine-content4 {
  -webkit-transform: translateX(107%);
          transform: translateX(107%);
}

@media screen and (max-width: 578px) {
  #textBannerLine-content2 .iconBannerLine {
    max-width: 85px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  #textBannerLine-content2 .iconBannerLine img {
    max-width: 75px;
    min-width: 75px;
  }
}

@media screen and (max-width: 991px) {
  #wrapperBannerLine4 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

#textBannerLine-content3 {
  -webkit-transform: translateX(-105%);
          transform: translateX(-105%);
}
@media screen and (max-width: 991px) {
  #textBannerLine-content3 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  #textBannerLine-content3 .textBannerLine {
    padding-left: 15px;
  }
}
@media screen and (min-width: 992px) {
  #textBannerLine-content3 .iconBannerLine {
    padding-left: 150px;
  }
}
@media screen and (max-width: 578px) {
  #textBannerLine-content3 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  #textBannerLine-content3 .iconBannerLine {
    max-width: 85px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  #textBannerLine-content3 .iconBannerLine img {
    max-width: 75px;
    min-width: 75px;
  }
}

@media screen and (max-width: 578px) {
  #textBannerLine-content4 .iconBannerLine {
    max-width: 85px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  #textBannerLine-content4 .iconBannerLine img {
    max-width: 75px;
    min-width: 75px;
  }
}

#wrapperBannerLine1 {
  max-width: 1200px;
}

.owner-bold {
  font-weight: 600;
}

@media screen and (min-width: 992px) {
  .c-col-lg-banner1 {
    width: 78.5%;
  }
}

.bgGreen2 {
  background-color: #46a9a2;
  right: -100%;
  position: relative;
}

.subBannerGreen .subBanner {
  overflow: hidden; /* Crucial for the curtain effect */
}
.subBannerGreen .curtainGreen1 {
  position: absolute;
  top: 0;
  width: 50.5%; /* Slight overlap to prevent pixel gaps */
  height: 100%;
  z-index: 2;
}
.subBannerGreen .curtainGreen1.left {
  left: 0;
  background: #46a9a2; /* Match left side of background */
}
.subBannerGreen .curtainGreen1.right {
  right: 0;
  background: #46a9a2; /* Match right side of background */
}

.textBorderBlack {
  background-color: #8ccac5;
  border: 4px solid black;
  padding: 20px 30px;
}

.bannerBlockWhite-container h2 {
  line-height: 1.4;
}
.bannerBlockWhite-container .bannerBlockWhite-wrapper {
  overflow: hidden;
}
.bannerBlockWhite-container .curtainWhite {
  position: absolute;
  top: 0;
  width: 50.5%; /* Slight overlap to prevent pixel gaps */
  height: 100%;
  z-index: 2;
}
.bannerBlockWhite-container .curtainWhite.left {
  left: 0;
  background: #8ccac6; /* Match left side of background */
}
.bannerBlockWhite-container .curtainWhite.right {
  right: 0;
  background: #8ccac6; /* Match right side of background */
}

.bgDark {
  background-color: #212e2d;
  position: relative;
  z-index: 4;
}
@media screen and (max-width: 1200px) {
  .bgDark {
    z-index: 5;
  }
}
.bgDark .bannerNewsletter {
  background-color: #212e2d;
}

.fs-0 {
  font-size: 0;
}

.formNewsletter .form-label {
  font-size: 22px;
  color: white;
}
@media screen and (max-width: 991px) {
  .formNewsletter .form-label {
    font-size: 18px;
  }
}
.formNewsletter .form-control {
  min-height: 60px;
  border-radius: 16px;
  background-color: white;
  color: #212e2d;
  font-size: 22px;
}
.formNewsletter .form-control::-webkit-input-placeholder {
  color: rgba(33, 46, 45, 0.4);
}
.formNewsletter .form-control::-moz-placeholder {
  color: rgba(33, 46, 45, 0.4);
}
.formNewsletter .form-control:-ms-input-placeholder {
  color: rgba(33, 46, 45, 0.4);
}
.formNewsletter .form-control::-ms-input-placeholder {
  color: rgba(33, 46, 45, 0.4);
}
.formNewsletter .form-control::placeholder {
  color: rgba(33, 46, 45, 0.4);
}
.formNewsletter .btnSend {
  border: 3px solid white;
  background-color: #eeff00;
  border-radius: 24px;
  color: #212e2d;
  padding: 10px 20px;
  font-size: 22px;
  width: 100%;
}
.formNewsletter .btnSend:hover {
  background-color: #eeff00;
}

@media screen and (min-width: 992px) {
  .c-offset-lg {
    margin-right: 10%;
  }
}

.c-col-lg-w80 {
  width: 80%;
}
@media screen and (max-width: 991px) {
  .c-col-lg-w80 {
    width: 90%;
  }
}

.bannerTop {
  background-color: #212e2d;
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: center;
}
@media screen and (max-width: 991px) {
  .bannerTop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0;
    position: relative;
  }
}
.bannerTop p {
  color: white;
  font-size: 16px;
}
@media screen and (max-width: 991px) {
  .bannerTop p {
    padding: 5px 0 5px 20px;
  }
}
.bannerTop .wrapperMenuMobile {
  display: none;
}
@media screen and (max-width: 991px) {
  .bannerTop .wrapperMenuMobile {
    display: block;
  }
}
.bannerTop .wrapperMenuMobile .btnMenu {
  background-color: #eeff00;
  padding: 10px 20px;
  border: none;
  outline: none;
  height: 100%;
  position: relative;
  min-width: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.bannerTop .wrapperMenuMobile .btnMenu .wrapperIcons {
  position: relative;
  height: 20px;
  width: 25px;
}
.bannerTop .wrapperMenuMobile .btnMenu .wrapperIcons div {
  width: 25px;
  height: 3px;
  background-color: #212e2d;
  position: absolute;
  left: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.bannerTop .wrapperMenuMobile .btnMenu .wrapperIcons div:nth-child(1) {
  top: 0;
}
.bannerTop .wrapperMenuMobile .btnMenu .wrapperIcons div:nth-child(2) {
  top: 9px;
}
.bannerTop .wrapperMenuMobile .btnMenu .wrapperIcons div:nth-child(3) {
  top: 18px;
}
.bannerTop .wrapperMenuMobile .btnMenu i {
  font-size: 34px;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}
.bannerTop .wrapperMenuMobile .btnMenu.active .wrapperIcons div:nth-child(1) {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  top: 9px;
}
.bannerTop .wrapperMenuMobile .btnMenu.active .wrapperIcons div:nth-child(2) {
  opacity: 0;
}
.bannerTop .wrapperMenuMobile .btnMenu.active .wrapperIcons div:nth-child(3) {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  top: 9px;
}
.bannerTop .wrapperMenuMobile .btnMenu.active .fa-bars {
  display: none;
}
.bannerTop .wrapperMenuMobile .btnMenu.active .fa-xmark {
  display: block;
}
.bannerTop .wrapperMenuMobile .btnMenu .fa-bars {
  display: block;
}
.bannerTop .wrapperMenuMobile .btnMenu .fa-xmark {
  font-size: 40px;
  display: none;
}

.menuMobileWrapper {
  -webkit-transition: max-height 0.5s ease-in-out;
  transition: max-height 0.5s ease-in-out;
  overflow: hidden;
  max-height: 0;
}
.menuMobileWrapper.active {
  max-height: 350px;
}

.menuMobileWrapper-padding {
  padding: 30px 25px;
  background-color: #212e2d;
}

.menu__mobile-right {
  position: relative;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: #212e2d;
  overflow-y: scroll;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  padding: 0;
  list-style: none;
  margin-bottom: 0;
}
.menu__mobile-right.open {
  right: 0;
}
.menu__mobile-right .nav-item {
  margin-bottom: 1rem;
}
.menu__mobile-right .nav-link:hover svg {
  color: #eeff00;
  fill: #eeff00;
}
.menu__mobile-right .nav-link:hover svg path {
  color: #eeff00;
  fill: #eeff00;
}
.menu__mobile-right .nav-link:hover p {
  color: #eeff00;
}
.menu__mobile-right .wrapperItemMobile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 2px solid #eeff00;
  padding-bottom: 10px;
}
.menu__mobile-right .wrapperItemMobile svg {
  width: 40px;
  -webkit-transition: fill 0.15s ease-in-out;
  transition: fill 0.15s ease-in-out;
}
.menu__mobile-right .wrapperItemMobile svg path {
  -webkit-transition: fill 0.15s ease-in-out;
  transition: fill 0.15s ease-in-out;
}
.menu__mobile-right .wrapperItemMobile p {
  color: white;
  font-weight: 700;
  margin-bottom: 0;
  margin-left: 15px;
  font-size: 20px;
}
@media screen and (min-width: 992px) {
  .menu__mobile-right {
    display: none;
  }
}

.menuDesktop {
  background-color: #212e2d;
  position: absolute;
  top: 50%;
  left: -100%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  z-index: 9998;
  -webkit-transition: left 0.5s ease-in-out;
  transition: left 0.5s ease-in-out;
}
.menuDesktop.active {
  left: 0%;
}
@media screen and (max-width: 991px) {
  .menuDesktop {
    display: none;
  }
}
.menuDesktop .wrapperMenuDesktop {
  position: relative;
  padding-left: 20px;
  padding-right: 100px;
  padding-top: 30px;
  padding-bottom: 20px;
  min-width: 428px;
  min-height: 272px;
}
.menuDesktop .wrapperMenuDesktop .triangul {
  background: #212e2d;
  clip-path: polygon(50% 0%, 100% 50%, 50% 100%);
  position: absolute;
  top: 0;
  right: -34px;
  height: 100%;
  width: 70px;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
.menuDesktop .wrappItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.menuDesktop .itemMenu {
  margin-bottom: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.menuDesktop .itemMenu a:hover svg {
  color: #eeff00;
  fill: #eeff00;
}
.menuDesktop .itemMenu a:hover svg path {
  color: #eeff00;
  fill: #eeff00;
}
.menuDesktop .itemMenu a:hover p {
  color: #eeff00;
}
.menuDesktop .itemMenu svg {
  width: 40px;
  -webkit-transition: fill 0.15s ease-in-out;
  transition: fill 0.15s ease-in-out;
}
.menuDesktop .itemMenu svg path {
  -webkit-transition: fill 0.15s ease-in-out;
  transition: fill 0.15s ease-in-out;
}
.menuDesktop .itemMenu p {
  font-weight: 600;
  font-size: 20px;
  margin-left: 1rem;
  color: white;
  margin-bottom: 0;
}

.btnMenuDesktop {
  background-color: #eeff00;
  border-radius: 50%;
  border: 4px solid white;
  outline: none;
  height: 100%;
  position: absolute;
  top: 47%;
  left: 2%;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  z-index: 9999;
  width: 62px;
  height: 62px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
@media screen and (max-width: 991px) {
  .btnMenuDesktop {
    display: none;
  }
}
.btnMenuDesktop i {
  font-size: 34px;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}
.btnMenuDesktop.active {
  left: 26.5%;
}
@media only screen and (max-width: 1400px) and (min-width: 1301px) {
  .btnMenuDesktop.active {
    left: 26%;
  }
}
@media only screen and (max-width: 1300px) and (min-width: 1100px) {
  .btnMenuDesktop.active {
    left: 28%;
  }
}
@media only screen and (max-width: 1101px) and (min-width: 992px) {
  .btnMenuDesktop.active {
    left: 32%;
  }
}
.btnMenuDesktop.active .fa-bars {
  display: none;
}
.btnMenuDesktop.active .fa-xmark {
  display: block;
}
.btnMenuDesktop .fa-bars {
  display: block;
}
.btnMenuDesktop .fa-xmark {
  font-size: 40px;
  display: none;
}

#lottie-container {
  position: sticky;
  top: 0;
  height: 100vh;
  z-index: 10;
}
@media (max-width: 578px) {
  #lottie-container {
    height: 500px !important;
  }
}
@media (min-width: 768px) {
  #lottie-container svg {
    width: auto !important;
    height: auto !important;
    max-width: 700px;
    max-height: 100vh;
  }
}
@media (min-width: 1200px) {
  #lottie-container svg {
    width: auto !important;
    height: auto !important;
    max-width: 1500px;
    max-height: 100vh;
  }
}

.lottie-spacer {
  height: 2000px; /* Desktop */
}

@media (max-width: 1200px) {
  .lottie-spacer {
    height: 600px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media (max-width: 768px) {
  .lottie-spacer {
    height: 500px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.linkTop {
  position: relative;
  z-index: 999;
}

@media (max-width: 578px) {
  .titleCarrusel {
    font-size: 20px !important;
  }
}

#bgvid {
  width: 100%;
  height: 100%;
  z-index: 6;
  position: fixed;
  /* height: 100%; */
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-filter: brightness(0.2) contrast(0.6) saturate(0) grayscale(1);
          filter: brightness(0.2) contrast(0.6) saturate(0) grayscale(1);
  opacity: 1;
  top: 0;
  left: 0;
  pointer-events: none; /* Clave: no bloquea clicks */
}

.block1 {
  position: relative;
}

.burden-cdiff-page .dv-hr-1 {
  padding-top: 51px;
  padding-bottom: 92px;
}
.burden-cdiff-page .dv-spacing-1 {
  padding-bottom: 85px;
}

.burden-grid {
  background-color: #F7FFFF;
  border-radius: 30px;
}
.burden-grid .content .content-image {
  margin-bottom: 1.25rem;
}
.burden-grid .content .content-image img {
  max-width: 95%;
}
.burden-grid .content .info {
  text-align: center;
  color: #53667D;
}
@media screen and (min-width: 992px) {
  .burden-grid .grid-1 {
    border-right: 0.5px solid #215476;
    border-bottom: 0.5px solid #215476;
  }
}
.burden-grid .grid-1 .content {
  padding-bottom: 2rem;
}
@media screen and (min-width: 992px) {
  .burden-grid .grid-2 {
    border-left: 0.5px solid #215476;
    border-bottom: 0.5px solid #215476;
  }
}
.burden-grid .grid-2 .content {
  padding-bottom: 2rem;
}
@media screen and (min-width: 992px) {
  .burden-grid .grid-3 {
    border-right: 0.5px solid #215476;
    border-top: 0.5px solid #215476;
  }
}
.burden-grid .grid-3 .content {
  padding-top: 2rem;
}
@media screen and (min-width: 992px) {
  .burden-grid .grid-4 {
    border-left: 0.5px solid #215476;
    border-top: 0.5px solid #215476;
  }
}
.burden-grid .grid-4 .content {
  padding-top: 2rem;
}
.burden-grid .disclaimer-burden p {
  color: #53667D;
  font-size: 14px;
}

.steps-antibiotic .content {
  text-align: center;
}
.steps-antibiotic .content .content-image {
  margin-bottom: 1.25rem;
}
.steps-antibiotic .content p {
  font-size: 14px;
  color: white;
}

.content-symbols-antibiotic {
  background-color: transparent;
  padding: 25px 20px;
  border: 3px solid #e26d64;
  clip-path: polygon(0 0, calc(100% - 30px) 0, 100% 30px, 100% 100%, 30px 100%, 0 calc(100% - 30px), 0 0);
  position: relative;
  -webkit-box-shadow: inset 0 0 25px rgba(0, 0, 0, 0.55);
          box-shadow: inset 0 0 25px rgba(0, 0, 0, 0.55);
}
.content-symbols-antibiotic:before {
  content: "";
  left: -18px;
  bottom: -11px;
  position: absolute;
  width: 40px;
  height: 30px;
  border-top: 3px solid #e26d64;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.content-symbols-antibiotic:after {
  content: "";
  right: -17px;
  top: -11px;
  position: absolute;
  width: 40px;
  height: 30px;
  border-bottom: 3px solid #e26d64;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.content-symbols-antibiotic .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}
@media screen and (max-width: 991px) {
  .content-symbols-antibiotic .item {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.content-symbols-antibiotic .item p {
  font-size: 18px;
  color: white;
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .content-symbols-antibiotic .item p {
    font-size: 16px;
  }
}

.accordion-burden .card {
  margin-bottom: 75px;
  overflow: inherit !important;
  background-color: transparent;
  border: none;
}
.accordion-burden .card:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background: #262A36;
  opacity: 0.5;
  mix-blend-mode: multiply;
  clip-path: polygon(0 0, calc(100% - 30px) 0, 100% 30px, 100% 100%, 30px 100%, 0 calc(100% - 30px), 0 0);
  width: 100%;
  height: 100%;
}
.accordion-burden .card .card-header {
  padding: 0;
  border-bottom: 0;
  background-color: transparent;
}
.accordion-burden .card .card-header button, .accordion-burden .card .card-header .button {
  padding: 0.75rem 1.25rem;
  text-decoration: none;
}
.accordion-burden .card .card-header button:hover, .accordion-burden .card .card-header button:focus, .accordion-burden .card .card-header .button:hover, .accordion-burden .card .card-header .button:focus {
  text-decoration: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.accordion-burden .card .card-header button .title, .accordion-burden .card .card-header .button .title {
  color: #f3e964;
  font-size: 26px;
  margin-bottom: 15px;
  font-family: "Obvia", sans-serif;
  font-weight: 600;
}
@media screen and (max-width: 991px) {
  .accordion-burden .card .card-header button .title, .accordion-burden .card .card-header .button .title {
    font-size: 18px;
  }
  .accordion-burden .card .card-header button .title br, .accordion-burden .card .card-header .button .title br {
    display: none;
  }
}
.accordion-burden .card .card-header button .category, .accordion-burden .card .card-header .button .category {
  color: #fff;
  font-size: 14px;
}
@media screen and (max-width: 991px) {
  .accordion-burden .card .card-header button .category, .accordion-burden .card .card-header .button .category {
    font-size: 16px;
  }
}
.accordion-burden .card .card-header button[aria-expanded=true] .icon::after {
  content: "\f068";
}
.accordion-burden .card .card-header .content-image {
  position: relative;
  z-index: 1;
  margin-top: -40px;
}
.accordion-burden .card .card-header .icon {
  background: -webkit-gradient(linear, left top, left bottom, from(#14202b), to(#14202b)) padding-box, radial-gradient(circle, rgb(250, 238, 157) 0%, rgb(224, 198, 16) 55%, rgb(245, 223, 118) 70%, rgb(217, 168, 3) 100%) border-box;
  background: linear-gradient(#14202b, #14202b) padding-box, radial-gradient(circle, rgb(250, 238, 157) 0%, rgb(224, 198, 16) 55%, rgb(245, 223, 118) 70%, rgb(217, 168, 3) 100%) border-box;
  border: 3px solid transparent;
  border-radius: 50%;
  width: 55px;
  height: 55px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 991px) {
  .accordion-burden .card .card-header .icon {
    width: 40px;
    height: 40px;
  }
  .accordion-burden .card .card-header .icon::after {
    font-size: 22px;
  }
}
.accordion-burden .card .card-header .icon::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f067";
  background: rgb(250, 238, 157);
  background: radial-gradient(circle, rgb(250, 238, 157) 0%, rgb(224, 198, 16) 55%, rgb(245, 223, 118) 70%, rgb(217, 168, 3) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 23px;
}
.accordion-burden .card .card-body ul {
  padding-left: 1rem;
}
.accordion-burden .card .card-body ul li {
  color: #fff;
  margin-bottom: 10px;
}
.accordion-burden .card .card-body .more-info {
  background-color: transparent;
  clip-path: polygon(0 0, calc(100% - 30px) 0, 100% 30px, 100% 100%, 30px 100%, 0 calc(100% - 30px), 0 0);
  position: relative;
  border: 3px solid #fff;
  padding-left: 20px;
  padding-right: 20px;
}
.accordion-burden .card .card-body .more-info:before {
  content: "";
  left: -17px;
  bottom: -11px;
  position: absolute;
  width: 40px;
  height: 30px;
  border-top: 3px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.accordion-burden .card .card-body .more-info:after {
  content: "";
  right: -17px;
  top: -11px;
  position: absolute;
  width: 40px;
  height: 30px;
  border-bottom: 3px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.accordion-burden .card .card-body .more-info p {
  font-size: 18px;
  color: #fff;
}
@media screen and (max-width: 991px) {
  .accordion-burden .card .card-body .more-info p {
    font-size: 16px;
  }
}

.error_valid {
  font-size: 13px !important;
  color: #D93315 !important;
  border: none !important;
  text-transform: none !important;
}

.disabled {
  pointer-events: none !important;
}

.invisible .content a div {
  height: 60px;
}

.content-moa {
  background-color: #F7FFFF;
  border-radius: 20px;
  padding-top: 60px;
  padding-bottom: 60px;
  padding-left: 20px;
  padding-right: 20px;
}
.content-moa p {
  margin-bottom: 0;
  color: #53667D;
}
.content-moa .moa_microbiome p {
  margin-bottom: 0;
  color: #53667D;
  font-size: 14px;
}
.content-moa .subcontent-moa {
  background-color: #DCE6EB;
  border-radius: 20px;
}
.content-moa .subcontent-moa .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}
@media screen and (max-width: 991px) {
  .content-moa .subcontent-moa .item {
    margin-bottom: 1rem;
    padding-left: 1rem;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
  }
  .content-moa .subcontent-moa .item p {
    margin-left: 1rem !important;
  }
}
.content-moa .subcontent-moa .item p {
  font-size: 14px;
  margin-left: 0.5rem;
}

@media screen and (min-width: 992px) {
  .content-2-moa .grid-1 {
    border-left: 3px solid #F4E36E;
  }
}
.content-2-moa .grid-1 p {
  margin-bottom: 0;
}
.content-2-moa .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 1.5rem;
}
@media screen and (max-width: 991px) {
  .content-2-moa .item {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center;
  }
  .content-2-moa .item img {
    margin-bottom: 1rem !important;
  }
}
.nav-tabs-efficacy {
  border-bottom: 4px solid #0336ff;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 991px) {
  .nav-tabs-efficacy {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.nav-tabs-efficacy .nav-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 20px;
  font-family: "Barlow", sans-serif;
  font-weight: 700;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-radius: 22px 22px 0 0;
}
@media screen and (max-width: 991px) {
  .nav-tabs-efficacy .nav-link {
    border-radius: 15px;
    margin-bottom: 10px !important;
    padding: 15px 0px;
  }
}
.nav-tabs-efficacy .nav-link:hover {
  background-color: #0336ff;
  border-color: #0336ff;
  color: #fff;
}
.nav-tabs-efficacy button {
  font-size: 16px;
  font-weight: bold;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  font-family: "Barlow", sans-serif;
}
@media screen and (max-width: 991px) {
  .nav-tabs-efficacy button {
    max-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 1;
    margin-bottom: 10px;
  }
  .nav-tabs-efficacy button span b {
    display: none;
  }
  .nav-tabs-efficacy button img {
    margin-left: 0 !important;
  }
}
.nav-tabs-efficacy button img {
  max-width: 30px;
  margin-right: 0.5rem;
}
.nav-tabs-efficacy [data-target="#nav-1"] {
  background-color: #fff;
  color: #a1a2a3;
  border: 1px solid #0336ff;
}
.nav-tabs-efficacy [data-target="#nav-1"].active {
  background-color: #0336ff;
  z-index: 10;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: white;
  border: 0;
}
@media screen and (max-width: 991px) {
  .nav-tabs-efficacy [data-target="#nav-1"].active {
    font-size: 20px;
  }
}
.nav-tabs-efficacy [data-target="#nav-2"] {
  color: #a1a2a3;
  border: 1px solid #0336ff;
  background: #fff;
}
@media screen and (max-width: 991px) {
  .nav-tabs-efficacy [data-target="#nav-2"] {
    font-size: 20px;
  }
}
.nav-tabs-efficacy [data-target="#nav-2"].active {
  background-color: #fefdf5;
  z-index: 10;
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: #0336ff;
  color: #fff;
  border: 0;
}
.nav-tabs-efficacy [data-target="#nav-3"] {
  color: #a1a2a3;
  border: 1px solid #0336ff;
  background: #fff;
}
@media screen and (max-width: 991px) {
  .nav-tabs-efficacy [data-target="#nav-3"] {
    font-size: 20px;
  }
}
.nav-tabs-efficacy [data-target="#nav-3"].active {
  background-color: #fefdf5;
  z-index: 10;
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: #0336ff;
  color: #fff;
  border: 0;
}

.tab-content-efficacy {
  border-top: 1px solid transparent;
  position: relative;
  z-index: 1;
  border-bottom: 4px solid #0336ff;
}
.tab-content-efficacy .floating-icon-label {
  position: absolute;
  left: 15px;
  top: 0;
  width: 100px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media (max-width: 991px) {
  .tab-content-efficacy .floating-icon-label {
    width: 60px;
    left: 3px;
  }
}
@media (max-width: 575px) {
  .tab-content-efficacy .floating-icon-label {
    width: 45px;
    left: -4px;
  }
}
.tab-content-efficacy .tab-pane {
  position: relative;
  border: 1px solid transparent;
}
.tab-content-efficacy .subheading-1 h1, .tab-content-efficacy .subheading-1 h2, .tab-content-efficacy .subheading-1 h3, .tab-content-efficacy .subheading-1 h4, .tab-content-efficacy .subheading-1 h5, .tab-content-efficacy .subheading-1 h6 {
  color: #b95246;
}

.title-percentage {
  font-size: 13px;
  font-weight: 500;
  text-transform: uppercase;
}

.tab-footer {
  background: #3b4454;
}
.tab-footer a {
  color: #f3e964;
  text-decoration: underline;
}
.tab-footer a:hover {
  text-decoration: none;
}

.page-safety .dv-hr-1 {
  padding-top: 51px;
  padding-bottom: 99px;
}

.content-safety-1 {
  background-color: #FDF9E2;
  border-radius: 20px;
}
.content-safety-1 .title-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.content-safety-1 .title-content h1, .content-safety-1 .title-content h2, .content-safety-1 .title-content h3, .content-safety-1 .title-content h4, .content-safety-1 .title-content h5, .content-safety-1 .title-content h6 {
  color: #53667D;
}
.content-safety-1 .img-num {
  width: 50px;
  height: 50px;
}
.content-safety-1 ul li {
  font-size: 14px;
  margin-bottom: 10px;
}

.content-safety-2 {
  background-color: #DCE6EB;
  border-radius: 20px;
}
.content-safety-2 .title-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.content-safety-2 .title-content h1, .content-safety-2 .title-content h2, .content-safety-2 .title-content h3, .content-safety-2 .title-content h4, .content-safety-2 .title-content h5, .content-safety-2 .title-content h6 {
  color: #53667D;
}
.content-safety-2 .img-num {
  width: 50px;
  height: 50px;
}
.content-safety-2 ul li {
  font-size: 14px;
  margin-bottom: 10px;
}

.content-dosing-1 {
  background-color: #DCE6EB;
  border-radius: 30px;
}
.content-dosing-1 .title-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.content-dosing-1 .title-content h1, .content-dosing-1 .title-content h2, .content-dosing-1 .title-content h3, .content-dosing-1 .title-content h4, .content-dosing-1 .title-content h5, .content-dosing-1 .title-content h6 {
  color: #53667D;
}
.content-dosing-1 .steps-dosing .item {
  border-radius: 35px;
  padding: 2.5rem;
  margin-bottom: 1.5rem;
  color: white;
}
@media screen and (max-width: 991px) {
  .content-dosing-1 .steps-dosing .item {
    border-radius: 35px;
    padding: 1rem;
  }
}
.content-dosing-1 .steps-dosing .item .number {
  background-color: #FCF9E2;
  width: 50px;
  display: block;
  height: 50px;
  text-align: center;
  font-weight: 600;
  font-size: 30px;
  border-radius: 100%;
  color: #E26D64;
  border: 2px solid #E26D64;
  margin: auto;
}
.content-dosing-1 .steps-dosing .border-bottom-yellow {
  border-bottom: 1px solid #F1E46E;
}
.content-dosing-1 .steps-dosing .item-1 {
  background-color: #64839D;
  position: relative;
}
.content-dosing-1 .steps-dosing .item-2 {
  background-color: #4F718D;
}
.content-dosing-1 .steps-dosing .item-3 {
  background-color: #3F6480;
}
.content-dosing-1 .steps-dosing .item-3 .text-capsule {
  color: #F4E36E;
}
.content-dosing-1 ul li {
  font-size: 14px;
  margin-bottom: 10px;
}

.steps-support-treatment .item {
  background-color: #F7FFFF;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  border-radius: 30px;
  margin-bottom: 1.5rem;
}
.steps-support-treatment .item img {
  margin-bottom: 1rem;
  max-width: 55px;
}
.steps-support-treatment .item h1, .steps-support-treatment .item h2, .steps-support-treatment .item h3, .steps-support-treatment .item h4, .steps-support-treatment .item h5, .steps-support-treatment .item h6 {
  color: #53667d;
  text-transform: uppercase;
}
.steps-support-treatment .item ul, .steps-support-treatment .item ol {
  padding-left: 1rem;
}
.steps-support-treatment .item ul li a, .steps-support-treatment .item ol li a {
  color: #53667d;
  text-decoration: underline;
}
.steps-support-treatment .item ul li a:hover, .steps-support-treatment .item ul li a:focus, .steps-support-treatment .item ol li a:hover, .steps-support-treatment .item ol li a:focus {
  color: #53667d;
  text-decoration: underline;
}
.steps-support-treatment .item ul li span, .steps-support-treatment .item ol li span {
  color: #FA68DE;
}
.steps-support-treatment .item .grid-2 {
  padding-left: 2rem;
}
@media screen and (min-width: 992px) {
  .steps-support-treatment .item .grid-2 {
    border-left: 1px solid #b95246;
  }
}
@media screen and (max-width: 991px) {
  .steps-support-treatment .item .grid-2 {
    border-top: 1px solid #b95246;
  }
}

.customFormRequestRep .form-group label {
  text-transform: uppercase;
  font-size: 14px;
}
.customFormRequestRep .custom-control-label::before {
  top: 0.38rem;
}
.customFormRequestRep .custom-control-label::after {
  top: 0.38rem;
}
.customFormRequestRep #state-error {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.customFormRequestRep .form-control:not([name=state]) {
  padding: 1.5rem 0.75rem;
}
.customFormRequestRep .form-control[name=state] {
  height: calc(2.3em + 0.75rem + 2px);
}
.customFormRequestRep .form-control.error::-webkit-input-placeholder {
  color: #f01919;
}
.customFormRequestRep .form-control.error::-moz-placeholder {
  color: #f01919;
}
.customFormRequestRep .form-control.error:-ms-input-placeholder {
  color: #f01919;
}
.customFormRequestRep .form-control.error::-ms-input-placeholder {
  color: #f01919;
}
.customFormRequestRep .form-control.error::placeholder {
  color: #f01919;
}
.customFormRequestRep label {
  color: #001b70;
}
.customFormRequestRep input[type=text],
.customFormRequestRep input[type=number],
.customFormRequestRep input[type=email],
.customFormRequestRep select {
  border: 1.5px solid #001b70;
  border-radius: 0;
}
.customFormRequestRep input[type=text][readonly],
.customFormRequestRep input[type=number][readonly],
.customFormRequestRep input[type=email][readonly],
.customFormRequestRep select[readonly] {
  background-color: #e9ecef !important;
}
.customFormRequestRep #state.error {
  color: #f01919;
}
.customFormRequestRep a {
  text-decoration: underline;
}
.customFormRequestRep a:hover, .customFormRequestRep a:focus {
  text-decoration: none;
}
.customFormRequestRep .custom-container-checkbox {
  background-color: #edfafe;
  padding: 1rem 1.5rem;
}
.customFormRequestRep .custom-container-checkbox label {
  font-size: 16px;
}
@media screen and (max-width: 991px) {
  .customFormRequestRep .custom-container-checkbox label {
    font-size: 14px;
  }
}
.customFormRequestRep .error {
  border: 1.5px solid #f01919 !important;
}
.customFormRequestRep label.error {
  font-size: 14px;
  color: #f01919;
  border: none !important;
  text-transform: none;
  font-family: "Barlow", sans-serif;
}

#block-vowst-rcid-primary-local-tasks {
  text-align: center;
}
#block-vowst-rcid-primary-local-tasks ul {
  display: inline-block;
  margin: auto;
}
#block-vowst-rcid-primary-local-tasks ul li {
  display: inline-block;
  float: left;
  padding: 10px;
}
#block-vowst-rcid-primary-local-tasks ul li:nth-child(2) a::after {
  content: "(" attr(data-drupal-link-system-path) ")";
  padding-left: 5px;
  font-weight: bold;
}
#block-vowst-rcid-primary-local-tasks ul li a {
  color: black;
}
#block-vowst-rcid-primary-local-tasks ul li a:hover, #block-vowst-rcid-primary-local-tasks ul li a:focus {
  border-bottom: 2px solid black;
}
#block-vowst-rcid-primary-local-tasks ul li a[rel=edit-form]::after {
  content: "(" attr(data-drupal-link-system-path) ")";
  padding-left: 5px;
  font-weight: bold;
}

.font-bold {
  font-weight: 600;
}

.color-gray {
  color: #5F6060;
}

h1,
.h1 {
  font-size: 40px;
}
@media (max-width: 768px) {
  h1,
  .h1 {
    font-size: 24px;
  }
}

.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}
@media (max-width: 768px) {
  .text-xl {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}

.title-page h1, .title-page h2, .title-page h3, .title-page h4, .title-page h5, .title-page h6 {
  font-size: 64px;
  line-height: 1;
}
@media screen and (max-width: 991px) {
  .title-page h1, .title-page h2, .title-page h3, .title-page h4, .title-page h5, .title-page h6 {
    font-size: 44px;
  }
}

.fs-24 {
  font-size: 24px;
}

.title-section {
  text-align: center;
}
.title-section h1, .title-section h2, .title-section h3, .title-section h4, .title-section h5, .title-section h6 {
  text-transform: uppercase;
  color: white;
  margin-bottom: 0;
}

.heading h1, .heading h2, .heading h3, .heading h4, .heading h5, .heading h6 {
  color: white;
  font-family: "Obvia", sans-serif;
}

.basic-page-faq p, .basic-page-faq span {
  color: black;
}
.basic-page-faq p strong, .basic-page-faq span strong {
  color: red;
}

.basic-page p, .basic-page span {
  color: black;
}
.basic-page p strong, .basic-page span strong {
  color: black;
}

.color-blue-light {
  color: #edfafe;
}

.color-blue-dark {
  color: #003447;
}

.color-pink {
  color: #f521cc;
}

.color-pink-light {
  color: #fa68de;
}

.color-white {
  color: white;
}

a.color-white:hover {
  color: #fff;
}

.color-cobalt-blue {
  color: #0336ff;
}

.fs-mobile {
  font-size: 1.7rem;
}

.fs-mobile-v2 {
  font-size: 1.2rem;
}

.color-blue-v3, #phase3Modal .modal-body .custom-sup-1::before,
#phase4Modal .modal-body .custom-sup-1::before, #phase3Modal .modal-body .custom-sup-2::before,
#phase4Modal .modal-body .custom-sup-2::before {
  color: #53667d;
}

.color-blue-v4, .custom-sup-3::before, .custom-sup-1::before {
  color: #3b4454;
}

.color-red-light {
  color: #b95246;
}

.color-red-lighter {
  color: #e26d64;
}

.lh-1 {
  line-height: 1;
}

.lh-1-2 {
  line-height: 1.2;
}

@media screen and (max-width: 991px) {
  .fs-12px,
  .fs-12 {
    font-size: 12px;
  }
}

@media screen and (max-width: 991px) {
  .fs-14px,
  .fs-14 {
    font-size: 14px;
  }
}

@media screen and (max-width: 991px) {
  .fs-16px,
  .fs-16 {
    font-size: 16px;
  }
}

@media screen and (max-width: 991px) {
  .fs-18px,
  .fs-18 {
    font-size: 18px;
  }
}

@media screen and (max-width: 991px) {
  .fs-20px,
  .fs-20 {
    font-size: 20px;
  }
}

@media screen and (max-width: 991px) {
  .fs-26px,
  .fs-26 {
    font-size: 26px;
  }
}

@media screen and (max-width: 991px) {
  .fs-26px,
  .fs-26 {
    font-size: 26px;
  }
}

@media screen and (max-width: 991px) {
  .fs-22vw {
    font-size: 22vw;
  }
}

@media screen and (max-width: 991px) {
  .fs-11vw {
    font-size: 11vw;
  }
}

@media screen and (max-width: 991px) {
  .fs-65px,
  .fs-65 {
    font-size: 65px;
  }
}

@media screen and (min-width: 992px) {
  .fs-lg-40,
  .fs-lg-40px {
    font-size: 40px;
  }
}

@media screen and (min-width: 992px) {
  .fs-lg-30,
  .fs-lg-30px {
    font-size: 30px;
  }
}

@media screen and (min-width: 992px) {
  .fs-lg-24,
  .fs-lg-24px {
    font-size: 24px;
  }
}

@media screen and (min-width: 992px) {
  .fs-lg-22,
  .fs-lg-22px {
    font-size: 22px;
  }
}

@media screen and (min-width: 992px) {
  .fs-lg-26,
  .fs-lg-26px {
    font-size: 26px;
  }
}

@media screen and (min-width: 992px) {
  .fs-lg-55,
  .fs-lg-55px {
    font-size: 55px;
  }
}

@media screen and (min-width: 992px) {
  .fs-lg-20,
  .fs-lg-20px {
    font-size: 20px;
  }
}

@media screen and (min-width: 992px) {
  .fs-lg-18,
  .fs-lg-18px {
    font-size: 18px;
  }
}

@media screen and (min-width: 992px) {
  .fs-lg-16,
  .fs-lg-16px {
    font-size: 16px;
  }
}

@media screen and (min-width: 992px) {
  .fs-lg-14,
  .fs-lg-14px {
    font-size: 14px;
  }
}

@media screen and (min-width: 992px) {
  .fs-lg-15,
  .fs-lg-15px {
    font-size: 15px;
  }
}

@media screen and (min-width: 992px) {
  .fs-lg-13,
  .fs-lg-13px {
    font-size: 13px;
  }
}

@media screen and (min-width: 992px) {
  .fs-lg-12,
  .fs-lg-12px {
    font-size: 12px;
  }
}

.fs-h1 {
  font-size: 2.5rem;
}

.fs-h2 {
  font-size: 2rem;
}

.fs-h3 {
  font-size: 1.75rem;
}

.fs-h4 {
  font-size: 1.5rem;
}

.fs-h5 {
  font-size: 1.25rem;
}

.fs-h6 {
  font-size: 1rem;
}

.border-none {
  border: none !important;
}

.br-10px {
  border-radius: 10px;
}

.br-15px {
  border-radius: 15px;
}

.br-20px {
  border-radius: 20px;
}

.br-30px {
  border-radius: 30px;
}

@media screen and (min-width: 768px) {
  .br-md-30px {
    border-radius: 30px;
  }
}

@media screen and (min-width: 768px) {
  .w-md-60 {
    width: 60%;
  }
}

@media screen and (min-width: 768px) {
  .w-md-80 {
    width: 80%;
  }
}

@media screen and (min-width: 768px) {
  .h-md-90 {
    height: 90%;
  }
}

@media screen and (min-width: 768px) {
  .h-md-100 {
    height: 100%;
  }
}

.word-break-word {
  word-break: break-word;
}

@media screen and (max-width: 767px) {
  .border-radius-0 {
    border-radius: 0;
  }
}

@media only screen and (max-width: 991px) {
  .custom-container {
    padding-left: 15px !important;
    padding-right: 15px !important;
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
  }
}
@media only screen and (max-width: 991px) and (min-width: 767px) {
  .custom-container .navbar-nav {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
}
@media only screen and (max-width: 1199px) and (min-width: 768px) {
  .custom-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    max-width: 100%;
  }
  .custom-container .navbar-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    margin-left: auto !important;
  }
}

.z-index-1 {
  z-index: 1 !important;
}

.list-style-none {
  list-style: none !important;
}

@media screen and (min-width: 768px) {
  .h-md-85vh {
    height: 85vh;
  }
}

@media only screen and (max-width: 1023px) and (min-width: 768px) {
  .social-media .custom-width {
    max-width: 100% !important;
    -webkit-box-flex: 100% !important;
        -ms-flex: 100% !important;
            flex: 100% !important;
  }
  .social-media .custom-width a .fb,
  .social-media .custom-width a .tw,
  .social-media .custom-width a .ig {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

.link-legal {
  color: white;
  text-decoration: underline;
}
.link-legal:hover, .link-legal:focus {
  color: white;
  text-decoration: none;
}

@media screen and (max-width: 767px) {
  .main {
    margin-top: -1px;
  }
}

.custom-hr-yellow {
  width: 100%;
}

@media screen and (max-width: 991px) {
  .z-index-2-m {
    z-index: 2 !important;
  }
}

@media screen and (max-width: 991px) {
  .c-w-100 {
    width: 100%;
  }
}

.disclaimer-bottom p {
  font-size: 14px;
}
.banner-page {
  background-color: #e26d64;
  position: relative;
  z-index: 1;
}
.banner-page p {
  margin-bottom: 0;
  color: #3b4454;
}
.banner-page h1, .banner-page h2, .banner-page h3, .banner-page h4, .banner-page h5, .banner-page h6 {
  margin-bottom: 0;
  color: #3b4454;
  font-size: 18px;
}
.teaser-download {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border: 3px solid #e26d64;
  -webkit-box-shadow: 0 0 15px rgba(255, 231, 128, 0.38);
          box-shadow: 0 0 15px rgba(255, 231, 128, 0.38);
}
.teaser-download .content {
  background-color: #f5ffff;
  padding: 1rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.teaser-download .content p {
  color: #53667d;
}
.teaser-download .content img {
  border: 1px solid #000;
}
.teaser-download .content-footer {
  text-align: center;
}
.teaser-download .content-footer a {
  background-color: #4e677f;
  padding-top: 1rem;
  padding-bottom: 1rem;
  text-transform: uppercase;
  display: block;
  color: white;
  text-decoration: none;
  font-size: 22px;
  font-family: "obvia-narrow", sans-serif;
  font-weight: 700;
}
@media screen and (max-width: 991px) {
  .teaser-download .content-footer a {
    font-size: 20px;
  }
}
.teaser-download .content-footer a:hover, .teaser-download .content-footer a:focus {
  text-decoration: none;
  background-color: #3b4454;
}
.teaser-download .content-footer a div {
  width: 100%;
}
.teaser-download .content-footer a img {
  margin-left: 1rem;
  max-width: 20px;
  margin-bottom: 5px;
}

.content-sitemap ul li {
  color: #001b70;
  font-family: "Barlow", sans-serif;
  margin-bottom: 1.25rem;
}
.content-sitemap a {
  text-decoration: underline;
  color: #001b70;
  font-weight: 400;
  font-size: 20px;
}
@media (max-width: 991px) {
  .content-sitemap a {
    font-size: 16px;
  }
}
.content-sitemap a:hover, .content-sitemap a:focus {
  color: #001b70;
  text-decoration: none;
}
.content-sitemap .list {
  list-style: none;
}
.content-sitemap .list .sub-list {
  padding-left: 1.25rem;
  list-style: disc;
  margin-bottom: 0 !important;
}
.content-sitemap .list .sub-list li {
  margin-bottom: 0 !important;
}

.link-white {
  color: white;
  text-decoration: underline;
}
.link-white:hover, .link-white:focus {
  color: white;
  text-decoration: none;
}

@media screen and (min-width: 992px) {
  .vowst-support .grid-item {
    border-left: 3px solid #e26d64;
  }
}
@media screen and (max-width: 991px) {
  .vowst-support .grid-item {
    border-bottom: 3px solid #e26d64;
    padding-bottom: 1.25rem;
  }
}
.vowst-support .banner-support {
  background-color: #faf1b7;
  border-radius: 25px;
}
.vowst-support .banner-support .custom-line {
  height: 100%;
  width: 2px;
  background-color: #e26d64;
  border-radius: 5px;
}
@media screen and (max-width: 991px) {
  .vowst-support .banner-support .custom-line {
    height: 2px;
    width: 95%;
    background-color: #e26d64;
    border-radius: 5px;
  }
}
@media screen and (max-width: 991px) {
  .vowst-support .banner-support h1, .vowst-support .banner-support h2, .vowst-support .banner-support h3, .vowst-support .banner-support h4, .vowst-support .banner-support h5, .vowst-support .banner-support h6 {
    font-size: 18px;
  }
}
.vowst-support .banner-support a {
  color: #53667d;
  text-decoration: none !important;
  border-bottom: 3px solid;
  border-bottom-style: dotted;
}
.vowst-support .banner-support a:hover, .vowst-support .banner-support a:focus {
  color: #53667d;
  border-bottom: none;
}

.link-phone {
  border-bottom: 1px dashed inherit;
  text-decoration: none;
}
.link-phone.color-white {
  border-bottom: 1px dashed #fff;
}
.link-phone:hover, .link-phone:focus {
  border-bottom: 1px dashed transparent;
  text-decoration: none;
}

.custom-footer-for-image {
  position: relative;
  padding-left: 1rem;
}
.custom-footer-for-image::before {
  content: "*";
  position: absolute;
  left: 5px;
  top: 0px;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

.custom-sup-1 {
  margin-left: 0;
  padding-left: 1em;
  text-indent: -1em;
}
.custom-sup-1::before {
  content: "*";
  margin-right: 5px;
}

.custom-sup-3 {
  margin-left: 0;
  padding-left: 1em;
}
.custom-sup-3::before {
  content: "*";
  margin-right: 5px;
}

.custom-sup-ul li {
  list-style: none;
  padding-left: 10px;
}
.custom-sup-ul li::before {
  content: "*";
  position: absolute;
  left: 0;
}

.color-red {
  color: #c94d45;
}

@media (max-width: 991px) {
  .dv-fs-mb {
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 16px !important;
  }
}

.dv-sup-bold-title {
  font-size: 50%;
  top: -10px;
}

.pl-30px-md-15px-sm {
  padding-left: 15px;
}
@media screen and (min-width: 767px) {
  .pl-30px-md-15px-sm {
    padding-left: 30px;
  }
}

.cs-main {
  background: #edfafe;
}
@media (min-width: 992px) {
  .cs-main {
    margin-top: -8%;
  }
}

.fw-light {
  font-weight: 300;
}

.fw-medium {
  font-weight: 500;
}

.color-dark-blue {
  color: #001B70;
}

.red-border-box {
  border: 3px solid #e26d64;
}
@media (min-width: 992px) {
  .red-border-box {
    padding: 5px;
  }
}
.red-border-box > div {
  background: #fff;
}
@media (min-width: 992px) {
  .red-border-box > div {
    background: #fef9df;
  }
}
.red-border-box .content-svg {
  position: absolute;
  left: 27%;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  max-width: 50%;
  z-index: 1;
}
.red-border-box__left .red-border-box__image img {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}

.red-border-box-bevel {
  position: relative;
}
.red-border-box-bevel .border-svg {
  position: absolute;
  left: 0;
  top: 0;
}
@media (min-width: 992px) {
  .red-border-box-bevel .border-svg {
    left: -5px;
    top: 5px;
    width: 101%;
  }
}
.red-border-box-bevel__content h2 {
  text-shadow: 0 0 17px rgba(0, 0, 0, 0.82);
}
@media (max-width: 768px) {
  .red-border-box-bevel__content h2 {
    font-weight: 500 !important;
  }
}

.white-border-box {
  position: relative;
  text-align: center;
  padding: 45px 25px;
  height: 100%;
  background-color: transparent;
  display: block;
  text-decoration: none;
  clip-path: polygon(0 0, calc(100% - 30px) 0, 100% 30px, 100% 100%, 30px 100%, 0 calc(100% - 30px), 0 0);
  border: 3px solid #fff;
}
.white-border-box:hover {
  text-decoration: none;
}
.white-border-box:hover {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(244, 226, 110, 0)), to(rgba(244, 227, 110, 0.33)));
  background: linear-gradient(to bottom, rgba(244, 226, 110, 0) 0, rgba(244, 227, 110, 0.33) 100%);
}
.white-border-box:before {
  content: "";
  left: -17px;
  bottom: -11px;
  position: absolute;
  width: 40px;
  height: 30px;
  border-top: 3px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.white-border-box:after {
  content: "";
  right: -17px;
  top: -11px;
  position: absolute;
  width: 40px;
  height: 30px;
  border-bottom: 3px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
@media (max-width: 991px) {
  .white-border-box {
    min-height: 300px;
    padding: 35px 20px;
  }
}
.white-border-box__content {
  position: relative;
  z-index: 10;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.white-border-box__content .title {
  font-size: 30px;
  font-weight: 500;
  line-height: 1.1;
}
@media (max-width: 768px) {
  .white-border-box__content .title {
    font-size: 28px;
  }
}
.white-border-box__content span.cs-content-link {
  font-weight: 700;
  font-size: 22px;
}
@media (max-width: 768px) {
  .white-border-box__content span.cs-content-link {
    font-size: 20px;
  }
}
.white-border-box__content img {
  margin-bottom: 20px;
  max-width: 80px;
}
@media (max-width: 991px) {
  .white-border-box__content img {
    max-width: 100px !important;
  }
}
.white-border-box__content a {
  font-weight: bold;
  text-decoration: none;
  display: inline-block;
}
.white-border-box__content a:hover {
  text-decoration: underline;
  color: #f3e964;
}
.white-border-box__content .link-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: bold;
}
@media (min-width: 992px) {
  .white-border-box__content .link-wrapper {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
.white-border-box svg {
  position: absolute;
  left: 0;
  top: 0;
}

.default-padding-top {
  padding-top: 110px;
}
@media (max-width: 1200px) {
  .default-padding-top {
    padding-top: 80px;
  }
}
@media (max-width: 991px) {
  .default-padding-top {
    padding-top: 0px;
  }
}
@media (min-width: 1700px) {
  .default-padding-top {
    padding-top: 170px;
  }
}

@media (max-width: 991px) {
  .logo img {
    max-width: 150px;
  }
}

.default-padding-bottom {
  padding-bottom: 150px;
}

.text-shadow-1 {
  text-shadow: 0 0 17px rgba(0, 0, 0, 0.82);
}

.dv-bs-banner {
  position: relative;
  border-bottom: 8px solid transparent;
}
.dv-bs-banner:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -8px;
  width: 100%;
  height: 8px;
  background: -webkit-gradient(linear, right top, left top, from(#d9a803), color-stop(50%, #e0c610), color-stop(80%, #fcea96), to(#d9a803));
  background: linear-gradient(to left, #d9a803 0%, #e0c610 50%, #fcea96 80%, #d9a803 100%);
}
@media (max-width: 991px) {
  .dv-bs-banner picture {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
  .dv-bs-banner picture img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
@media (max-width: 991px) {
  .dv-bs-banner--row {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
@media (min-width: 992px) {
  .dv-bs-banner--content {
    position: absolute;
    left: 4%;
    top: 50%;
  }
}
@media (max-width: 991px) {
  .dv-bs-banner--content {
    min-height: 250px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .dv-bs-banner--content h1 {
    padding-top: 50px;
    padding-bottom: 50px;
    font-size: 30px;
  }
}
@media (max-width: 575px) {
  .dv-bs-banner--content h1 {
    font-size: 20px;
  }
}

.bevel-box-numered {
  color: #fff;
  position: relative;
  margin-bottom: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-top: 20px;
  padding-bottom: 20px;
  min-height: 150px;
}
.bevel-box-numered:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background: #262a36;
  opacity: 0.5;
  mix-blend-mode: multiply;
  clip-path: polygon(0 0, calc(100% - 30px) 0, 100% 30px, 100% 100%, 30px 100%, 0 calc(100% - 30px), 0 0);
  width: 100%;
  height: 100%;
}
.bevel-box-numered__icon {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.bevel-box-numered__icon img {
  max-width: 67px;
  max-height: 67px;
}
.bevel-box-numered__icon:before {
  content: "";
  right: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  height: 90%;
  width: 3px;
  position: absolute;
  background-color: #e26d64;
}
@media (max-width: 991px) {
  .bevel-box-numered__icon:before {
    -webkit-transform: translateX(50%);
            transform: translateX(50%);
    height: 3px;
    width: 95%;
    right: 50%;
    bottom: -10px;
    top: auto;
  }
}
.bevel-box-numered .shield-number {
  font-family: "Barlow", sans-serif;
  font-weight: 900;
  background: url(../img/shield-icon.png) no-repeat center/contain;
  position: absolute;
  width: 60px;
  height: 60px;
  left: -30px;
  top: -20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 26px;
}
.bevel-box-numered .title {
  font-weight: 500;
}
@media (max-width: 768px) {
  .bevel-box-numered .title {
    font-size: 18px !important;
  }
}

.paragraph-border-left {
  padding-left: 20px;
  border-left: 3px solid #e26d64;
}
.paragraph-border-left a:hover {
  color: inherit;
  text-decoration: none;
}

.color-dark-red {
  color: #bd5547;
}

.underline-dotted {
  text-decoration: none;
  border-bottom: 2px dashed;
}

a.underline-dotted:hover {
  text-decoration: none;
  border-color: transparent;
}

@media (min-width: 992px) {
  .dv-bs-banner .sticky-badge {
    top: 27%;
  }
}

.sticky-badge {
  position: absolute;
  top: 35%;
  right: 0;
  z-index: 10;
  display: inline-block;
  font-family: "Barlow", sans-serif;
  background: #f3e964;
  padding-left: 25px;
  padding-right: 25px;
  border-radius: 50px 0 0 50px;
  font-size: 16px;
}
.sticky-badge:after {
  content: url("data:image/svg+xml,%3Csvg width='8' height='15' viewBox='0 0 8 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L7 7.5L1 13.5' stroke='%2312086F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media (max-width: 991px) {
  .sticky-badge:after {
    right: 3px;
  }
}
.sticky-badge:hover {
  -webkit-box-shadow: 0 0 15px #faf1b7;
          box-shadow: 0 0 15px #faf1b7;
}
.sticky-badge a {
  text-decoration: none;
  display: block;
  padding: 10px;
}
@media (max-width: 575px) {
  .sticky-badge a {
    font-size: 12px;
  }
}
@media (max-width: 991px) {
  .sticky-badge {
    top: -50px;
    z-index: 1000;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    padding: 0 25px 0 14px;
  }
}
@media (max-width: 575px) {
  .sticky-badge {
    padding: 0 10px 0 5px;
  }
}

.font-weight-medium {
  font-weight: 600;
}

.font-weight-semibold {
  font-weight: 700;
}

.Barlow-font sup {
  top: -6px;
  font-size: 65%;
}

p.h4.Barlow-font sup {
  font-size: 65%;
  top: -5px;
  left: 3px;
}

h2.Barlow-font sup {
  font-size: 65%;
  top: -7px;
  left: 1px;
}
@media (max-width: 768px) {
  h2.Barlow-font {
    font-size: 20px;
  }
}

.dashed-list {
  padding-left: 25px;
}
.dashed-list li {
  position: relative;
  list-style: none;
}
.dashed-list li:before {
  content: "";
  position: absolute;
  top: 10px;
  left: -18px;
  width: 10px;
  height: 2px;
  background-color: #53667d;
}

.font-weight-medium {
  font-weight: 600 !important;
}

.small,
.small {
  font-size: 88%;
}

.cs-small-references {
  font-size: 78%;
}
.cs-small-references strong:not(:first-of-type) {
  font-weight: 500;
}
@media (max-width: 768px) {
  .cs-small-references {
    font-size: 75%;
  }
}

@media (max-width: 768px) {
  .fx-fz-md-18 {
    font-size: 18px;
  }
}

.customTitleThank {
  font-weight: 500 !important;
  font-size: 30px;
  line-height: 1.2;
}

.customReturnBtn {
  font-size: 22px !important;
  font-weight: 700 !important;
  font-family: "Barlow-narrow", sans-serif;
}
@media screen and (max-width: 991px) {
  .customReturnBtn {
    font-size: 20px !important;
  }
}

@media screen and (max-width: 991px) {
  .customTitleHome1 {
    font-size: 24px !important;
  }
}

@media screen and (max-width: 991px) {
  .customSubheadYellowM {
    font-size: 18px;
    font-weight: 600 !important;
  }
}

.customFooterHeading {
  font-size: 22px;
  font-weight: 800 !important;
  font-family: "Barlow", sans-serif !important;
}
@media screen and (max-width: 991px) {
  .customFooterHeading {
    font-size: 18px;
    font-weight: 600 !important;
    font-family: "Barlow", sans-serif !important;
    line-height: 20px;
  }
}

@media screen and (max-width: 991px) {
  .customdisclaimer_moaM {
    font-family: "Montserrat" !important;
    font-weight: bold !important;
    font-style: normal !important;
    font-size: 18px !important;
  }
}

@media screen and (max-width: 991px) {
  #VOWST_requires_no_refrigeration_and_can_be_stored_at_room_temperature {
    font-size: 16px !important;
  }
}

.customBtnStyles {
  font-size: 22px !important;
  font-family: "obvia-narrow", sans-serif !important;
  font-weight: 700 !important;
}

@media screen and (max-width: 991px) {
  .customBtnStylesM {
    font-size: 20px !important;
  }
}

.customRedHeading {
  font-family: "Obvia", sans-serif;
  font-weight: 600;
  font-style: normal;
}
@media screen and (min-width: 992px) {
  .customRedHeading {
    font-size: 30px !important;
    line-height: 32px;
  }
}
@media screen and (max-width: 991px) {
  .customRedHeading {
    line-height: 22px;
  }
}

.customBlueSubtitle {
  font-family: "Obvia", sans-serif;
  font-weight: 600;
  font-style: normal;
}
@media screen and (min-width: 992px) {
  .customBlueSubtitle {
    font-size: 20px !important;
    line-height: 22px;
  }
}

.customTitleBanner1 {
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  margin-bottom: -5px !important;
}
@media only screen and (max-width: 1200px) and (min-width: 992px) {
  .customTitleBanner1 {
    font-size: 30px;
  }
}

@media screen and (min-width: 992px) {
  .cpr-30 {
    padding-right: 30px;
  }
}

@media screen and (max-width: 991px) {
  .cTitlev1,
  .c-fs-24px,
  .c-fs-24 {
    font-size: 24px !important;
  }
}

@media screen and (max-width: 991px) {
  .c-lh-24,
  .c-lh-24px {
    line-height: 24px;
  }
}

@media screen and (max-width: 991px) {
  .c-fs16-ffo {
    font-size: 16px !important;
    font-family: "Obvia", sans-serif !important;
    font-weight: 600 !important;
    font-style: normal;
  }
}

@media screen and (max-width: 991px) {
  .customBtnTemplate6 {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }
}
.customBtnTemplate6 svg {
  position: relative;
  top: -10px;
  right: -5px;
  margin-left: 0 !important;
}
@media only screen and (max-width: 991px) and (min-width: 400px) {
  .customBtnTemplate6 svg {
    width: 15px !important;
  }
}

.arrow-link {
  position: relative;
  padding-right: 15px;
}
.arrow-link::before {
  content: url("data:image/svg+xml,%3Csvg width='9' height='15' viewBox='0 0 9 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 1.32495L7.5 7.32495L1.5 13.325' stroke='%23001B70' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  position: absolute;
  right: 0;
  top: 0;
}

.arrow-link-v2 {
  position: relative;
  padding-right: 15px;
}
.arrow-link-v2::after {
  content: url("data:image/svg+xml,%3Csvg width='9' height='15' viewBox='0 0 9 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 1.32495L7.5 7.32495L1.5 13.325' stroke='%23001B70' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

#g-recaptcha-response-error {
  display: none !important;
}

.bs-page ul {
  padding-left: 15px;
}
.bs-page th, .bs-page td {
  padding: 13px;
}
.bs-page a {
  color: #0038FF;
}
.bs-page a:hover {
  text-decoration: none;
  color: #0038FF;
}

.bg-blue-light {
  background-color: #EDFAFE;
}

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

.bg-yellow-light {
  background-color: #fcf7d4;
}

.bg-light-blue {
  background-color: #edfafe;
}

.bg-yellow {
  background-color: #f3e964;
}

.bg-basic-gray {
  background-color: #ecedee;
}

.bg-gradient-blue {
  background: radial-gradient(farthest-corner at 130% 45%, #0336ff 0, #001b70 60%);
}
.bg-gradient-blue img {
  -webkit-filter: drop-shadow(15px 40px 23px rgba(0, 0, 0, 0.6));
          filter: drop-shadow(15px 40px 23px rgba(0, 0, 0, 0.6));
}

.bg-yellow-gradient {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(-10%, #fff5b4), color-stop(50%, #f5e261), to(#f5be27));
  background: linear-gradient(to bottom, #fff5b4 -10%, #f5e261 50%, #f5be27 100%);
}

.bg-blue-dark-v2 {
  background-color: #54667e;
}

.bg-homepage {
  background-color: #53667d;
  position: relative;
}

.bg-blue-light-v2 {
  background-color: #f7ffff;
}

.bg-red-shield {
  background: url("../img/red-badge-shield.jpg") no-repeat center/cover;
  position: relative;
}
.bg-red-shield:before, .bg-red-shield:after {
  content: "";
  width: 100%;
  height: 3px;
  background-color: #f4e27f;
  position: absolute;
  left: 0;
}
.bg-red-shield:before {
  top: -8px;
}
.bg-red-shield:after {
  bottom: -8px;
}
@media (max-width: 575px) {
  .bg-red-shield p {
    font-size: 16px;
    line-height: 1.4;
  }
}
@media (max-width: 991px) {
  .bg-red-shield {
    background: url("../img/red-badge-shield-mobile.jpg") no-repeat center/cover;
  }
}

.bg-primary-blue {
  background-color: #001b70;
}

.bg-ligth-blue {
  background-color: #edfafe;
}

.bg-light-blue-bevel {
  background: #f7ffff;
  clip-path: polygon(0 0, calc(100% - 30px) 0, 100% 30px, 100% 100%, 30px 100%, 0 calc(100% - 30px), 0 0);
}

.bg-red-bevel {
  background-color: transparent;
  border: 3px solid #e26d64;
  clip-path: polygon(0 0, calc(100% - 30px) 0, 100% 30px, 100% 100%, 30px 100%, 0 calc(100% - 30px), 0 0);
  padding-left: 20px;
  padding-right: 20px;
  -webkit-box-shadow: inset 0 0 25px rgba(0, 0, 0, 0.55);
          box-shadow: inset 0 0 25px rgba(0, 0, 0, 0.55);
  position: relative;
}
.bg-red-bevel:before {
  content: "";
  left: -17px;
  bottom: -11px;
  position: absolute;
  width: 40px;
  height: 30px;
  border-top: 3px solid #e26d64;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.bg-red-bevel:after {
  content: "";
  right: -17px;
  top: -11px;
  position: absolute;
  width: 40px;
  height: 30px;
  border-bottom: 3px solid #e26d64;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.bg-red-bevel-top-right {
  background-color: transparent;
  position: relative;
  padding: 20px 55px;
}
@media (max-width: 990px) {
  .bg-red-bevel-top-right {
    padding: 20px;
    text-align: center;
  }
}
.bg-red-bevel-top-right:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  padding-left: 20px;
  padding-right: 20px;
  top: 0;
  border-top: 3px solid #e26d64;
  border-right: 3px solid #e26d64;
  border-bottom: 3px solid #e26d64;
  clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 20px, 100% 100%, 0 100%, 0 calc(100% - 20px), 0 0);
  z-index: 0;
}
@media (max-width: 990px) {
  .bg-red-bevel-top-right:before {
    border-left: 3px solid #e26d64;
  }
}
.bg-red-bevel-top-right img {
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .bg-red-bevel-top-right img {
    margin-bottom: 0;
    position: absolute;
    left: 3px;
    top: 0px;
    height: 100%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    z-index: 1;
  }
}
.bg-red-bevel-top-right p {
  position: relative;
  z-index: 1;
}
.bg-red-bevel-top-right:after {
  content: "";
  right: -13px;
  top: -14px;
  position: absolute;
  width: 28px;
  height: 30px;
  border-bottom: 3px solid #e26d64;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.bg-dark-blue-bevel {
  padding-left: 30px;
  padding-right: 30px;
  position: relative;
}
.bg-dark-blue-bevel:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background: #3b4454;
  mix-blend-mode: multiply;
  clip-path: polygon(0 0, calc(100% - 30px) 0, 100% 30px, 100% 100%, 30px 100%, 0 calc(100% - 30px), 0 0);
  width: 100%;
  height: 100%;
}

.bg-transparent-bevel {
  padding-left: 30px;
  padding-right: 30px;
  position: relative;
}
.bg-transparent-bevel:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background: #262a36;
  opacity: 0.4;
  mix-blend-mode: multiply;
  clip-path: polygon(0 0, calc(100% - 30px) 0, 100% 30px, 100% 100%, 30px 100%, 0 calc(100% - 30px), 0 0);
  width: 100%;
  height: 100%;
}

.bg-blue-texture {
  background: url(../img/bg-blue-texture.jpg) no-repeat center/cover;
}

.bg-blue-lights {
  background: url(../img/bg-boxes.png) no-repeat center/cover;
}
@media (max-width: 991px) {
  .bg-blue-lights {
    background-position: 7% center;
  }
}