* {
    box-sizing: border-box;
}
p:first-child {
    margin-top: 0;
}
p:last-child {
    margin-bottom: 0;
}
a {
    color: #E7AC24;
    text-decoration-thickness: 1px;
    transition: all .6s;
}
a:hover {
    text-decoration: none;
}
@media (max-width: 767px) {
    .d-sm-none {
        display: none;
    }
}
@media (min-width: 768px) {
    .d-lg-none {
        display: none;
    }
}
.button {
    border: 1px solid #E7AC24;
    cursor: pointer;
    font-family: 'Quicksand', sans-serif;
    font-weight: 600;
    position: relative;
    transition: all .6s;
}
.button:after {
    border: 1px solid #E7AC24;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
}
.button.button-primary {
    background: #E7AC24;
    color: #000;
}
.button.button-primary:hover {
    background: transparent;
    color: #E7AC24;
}
.button.button-outline {
    background: transparent;
    color: #E7AC24;
}
.button.button-outline:hover {
    background: #E7AC24;
    color: #000;
}
button:focus {
    outline:0;
}
.bold {
    font-weight: 700;
}
.title {
    font-family: 'DM Serif Display', sans-serif;
    font-weight: 400;
}

body {
    background-color: #000000;
    color: #FFFFFF;
    font-family: 'Quicksand', sans-serif;
    font-weight: 400;
    margin: 0;
    position: relative;
}
body.modal-open:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(10px);
    z-index: 99;
}
body > #welcome {
    min-height: 100vh;
    position: relative;
}
body > #welcome > header {
    align-items: center;
    display: flex;
    justify-content: space-between;
}
body > #welcome > .content .title {
    margin-top: 0;
}
body > #welcome > .content > .welcome-message {
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-bottom-left-radius: 0 !important;
    display: inline-block;
    position: relative;
    text-transform: uppercase;
}
body > #welcome > .content > .welcome-message:after {
    border-radius: 50%;
    bottom: 0;
    content: '';
    background-image: url('https://cdn.orbita.cloud/assets/adira/jade/assets/jade-avatar.svg');
    background-size: cover;
    display: block;
    position: absolute;
    transform: translateX(-100%);
}
body > #welcome > .content > .slider .owl-dots {
    background: rgb(255, 255, 255, 0.4);
    display: flex;
    height: 1px;
}
body > #welcome > .content > .slider .owl-dots > .owl-dot {
    bottom: 1px;
    flex: 1;
    position: relative;
}
body > #welcome > .content > .slider .owl-dots > .owl-dot > span {
    display: block;
    height: 2px;
    width: 100%;
}
body > #welcome > .content > .slider .owl-dots > .owl-dot.completed > span {
    background: #FFFFFF;
}
body > #welcome > .content > .slider .owl-dots > .owl-dot.active > span {
    background: #FFFFFF;
}
body > footer > .footer-top {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
body > footer > .footer-top > .logos {
    display: flex;
}
body > footer > .footer-top > .logos svg,
body > footer > .footer-top > .logos img {
    width: auto;
}
body > footer > .footer-top > .footer-nav {
    display: flex;
}
body > footer > .footer-top > .footer-nav > a {
    align-items: center;
    align-self: flex-start;
    column-gap: 4px;
    display: inline-flex;
}
body > footer > .footer-bottom {
    display: flex;
}

#orbitabot button#chat-icon {
    display: flex !important;
}

nav#lang-switch ul {
    list-style: none;
    display: flex;
    border: 1px solid rgba(255, 255, 255, 0.8);
    position: relative;
}
nav#lang-switch ul li {
  z-index: 1;
}
nav#lang-switch ul a {
    color: rgba(255, 255, 255, 0.5);
    text-decoration: none;
    transition: color 0.6s;
}
nav#lang-switch ul a {
    color: rgba(255, 255, 255, 0.5);
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
}
nav#lang-switch ul a.active {
    color: #000;
}
nav#lang-switch.en ul:before {
    margin-left: 0;
}
nav#lang-switch ul:before {
    content: '';
    background: #FFFFFF;
    position: absolute;
    z-index: 0;
    transition: margin 0.6s;
}

