/*
global
*/
:root {
  /*
  text
  */
  --border-radius:1rem;
    /* TEXT SIZE SCALE */

    --text-xs: clamp(0.79rem, -0.01vw + 0.79rem, 0.78rem);
    --text-s: clamp(0.89rem, 0.08vw + 0.87rem, 0.94rem);
    --text-m: clamp(1rem, 0.21vw + 0.96rem, 1.13rem);
    --text-l: clamp(1.13rem, 0.37vw + 1.05rem, 1.35rem);
    --text-xl: clamp(1.27rem, 0.59vw + 1.15rem, 1.62rem);


    /* HEADING SIZE SCALE */


    --h6: clamp(0.8rem, -0.04vw + 0.81rem, 0.77rem);
    --h5: clamp(1rem, 0.05vw + 0.99rem, 1.03rem);
    --h4: clamp(1.25rem, 0.21vw + 1.21rem, 1.38rem);
    --h3: clamp(1.56rem, 0.45vw + 1.47rem, 1.83rem);
    --h2: clamp(1.95rem, 0.82vw + 1.79rem, 2.44rem);
    --h1: clamp(2.44rem, 1.36vw + 2.17rem, 3.26rem);
    --h-title: clamp(3.05rem, 2.15vw + 2.62rem, 4.34rem);

/* Clamp spacing */

	    --section-space-block: clamp(5rem, 1.429rem + 5.952vw, 10rem);
    --section-space-inline: clamp(0.5rem, 0.143rem + 0.595vw, 1rem);
    --section-space-inline--negative: calc(-1 * var(--section-space-inline));

    --content-space: clamp(1rem, 0.286rem + 1.19vw, 2rem);
    --content-space--xs: calc(0.25 * var(--content-space));
    --content-space--s: calc(0.5 * var(--content-space));
    --content-space--l: calc(2 * var(--content-space));
    --content-space--xl: calc(3 * var(--content-space));

    --container-space: calc(4 * var(--content-space));

  /*colors*/
  --color-primary: #0033A0;
  --color-secondary: #211261;
  --color-title: #0033A0;
  --color-white: #fff;
  --color-text:#A8A8A8;
  --color-background:#EEF6FD;

  --font-regular:400;
  --font-semi-bold:500;
  --font-bold:700;

}
 *::before, *::after {
    box-sizing: border-box;
}
*{
    margin:0;
    padding:0;
    box-sizing: border-box;
    line-height: calc(1em + 0.5rem);
    font:inherit;
    }
    html, body {
        width: 100%;
        overflow-x: hidden;

        font-size: 18px;
        -webkit-font-smoothing: antialiased;
    }
    body{
background:#EEF6FD!important;
      text-rendering: optimizeSpeed;
      font-family: "Arimo", sans-serif!important;
      
    }
    html:focus-within {
      scroll-behavior: smooth;
    }

/* TEXT SIZE UTILITY CLASSES */

.text-xl {
  font-size: var(--text-xl);

}
.text-l {
  font-size: var(--text-l);

}
.text-m {
  font-size: var(--text-m);

}
.text-s {
  font-size: var(--text-s);

}
.text-xs {
  font-size: var(--text-xs);

}
/* HEADING SIZE UTILITY CLASSES */
.h-title {
  font-size: var(--h-title);
}
h1, .h1 {
  font-size: var(--h1);
}
h2, .h2 {
  font-size: var(--h2);
}
h3, .h3 {
  font-size: var(--h3);
}
h4, .h4 {
  font-size: var(--h4);
}
h5, .h5 {
  font-size: var(--h5);

}
h6, .h6 {
  font-size: var(--h6);
  line-height: 1.6;
}

.wrapper-vaxthera{
  max-width: 1200px;
 margin-inline: auto;
 padding-inline: 20px;
 }
 :where(.block-flow >:not(:first-child)) {
  margin-top:var(--content-space--l,2em);
 }

     /* Remove all animations, transitions and smooth scroll for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  html:focus-within {
   scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
    ul[role='list'],
ol[role='list'] {
  list-style: none;
}

    p, h1, h2, h3, h4, h5, h6 {
      overflow-wrap: break-word;
    }
    #root, #__next {
      isolation: isolate;
    }

    .splitter-text{
    display:block;
    }
    a{
    text-decoration:none;
    }
    img, picture, video, canvas, svg {
      display: block;
      max-width: 100%;
    }

    a:hover{
    text-decoration:none;
    color:#fff;
    }
#heading{
background:#EEF6FD;
display:flex;
justify-content: space-around;
align-items: center;
padding:2rem 0;
@media(width<668px){
  flex-direction: column;
}

}
#heading .dropdown-toggle::after{
  position: absolute;
  right: -6px;
  top: 19px;

}
.splitter-text{
display:block;
}
a{
text-decoration:none;
}

a:hover{
text-decoration:none;
color:#fff;
}
/*
menu
*/
.menu-vaxthera-ul,.menu-vaxthera-ul a{
display:flex;
gap:25px;
color:#211261;
margin-bottom:0;
font-weight:bold;
}

.menu-vaxthera-ul li:first-child{
list-style:none;
}
#heading .navbar-nav .nav-item.active .nav-link,#heading .navbar-nav .nav-item:active,#heading .navbar-nav .nav-link:hover {
  color: #009ADE;
}
/* Marin */


.open-nav-xs #heading .navbar-toggler span:first-of-type {
  transform: rotate(45deg) translate(6px, 6px);
}
.open-nav-xs #heading .navbar-toggler span:last-of-type {
  transform: rotate(-45deg) translate(5px, -5px);
}
.open-nav-xs #heading .navbar-toggler span:nth-child(2){opacity: 0}
.navbar-nav{
list-style: none;
}
.navbar-nav li{
position: relative;
font-size: 15px;
}
.menu-vaxthera-ul li a:hover{
color: #009ADE;
}
.menu-vaxthera-ul li:first-child:before{
display: none;
}
.menu-vaxthera-ul .dropdown{
margin-right: 15px;
}
ul.dropdown-menu{
box-shadow: 0px 3px 6px #00000029;
border-radius: 18px;
}
ul.dropdown-menu li{
font-size: 14px;
padding: 0;
margin: 0;
}
ul.dropdown-menu li a{
color: #211261;
border-radius: 8px;
}
ul.dropdown-menu li a:hover{
background-color: transparent;
color: #009ADE;
}
ul.dropdown-menu li:before{
display: none;
}
.navbar-nav li:before{
width: 4px;
  height: 4px;
  display: inline-block;
  vertical-align: top;
  background-color: #211261;
  border-radius: 50%;
  content: "";
  position: relative;
  top: 1px;
  left: -10px;
}
.dropdown-menu{
  overflow: visible;
}
.dropdown-menu:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 5px;
  width: 87%;
  margin: 0 auto;
  background: #009ADE;
  top: -5px;
  border-radius: 5px 5px 0 0;
}
body:after {
  background: rgba(0, 19, 85, 0.9);
  content: "";
  height: 100vh;
  left: -100%;
  margin: 0 auto;
  position: fixed;
  top: 0;
  transition: all 0.4s ease-out;
  width: 100%;
  z-index: 8;
}
body.open-nav-xs:after {
  left: 0;
}
.navbar-toggler{
display: none !important;
}
@media(max-width: 992px){
.navbar-toggler{display: block !important;}
body.open-nav-xs {
    overflow: hidden;
}
.menu-vaxthera{
  position: absolute;
    top: 100px;
    width: 100%;
    transition: all 0.4s ease-out 0s;
    padding: 0px 15px;
    left: -100%;
    z-index: 2;
    max-width: 100%;
    display: block;
}
body.open-nav-xs .menu-vaxthera {
    left: 0;
}
.navbar-nav li:before{
  display: none;
}
.navbar-nav li, .navbar-nav li a{
  color: #fff !important;
}
.navbar-nav li{		
    border-bottom: 1px solid #fff;
}
header{
  position: relative;
    z-index: 9;
}
.menu-vaxthera-ul .dropdown{
  width: 100%;
}
div#heading {
    flex-direction: row;
    padding: 20px 20px;
}
nav.navbar{
  padding: 0 0;
  position: initial;
}
.navbar .navbar-collapse {
    max-height: initial;
    min-height: 500px;
}
.collapse:not(.show) {
    display: block !important;
}
.navbar{background: transparent !important;}
ul.dropdown-menu li a{
  border-radius: 0;
}
#heading .dropdown-item.active, #heading .dropdown-item:active {
    background-color: transparent !important;
    color: #009ADE !important;
}
.dropdown-menu:before{display: none !important;}
#heading .navbar-nav{display: block;}
}
/* end marin */




/* .menu-vaxthera-ul .active a {
color:#009ADE;
font-weight:bold;
} */
.menu-vaxthera-ul span:hover{
color:#009ADE;
}
.menu-vaxthera-ul .dropdown{
    position: relative;
}
.menu-vaxthera-ul .navbar .dropdown-menu::before{
  content:"";
  box-shadow: 0px 4px 8px 0px #009ADE;
}
.menu-vaxthera-ul .navbar .dropdown-menu{
  border-radius:1.5rem;
  box-shadow: 0px 3px 6px #00000029;
}
.menu-vaxthera .dropdown-menu{
  position: absolute;
}
/* @media(width<668px){
  .navbar .menu-vaxthera-ul{
  width: 100dvw;
padding-inline:1rem;
}
#heading .dropdown-toggle{
  width: fit-content;
}
#heading .dropdown-toggle::after{
 right: -16px;
}
} */
#heading .dropdown-item.active, #heading .dropdown-item:active {
background-color: #fff;
color:#009ADE;
}
.navbar {
  background: #EEF6FD;
  transition: all .6s;
  backface-visibility: hidden;
}

#heading .navbar-nav {
  color: #211261;
}

#heading .navbar-nav .nav-link {
  color: #211261;

  border: 0;
}

#heading .navbar-nav .nav-link:hover #heading .navbar-nav .nav-link:active,#heading .navbar-nav .nav-link.active  {
  color: #009ADE;
}

#heading .navbar-nav .nav-link:focus {
  color: #009ADE;
  outline: 0;
}

#heading .navbar-toggler {
  border-color: #009ADE;
  margin-inline: auto;
}

#heading .navbar-toggler:focus {
  background: none;
  outline: 0;
}

#heading .navbar-toggler span {
  display: block;
  width: 30px;
  height: 2px;
  margin: 6px auto;
  background: #211261;
  transition: all .6s cubic-bezier(0.250, 0.100, 0.250, 1.000);
}

#heading .navbar-toggler:hover span,
#heading .navbar-toggler:focus span {
  background: #211261;
}

/* rotate first span */
#heading .navbar-toggler[aria-expanded="true"] span:first-of-type {
  transform: rotate(45deg) translate(6px, 6px);
}

/* hide second span */
#heading .navbar-toggler[aria-expanded="true"] span:nth-of-type(2) {
  opacity: 0;
}

/* rotate third span */
#heading .navbar-toggler[aria-expanded="true"] span:last-of-type {
  transform: rotate(-45deg) translate(5px, -5px);
}

#heading .navbar-toggler[aria-expanded="false"] span {
  transform: none;
  opacity: 1;
}


#heading .navbar-toggler span {
  display: block;
  width: 30px;
  height: 2px;
  margin: 6px auto;
  background: #211261;
  transition: all .6s cubic-bezier(0.250, 0.100, 0.250, 1.000);
}

/* rotate first span */
#heading .navbar-toggler[aria-expanded="true"] span:first-of-type {
  transform: rotate(45deg) translate(6px, 6px);
}

/* hide second span */
#heading .navbar-toggler[aria-expanded="true"] span:nth-of-type(2) {
  opacity: 0;
}