@media (min-width: 768px) {
    .button {
        height: calc(48 / 1920 * 100vw);
        border-radius: calc(50 / 1920 * 100vw);
        min-width: calc(200 / 1920 * 100vw);
        font-size: calc(16 / 1920 * 100vw);
        line-height: calc(20 / 1920 * 100vw);
    }
    .button:after {
        left: calc(4 / 1920 * 100vw);
        top: calc(4 / 1920 * 100vw);
        border-radius: calc(50 / 1920 * 100vw);
    }

    .title-lg {
        font-size: calc(84 / 1920 * 100vw);
        line-height: calc(88 / 1920 * 100vw);
    }
    .title-sm {
        font-size: calc(44 / 1920 * 100vw);
        line-height: calc(52 / 1920 * 100vw);
    }

    body {
        font-size: calc(22 / 1920 * 100vw);
        line-height: calc(30 / 1920 * 100vw);
    }
    body > #welcome {
        background-image: url('bg.jpg');
        background-position: center;
        background-size: cover;
        min-height: calc(1080 / 1920 * 100vw);
        padding-left: calc(140 / 1920 * 100vw);
        padding-right: calc(140 / 1920 * 100vw);
    }
    body > #welcome > header {
        padding-bottom: calc(32 / 1920 * 100vw);
        padding-top: calc(32 / 1920 * 100vw);
    }
    body > #welcome > header > #logo svg,
    body > #welcome > header > #logo img {
        width: calc(110 / 1920 * 100vw);
        height: 48px;
    }
    body > #welcome > .content {
        padding-top: calc(88 / 1920 * 100vw); 
    }
    body > #welcome > .content > .welcome-message {
        margin-bottom: calc(28 / 1920 * 100vw);
        padding-top: calc(24 / 1920 * 100vw);
        padding-right: calc(20 / 1920 * 100vw);
        padding-bottom: calc(24 / 1920 * 100vw);
        padding-left: calc(20 / 1920 * 100vw);
        border-radius: calc(40 / 1920 * 100vw);
        font-size: calc(20 / 1920 * 100vw);
        line-height: calc(20 / 1920 * 100vw);
    }
    body > #welcome > .content > .welcome-message:after {
        height: calc(60 / 1920 * 100vw);
        width: calc(60 / 1920 * 100vw);
        left: calc(-8 / 1920 * 100vw);
    }
    body > #welcome > .content > .slider {
        width: calc(940 / 1920 * 100vw);
    }
    body > #welcome > .content > .slider .slide {
        padding-bottom: calc(62 / 1920 * 100vw);
    }
    body > #welcome > .content > .slider .slide > *:not(.title-lg) {
        max-width: calc(800 / 1920 * 100vw);
    }
    body > #welcome > .content > .slider .slide > .button {
        margin-top: calc(calc(40 / 1920 * 100vw) - 1em);
    }
    body > #welcome > .content > .slider .owl-dots {
        max-width: calc(800 / 1920 * 100vw);
    }
    body > #welcome > .content > .slider .title-lg {
        margin-bottom: calc(28 / 1920 * 100vw);
    }
    body > #welcome > .content > .slider .title-sm {
        margin-bottom: calc(16 / 1920 * 100vw);
    }
    
    body > #welcome > .disclaimer {
        padding-bottom: calc(60 / 1920 * 100vw);
        padding-top: calc(60 / 1920 * 100vw);
        width: calc(800 / 1920 * 100vw);
    }
    body > #welcome > .disclaimer strong {
        bottom: calc(20 / 1920 * 100vw);
        color: #000000;
        font-size: calc(14 / 1920 * 100vw);
        font-weight: 600;
        line-height: calc(18 / 1920 * 100vw);
        /* left: calc(1580 / 1920 * 100vw); */
        right: calc(140 / 1920 * 100vw);
        transform: translateX(-100%);
        position: absolute;
    }
    body > footer {
        padding-left: calc(140 / 1920 * 100vw);
        padding-right: calc(140 / 1920 * 100vw);
    }
    body > footer > .footer-top {
        padding-top: calc(60 / 1920 * 100vw);
        padding-bottom: calc(40 / 1920 * 100vw);
    }
    body > footer > .footer-top > .logos {
        column-gap: calc(60 / 1920 * 100vw);
    }
    body > footer > .footer-top > .logos svg,
    body > footer > .footer-top > .logos img {
        height: calc(42 / 1920 * 100vw);
    }
    body > footer > .footer-top > .logos > .merck-logo > svg,
    body > footer > .footer-top > .logos > .merck-logo > img {
        margin-top: calc(8.5 / 1920* 100vw);
    }
    body > footer > .footer-top > .logos > .merck-logo > .accessibility-icon img {
        height: calc(32 / 1920 * 100vw);
        margin-top: calc(20 / 1920 * 100vw);
    }
    body > footer > .footer-top > .footer-nav {
        column-gap: calc(40 / 1920 * 100vw);
        flex-wrap: wrap;
        max-width: calc(1200 / 1920 * 100vw);
        padding-top: calc(20 / 1920 * 100vw);
        padding-bottom: calc(20 / 1920 * 100vw);
        row-gap: calc(20 / 1920 * 100vw);
    }
    body > footer > .footer-bottom {
        column-gap: calc(96 / 1920 * 100vw);
        padding-top: calc(60 / 1920 * 100vw);
        padding-bottom: calc(60 / 1920 * 100vw);
    }
    body > footer > .footer-bottom > div:not(.disclaimer) {
        flex: 0 0 calc(394 / 1920* 100vw);
    }

    #orbitabot button#chat-icon {
        width: calc(120 / 1920 * 100vw);
        height: calc(120 / 1920 * 100vw);
        bottom: calc(40 / 1920 * 100vw);
        right: calc(40 / 1920 * 100vw);
    }
    #orbitabot div#chat-cta {
        bottom: calc(148 / 1920 * 100vw);
        font-size: calc(14 / 1920 * 100vw);
        height: calc(48 / 1920 * 100vw);
        line-height: calc(18 / 1920 * 100vw);
        right: calc(148 / 1920 * 100vw);
        /* width: calc(132 / 1920 * 100vw); */
        width: max-content;
        padding: 0 calc(16 / 1920 * 100vw);
    }
    #orbitabot div#chat-cta {
      padding-right: calc(8 / 1920 * 100vw);
    }

    nav#lang-switch ul {
        font-size: calc(16 / 1920* 100vw);
        padding-bottom: calc(4 / 1920* 100vw);
        padding-left: 0;
        border-radius: calc(50 / 1920* 100vw);
        height: calc(48 / 1920 * 100vw);
    }
    nav#lang-switch ul a {
        width: calc(96 / 1920* 100vw);
        height: calc(44 / 1920* 100vw);
        border-radius: calc(50 / 1920* 100vw);
    }
    nav#lang-switch.es ul:before {
        margin-left: calc(96 / 1920* 100vw);
    }
    nav#lang-switch ul:before {
        width: calc(96 / 1920* 100vw);
        height: calc(44 / 1920* 100vw);
        border-radius: calc(50 / 1920* 100vw);
        left: 0;
        top: -1px;
    }
}
@media (max-width: 767px) {
    .button {
        height: calc(36 / 375 * 100vw);
        border-radius: calc(50 / 375 * 100vw);
        min-width: calc(172 / 375 * 100vw);
        font-size: calc(14 / 375 * 100vw);
        line-height: calc(20 / 375 * 100vw);
    }
    .button:after {
        left: calc(4 / 375 * 100vw);
        top: calc(4 / 375 * 100vw);
        border-radius: calc(50 / 375 * 100vw);
    }

    .title-lg {
        font-size: calc(40 / 375 * 100vw);
        line-height: calc(44 / 375 * 100vw);
    }
    .title-sm {
        font-size: calc(24 / 375 * 100vw);
        line-height: calc(32 / 375 * 100vw);
    }

    body {
        font-size: calc(14 / 375 * 100vw);
        line-height: calc(20 / 375 * 100vw);
    }
    body > #welcome {
        background-image: url('bg-mobile.jpg');
        background-position: top center;
        background-size: cover;
        padding-left: calc(20 / 375 * 100vw);
        padding-right: calc(20 / 375 * 100vw);
        min-height: calc(935 / 375 * 100vw);
    }
    body > #welcome > header {
        padding-bottom: calc(40 / 375 * 100vw);
        padding-top: calc(40 / 375 * 100vw);
    }
    body > #welcome > header > #logo svg,
    body > #welcome > header > #logo img {
        height: calc(32 / 375 * 100vw);
        width: auto;
    }
    body > #welcome > .content {
        min-height: calc(100vh - 140 / 375 * 100vw);
        padding-top: 0;
        position: relative;
    }
    body > #welcome > .content > .welcome-message {
        border-radius: calc(28 / 375 * 100vw);
        margin-bottom: calc(16 / 375 * 100vw);
        margin-left: calc(40 / 375 * 100vw);
        padding-top: calc(10 / 375 * 100vw);
        padding-right: calc(16 / 375 * 100vw);
        padding-bottom: calc(10 / 375 * 100vw);
        padding-left: calc(16 / 375 * 100vw);
    }
    body > #welcome > .content > .welcome-message:after {
        height: calc(36 / 375 * 100vw);
        width: calc(36 / 375 * 100vw);
        left: calc(-4 / 375 * 100vw);
    }
    body > #welcome > .content > .slider {
        width: 100%;
    }    
    
    body > #welcome > .content > .slider .owl-stage {
        display: flex;
    }
    body > #welcome > .content > .slider .owl-item {
        display: flex;
        flex: 1 0 auto;
        overflow: hidden;
    }
    body > #welcome > .content > .slider .slide-mobile {
        margin-left: 0;
        margin-right: 0;
        padding-bottom: calc(calc(24 / 375 * 100vw) - 1em);
    }
    body > #welcome > .content > .slider .slide-mobile > .button {
        bottom: calc(4 / 375 * 100vw);
        position: absolute;
        display: none;
    }
    body > #welcome > .content > .slider .slide-mobile > *:not(.title-lg) {
        max-width: 100%;
    }
    body > #welcome > .content > .slider .owl-dots {
        max-width: calc(100 / 375 * 100vw);
    }
    body > #welcome > .content > .slider .title-lg {
        margin-bottom: calc(8 / 375 * 100vw);
    }
    body > #welcome > .content > .slider .title-sm {
        margin-bottom: calc(8 / 375 * 100vw);
    }
    body > #welcome > .content #mobile-button {
        position: sticky;
        bottom: 24px;
        margin-top: 100%;
        transform: translateY(-50%);
        margin-bottom: calc(140 / 375 * 100vw);
        z-index: 99;
    }
    body > #welcome > .disclaimer {
        background: linear-gradient(180deg, transparent 0.63%, #000000 74.33%);
        bottom: 0;
        left: 0;
        padding-bottom: calc(10 / 375 * 100vw);
        padding-left: calc(20 / 375 * 100vw);
        padding-right: calc(20 / 375 * 100vw);
        padding-top: calc(50 / 375 * 100vw);
        position: absolute;
        width: 100%;
    }
    body > #welcome > .disclaimer strong {
        display: block;
        font-weight: 600;
        margin-bottom: calc(12 / 375 * 100vw);
    }
    body > footer {
        padding-left: calc(20 / 375 * 100vw);
        padding-right: calc(20 / 375 * 100vw);
    }
    body > footer > .footer-top {
        flex-direction: column;
        padding-top: calc(40 / 375 * 100vw);
        padding-bottom: 0;
    }
    body > footer > .footer-top > .logos {
        padding-bottom: calc(24 / 375 * 100vw);
    }
    body > footer > .footer-top > .logos svg,
    body > footer > .footer-top > .logos img {
        height: calc(32 / 375 * 100vw);
    }
    body > footer > .footer-top > .logos > * {
        flex-basis: 50%;
    }
    body > footer > .footer-top > .logos > .merck-logo > svg,
    body > footer > .footer-top > .logos > .merck-logo > img {
        margin-top: calc(8.5 / 375 * 100vw);
    }
    body > footer > .footer-top > .logos > .merck-logo > .accessibility-icon img {
        height: calc(32 / 375 * 100vw);
        margin-top: calc(12 / 375 * 100vw);
    }
    body > footer > .footer-top > .footer-nav {
        border-top: 1px solid rgba(255, 255, 255, 0.4);
        column-gap: calc(16 / 375* 100vw);
        flex-wrap: wrap;
        padding-bottom: calc(24 / 375 * 100vw);
        padding-top: calc(24 / 375 * 100vw);
        row-gap: calc(16 / 375* 100vw);
    }
    body > footer > .footer-top > .footer-nav > a {
        flex-basis: calc(50% - 8 / 375* 100vw);
    }
    body > footer > .footer-bottom {
        flex-direction: column;
        padding-bottom: calc(40 / 375 * 100vw);
        padding-top: calc(24 / 375 * 100vw);
        row-gap: calc(32 / 375 * 100vw);
    }

    #orbitabot button#chat-icon {
        width: calc(60 / 375 * 100vw);
        height: calc(60 / 375 * 100vw);
        bottom: calc(12 / 375 * 100vw);
        right: calc(12 / 375 * 100vw);
    }
    #orbitabot div#chat-cta {
        bottom: calc(76 / 375 * 100vw);
        font-size: calc(12 / 375 * 100vw);
        /* height: calc(32 / 375 * 100vw); */
        line-height: calc(14 / 375 * 100vw);
        right: calc(42 / 375 * 100vw);
        /* width: calc(104 / 375 * 100vw); */
        padding: 0 0 0 calc(16 / 375 * 100vw);
        box-sizing: content-box;
    }

    nav#lang-switch ul {
        font-size: calc(14 / 375 * 100vw);
        padding-bottom: calc(4 / 375 * 100vw);
        padding-left: 0;
        border-radius: calc(50 / 375 * 100vw);
        height: calc(40 / 375 * 100vw);
    }
    nav#lang-switch ul a {
        width: calc(80 / 375 * 100vw);
        height: calc(36 / 375 * 100vw);
        border-radius: calc(50 / 375 * 100vw);
    }
    nav#lang-switch.es ul:before {
        margin-left: calc(80 / 375 * 100vw);
    }
    nav#lang-switch ul:before {
        width: calc(80 / 375 * 100vw);
        height: calc(36 / 375 * 100vw);
        border-radius: calc(50 / 375 * 100vw);
        left: 0;
        top: -1px;
    }
}