/* rotate third span */
#heading .navbar-toggler[aria-expanded="true"] span:last-of-type {
  transform: rotate(-45deg) translate(5px, -5px);
}

#heading .navbar-toggler[aria-expanded="false"] span {
  transform: none;
  opacity: 1;
}
@media(width>992px ) and (width<1200px){
  #heading .logo img{
    max-width: 100px;
    height: auto;
  }
  #heading .navbar-nav li {
     font-size: 14px;
}

}
/*
footer
*/
.footer {
  background-color: #211261;
  color: white;
  padding: 20px;
}
.footer h4{
  font-size: var(--h5);
}

.grid-container {
  padding-block:3rem ;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  place-items:center;
  align-items: start;
}

.footer__contact, .footer__social-media, .footer__logo-sura, .legal {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.footer__contact h4, .footer__social-media h4 {
  margin-bottom: 15px;
}

.footer__contact h4 a {
color: #fff;
}

.footer__social-media-icons a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background-color: white;
  border-radius: 50%;
  margin: 0 5px;
}

.footer__social-media-icons a i {
  color: #919191;
  font-size: 20px;
}


.footer__social-media-icons a:hover i {
  color: #575757;
}

.footer img {
  max-width: 150px;
}

.legal {
  border-top: 2px solid #a8a8a8;
  padding-top: 2rem;
  text-align: center;
  margin-top: 2rem;
}


@media (max-width: 768px) {
  .grid-container {
    grid-template-columns: 1fr;
    text-align: center;
    
  }

  .footer__social-media a {
    margin: 0 5px;
  }
}
#languageSelector {
      color: #9A9797;
      background-color: transparent;
      border: none;
      padding: 5px 10px;
      border-radius: 5px;
      background-size: 20px;
      cursor: pointer;
}

#languageSelector:hover {
    border-color: #888;
}

/*
cards noticias
*/
.container_card_noticias{
  display: grid;
  grid-template-columns: repeat(auto-fill,minmax(min(100%,20rem),1fr));
  gap: 20px;
  place-items: center;
}
.container_card_noticias .card__noticias__container{
  display: flex;
  flex-direction: column;
 flex:1;
}
.container_card_noticias h6{
  position:absolute;
  bottom: -30px;
  z-index: 999;
  left: 20px;
  color: #fff;
  background-color: var(--color-secondary);
  padding: 10px 15px;
  border-radius:30px ;
}
.container_card_noticias  .card__noticias{
  display: flex;
  flex-direction: column;
  max-width: 500px;
  background: #fff;
  box-shadow: 0px 3px 6px #00000029;
  border-radius:30px;
}

.card__noticias  .card__noticias__content{
  margin-top: -1rem;
  padding-block:3rem;
 
    border-top-left-radius:0px;
    border-top-right-radius:0px;
   
    display: flex;
    flex-direction: column;
    text-align: left;
    justify-content: space-between;
    padding-inline: 20px;
     flex: 1 0 390px;
    align-items: stretch;
}
.card__noticias__content p{
  display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.5em;
    transition: all 1.5s ease-in-out;
}
.card__noticias__content h2{
  display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.5em;
    transition: all 1.5s ease-in-out;
    min-height: 45px;
}
.card__noticias  .card__noticias__content a{
  color: #211261;
  text-decoration: underline;
}
.card__noticias .img-card_noticias {
  width: 100%;
  border-radius: 31px;
  height: 200px;
  object-fit: cover;
  -webkit-border-radius: 31px;
  -moz-border-radius: 31px;
  -ms-border-radius: 31px;
  -o-border-radius: 31px;
}
.card__noticias .card_img_container{
position:relative;
}
.card__noticias__content h2 {
  color:var(--color-secondary);
  font-size: var(--text-m);
  margin-top: var(--content-space);

}

.card__noticias__content p {
  color:var(--color-text);
  font-size: var(--text-xs);
  margin-top: var(--content-space);
}
.card__noticias__content .date-icon {
  font-size: var(--text-xs);

}
.card__noticias__content .date-noticias{
  color:var(--color-text);
}
.card__noticias__content .date-icon i{
  color:var(--color-secondary);
 

}
.card__noticias:hover{
  transition: transform 0.3s ease;
  transform: translateY(-10px);

}


/*
css para los videos de youtube 
*/
lite-youtube {
  background-color: #000;
  position: relative;
  display: block;
  contain: content;
  background-position: center center;
  background-size: cover;
  cursor: pointer;
  max-width: 720px;
}

/* gradient */
lite-youtube::before {
  content: attr(data-title);
  display: block;
  position: absolute;
  top: 0;
  /* Pixel-perfect port of YT's gradient PNG, using https://github.com/bluesmoon/pngtocss plus optimizations */
  background-image: linear-gradient(180deg, rgb(0 0 0 / 67%) 0%, rgb(0 0 0 / 54%) 14%, rgb(0 0 0 / 15%) 54%, rgb(0 0 0 / 5%) 72%, rgb(0 0 0 / 0%) 94%);
  height: 99px;
  width: 100%;
  font-family: "YouTube Noto",Roboto,Arial,Helvetica,sans-serif;
  color: hsl(0deg 0% 93.33%);
  text-shadow: 0 0 2px rgba(0,0,0,.5);
  font-size: 18px;
  padding: 25px 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  box-sizing: border-box;
}

lite-youtube:hover::before {
  color: white;
}

/* responsive iframe with a 16:9 aspect ratio
  thanks https://css-tricks.com/responsive-iframes/
*/
lite-youtube::after {
  content: "";
  display: block;
  padding-bottom: calc(100% / (16 / 9));
}
lite-youtube > iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border: 0;
}

/* play button */
lite-youtube > .lty-playbtn {
  display: block;
  /* Make the button element cover the whole area for a large hover/click target… */
  width: 100%;
  height: 100%;
  /* …but visually it's still the same size */
  background: no-repeat center/68px 48px;
  /* YT's actual play button svg */
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 68 48"><path d="M66.52 7.74c-.78-2.93-2.49-5.41-5.42-6.19C55.79.13 34 0 34 0S12.21.13 6.9 1.55c-2.93.78-4.63 3.26-5.42 6.19C.06 13.05 0 24 0 24s.06 10.95 1.48 16.26c.78 2.93 2.49 5.41 5.42 6.19C12.21 47.87 34 48 34 48s21.79-.13 27.1-1.55c2.93-.78 4.64-3.26 5.42-6.19C67.94 34.95 68 24 68 24s-.06-10.95-1.48-16.26z" fill="red"/><path d="M45 24 27 14v20" fill="white"/></svg>');
  position: absolute;
  cursor: pointer;
  z-index: 1;
  filter: grayscale(100%);
  transition: filter .1s cubic-bezier(0, 0, 0.2, 1);
  border: 0;
}

lite-youtube:hover > .lty-playbtn,
lite-youtube .lty-playbtn:focus {
  filter: none;
}

/* Post-click styles */
lite-youtube.lyt-activated {
  cursor: unset;
}
lite-youtube.lyt-activated::before,
lite-youtube.lyt-activated > .lty-playbtn {
  opacity: 0;
  pointer-events: none;
}

.lyt-visually-hidden {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}
/*css marin
/*Resetted labels*/
*, p {hyphens: none !important;}
a,
a:hover { text-decoration: none; }
a img   { border: none; outline: none; }
input   { outline: none; }
img     { max-width: 100%; }
p{hyphens: none !important;}
h1,h2, h3, h4,h5,h6{
    font-family: 'Arimo';
    font-weight: bold;
}
figure{
	margin: 0;
}
/*END Resetted labels*/

body {
     font-family: 'Arimo';
    font-size: 16px;
    background-color: #EEF6FD;
    color: #A8A8A8;
}
.main-banner-content {
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  min-height: 500px;
  padding: 30px 0;
  position: relative;
  width: 100%;
  clear: both;
}
.main-banner-content.img-full {
  padding: 0;
}
.main-banner-content.img-full .wrapper-main {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
}
.main-banner-content.job {
  color: #211261;
}
.main-banner-content article {
  max-width: 490px;
  text-align: left;
  position: relative;
  z-index: 2;
}
.main-banner-content h1,
.main-banner-content h2 {
  margin: 0 0 25px 0;
  font-size: 32px;
}
.main-banner-content p {
  margin: 0;
    font-weight: 500;
    font-size: 17px;
}
.main-banner-content.job p{
    font-weight: normal;
}
.main-banner-content figure {
  display: block;
  width: 100%;
}
.main-banner-content img {
  width: 100%;
  object-fit: cover;
  max-height: 500px;
  min-height: 280px;
}

.bg-about-us {
  background: url('/documents/d/guest/bg-valthera-nosotros') no-repeat center center;
  background-size: cover;
}
.bg-purpose {
  background: url('/documents/d/guest/bg-proposito') no-repeat center center;
  background-size: cover;
  color: #211261;
}
.main-zona-franca {
  padding: 60px 0 60px 0;
}
.main-zona-franca .grid-card-two {
  gap: 0 60px;
}
.main-zona-franca p {
  margin: 0 0 30px 0;
}
.main-zona-franca figure {
  border-radius: 15px;
}
.main-zona-franca figure img {
  width: 100%;
}
.main-zona-franca ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.main-zona-franca ul li {
  margin-bottom: 30px;
  display: grid;
  grid-template-columns: 40px 1fr;
  gap: 0 20px;
  align-items: center;
}
.main-zona-franca ul li i {
  display: inline-block;
  vertical-align: top;
}
.main-zona-franca ul li strong {
  color: #211261;
}
.grid-card-two {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 40px;
  align-items: center;
}
.grid-card-two img {
  width: 100%;
  border-radius: 30px;
}
.grid-card-two h2,
.grid-card-two h3,
.grid-card-two h4 {
  color: #211261;
}
.grid-card-two h3 {
  font-size: 30px;
}
p.p-light strong {
    font-weight: 500;
}
.grid-card-two h4 {
  font-size: 20px;
  margin: 0 0 20px 0;
  font-weight: normal;
  display: inline-block;
  vertical-align: top;
  max-width: 390px;
}
.grid-card-two ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.grid-card-two ul li {
  position: relative;
  text-align: left;
  padding-left: 20px;
  font-size: 15px;
  margin-bottom: 5px;
}
.grid-card-two ul li:before {
  background-color: #211261;
  border-radius: 50%;
  content: "";
  display: inline-block;
  height: 5px;
  margin-right: 10px;
  vertical-align: middle;
  width: 5px;
  position: absolute;
  left: 0;
  top: 7px;
}
.grid-card-two.card-two-icons ul li:before{
    display: none;
}
.grid-card-two.card-two-icons img{
    border-radius: 0;
}
.main-history article p {
    font-size: 17px;
}
.executives-info p {
    font-weight: 500;
}
.grid-card-two ul li a {
  color: #211261;
  text-decoration: underline;
}
.main-zona-franca-grafica {
  padding: 0 0 60px 0;
  text-align: center;
}
.main-zona-franca-grafica ul {
  list-style: none;
  padding: 60px 0 0 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0 50px;
}
.main-zona-franca-grafica ul li {
  display: inline-block;
  vertical-align: top;
  text-align: left;
  display: grid;
  grid-template-columns: 55px 1fr;
  gap: 0 20px;
  line-height: 18px;
}
.main-history {
  background: url('/documents/d/guest/bg-historia') no-repeat center center;
  background-size: cover;
  text-align: center;
  color: #fff;
  padding: 60px  0 170px 0;
}
.main-history h2 {
  font-size: 28px;
  margin: 0 0 30px 0;
}
.main-history article {
  max-width: 1000px;
  margin: 0 auto 30px;
  display: block;
}
.main-history figure {
  display: inline-block;
  vertical-align: top;
}
.main-executives {
  padding: 0;
  position: relative;
  z-index: 1;
  margin-top: -100px;
  margin-bottom: 30px;
  text-align: center;
}
.main-executives h4 {
  color: #211261;
  font-size: 20px;
  text-align: center;
  margin: 0 0 40px 0;
  font-weight: normal;
}
.main-executives h4 strong {
  font-weight: bold;
}
.executives-info {
  max-width: 1000px;
  padding-top: 20px;
}
.grid-card-executives {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 80px;
  align-items: center;
  max-width: 1000px;
  margin: 0 auto;
}
.card-executives {
  max-width: 600px;
  position: relative;
  margin: 0 0 50px 0;
}
.card-executives h3 {
  background-color: #211261;
  color: #fff;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 40px;
  border-radius: 12px;
  padding: 0 25px;
  text-align: left;
  margin: 0 auto;
  max-width: 400px;
  width: 90%;
  font-size: 21px;
  height: 70px;
  display: flex;
  align-items: center;
}
.card-executives img {
  width: 100%;
  border-radius: 30px;
}
.card-executives figure {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  border-radius: 30px;
}
.card-executives .linkedin {
  background: #009ade url('/documents/d/guest/icon-in') no-repeat center center;
  position: absolute;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  right: 55px;
  bottom: 80px;
  transition: all 0.3s ease;
}
.card-executives .linkedin:hover {
  background: #ffffff url('/documents/d/guest/icon-in-2') no-repeat center center;
}
.main-legend-copy {
  padding: 60px 0;
  text-align: center;
  color: #211261;
}
.main-legend-copy h5 {
  font-size: 20px;
  margin: 0;
  font-weight: normal;
}
.main-strategy {
background-color: #211261;
  padding: 50px 0;
  text-align: center;
}
.main-strategy img,
.main-zona-franca-grafica img{
    display: inline-block;
    vertical-align: top;
}
.blockquote-info {
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 30px;
  background: #fff;
  margin: 0 auto 30px;
  padding: 30px 40px;
  display: grid;
  grid-template-columns: 180px 1fr;
	place-items: center;
}
.blockquote-info .icons {
  text-align: center;
  padding: 15px;
}
.blockquote-info .icons i {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 15px;
}
.blockquote-info .info {
  border-left: 1px solid #b6b6b6;
  padding: 0 0 0 40px;
}
.blockquote-info h4 {
  font-size: 16px;
  margin: 0;
  padding: 0 15px;
  color: #211261;
  font-weight: normal;
}
.blockquote-info ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.blockquote-info ul li strong {
  color: #211261;
}
.col-corporate {
  max-width: 700px;
}

.clear-fix::after {
  content: "";
  clear: both;
  width: 100%;
  display: block;
}
.main-corporate-governance {
  padding: 40px 0 0 0;
  overflow: hidden;
}
.main-corporate-governance h2,
.main-corporate-governance h3,
.main-corporate-governance p {
  color: #211261;
}
.main-corporate-governance h2 {
  font-size: 34px;
  margin: 0 0 10px 0;
  text-align: center;
}
.main-corporate-governance p {
  font-size: 17px;
  margin: 0 0 20px 0;
  text-align: center;
  font-weight: 500;
}
.grid-card-governance {
  display: block;
  clear: both;
  padding: 40px 0 0 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0 30px;
}
.card-governance {
  background-color: #fff;
  border-radius: 30px;
  box-shadow: 0px 3px 6px #00000029;
  margin-bottom: 15px;
  max-width: 350px;
  min-height: 400px;
  padding: 45px 30px 35px 30px;
  position: relative;
  width: 100%;
}
.card-governance i {
  display: inline-block;
  vertical-align: top;
  margin: 0 0 20px 0;
  max-width: 55px;
  min-height: 62px;
}
.card-governance p {
  text-align: left;
  font-size: 15px;
  color: #A8A8A8;
  margin: 0;
}
.card-governance p strong {
  font-size: 16px;
  color: #211261;
}
.card-governance h4 {
  color: #0033A0;
  font-size: 22px;
  margin: 0 0 20px 0;
  min-height: 46px;
}
.card-governance .btn-pdf {
  border: 0;
  bottom: 30px;
  color: #211261;
  display: inline-block;
  font-size: 15px;
  font-weight: normal;
  left: 30px;
  padding: 0;
  position: absolute;
  text-decoration: underline;
  vertical-align: top;
}
.main-founders {
  padding: 60px 0 30px 0;
}
.main-founders h2 {
  font-size: 30px;
  margin: 0 0 40px 0;
  color: #211261;
  text-align: center;
}
.card-founder-top {
  border-radius: 30px;
  background-color: #fff;
  box-shadow: 0px 3px 6px #00000029;
  margin-bottom: 30px;
  color: #A8A8A8;
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 40px;
  padding-right: 50px;
}
.card-founder-top h3 {
  border-radius: 25px;
  background-color: #211261;
  padding: 0 30px;
  height: 50px;
  display: inline-flex;
  align-items: center;
  margin: -20px 0 30px -20px;
  color: #fff;
  font-size: 17px;
  justify-content: center;
}
.card-founder-top img {
  border-radius: 30px;
}
.card-founder-top p {
  font-size: 15px;
}
.grid-wtho-founder {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0 30px;
}
.card-founder {
  border-radius: 30px;
  background-color: #fff;
  box-shadow: 0px 3px 6px #00000029;
  margin-bottom: 30px;
  color: #A8A8A8;
  position: relative;
}
.card-founder h3 {
  border-radius: 25px;
  background-color: #211261;
  padding: 0 30px;
  height: 50px;
  display: inline-flex;
  align-items: center;
  margin: -30px 0 20px -20px;
  color: #fff;
  font-size: 17px;
  min-width: 200px;
  justify-content: center;
}
.card-founder h4 {
  color: #211261;
  font-size: 18px;
  margin: 0 0 20px 0;
  clear: both;
  width: 100%;
  padding-top: 30px;
}
.card-founder img {
  border-radius: 30px;
}
.card-founder p {
  font-size: 14px;
  margin: 0;
  line-height: 17px;
}
.card-founder article {
  padding: 0 30px 30px 30px;
}
.card-founder figure {
  align-items: center;
  border-radius: 30px;
  box-shadow: 0px 3px 6px #00000029;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.main-board-director {
  padding: 0 0 60px 0;
}
.main-board-director h2 {
  font-size: 30px;
  margin: 0 0 40px 0;
  color: #211261;
  text-align: center;
}
.card-director {
  background-color: #fff;
  border-radius: 30px;
  box-shadow: 0px 3px 6px #00000029;
  display: block;
  height: 100%;
  margin: 0 auto 6px;
  max-width: 400px;
  overflow: hidden;
}
.card-director h3 {
  align-items: center;
  background-color: #211261;
  border-radius: 25px;
  bottom: -22px;
  color: #fff;
  display: flex;
  flex-wrap: wrap;
  font-size: 14px;
  justify-content: flex-start;
  left: 0;
  margin: 0 auto;
  max-width: 90%;
  min-width: 150px;
  padding: 10px 30px;
  position: absolute;
  right: 0;
}
.card-director h3 strong {
  display: block;
  width: 100%;
  clear: both;
}
.card-director img {
  width: 100%;
	max-height: 294px;
  object-fit: cover;
}
.card-director figure {
  position: relative;
}
.card-director img {
  border-radius: 30px;
}
.card-director article {
  padding: 50px 30px 30px 30px;
  min-height: 380px;
}
.card-director article p {
  font-size: 14px;
  margin: 0;
  line-height: 20px;
}
.pagination-site {
  position: relative !important;
  bottom: 0 !important;
  padding-top: 20px;
}
.pagination-site .swiper-pagination-bullet {
  background: #211261;
  opacity: 0.6;
}
.pagination-site .swiper-pagination-bullet-active {
  background: #211261;
  opacity: 1;
}
.img-xl {
  display: block;
}
.img-xs {
  display: none;
}
.main-bar-technology {
  background: #211261 url('/documents/d/guest/bg-tecnologia') no-repeat center center;
  background-size: cover;
  color: #fff;
  text-align: center;
  padding: 80px 0;
}
.main-bar-technology article {
  max-width: 750px;
  margin: 0 auto;
}
.main-bar-technology p {
  margin: 0;
  font-weight: bold;
}
.main-team-investigation {
  padding: 60px 0 70px 0;
}
.main-team-investigation h3 {
  font-size: 31px;
  margin: 0 0 20px 0;
  text-align: center;
  color: #211261;
}
.main-team-investigation p {
  color: #A8A8A8;
  text-align: center;
  font-weight: 500;
}
.main-team-investigation .copy {
  max-width: 800px;
  margin: 0 auto 50px;
  display: block;
}
.card-team {
  max-width: 390px;
  margin: 0 auto 10px;
  overflow: hidden;
  box-shadow: 0px 3px 6px #00000029;
  display: block;
  position: relative;
  border-radius: 30px;
}
.card-team img {
  border-radius: 30px;
  width: 100%;
}
.card-team .overflow {
  color: #fff;
  background-color: #211261;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -100%;
  border-radius: 12px;
  padding: 0 25px;
  text-align: left;
  margin: 0 auto;
  max-width: 400px;
  width: 90%;
  font-size: 21px;
  height: 70px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  transition: all 0.5s ease;
}
.card-team h5 {
  font-weight: bold;
  font-size: 16px;
  margin: 0;
  width: 100%;
  display: block;
}
.card-team h6 {
  clear: both;
  font-size: 15px;
  margin: 0;
  font-weight: normal;
}
.card-team:hover .overflow {
  bottom: 30px;
}
.main-manufacture {
  padding: 60px 0 0 0;
}
.main-manufacture h2 {
  font-size: 28px;
  margin: 0 0 40px 0;
  text-align: center;
  color: #211261;
}
.grid-two-stage {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.grid-two-stage article {
  max-width: 520px;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 20px;
  background-color: #fff;
  padding: 25px 50px;
  text-align: left;
  margin-bottom: 20px;
  display: grid;
  grid-template-columns: 90px 1fr;
  gap: 0 35px;
  align-items: center;
  width: 100%;
}
.grid-two-stage article h6 {
  color: #0033A0;
  font-size: 22px;
  margin: 0 0 10px 0;
}
.grid-two-stage article p {
  font-size: 16px;
  margin: 0;
  line-height: 19px;
}
.gallery-capacidades {
  margin: 0 auto 50px;
  position: relative;
  display: block;
}
.gallery-capacidades img {
  border-radius: 5px;
  width: 100%;
}
.main-graphics-vaccines {
  background-color: #fff;
  padding: 50px 0 60px 0;
  text-align: center;
}
.main-graphics-vaccines h2,
.main-graphics-vaccines h3,
.main-graphics-vaccines h4 {
  font-size: 32px;
  margin: 0 0 30px 0;
  text-align: center;
  color: #211261;
}
.main-graphics-vaccines figure {
  margin-bottom: 50px;
}
.main-banner-content-video {
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  min-height: 450px;
  padding: 0 0;
  position: relative;
  overflow: hidden;
}
.main-banner-content-video .wrapper-main {
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
}
.main-banner-content-video video {
  width: 100%;
  height: 100%;
  max-height: 550px;
  object-fit: cover;
  vertical-align: top;
}
.main-banner-content-video article {
  max-width: 490px;
  text-align: left;
  position: relative;
}
.main-banner-content-video h1,
.main-banner-content-video h2 {
  margin: 0 0 30px 0;
  font-size: 32px;
}
.main-banner-content-video p {
  margin: 0;
  font-size: 17px;
}
.main-banner-content-video:after {
  background: url('/documents/d/guest/sombra-video') repeat-y center left;
  background-size: contain;
  content: "";
  height: 100%;
  left: 0;
  margin: 0 auto;
  opacity: 0.8;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1;
}
.main-zona-VaxThera {
  background: #eef6fd url('/documents/d/guest/bg-vacunas') no-repeat center left;
  padding: 30px 0 30px 0;
  min-height: 400px;
  display: flex;
  align-items: center;
  position: relative;
}
.main-zona-VaxThera p {
  margin: 0 0 30px 0;
  font-size: 17px;
}
.main-zona-VaxThera figure {
  border-radius: 15px;
}
.main-zona-VaxThera figure img {
  width: 100%;
}
.main-zona-VaxThera article {
  max-width: 600px;
  float: right;
  position: relative;
  z-index: 2;
}
.main-zona-VaxThera ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.main-zona-VaxThera ul li {
  margin-bottom: 30px;
  display: grid;
  grid-template-columns: 40px 1fr;
  gap: 0 20px;
  align-items: center;
}
.main-zona-VaxThera ul li i {
  display: inline-block;
  vertical-align: top;
}
.main-zona-VaxThera ul li strong {
  color: #211261;
}
.card-sede {
  box-shadow: 0px 3px 6px #00000029;
  background-color: #fff;
  border-radius: 30px;
  padding: 30px 40px;
  color: #A8A8A8;
  text-align: center;
  display: inline-block;
  vertical-align: top;
  width: 100%;
  margin: 0 auto;
  max-width: 900px;
}
.card-sede h5 {
  font-size: 24px;
  margin: 0 0;
  text-align: left;
  color: #0033A0;
  display: inline-block;
  vertical-align: middle;
  line-height: 26px;
}
.card-sede ul {
  display: inline-block;
  vertical-align: middle;
  list-style: none;
  padding: 0;
  margin: 0 0 0 40px;
  text-align: left;
  max-width: 500px;
}
.card-sede ul li {
  font-size: 15px;
  position: relative;
  margin-bottom: 5px;
  float: left;
  width: 50%;
  max-width: 250px;
  padding-left: 20px;
}
.card-sede ul li:before {
  background-color: #211261;
  border-radius: 50%;
  content: "";
  display: inline-block;
  height: 5px;
  margin-right: 10px;
  vertical-align: middle;
  width: 5px;
  position: absolute;
  left: 0;
  top: 7px;
}
.main-carrousel-history {
  padding: 0 0 60px 0;
}
.card-history {
  background-color: #fff;
  border-radius: 30px;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
  margin: 6px auto;
  max-width: 600px;
  width: 100%;
}
.card-history figure {
  border-radius: 30px;
  overflow: hidden;
  max-width: 290px;
  float: left;
}
.card-history figure img {
  width: 100%;
	max-height: 294px;
	min-width: 270px;
}
.card-history .info {
  color: #211261;
  max-width: 290px;
  float: left;
  padding: 20px 25px;
  width: 100%;
}
.card-history h4 {
  font-size: 23px;
  margin: 0 0 8px 0;
}
.card-history p {
  font-size: 15px;
  margin: 0;
  line-height: 18px;
}

.nav-tabs {
  border: 0;
  text-align: center;
  justify-content: center;
  margin: 0 0 40px 0;
}
.nav-tabs li {
  display: inline-block;
  vertical-align: top;
  margin: 0 15px;
}
.nav-tabs .nav-link {
  background-color: transparent;
  border: 0;
  color: #A8A8A8;
  font-family: 'Arimo';
  font-size: 27px;
  font-weight: bold;
  padding: 0 5px 5px 5px;
  margin: 0;
  position: relative;
  transition: all 0.3s ease;
}
.nav-tabs .nav-link:after {
  width: 0;
  height: 2px;
  border-radius: 2px;
  background-color: #059cdf;
  left: 0;
  right: 0;
  margin: 0 auto;
  position: absolute;
  bottom: 0;
  content: "";
  transition: all 0.3s ease;
}
.nav-tabs .nav-link:hover {
  color: #211261;
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  color: #211261;
  border: 0;
  background-color: transparent;
}
.nav-tabs .nav-item.show .nav-link:after,
.nav-tabs .nav-link.active:after {
  width: 100%;
}
.main-higher-blockquote {
  padding: 0 0 50px 0;
}
.main-higher-blockquote .blockquote-info .info {
  padding-top: 20px;
}
.video-iframe {
  text-align: center;
  padding: 0 0 60px 0;
}
.video-iframe iframe {
  border-radius: 0;
  width: 800px;
  height: 450px;
  margin: 0 auto;
  display: block;
}
.video-iframe.video-full iframe{
    width: 1000px;
    height: 552px;
}

.btn-magneto {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  border-radius: 30px;
  background-color: #fff;
  box-shadow: 0px 3px 6px #00000029;
  width: 100%;
  max-width: 300px;
  padding: 30px 40px;
}
.main-job-vaxthera {
  color: #A8A8A8;
  text-align: center;
  padding: 60px 0 20px 0;
}
.main-job-vaxthera h5 {
  width: 100%;
  padding-top: 40px;
  font-size: 16px;
  font-weight: normal;
  color: #211261;
  margin: 0 0 15px 0;
}
.main-higher-purpose {
  padding: 60px 0 0 0;
}
.main-higher-purpose.purpose-job {
  padding-bottom: 60px;
}
.copy-job p{
    font-weight: 500;
}

button:focus {
  outline: none;
  box-shadow: none;
}
.btn-vaxthera {
  background-color: #211261;
  display: inline-block;
  vertical-align: top;
  color: #fff;
  border-radius: 25px;
  text-align: center;
  border: 0;
  padding: 5px 30px 7px 30px;
  transition: all 0.3s ease;
  margin-top: 20px;
  font-weight: bold;
}
.btn-vaxthera:hover {
  color: #fff;
}

.modal-dialog.modal-full-screen {
    max-width: 1190px;
}


.relative       { position: relative; }
.full			{ clear: both;width: 100%;}
.clr            { clear: both; float: none; }
.center         { margin: auto; }
.inline         { display: inline-block; vertical-align: top; }
.inline-bottom  { display: inline-block; vertical-align: bottom; }
.left           { float: left; }
.right          { float: right; }
.wrapper-main   { max-width: 1140px; width:100%; }




@media (max-width: 667px) {
    .grid-none-xs {
      display: block;
      gap: 0 0;
    }
    .main-zona-franca-grafica {
      padding: 30px 15px 40px 15px;
    }
    .main-zona-franca-grafica ul {
      display: block;
    }
    .main-zona-franca-grafica ul li {
      align-items: center;
      margin-bottom: 20px;
      grid-template-columns: 40px 1fr;
    }
    .main-history {
      padding: 30px 15px 100px 15px;
    }
    .main-history figure {
      max-width: 185px;
    }
    .main-executives {
      padding: 0 15px;
      margin-top: -55px;
    }
    .main-zona-franca {
      padding: 30px 15px 0 15px;
    }
    .main-zona-franca figure {
      margin-bottom: 30px;
    }
    .main-banner-content {
      min-height: 280px;
      padding: 0 0;
    }
    .main-banner-content:after {
      content: "";
      background-color: rgba(0, 0, 0, 0.3);
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      right: 0;
      margin: 0 auto;
      top: 0;
    }
    .main-banner-content-video video {
      min-height: 280px;
    }
    .main-banner-content article {
      padding: 30px 15px;
      max-width: 100%;
    }
    .bg-purpose {
      color: #fff;
    }
    .main-zona-VaxThera {
      min-height: auto;
      background: #f0f8ff;
      padding: 30px 15px 20px 15px;
    }
    .main-zona-VaxThera:after {
      content: "";
      background-color: rgba(0, 0, 0, 0);
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      right: 0;
      margin: 0 auto;
      top: 0;
    }
    .main-zona-VaxThera p {
      margin-bottom: 20px;
    }
    .main-strategy {
      padding: 40px 15px;
    }
    .main-higher-purpose {
      padding: 30px 15px 0 15px;
    }
    .main-higher-purpose figure {
      margin-bottom: 30px;
    }
    .blockquote-info {
      display: block;
      padding: 30px 15px;
    }
    .blockquote-info .info {
      padding-left: 0;
      padding-top: 30px;
      border: 0;
      border-top: 1px solid #b6b6b6;
    }
    .grid-card-governance {
      overflow: auto;
      padding-left: 15px;
      padding-top: 20px;
      gap: 0 20px;
    }
    .main-founders {
      padding: 30px 15px 35px 15px;
    }
    .card-founder-top {
      padding-right: 0;
    }
    .card-founder-top h3 {
      margin-left: 0;
    }
    .card-founder-top article {
      padding: 0 20px 25px 20px;
    }
    .card-founder figure {
      height: auto;
    }
    .card-founder h4 {
      padding-top: 0;
    }
    .card-founder article {
      padding: 25px 20px 25px 20px;
    }
   
    .main-board-director {
      padding: 0 15px 40px 15px;
    }
    .col-corporate {
      padding: 0 15px;
    }
    .main-legend-copy {
      padding: 30px 15px;
    }
    .main-legend-copy h5 {
      font-size: 20px;
    }
    .card-executives{
        margin-bottom: 30px;
    }
    .card-executives .linkedin {
      right: 10px;
    }
    .executives-info{
        margin-top: 10px;
    }
    .img-xl {
      display: none;
    }
    .img-xs {
      display: block;
    }
    .swiper-history {
      padding: 0 70px !important;
    }
    .card-history {
      display: inline-block;
      vertical-align: top;
    }
    .card-history .info {
      padding: 20px 15px;
    }
    .card-history p {
      font-size: 14px;
      min-height: 72px;
    }
	.card-history ul{
	padding-inline: 1rem;
	}.swiper-history .swiper-wrapper{
	gap:15px;}
    .main-graphics-vaccines {
      padding: 30px 15px 20px 15px;
    }
    .main-graphics-vaccines h2,
    .main-graphics-vaccines h3,
    .main-graphics-vaccines h4 {
      font-size: 22px;
    }
    .card-sede {
      padding: 20px;
    }
    .card-sede br {
      display: none;
    }
    .card-sede ul li {
      width: 100%;
      max-width: 100%;
    }
    .main-banner-content-video {
      min-height: auto;
    }
    .main-banner-content-video article {
      padding: 0 15px;
    }
    .main-bar-technology {
      padding: 40px 15px;
    }
    .main-team-investigation .copy {
      padding: 0 15px;
      margin-bottom: 30px;
    }
    .main-team-investigation h3 {
      font-size: 24px;
    }
    .swiper-team-all {
      padding: 0 60px !important;
    }
    .card-governance {
      width: 300px;
    }
    .card-governance h4 {
      font-size: 22px;
      margin: 0 0 15px 0;
      min-height: 43px;
    }
    .card-governance:last-child {
      margin-right: 15px;
    }
    .main-corporate-governance h2 {
      font-size: 26px;
    }
    .main-manufacture {
      padding: 30px 15px 0 15px;
    }
    .grid-two-stage article {
      padding: 20px 20px;
      grid-template-columns: 60px 1fr;
      gap: 0 25px;
    }
    .video-iframe iframe, .video-iframe.video-full iframe {
      width: 330px;
      height: 186px;
    }
    .main-higher-blockquote {
      padding: 0 15px 40px 15px;
    }
    .main-job-vaxthera {
      padding: 30px 15px 0 15px;
    }
    .main-banner-content.job {
      color: #ffffff;
    }
    p br, li br, h2 br, h3 br, h4 br, h5 br {
        display: none;
    }
}
.swiper-button-prev,
.swiper-button-next {
    background-image: url('/documents/d/guest/icon-arrow');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 20px; 
    height: 20px; 
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
}
.swiper-button-prev {
    left: 10px;
    transform: rotate(90deg);
}

.swiper-button-next {
	transform: rotate(-90deg);
    right: 10px;
}