@font-face {
    font-family: icomoon;
    src: url(/~/media/Files/D/Diageo-V2/universal/font/icomoonttf.ttf?3q4p3f) format("truetype"),url(/~/media/Files/D/Diageo-V2/universal/font/icomoonwoff.woff?3q4p3f) format("woff"),url(/~/media/Files/D/Diageo-V2/universal/font/icomoonsvg.svg?3q4p3f#icomoon) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: block
    }
    [class*=" icon-"],
    [class^=icon-] {
    font-family: icomoon!important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
    }
    .icon-quote::before {
    content: "\e910"
    }
    .icon-add::before {
    content: "\e911"
    }
    .icon-remove::before {
    content: "\e912"
    }
    .icon-search::before {
    content: "\e924"
    }
    .icon-hamburger::before {
    content: "\e914"
    }
    .icon-email::before {
    content: "\e915"
    }
    .icon-folder::before {
    content: "\e916"
    }
    .icon-chevron-down::before {
    content: "\e900"
    }
    .icon-chevron-left::before {
    content: "\e901"
    }
    .icon-chevron-right::before {
    content: "\e902"
    }
    .icon-chevron-up::before {
    content: "\e903"
    }
    .icon-close::before {
    content: "\e904"
    }
    .icon-document::before {
    content: "\e905"
    }
    .icon-download::before {
    content: "\e906"
    }
    .icon-external-link::before {
    content: "\e907"
    }
    .icon-instagram::before {
    content: "\e908"
    }
    .icon-linkedin::before {
    content: "\e909"
    }
    .icon-pause::before {
    content: "\e90a"
    }
    .icon-play::before {
    content: "\e90b"
    }
    .icon-share::before {
    content: "\e90c"
    }
    .icon-twitter::before {
    content: "\e90d"
    }
    .icon-youtube::before {
    content: "\e90e"
    }
    .icon-calendar::before {
    content: "\e90f"
    }
    .icon-facebook::before {
    content: "\e918"
    }
    .icon-email-2::before {
    content: "\e923"
    }
    .icon-location::before {
    content: "\e91c"
    }
    .icon-clock::before {
    content: "\e91b"
    }
    .icon-briefcase::before {
    content: "\e91a"
    }
    .icon-job::before {
    content: "\e919"
    }
    .icon-arrow-up::before {
    content: "\ea3a"
    }
    .icon-arrow-down::before {
    content: "\ea3e"
    }
    .icon-play-callout::before {
    content: "\e921"
    }
    .icon-job-callout::before {
    content: "\e920"
    }
    .icon-image::before {
    content: "\e91f"
    }
    .icon-options::before {
    content: "\e91e"
    }
    .icon-salary::before {
    content: "\e922"
    }
    html {
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none;
    font-size: 10px
    }
    .distilled .h1,
    .distilled .h1-large,
    .distilled h1,
    .distilled h1.large,
    .font-davis {
    font-family: var(--font-davis-sans)
    }
    .font-urw-light,
    .stat-lg,
    .stat-sm {
    font-family: var(--font-urw-light)
    }

    .font-optima{
    font-family: var(--font-optima);
    }

    .font-questrial{
    font-family: var(--font-questrial);
    }

    .alert-date,
    .alert-title,
    .body,
    .body-sm,
    .distilled .buttons,
    .distilled .distilled-blue .distilled-cta,
    .distilled .distilled-brown .distilled-cta,
    .distilled .distilled-cta,
    .distilled .distilled-green .distilled-cta,
    .distilled .distilled-orange .distilled-cta,
    .distilled .distilled-purple .distilled-cta,
    .distilled .distilled-red .distilled-cta,
    .distilled .h2,
    .distilled .h3,
    .distilled .h4,
    .distilled .h5,
    .distilled .h6,
    .distilled .stat,
    .distilled .stat-s,
    .distilled .stat-s-unit,
    .distilled .stat-unit,
    .distilled .vertical-buttons,
    .distilled h2,
    .distilled h3,
    .distilled h4,
    .distilled h5,
    .distilled h6,
    .distilled-blue .distilled .distilled-cta,
    .distilled-brown .distilled .distilled-cta,
    .distilled-green .distilled .distilled-cta,
    .distilled-orange .distilled .distilled-cta,
    .distilled-purple .distilled .distilled-cta,
    .distilled-red .distilled .distilled-cta,
    .font-urw-regular,
    .intro,
    .table,
    body,
    table {
    font-family: var(--font-urw-regular)
    }
    .font-urw-medium,
    .h4,
    .h5,
    .h6,
    .tags,
    h4,
    h5,
    h6 {
    font-family: var(--font-urw-medium)
    }
    .body b,
    .body strong,
    .breadcrumb,
    .button,
    .cta,
    .date,
    .font-urw-semibold,
    .h1,
    .h2,
    .h3,
    .label,
    .navigation,
    .table b,
    .table strong,
    .table th,
    body b,
    body strong,
    h1,
    h2,
    h3,
    table b,
    table strong,
    table th {
    font-family: var(--font-urw-semibold)
    }
    .font-fs-brabo-italic,
    .h1 em,
    .h1 i,
    .h2 em,
    .h2 i,
    .h3 em,
    .h3 i,
    .quote,
    .quote-sm,
    body em,
    body i,
    h1 em,
    h1 i,
    h2 em,
    h2 i,
    h3 em,
    h3 i {
    font-family: var(--font-fs-brabo-italic)
    }
    .font-fs-brabo-medium-italic {
    font-family: var(--font-fs-brabo-medium-italic)
    }
    .fw-100 {
    font-weight: 100
    }
    .fw-200 {
    font-weight: 200
    }
    .fw-300,
    .stat-lg,
    .stat-sm {
    font-weight: 300
    }
    .body,
    .body-sm,
    .fw-400,
    .h1 em,
    .h1 i,
    .h2 em,
    .h2 i,
    .h3 em,
    .h3 i,
    .intro,
    .quote,
    .quote-sm,
    .table,
    body,
    h1 em,
    h1 i,
    h2 em,
    h2 i,
    h3 em,
    h3 i,
    table {
    font-weight: 400
    }
    .alert-date,
    .fw-500,
    .h1,
    .h2,
    .h3,
    .h4,
    .h5,
    .h6,
    .tags,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
    font-weight: 500
    }
    .alert-title,
    .fw-600,
    .navigation {
    font-weight: 600
    }
    .body b,
    .body strong,
    .breadcrumb,
    .button,
    .cta,
    .date,
    .distilled .buttons,
    .distilled .distilled-blue .distilled-cta,
    .distilled .distilled-brown .distilled-cta,
    .distilled .distilled-cta,
    .distilled .distilled-green .distilled-cta,
    .distilled .distilled-orange .distilled-cta,
    .distilled .distilled-purple .distilled-cta,
    .distilled .distilled-red .distilled-cta,
    .distilled .h1,
    .distilled .h1-large,
    .distilled .h2,
    .distilled .h3,
    .distilled .h4,
    .distilled .h5,
    .distilled .h6,
    .distilled .stat,
    .distilled .stat-s,
    .distilled .stat-s-unit,
    .distilled .stat-unit,
    .distilled .vertical-buttons,
    .distilled h1,
    .distilled h1.large,
    .distilled h2,
    .distilled h3,
    .distilled h4,
    .distilled h5,
    .distilled h6,
    .distilled-blue .distilled .distilled-cta,
    .distilled-brown .distilled .distilled-cta,
    .distilled-green .distilled .distilled-cta,
    .distilled-orange .distilled .distilled-cta,
    .distilled-purple .distilled .distilled-cta,
    .distilled-red .distilled .distilled-cta,
    .fw-700,
    .label,
    body b,
    body strong {
    font-weight: 700
    }
    .fw-800 {
    font-weight: 800
    }
    .fw-900 {
    font-weight: 900
    }
    body {
    font-size: var(--body-fs);
    line-height: var(--body-lh);
    font-display: swap
    }
    .h1,
    h1 {
    font-size: var(--h1-fs);
    line-height: var(--h1-lh);
    margin-bottom: var(--sm-3)
    }
    .h2,
    h2 {
    font-size: var(--h2-fs);
    line-height: var(--h2-lh);
    margin-bottom: var(--sm-3)
    }
    .h3,
    h3 {
    font-size: var(--h3-fs);
    line-height: var(--h3-lh);
    margin-bottom: var(--sm-3)
    }
    .h4,
    h4 {
    font-size: var(--h4-fs);
    line-height: var(--h4-lh);
    margin-bottom: var(--sm-3)
    }
    .h5,
    h5 {
    font-size: var(--h5-fs);
    line-height: var(--h5-lh);
    margin-bottom: var(--sm-3)
    }
    .h6,
    h6 {
    font-size: var(--h6-fs);
    line-height: var(--h6-lh);
    margin-bottom: var(--sm-3)
    }
    .intro {
    font-size: var(--intro-fs);
    line-height: var(--intro-lh)
    }
    .body {
    font-size: var(--body-fs);
    line-height: var(--body-lh)
    }
    .body-sm {
    font-size: var(--body-sm-fs);
    line-height: var(--body-sm-lh)
    }
    .quote {
    font-size: var(--quote-fs);
    line-height: var(--quote-lh)
    }
    .quote-sm {
    font-size: var(--quote-sm-fs);
    line-height: var(--quote-sm-lh)
    }
    .stat-sm {
    font-size: var(--stat-sm-fs);
    line-height: var(--stat-sm-lh)
    }
    .stat-lg {
    font-size: var(--stat-lg-fs);
    line-height: var(--stat-lg-lh)
    }
    .label {
    text-transform: uppercase;
    letter-spacing: .32rem;
    font-size: var(--label-fs);
    line-height: var(--label-lh)
    }
    .date {
    text-transform: uppercase;
    letter-spacing: .24rem;
    font-size: var(--date-fs);
    line-height: var(--date-lh)
    }
    .breadcrumb {
    text-transform: uppercase;
    letter-spacing: .24rem;
    font-size: var(--breadcrumb-fs);
    line-height: var(--breadcrumb-lh)
    }
    .button,
    .cta {
    text-transform: uppercase;
    letter-spacing: .26rem;
    font-size: var(--buttons-fs);
    line-height: var(--buttons-lh)
    }
    .navigation {
    text-transform: uppercase;
    letter-spacing: .28rem;
    font-size: var(--navigation-fs);
    line-height: var(--navigation-lh)
    }
    .tags {
    text-transform: uppercase;
    letter-spacing: .084rem;
    font-size: var(--tags-fs);
    line-height: var(--tags-lh)
    }
    .table,
    table {
    font-size: var(--table-fs);
    line-height: var(--table-lh)
    }
    p {
    margin-bottom: var(--sm-3)
    }
    .alert-date {
    text-transform: uppercase;
    font-size: var(--alert-date-fs);
    line-height: var(--table-lh);
    letter-spacing: .2rem
    }
    .alert-title {
    font-size: var(--alert-title-fs);
    line-height: var(--alert-title-lh)
    }
    .distilled .h1-large,
    .distilled h1.large {
    text-transform: uppercase;
    font-size: var(--h1-large-distilled-fs);
    line-height: var(--h1-large-distilled-lh);
    letter-spacing: -.3rem
    }
    .distilled .h1,
    .distilled h1 {
    text-transform: uppercase;
    font-size: var(--h1-distilled-fs);
    line-height: var(--h1-distilled-lh);
    letter-spacing: -.262rem
    }
    .distilled .h2,
    .distilled h2 {
    text-transform: uppercase;
    font-size: var(--h2-distilled-fs);
    line-height: var(--h2-distilled-lh);
    letter-spacing: -.096rem
    }
    .distilled .h3,
    .distilled h3 {
    text-transform: uppercase;
    font-size: var(--h3-distilled-fs);
    line-height: var(--h3-distilled-lh);
    letter-spacing: -.072rem
    }
    .distilled .h4,
    .distilled h4 {
    text-transform: uppercase;
    font-size: var(--h4-distilled-fs);
    line-height: var(--h4-distilled-lh);
    letter-spacing: -.06rem
    }
    .distilled .h5,
    .distilled h5 {
    font-size: var(--h5-distilled-fs);
    line-height: var(--h5-distilled-lh)
    }
    .distilled .h6,
    .distilled h6 {
    font-size: var(--h6-distilled-fs);
    line-height: var(--h6-distilled-lh)
    }
    .distilled .stat {
    font-size: var(--stat-distilled-fs);
    line-height: var(--stat-distilled-lh);
    letter-spacing: -.16rem
    }
    .distilled .stat-unit {
    font-size: var(--stat-unit-distilled-fs);
    line-height: var(--stat-unit-distilled-lh)
    }
    .distilled .stat-s {
    font-size: var(--stat-s-distilled-fs);
    line-height: var(--stat-s-distilled-lh);
    letter-spacing: -.1rem
    }
    .distilled .stat-s-unit {
    font-size: var(--stat-s-unit-distilled-fs);
    line-height: var(--stat-s-unit-distilled-lh)
    }
    .distilled .buttons,
    .distilled .distilled-blue .distilled-cta,
    .distilled .distilled-brown .distilled-cta,
    .distilled .distilled-cta,
    .distilled .distilled-green .distilled-cta,
    .distilled .distilled-orange .distilled-cta,
    .distilled .distilled-purple .distilled-cta,
    .distilled .distilled-red .distilled-cta,
    .distilled-blue .distilled .distilled-cta,
    .distilled-brown .distilled .distilled-cta,
    .distilled-green .distilled .distilled-cta,
    .distilled-orange .distilled .distilled-cta,
    .distilled-purple .distilled .distilled-cta,
    .distilled-red .distilled .distilled-cta {
    font-size: var(--buttons-distilled-fs);
    line-height: var(--buttons-distilled-lh)
    }
    .distilled .vertical-buttons {
    font-size: var(--vertical-buttons-distilled-fs);
    line-height: var(--vertical-buttons-distilled-lh)
    }
    .distilled .only-border {
    font-family: var(--font-davis-sans);
    font-weight: 400;
    color: transparent;
    -webkit-text-stroke: 1.5px var(--bs-white)
    }
    @media screen and (max-width: 768px){
    .distilled .only-border{
        -webkit-text-stroke: 1px var(--bs-white)
    }
    }
    .cta {
    display: inline-block;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    max-width: 100%;
    outline: 0;
    border: none;
    background: var(--black);
    color: var(--white);
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    text-align: center;
    text-decoration: none;
    overflow: hidden
    }
    .cta:hover {
    color: var(--white)
    }
    .cta:focus-visible {
    /*outline: 0;*/
    color: var(--white);
    -webkit-box-shadow: inset 0 0 0 2px rgba(255,255,255,.25);
    box-shadow: inset 0 0 0 2px rgba(255,255,255,.25)
    }
    .cta__inner {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: var(--sm-3) var(--sm-2);
    gap: var(--sm-3);
    position: relative;
    z-index: 1
    }
    .cta__icon {
    font-size: 1.2rem;
    letter-spacing: 0
    }
    .cta__icon:hover {
    text-decoration: none
    }
    .cta--primary {
    position: relative
    }
    .cta--primary::before {
    content: "";
    position: absolute;
    inset: 0;
    background: 0 0;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    z-index: 0
    }
    .cta--primary:focus-visible::before,
    .cta--primary:hover::before {
    background: rgba(255,255,255,.2)
    }
    .cta--primary .cta__label {
    text-align: left;
    line-height: normal
    }
    .cta--secondary {
    background: 0 0;
    -webkit-box-shadow: 0 0 0 1px var(--black);
    box-shadow: 0 0 0 1px var(--black);
    color: var(--black);
    position: relative
    }
    .cta--secondary::before {
    content: "";
    inset: 0;
    z-index: 0;
    position: absolute;
    background: 0 0;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
    }
    .cta--secondary:hover {
    background: 0 0;
    color: var(--white);
    outline: solid 1px var(--black)
    }
    .cta--secondary:hover::before {
    background: var(--black)
    }
    .cta--secondary:focus-visible {
    background: 0 0;
    color: var(--black);
    outline: solid 1px var(--black)
    }
    .cta--secondary:focus-visible::before {
    background: 0 0;
    border: 2px solid rgba(0,0,0,.3)
    }
    .cta--secondary .cta__label {
    text-align: left;
    line-height: normal
    }
    .cta--tertiary {
    padding: 0;
    background-color: transparent;
    color: var(--black);
    position: relative;
    overflow: visible;
    white-space: wrap
    }
    .cta--tertiary .cta__label {
    position: relative;
    text-wrap: wrap;
    text-align: start;
    line-height: normal
    }
    .cta--tertiary .cta__inner {
    padding: 0;
    height: 4.8rem;
    padding-left: calc(4.8rem + var(--sm-3))
    }
    .cta--tertiary .cta__icon {
    position: absolute;
    width: 4.8rem;
    height: 4.8rem;
    font-size: 1.2rem;
    line-height: 4.8rem;
    border-radius: 100%;
    background-color: var(--theme-color);
    -webkit-transition: all .5s;
    transition: all .5s;
    left: 0;
    top: 0
    }
    .cta--tertiary .cta__icon::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: transparent;
    left: 0;
    top: 0;
    border-radius: 100%;
    z-index: 0;
    -webkit-transition: all .25s;
    transition: all .25s
    }
    .cta--tertiary:focus-visible,
    .cta--tertiary:hover {
    background-color: transparent;
    color: var(--black)
    }
    .cta--tertiary:focus-visible .cta__icon,
    .cta--tertiary:hover .cta__icon {
    color: #fff!important;
    background: #000
    }
    .cta--tertiary:focus-visible .cta__icon::after,
    .cta--tertiary:hover .cta__icon::after {
    background-color: rgba(0,0,0,.2)
    }
    .cta--tertiary:focus-visible {
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none
    }
    .cta--text-link {
    padding: var(--xs-1) 0;
    background: 0 0;
    color: var(--black);
    gap: var(--xs-1);
    white-space: wrap;
    max-width: 96%;
    overflow: visible
    }
    .cta--text-link .cta__inner {
    padding: 0;
    gap: var(--xs-1);
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out
    }
    .cta--text-link .cta__icon {
    position: relative;
    right: 0;
    -webkit-transition: right .3s ease-in-out;
    transition: right .3s ease-in-out
    }
    .cta--text-link .cta__label {
    position: relative;
    text-align: start;
    white-space: normal;
    line-height: normal
    }
    .cta--text-link:focus-visible,
    .cta--text-link:hover {
    background: 0 0;
    color: var(--black);
    max-width: 97%
    }
    .cta--text-link:focus-visible .cta__inner,
    .cta--text-link:hover .cta__inner {
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out
    }

    .cta--text-link:hover .cta__icon {
    right: -8px;
    -webkit-transition: right .3s ease-in-out;
    transition: right .3s ease-in-out
    }
    .cta--text-link:focus-visible {
    outline: dashed 2px var(--black)
    }
    .cta--play-button {
    background: 0 0;
    padding: 0;
    color: var(--white)
    }
    .cta--play-button .cta__inner {
    padding: 0
    }
    .cta--play-button .cta__icon {
    background-color: rgba(255,255,255,.3);
    color: var(--white);
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 100%;
    font-size: .675rem;
    line-height: 2.4rem;
    text-align: center
    }
    .cta--play-button:focus-visible,
    .cta--play-button:hover {
    color: var(--white);
    background: 0 0
    }
    .cta--play-button:focus-visible .cta__label,
    .cta--play-button:hover .cta__label {
    text-decoration: underline
    }
    .cta--play-button:focus-visible .cta__icon,
    .cta--play-button:hover .cta__icon {
    background-color: var(--white);
    color: var(--black)
    }
    .cta--play-button:focus-visible {
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none
    }
    .cta--footer-link {
    padding: 0;
    background: 0 0;
    color: var(--black);
    gap: var(--sm-4);
    font-size: var(--body-fs);
    line-height: var(--body-lh);
    font-family: var(--font-urw-regular);
    font-weight: 400;
    text-transform: capitalize;
    text-align: left;
    letter-spacing: 0
    }
    .cta--footer-link .cta__inner {
    padding: 0
    }
    .cta--footer-link .cta__icon {
    font-size: 1.4rem
    }
    .cta--footer-link .cta__label {
    position: relative
    }
    .cta--footer-link .cta__label::after {
    background-color: var(--black);
    content: "";
    width: 0;
    height: 1px;
    position: absolute;
    bottom: -3px;
    left: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
    }
    .cta--footer-link:focus-visible,
    .cta--footer-link:hover {
    background: 0 0;
    color: var(--black)
    }
    .cta--footer-link:focus-visible .cta__label::after,
    .cta--footer-link:hover .cta__label::after {
    width: 100%;
    -webkit-transition: width .3s ease-in-out;
    transition: width .3s ease-in-out
    }
    .cta--alert-link {
    padding: 0;
    background: 0 0;
    color: var(--black);
    gap: var(--sm-4);
    font-size: var(--body-sm-fs);
    line-height: var(--body-sm-lh);
    font-family: var(--font-urw-regular);
    font-weight: 400;
    text-transform: capitalize;
    text-align: left;
    letter-spacing: 0
    }
    .cta--alert-link .cta__inner {
    padding: 0
    }
    .cta--alert-link .cta__icon {
    font-size: 1.4rem
    }
    .cta--alert-link:focus-visible,
    .cta--alert-link:hover {
    background: 0 0;
    color: var(--black)
    }
    .cta--alert-link:focus-visible .cta__label,
    .cta--alert-link:hover .cta__label {
    text-decoration: underline;
    text-underline-offset: 3px
    }
    .content-theme-light .cta--primary {
    background: var(--white);
    color: var(--black)
    }
    .content-theme-light .cta--primary:hover::before {
    background: var(--gradient-cta-light)
    }
    .content-theme-light .cta--primary:focus-visible {
    outline: 0
    }
    .content-theme-light .cta--primary:focus-visible::before {
    background: var(--gradient-cta-light);
    -webkit-box-shadow: inset 0 0 0 2px rgba(0,0,0,.25);
    box-shadow: inset 0 0 0 2px rgba(0,0,0,.25)
    }
    .content-theme-light .cta--secondary {
    color: var(--white);
    -webkit-box-shadow: 0 0 0 1px var(--white);
    box-shadow: 0 0 0 1px var(--white)
    }
    .content-theme-light .cta--secondary::before {
    -webkit-box-shadow: inset 0 0 0 1px var(--white);
    box-shadow: inset 0 0 0 1px var(--white)
    }
    .content-theme-light .cta--secondary:hover {
    background-color: var(--white);
    color: var(--black)
    }
    .content-theme-light .cta--secondary:hover::before {
    background-color: transparent
    }
    .content-theme-light .cta--secondary:focus {
    color: var(--black);
    -webkit-box-shadow: inset 0 0 0 1px var(--white);
    box-shadow: inset 0 0 0 1px var(--white)
    }
    .content-theme-light .cta--tertiary {
    background-color: transparent;
    border-color: var(--base-1-light-25);
    color: var(--base-5)
    }
    .content-theme-light .cta--tertiary::after {
    background-color: var(--white)
    }
    .content-theme-light .cta--tertiary:focus,
    .content-theme-light .cta--tertiary:hover {
    -webkit-box-shadow: 0 0 0 1px inset var(--base-5);
    box-shadow: 0 0 0 1px inset var(--base-5);
    background-color: transparent
    }
    .content-theme-light .cta--tertiary:focus {
    -webkit-box-shadow: 0 0 0 2px inset var(--base-5);
    box-shadow: 0 0 0 2px inset var(--base-5)
    }
    .content-theme-light .cta--text-link {
    background-color: transparent;
    color: var(--white)
    }
    .content-theme-light .cta--text-link:hover {
    background: 0 0
    }
    .content-theme-light .cta--text-link:hover .cta__label {
    color: var(--white)
    }
    .content-theme-light .cta--text-link:hover .cta__label::after {
    background-color: var(--white)
    }
    .content-theme-light .cta--text-link:focus {
    outline: solid 2px var(--white);
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline-offset: 6px
    }
    @media (min-width:992px) {
    .cta--play-button .cta__icon {
        width: 4.8rem;
        height: 4.8rem;
        font-size: 1.2rem;
        line-height: 4.8rem;
        -webkit-transition: all .3s ease-out;
        transition: all .3s ease-out
    }
    }
    @media (max-width:767.98px) {
    .cta--primary .cta__label {
        position: relative;
        text-wrap: wrap;
        text-align: center;
        line-height: 2rem
    }
    .cta--secondary .cta__label {
        position: relative;
        text-wrap: wrap;
        text-align: center;
        line-height: 2rem
    }
    .cta--text-link .cta__label {
        text-wrap: wrap;
        text-align: left;
        line-height: 2rem
    }
    }
    .action-button {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    max-width: 100%;
    width: 4.8rem;
    height: 4.8rem;
    padding: 1.5rem;
    outline: 0;
    border: none;
    background-color: var(--theme-color,var(--white));
    color: var(--black);
    text-align: center;
    text-decoration: none;
    font-size: 1.8rem;
    border-radius: 100%;
    -webkit-transition: all .5s;
    transition: all .5s;
    position: relative;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
    }
    .action-button:focus-visible {
    outline: 2px dashed var(--black)!important;
    outline-offset: -2px
    }
    .action-button::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: transparent;
    left: 0;
    top: 0;
    border-radius: 100%;
    z-index: 0;
    -webkit-transition: all .5s;
    transition: all .5s
    }
    .action-button:hover {
    color: var(--black);
    background-color: var(--theme-color,var(--white))
    }
    .action-button--swiper-nav {
    font-size: 1.2rem;
    padding: 1.2rem
    }
    @media (min-width:768px) {
    .action-button:hover {
        background-color: var(--black);
        color: var(--white)
    }
    .action-button--swiper-nav {
        font-size: 1.8rem;
        padding: 1.5rem
    }
    }
    @media (max-width:767.98px) {
    .action-button {
        width: 3.6rem;
        height: 3.6rem;
        font-size: 1.2rem;
        padding: 1.2rem
    }
    }
    .breadcrumb {
    list-style-type: none;
    margin-bottom: 0;
    padding: 0;
    gap: 1.1rem
    }
    .breadcrumb__item {
    position: relative;
    padding-right: calc(var(--sm-3) + .6rem)
    }
    .breadcrumb__item::after {
    content: "\e902";
    font-family: icomoon;
    position: absolute;
    right: 0;
    font-size: 1rem;
    width: 1.2rem;
    height: 1.2rem
    }
    .breadcrumb__item:last-child {
    padding-right: 0
    }
    .breadcrumb__item:last-child::after {
    display: none
    }
    .breadcrumb__link {
    text-decoration: none;
    color: var(--black);
    position: relative
    }
    .breadcrumb__link::after {
    background-color: var(--black);
    content: "";
    width: 0;
    height: 1px;
    position: absolute;
    bottom: -3px;
    left: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
    }
    .breadcrumb__link:hover {
    color: var(--black);
    background: 0 0
    }
    .breadcrumb__link:hover::after {
    width: 100%
    }
    .breadcrumb__link:focus-visible {
    outline: 2px dashed var(--white)
    }
    .content-theme-light .breadcrumb__item {
    color: var(--white)
    }
    .content-theme-light .breadcrumb__link {
    color: var(--white)
    }
    .content-theme-light .breadcrumb__link::after {
    background-color: var(--white)
    }
    .logo-container {
    width: 22rem;
    height: 3.6rem
    }
    .logo-container__image {
    max-width: 12rem;
    max-height: 3.6rem
    }
    .tag-list__item {
    background: rgba(255,255,255,.6)
    }
    .tag-list__item:last-child {
    margin-right: 0
    }
    .single-indent span {
    padding-left: var(--md-1)
    }
    .single-indent span:nth-child(1) {
    padding-left: 0
    }
    @media (min-width:768px) {
    .single-indent span {
        padding-left: calc(8.33333333% + 3.2rem)
    }
    }
    .double-indent span {
    padding-left: 0
    }
    .double-indent span:nth-child(1) {
    padding-left: var(--md-1)
    }
    @media (min-width:768px) {
    .double-indent span:first-child {
        padding-left: calc(8.33333333% + 3.2rem)
    }
    }
    .distilled .distilled-cta,
    .distilled-blue .distilled-cta,
    .distilled-brown .distilled-cta,
    .distilled-green .distilled-cta,
    .distilled-orange .distilled-cta,
    .distilled-purple .distilled-cta,
    .distilled-red .distilled-cta {
    display: inline-block;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    max-width: 100%;
    outline: 0;
    border: none;
    border-radius: 10rem;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    -webkit-backdrop-filter: blur(1.2rem);
    backdrop-filter: blur(1.2rem);
    letter-spacing: 0
    }
    .distilled .distilled-cta.vertical-buttons,
    .distilled-blue .distilled-cta.vertical-buttons,
    .distilled-brown .distilled-cta.vertical-buttons,
    .distilled-green .distilled-cta.vertical-buttons,
    .distilled-orange .distilled-cta.vertical-buttons,
    .distilled-purple .distilled-cta.vertical-buttons,
    .distilled-red .distilled-cta.vertical-buttons {
    font-size: var(--vertical-buttons-distilled-fs);
    line-height: var(--vertical-buttons-distilled-lh)
    }
    .distilled .distilled-cta__inner,
    .distilled-blue .distilled-cta__inner,
    .distilled-brown .distilled-cta__inner,
    .distilled-green .distilled-cta__inner,
    .distilled-orange .distilled-cta__inner,
    .distilled-purple .distilled-cta__inner,
    .distilled-red .distilled-cta__inner {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1.2rem 1.2rem 1rem 1.6rem;
    gap: .9rem;
    position: relative;
    z-index: 1
    }
    .distilled .distilled-cta__icon,
    .distilled-blue .distilled-cta__icon,
    .distilled-brown .distilled-cta__icon,
    .distilled-green .distilled-cta__icon,
    .distilled-orange .distilled-cta__icon,
    .distilled-purple .distilled-cta__icon,
    .distilled-red .distilled-cta__icon {
    font-size: 1.4rem;
    letter-spacing: 0
    }
    .distilled .distilled-cta__icon:hover,
    .distilled-blue .distilled-cta__icon:hover,
    .distilled-brown .distilled-cta__icon:hover,
    .distilled-green .distilled-cta__icon:hover,
    .distilled-orange .distilled-cta__icon:hover,
    .distilled-purple .distilled-cta__icon:hover,
    .distilled-red .distilled-cta__icon:hover {
    text-decoration: none
    }
    .distilled .distilled-cta--primary,
    .distilled-blue .distilled-cta--primary,
    .distilled-brown .distilled-cta--primary,
    .distilled-green .distilled-cta--primary,
    .distilled-orange .distilled-cta--primary,
    .distilled-purple .distilled-cta--primary,
    .distilled-red .distilled-cta--primary {
    background: var(--white);
    color: var(--dark-tone)
    }
    .distilled .distilled-cta--secondary,
    .distilled-blue .distilled-cta--secondary,
    .distilled-brown .distilled-cta--secondary,
    .distilled-green .distilled-cta--secondary,
    .distilled-orange .distilled-cta--secondary,
    .distilled-purple .distilled-cta--secondary,
    .distilled-red .distilled-cta--secondary {
    background: rgba(255,255,255,.3);
    color: var(--white)
    }
    .distilled .distilled-cta--secondary:focus-visible,
    .distilled .distilled-cta--secondary:hover,
    .distilled-blue .distilled-cta--secondary:focus-visible,
    .distilled-blue .distilled-cta--secondary:hover,
    .distilled-brown .distilled-cta--secondary:focus-visible,
    .distilled-brown .distilled-cta--secondary:hover,
    .distilled-green .distilled-cta--secondary:focus-visible,
    .distilled-green .distilled-cta--secondary:hover,
    .distilled-orange .distilled-cta--secondary:focus-visible,
    .distilled-orange .distilled-cta--secondary:hover,
    .distilled-purple .distilled-cta--secondary:focus-visible,
    .distilled-purple .distilled-cta--secondary:hover,
    .distilled-red .distilled-cta--secondary:focus-visible,
    .distilled-red .distilled-cta--secondary:hover {
    background: var(--white);
    color: var(--dark-tone)
    }
    .distilled .distilled-cta--text-link,
    .distilled-blue .distilled-cta--text-link,
    .distilled-brown .distilled-cta--text-link,
    .distilled-green .distilled-cta--text-link,
    .distilled-orange .distilled-cta--text-link,
    .distilled-purple .distilled-cta--text-link,
    .distilled-red .distilled-cta--text-link {
    background: 0 0;
    color: var(--white);
    text-transform: uppercase;
    position: relative
    }
    .distilled .distilled-cta--text-link .distilled-cta__inner,
    .distilled-blue .distilled-cta--text-link .distilled-cta__inner,
    .distilled-brown .distilled-cta--text-link .distilled-cta__inner,
    .distilled-green .distilled-cta--text-link .distilled-cta__inner,
    .distilled-orange .distilled-cta--text-link .distilled-cta__inner,
    .distilled-purple .distilled-cta--text-link .distilled-cta__inner,
    .distilled-red .distilled-cta--text-link .distilled-cta__inner {
    padding: 0;
    top: 0;
    position: absolute;
    -webkit-transform-origin: 0;
    -ms-transform-origin: 0;
    transform-origin: 0;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    gap: var(--sm-3)
    }
    .distilled .distilled-cta--text-link .distilled-cta__icon,
    .distilled-blue .distilled-cta--text-link .distilled-cta__icon,
    .distilled-brown .distilled-cta--text-link .distilled-cta__icon,
    .distilled-green .distilled-cta--text-link .distilled-cta__icon,
    .distilled-orange .distilled-cta--text-link .distilled-cta__icon,
    .distilled-purple .distilled-cta--text-link .distilled-cta__icon,
    .distilled-red .distilled-cta--text-link .distilled-cta__icon {
    background: rgba(255,255,255,.3);
    padding: var(--sm-4);
    border-radius: 10rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 700;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 3.6rem;
    height: 3.6rem;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
    }
    .distilled .distilled-cta--text-link:focus-visible .distilled-cta__icon,
    .distilled .distilled-cta--text-link:hover .distilled-cta__icon,
    .distilled-blue .distilled-cta--text-link:focus-visible .distilled-cta__icon,
    .distilled-blue .distilled-cta--text-link:hover .distilled-cta__icon,
    .distilled-brown .distilled-cta--text-link:focus-visible .distilled-cta__icon,
    .distilled-brown .distilled-cta--text-link:hover .distilled-cta__icon,
    .distilled-green .distilled-cta--text-link:focus-visible .distilled-cta__icon,
    .distilled-green .distilled-cta--text-link:hover .distilled-cta__icon,
    .distilled-orange .distilled-cta--text-link:focus-visible .distilled-cta__icon,
    .distilled-orange .distilled-cta--text-link:hover .distilled-cta__icon,
    .distilled-purple .distilled-cta--text-link:focus-visible .distilled-cta__icon,
    .distilled-purple .distilled-cta--text-link:hover .distilled-cta__icon,
    .distilled-red .distilled-cta--text-link:focus-visible .distilled-cta__icon,
    .distilled-red .distilled-cta--text-link:hover .distilled-cta__icon {
    background: var(--white);
    color: var(--dark-tone)
    }
    .distilled .cta--play-button:focus-visible,
    .distilled .cta--play-button:hover,
    .distilled-blue .cta--play-button:focus-visible,
    .distilled-blue .cta--play-button:hover,
    .distilled-brown .cta--play-button:focus-visible,
    .distilled-brown .cta--play-button:hover,
    .distilled-green .cta--play-button:focus-visible,
    .distilled-green .cta--play-button:hover,
    .distilled-orange .cta--play-button:focus-visible,
    .distilled-orange .cta--play-button:hover,
    .distilled-purple .cta--play-button:focus-visible,
    .distilled-purple .cta--play-button:hover,
    .distilled-red .cta--play-button:focus-visible,
    .distilled-red .cta--play-button:hover {
    color: var(--dark-tone);
    background: 0 0
    }
    .distilled .cta--play-button:focus-visible .cta__label,
    .distilled .cta--play-button:hover .cta__label,
    .distilled-blue .cta--play-button:focus-visible .cta__label,
    .distilled-blue .cta--play-button:hover .cta__label,
    .distilled-brown .cta--play-button:focus-visible .cta__label,
    .distilled-brown .cta--play-button:hover .cta__label,
    .distilled-green .cta--play-button:focus-visible .cta__label,
    .distilled-green .cta--play-button:hover .cta__label,
    .distilled-orange .cta--play-button:focus-visible .cta__label,
    .distilled-orange .cta--play-button:hover .cta__label,
    .distilled-purple .cta--play-button:focus-visible .cta__label,
    .distilled-purple .cta--play-button:hover .cta__label,
    .distilled-red .cta--play-button:focus-visible .cta__label,
    .distilled-red .cta--play-button:hover .cta__label {
    text-decoration: underline
    }
    .distilled .cta--play-button:focus-visible .cta__icon,
    .distilled .cta--play-button:hover .cta__icon,
    .distilled-blue .cta--play-button:focus-visible .cta__icon,
    .distilled-blue .cta--play-button:hover .cta__icon,
    .distilled-brown .cta--play-button:focus-visible .cta__icon,
    .distilled-brown .cta--play-button:hover .cta__icon,
    .distilled-green .cta--play-button:focus-visible .cta__icon,
    .distilled-green .cta--play-button:hover .cta__icon,
    .distilled-orange .cta--play-button:focus-visible .cta__icon,
    .distilled-orange .cta--play-button:hover .cta__icon,
    .distilled-purple .cta--play-button:focus-visible .cta__icon,
    .distilled-purple .cta--play-button:hover .cta__icon,
    .distilled-red .cta--play-button:focus-visible .cta__icon,
    .distilled-red .cta--play-button:hover .cta__icon {
    background-color: var(--white);
    color: var(--dark-tone)
    }
    .distilled-red .distilled-cta--primary::before {
    position: absolute;
    height: 100%;
    width: 100%;
    content: "";
    display: inline-block;
    top: 0;
    left: 0;
    background: -webkit-gradient(linear,left bottom,left top,from(rgba(162,25,91,.2)),to(rgba(162,25,91,.2))),var(--white);
    background: linear-gradient(0deg,rgba(162,25,91,.2) 0,rgba(162,25,91,.2) 100%),var(--white);
    border-radius: 10rem;
    z-index: -1;
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
    }
    .distilled-red .distilled-cta--primary:focus-visible::before,
    .distilled-red .distilled-cta--primary:hover::before {
    opacity: 1
    }
    .distilled-purple .distilled-cta--primary::before {
    position: absolute;
    height: 100%;
    width: 100%;
    content: "";
    display: inline-block;
    top: 0;
    left: 0;
    background: -webkit-gradient(linear,left bottom,left top,from(rgba(89,43,199,.2)),to(rgba(89,43,199,.2))),var(--white);
    background: linear-gradient(0deg,rgba(89,43,199,.2) 0,rgba(89,43,199,.2) 100%),var(--white);
    border-radius: 10rem;
    z-index: -1;
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
    }
    .distilled-purple .distilled-cta--primary:focus-visible::before,
    .distilled-purple .distilled-cta--primary:hover::before {
    opacity: 1
    }
    .distilled-blue .distilled-cta--primary::before {
    position: absolute;
    height: 100%;
    width: 100%;
    content: "";
    display: inline-block;
    top: 0;
    left: 0;
    background: -webkit-gradient(linear,left bottom,left top,from(rgba(47,52,171,.2)),to(rgba(47,52,171,.2))),var(--white);
    background: linear-gradient(0deg,rgba(47,52,171,.2) 0,rgba(47,52,171,.2) 100%),var(--white);
    border-radius: 10rem;
    z-index: -1;
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
    }
    .distilled-blue .distilled-cta--primary:focus-visible::before,
    .distilled-blue .distilled-cta--primary:hover::before {
    opacity: 1
    }
    .distilled-green .distilled-cta--primary::before {
    position: absolute;
    height: 100%;
    width: 100%;
    content: "";
    display: inline-block;
    top: 0;
    left: 0;
    background: -webkit-gradient(linear,left bottom,left top,from(rgba(0,81,81,.2)),to(rgba(0,81,81,.2))),var(--white);
    background: linear-gradient(0deg,rgba(0,81,81,.2) 0,rgba(0,81,81,.2) 100%),var(--white);
    border-radius: 10rem;
    z-index: -1;
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
    }
    .distilled-green .distilled-cta--primary:focus-visible::before,
    .distilled-green .distilled-cta--primary:hover::before {
    opacity: 1
    }
    .distilled-brown .distilled-cta--primary::before {
    position: absolute;
    height: 100%;
    width: 100%;
    content: "";
    display: inline-block;
    top: 0;
    left: 0;
    background: -webkit-gradient(linear,left bottom,left top,from(rgba(52,61,0,.2)),to(rgba(52,61,0,.2))),var(--white);
    background: linear-gradient(0deg,rgba(52,61,0,.2) 0,rgba(52,61,0,.2) 100%),var(--white);
    border-radius: 10rem;
    z-index: -1;
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
    }
    .distilled-brown .distilled-cta--primary:focus-visible::before,
    .distilled-brown .distilled-cta--primary:hover::before {
    opacity: 1
    }
    .distilled-orange .distilled-cta--primary::before {
    position: absolute;
    height: 100%;
    width: 100%;
    content: "";
    display: inline-block;
    top: 0;
    left: 0;
    background: -webkit-gradient(linear,left bottom,left top,from(rgba(131,42,23,.2)),to(rgba(131,42,23,.2))),var(--white);
    background: linear-gradient(0deg,rgba(131,42,23,.2) 0,rgba(131,42,23,.2) 100%),var(--white);
    border-radius: 10rem;
    z-index: -1;
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
    }
    .distilled-orange .distilled-cta--primary:focus-visible::before,
    .distilled-orange .distilled-cta--primary:hover::before {
    opacity: 1
    }
    @media (min-width:768px) {
    .distilled .distilled-cta__inner,
    .distilled-blue .distilled-cta__inner,
    .distilled-brown .distilled-cta__inner,
    .distilled-green .distilled-cta__inner,
    .distilled-orange .distilled-cta__inner,
    .distilled-purple .distilled-cta__inner,
    .distilled-red .distilled-cta__inner {
        padding: 1.3rem 2.9rem
    /* padding: 1.3rem 2.1rem 1.2rem 2.9rem; */
    }
    .distilled .distilled-cta__inner:has(.distilled-cta__icon),
    .distilled-blue .distilled-cta__inner:has(.distilled-cta__icon),
    .distilled-brown .distilled-cta__inner:has(.distilled-cta__icon),
    .distilled-green .distilled-cta__inner:has(.distilled-cta__icon),
    .distilled-orange .distilled-cta__inner:has(.distilled-cta__icon),
    .distilled-purple .distilled-cta__inner:has(.distilled-cta__icon),
    .distilled-red .distilled-cta__inner:has(.distilled-cta__icon) {
    /*     padding: 1.3rem 2.9rem */
    padding: 1.3rem 2.1rem 1.2rem 2.9rem;
    }
    }
    @media (min-width:992px) {
    .distilled-cta--text-link .distilled-cta__icon {
        width: 4.8rem!important;
        height: 4.8rem!important
    }
    }
    .distilled .distilled-action-button,
    .distilled-blue .distilled-action-button,
    .distilled-brown .distilled-action-button,
    .distilled-green .distilled-action-button,
    .distilled-orange .distilled-action-button,
    .distilled-purple .distilled-action-button,
    .distilled-red .distilled-action-button {
    max-width: 100%;
    width: 3.6rem;
    height: 3.6rem;
    padding: .9rem;
    outline: 0;
    border: none;
    text-align: center;
    text-decoration: none;
    font-size: 1.2rem;
    border-radius: 100%;
    -webkit-transition: all .5s;
    transition: all .5s;
    position: relative;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
    }
    .distilled .distilled-action-button::before,
    .distilled-blue .distilled-action-button::before,
    .distilled-brown .distilled-action-button::before,
    .distilled-green .distilled-action-button::before,
    .distilled-orange .distilled-action-button::before,
    .distilled-purple .distilled-action-button::before,
    .distilled-red .distilled-action-button::before {
    z-index: 2
    }
    .distilled .distilled-action-button::after,
    .distilled-blue .distilled-action-button::after,
    .distilled-brown .distilled-action-button::after,
    .distilled-green .distilled-action-button::after,
    .distilled-orange .distilled-action-button::after,
    .distilled-purple .distilled-action-button::after,
    .distilled-red .distilled-action-button::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: transparent;
    left: 0;
    top: 0;
    border-radius: 100%;
    z-index: 0;
    -webkit-transition: all .5s;
    transition: all .5s
    }
    .distilled .distilled-action-button--primary,
    .distilled-blue .distilled-action-button--primary,
    .distilled-brown .distilled-action-button--primary,
    .distilled-green .distilled-action-button--primary,
    .distilled-orange .distilled-action-button--primary,
    .distilled-purple .distilled-action-button--primary,
    .distilled-red .distilled-action-button--primary {
    background: var(--white);
    color: var(--dark-tone)
    }
    .distilled .distilled-action-button--swiper-nav,
    .distilled-blue .distilled-action-button--swiper-nav,
    .distilled-brown .distilled-action-button--swiper-nav,
    .distilled-green .distilled-action-button--swiper-nav,
    .distilled-orange .distilled-action-button--swiper-nav,
    .distilled-purple .distilled-action-button--swiper-nav,
    .distilled-red .distilled-action-button--swiper-nav {
    font-size: 1.2rem;
    padding: 1.2rem
    }
    .distilled .distilled-action-button--secondary,
    .distilled-blue .distilled-action-button--secondary,
    .distilled-brown .distilled-action-button--secondary,
    .distilled-green .distilled-action-button--secondary,
    .distilled-orange .distilled-action-button--secondary,
    .distilled-purple .distilled-action-button--secondary,
    .distilled-red .distilled-action-button--secondary {
    background: rgba(255,255,255,.3);
    color: var(--white)
    }
    .distilled .distilled-action-button--secondary:focus-visible,
    .distilled .distilled-action-button--secondary:hover,
    .distilled-blue .distilled-action-button--secondary:focus-visible,
    .distilled-blue .distilled-action-button--secondary:hover,
    .distilled-brown .distilled-action-button--secondary:focus-visible,
    .distilled-brown .distilled-action-button--secondary:hover,
    .distilled-green .distilled-action-button--secondary:focus-visible,
    .distilled-green .distilled-action-button--secondary:hover,
    .distilled-orange .distilled-action-button--secondary:focus-visible,
    .distilled-orange .distilled-action-button--secondary:hover,
    .distilled-purple .distilled-action-button--secondary:focus-visible,
    .distilled-purple .distilled-action-button--secondary:hover,
    .distilled-red .distilled-action-button--secondary:focus-visible,
    .distilled-red .distilled-action-button--secondary:hover {
    background: var(--white);
    color: var(--dark-tone)
    }
    .distilled-red .distilled-action-button--primary::after {
    position: absolute;
    height: 100%;
    width: 100%;
    content: "";
    display: inline-block;
    top: 0;
    left: 0;
    background: -webkit-gradient(linear,left bottom,left top,from(rgba(162,25,91,.2)),to(rgba(162,25,91,.2))),var(--white);
    background: linear-gradient(0deg,rgba(162,25,91,.2) 0,rgba(162,25,91,.2) 100%),var(--white);
    border-radius: 10rem;
    z-index: 0;
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
    }
    .distilled-red .distilled-action-button--primary:focus-visible::after,
    .distilled-red .distilled-action-button--primary:hover::after {
    opacity: 1
    }
    .distilled-red .distilled-action-button--swiper-nav::after {
    position: absolute;
    height: 100%;
    width: 100%;
    content: "";
    display: inline-block;
    top: 0;
    left: 0;
    background: -webkit-gradient(linear,left bottom,left top,from(rgba(162,25,91,.2)),to(rgba(162,25,91,.2))),var(--white);
    background: linear-gradient(0deg,rgba(162,25,91,.2) 0,rgba(162,25,91,.2) 100%),var(--white);
    border-radius: 10rem;
    z-index: 0;
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
    }
    .distilled-red .distilled-action-button--swiper-nav:focus-visible::after,
    .distilled-red .distilled-action-button--swiper-nav:hover::after {
    opacity: 1
    }
    .distilled-purple .distilled-action-button--primary::after {
    position: absolute;
    height: 100%;
    width: 100%;
    content: "";
    display: inline-block;
    top: 0;
    left: 0;
    background: -webkit-gradient(linear,left bottom,left top,from(rgba(89,43,199,.2)),to(rgba(89,43,199,.2))),var(--white);
    background: linear-gradient(0deg,rgba(89,43,199,.2) 0,rgba(89,43,199,.2) 100%),var(--white);
    border-radius: 10rem;
    z-index: 0;
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
    }
    .distilled-purple .distilled-action-button--primary:focus-visible::after,
    .distilled-purple .distilled-action-button--primary:hover::after {
    opacity: 1
    }
    .distilled-purple .distilled-action-button--swiper-nav::after {
    position: absolute;
    height: 100%;
    width: 100%;
    content: "";
    display: inline-block;
    top: 0;
    left: 0;
    background: -webkit-gradient(linear,left bottom,left top,from(rgba(89,43,199,.2)),to(rgba(89,43,199,.2))),var(--white);
    background: linear-gradient(0deg,rgba(89,43,199,.2) 0,rgba(89,43,199,.2) 100%),var(--white);
    border-radius: 10rem;
    z-index: 0;
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
    }
    .distilled-purple .distilled-action-button--swiper-nav:focus-visible::after,
    .distilled-purple .distilled-action-button--swiper-nav:hover::after {
    opacity: 1
    }
    .distilled-blue .distilled-action-button--primary::after {
    position: absolute;
    height: 100%;
    width: 100%;
    content: "";
    display: inline-block;
    top: 0;
    left: 0;
    background: -webkit-gradient(linear,left bottom,left top,from(rgba(47,52,171,.2)),to(rgba(47,52,171,.2))),var(--white);
    background: linear-gradient(0deg,rgba(47,52,171,.2) 0,rgba(47,52,171,.2) 100%),var(--white);
    border-radius: 10rem;
    z-index: 0;
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
    }
    .distilled-blue .distilled-action-button--primary:focus-visible::after,
    .distilled-blue .distilled-action-button--primary:hover::after {
    opacity: 1
    }
    .distilled-blue .distilled-action-button--swiper-nav::after {
    position: absolute;
    height: 100%;
    width: 100%;
    content: "";
    display: inline-block;
    top: 0;
    left: 0;
    background: -webkit-gradient(linear,left bottom,left top,from(rgba(47,52,171,.2)),to(rgba(47,52,171,.2))),var(--white);
    background: linear-gradient(0deg,rgba(47,52,171,.2) 0,rgba(47,52,171,.2) 100%),var(--white);
    border-radius: 10rem;
    z-index: 0;
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
    }
    .distilled-blue .distilled-action-button--swiper-nav:focus-visible::after,
    .distilled-blue .distilled-action-button--swiper-nav:hover::after {
    opacity: 1
    }
    .distilled-green .distilled-action-button--primary::after {
    position: absolute;
    height: 100%;
    width: 100%;
    content: "";
    display: inline-block;
    top: 0;
    left: 0;
    background: -webkit-gradient(linear,left bottom,left top,from(rgba(0,81,81,.2)),to(rgba(0,81,81,.2))),var(--white);
    background: linear-gradient(0deg,rgba(0,81,81,.2) 0,rgba(0,81,81,.2) 100%),var(--white);
    border-radius: 10rem;
    z-index: 0;
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
    }
    .distilled-green .distilled-action-button--primary:focus-visible::after,
    .distilled-green .distilled-action-button--primary:hover::after {
    opacity: 1
    }
    .distilled-green .distilled-action-button--swiper-nav::after {
    position: absolute;
    height: 100%;
    width: 100%;
    content: "";
    display: inline-block;
    top: 0;
    left: 0;
    background: -webkit-gradient(linear,left bottom,left top,from(rgba(0,81,81,.2)),to(rgba(0,81,81,.2))),var(--white);
    background: linear-gradient(0deg,rgba(0,81,81,.2) 0,rgba(0,81,81,.2) 100%),var(--white);
    border-radius: 10rem;
    z-index: 0;
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
    }
    .distilled-green .distilled-action-button--swiper-nav:focus-visible::after,
    .distilled-green .distilled-action-button--swiper-nav:hover::after {
    opacity: 1
    }
    .distilled-brown .distilled-action-button--primary::after {
    position: absolute;
    height: 100%;
    width: 100%;
    content: "";
    display: inline-block;
    top: 0;
    left: 0;
    background: -webkit-gradient(linear,left bottom,left top,from(rgba(52,61,0,.2)),to(rgba(52,61,0,.2))),var(--white);
    background: linear-gradient(0deg,rgba(52,61,0,.2) 0,rgba(52,61,0,.2) 100%),var(--white);
    border-radius: 10rem;
    z-index: 0;
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
    }
    .distilled-brown .distilled-action-button--primary:focus-visible::after,
    .distilled-brown .distilled-action-button--primary:hover::after {
    opacity: 1
    }
    .distilled-brown .distilled-action-button--swiper-nav::after {
    position: absolute;
    height: 100%;
    width: 100%;
    content: "";
    display: inline-block;
    top: 0;
    left: 0;
    background: -webkit-gradient(linear,left bottom,left top,from(rgba(52,61,0,.2)),to(rgba(52,61,0,.2))),var(--white);
    background: linear-gradient(0deg,rgba(52,61,0,.2) 0,rgba(52,61,0,.2) 100%),var(--white);
    border-radius: 10rem;
    z-index: 0;
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
    }
    .distilled-brown .distilled-action-button--swiper-nav:focus-visible::after,
    .distilled-brown .distilled-action-button--swiper-nav:hover::after {
    opacity: 1
    }
    .distilled-orange .distilled-action-button--primary::after {
    position: absolute;
    height: 100%;
    width: 100%;
    content: "";
    display: inline-block;
    top: 0;
    left: 0;
    background: -webkit-gradient(linear,left bottom,left top,from(rgba(131,42,23,.2)),to(rgba(131,42,23,.2))),var(--white);
    background: linear-gradient(0deg,rgba(131,42,23,.2) 0,rgba(131,42,23,.2) 100%),var(--white);
    border-radius: 10rem;
    z-index: 0;
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
    }
    .distilled-orange .distilled-action-button--primary:focus-visible::after,
    .distilled-orange .distilled-action-button--primary:hover::after {
    opacity: 1
    }
    .distilled-orange .distilled-action-button--swiper-nav::after {
    position: absolute;
    height: 100%;
    width: 100%;
    content: "";
    display: inline-block;
    top: 0;
    left: 0;
    background: -webkit-gradient(linear,left bottom,left top,from(rgba(131,42,23,.2)),to(rgba(131,42,23,.2))),var(--white);
    background: linear-gradient(0deg,rgba(131,42,23,.2) 0,rgba(131,42,23,.2) 100%),var(--white);
    border-radius: 10rem;
    z-index: 0;
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
    }
    .distilled-orange .distilled-action-button--swiper-nav:focus-visible::after,
    .distilled-orange .distilled-action-button--swiper-nav:hover::after {
    opacity: 1
    }
    @media (min-width:768px) {
    .distilled .distilled-action-button,
    .distilled-blue .distilled-action-button,
    .distilled-brown .distilled-action-button,
    .distilled-green .distilled-action-button,
    .distilled-orange .distilled-action-button,
    .distilled-purple .distilled-action-button,
    .distilled-red .distilled-action-button {
        width: 4.8rem;
        height: 4.8rem;
        padding: 1.5rem
    }
    }
    .rte h1,
    .rte h2,
    .rte h3,
    .rte h4,
    .rte h5,
    .rte h6 {
    margin-bottom: var(--md-4)
    }
    .rte h1 + img,
    .rte h2 + img,
    .rte h3 + img,
    .rte h4 + img,
    .rte h5 + img,
    .rte h6 + img {
    margin-top: 0
    }
    .rte img {
    margin: var(--sm-2) 0;
    max-width: 100%
    }
    .rte ol,
    .rte p,
    .rte ul {
    margin-bottom: var(--sm-3)
    }
    .rte ol:last-child,
    .rte p:last-child,
    .rte ul:last-child {
    margin-bottom: 0
    }
    .rte ol + h1,
    .rte ol + h2,
    .rte ol + h3,
    .rte ol + h4,
    .rte ol + h5,
    .rte ol + h6,
    .rte p + h1,
    .rte p + h2,
    .rte p + h3,
    .rte p + h4,
    .rte p + h5,
    .rte p + h6,
    .rte ul + h1,
    .rte ul + h2,
    .rte ul + h3,
    .rte ul + h4,
    .rte ul + h5,
    .rte ul + h6 {
    margin-top: var(--md-4)
    }
    .rte ol:has(img),
    .rte p:has(img),
    .rte ul:has(img) {
    margin-bottom: 0
    }
    .rte ol:first-child img,
    .rte p:first-child img,
    .rte ul:first-child img {
    margin-top: 0
    }
    .rte a[href^="mailto:"] {
    position: relative;
    margin-left: 1.6rem
    }
    .rte a[href^="mailto:"]::before {
    content: "\e923";
    position: absolute;
    left: -1.6rem;
    font-family: icomoon;
    font-size: 1.2rem;
    line-height: 1.2rem;
    vertical-align: middle;
    top: 5px
    }
    .rte a[href^="mailto:"]:hover::before {
    color: var(--black)
    }
    .rte a[href^="mailto:"] tbody {
    border-top: 1px var(--black) solid;
    border-bottom: 1px var(--black) solid
    }
    .rte a[href^="mailto:"] tbody tr:nth-child(even) {
    background: var(--theme-color)
    }
    .rte a[href^="mailto:"] tbody tr:nth-child(odd) {
    background: var(--white)
    }
    .rte a:not(.cta,.action-button) {
    color: var(--black);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(50%,transparent),color-stop(50%,var(--black)));
    background: linear-gradient(transparent 50%,var(--black) 50%);
    background-size: auto 180%;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    text-decoration: none;
    word-break: break-word
    }
    .rte a:not(.cta,.action-button):hover {
    color: var(--white);
    text-decoration: none;
    background-position-y: 100%
    }
    .rte a:not(.cta,.action-button):focus {
    outline: dashed 2px var(--black);
    outline-offset: 2px
    }
    .press-release .rte a[href^="mailto:"] {
    margin-left: 1.6rem;
    padding-left: 0
    }
    .press-release .rte a[href^="mailto:"]:before {
    left: -1.6rem
    }
    .press-release .rte a[href^="mailto:"]:before:hover {
    color: var(--black)
    }
    .configurable-text img {
    margin: var(--sm-2) 0;
    max-width: 100%
    }
    .config-text__section-title {
    text-transform: uppercase
    }
    .config-text a:not(.cta,.action-button,.rad-link-5) {
    color: var(--black);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(50%,transparent),color-stop(50%,var(--black)));
    background: linear-gradient(transparent 50%,var(--black) 50%);
    background-size: auto 180%;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    text-decoration: none;
    word-break: break-word
    }
    .config-text a:not(.cta,.action-button):hover {
    color: var(--white);
    text-decoration: none;
    background-position-y: 100%
    }
    .config-text a:not(.cta,.action-button):focus-visible {
    outline: dashed 2px var(--black);
    outline-offset: 2px
    }
    .config-text .cta-- .cta__icon {
    display: none
    }
    .config-text thead td {
    padding: var(--sm-3);
    font-family: var(--font-urw-semibold);
    font-weight: 600;
    background: var(--white)
    }
    .config-text thead td:not(:first-child) {
    width: 15%
    }
    .config-text table {
    table-layout: auto;
    width: 100%
    }
    .config-text .scroll-table-container {
    width: 100%;
    padding: 0 0 5px;
    overflow-y: hidden;
    overflow-x: auto;
    margin-bottom: 0
    }
    .config-text tbody {
    border-top: 1px var(--black) solid;
    border-bottom: 1px var(--black) solid
    }
    .config-text tbody tr:nth-child(even) {
    background: var(--theme-color)
    }
    .config-text tbody tr:nth-child(odd) {
    background: var(--white)
    }
    .config-text tbody td {
    padding: var(--sm-3)
    }
    .config-text tbody td a {
    text-decoration: none;
    color: var(--black)
    }
    .config-text tbody td a:hover {
    background-color: transparent
    }
    .config-text tbody td {
    padding: var(--sm-3)
    }
    .config-text tbody td a {
    text-decoration: none;
    color: var(--black)
    }
    .config-text tbody td a:hover {
    background-color: transparent
    }
    .caption {
    background-color: rgba(255,255,255,.75);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px)
    }
    .caption--transparent-bg {
    background-color: transparent
    }
    .stat {
    position: relative;
    padding-left: var(--sm-3)
    }
    .stat::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 0;
    background-color: #000;
    -webkit-animation: grow-border .7s ease-in-out forwards;
    animation: grow-border .7s ease-in-out forwards
    }
    @-webkit-keyframes grow-border {
    0% {
        height: 0
    }
    100% {
        height: 100%
    }
    }
    @keyframes grow-border {
    0% {
        height: 0
    }
    100% {
        height: 100%
    }
    }
    .content-theme-light .quote-text {
    color: var(--base-5)
    }
    .share-button {
    text-transform: uppercase
    }
    .share-button__social-icons {
    left: -1rem;
    padding-top: .7rem;
    z-index: 1
    }
    .share-button__social-icons ul {
    list-style-type: none;
    border-radius: 5rem;
    margin: 0
    }
    .share-button__social-icons ul::before {
    content: "";
    height: 1rem;
    width: 1rem;
    left: 3rem;
    position: absolute;
    top: -.2rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
    }
    .share-button__social-icons .action-button {
    background-color: var(--white)
    }
    .share-button__social-icons .action-button:hover {
    color: var(--black)
    }
    .share-button__social-icons .action-button:hover::after {
    display: none
    }
    @media (min-width:768px) {
    .share-button {
        -webkit-writing-mode: vertical-lr;
        -ms-writing-mode: tb-lr;
        writing-mode: vertical-lr
    }
    .share-button .action-button {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg)
    }
    .share-button__social-icons {
        top: -1rem;
        left: -7rem;
        padding-top: 0
    }
    .share-button__social-icons ul::before {
        right: -.4rem;
        top: 3rem;
        left: 99%;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }
    .share-button__social-icons ul li {
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }
    }
    body.nojs .share-button__social-icons {
    display: block!important
    }
    .quick-links ul li {
    list-style-type: none;
    margin-bottom: var(--xs-1)
    }
    .quick-links ul li a {
    color: var(--base-2)
    }
    .quick-links ul li:last-child {
    margin-bottom: 0
    }
    .quick-links__heading {
    margin-bottom: var(--sm-2)
    }
    .quick-links__link {
    text-decoration: none
    }
    .quick-links__link:hover {
    background-color: transparent;
    color: var(--black)
    }
    .quick-links__link .icon {
    font-size: 1.4rem;
    margin-right: var(--sm-4)
    }
    @media (max-width:575.98px) {
    .quick-links__heading {
        margin-bottom: 0
    }
    }
    .social-links ul li {
    list-style-type: none
    }
    .social-links ul li a {
    color: var(--base-1);
    font-size: 2rem
    }
    .social-links h6 {
    margin-bottom: var(--sm-4)
    }
    .footer-links ul {
    padding: 0;
    -webkit-column-gap: var(--sm-2);
    -moz-column-gap: var(--sm-2);
    column-gap: var(--sm-2);
    row-gap: var(--xs-1)
    }
    .footer-links ul li {
    list-style-type: none
    }
    .footer-links ul li a {
    color: var(--white);
    text-decoration: none
    }
    .footer-links ul li a:hover {
    text-decoration: underline
    }
    @media (max-width:575.98px) {
    .footer-links ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center
    }
    .footer-links ul li:last-child {
        margin-top: var(--sm-2)
    }
    }
    .video {
    width: 100%;
    background-color: var(--white);
    position: relative
    }
    .video__overlay-container {
    position: relative;
    width: 100%;
    height: 100%
    }
    .video__iframe {
    width: 100%
    }
    .video__iframe iframe {
    width: 100%;
    aspect-ratio: 16/9;
    display: block
    }
    .video .cta {
    position: absolute;
    z-index: 2;
    bottom: var(--sm-1);
    right: var(--sm-1)
    }
    .video__overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
    }
    .video__overlay::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    display: block;
    z-index: 0;
    background: linear-gradient(139deg,rgba(0,0,0,0) 60.76%,rgba(0,0,0,.4) 92.9%),radial-gradient(50% 50% at 50% 50%,rgba(0,0,0,.4) 0,rgba(0,0,0,0) 100%)
    }
    .video__overlay.hide {
    display: none
    }
    .video:hover .action-button[data-video-status=pause] {
    opacity: 1
    }
    .video--popup .video__overlay {
    position: static
    }
    .video__internal {
    aspect-ratio: 21/9
    }
    .distilled-video--popup {
    background-color: transparent
    }
    .distilled-video--popup .video__overlay {
    position: absolute
    }
    .background-video {
    position: relative;
    height: 100%;
    width: 100%;
    min-height: 40rem;
    background: var(--theme-color,#000000);
    overflow: hidden
    }
    .background-video .cta::after {
    z-index: 1
    }
    .background-video__inner {
    height: 100%;
    background-color: var(--theme-color)
    }
    .background-video__iframe {
    width: 100%;
    height: 100%
    }
    .background-video__iframe iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
    }
    @media (min-aspect-ratio:16/9) {
    .background-video__iframe iframe {
        height: 56.25vw
    }
    }
    @media (max-aspect-ratio:16/9) {
    .background-video__iframe iframe {
        width: 177.78vh
    }
    }
    .background-video__overlay {
    position: absolute;
    top: var(--sm-2);
    left: var(--sm-2);
    cursor: pointer;
    z-index: 2
    }
    .background-video:hover .action-button[data-video-status=pause] {
    opacity: 1
    }
    .background-video--image {
    min-height: auto;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0
    }
    .background-video--image::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear,left top,left bottom,from(#fff),color-stop(36%,rgba(255,255,255,.28)),color-stop(50%,rgba(255,255,255,0)),to(#fff));
    background: linear-gradient(180deg,#fff 0,rgba(255,255,255,.28) 36%,rgba(255,255,255,0) 50%,#fff 100%);
    z-index: 1
    }
    .background-video--image .background-video__bg {
    height: 100%;
    background: var(--liquid-magic-bg);
    background-size: cover;
    background-position: center center
    }
    .background-video--video {
    min-height: auto;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    background: var(--theme-color)
    }
    .background-video--video::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear,left top,left bottom,from(#fff),color-stop(39.84%,rgba(255,255,255,0)),color-stop(61.12%,rgba(255,255,255,0)),to(#fff));
    background: linear-gradient(180deg,#fff 0,rgba(255,255,255,0) 39.84%,rgba(255,255,255,0) 61.12%,#fff 100%);
    z-index: 1
    }
    .background-video--gradient-left {
    min-height: auto;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    background: var(--gradient-left)
    }
    .background-video--gradient-right {
    min-height: auto;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    background: var(--gradient-right)
    }
    .dropdown {
    width: 100%;
    max-width: 100%;
    min-width: auto;
    position: relative
    }
    .dropdown__button {
    background: var(--white);
    z-index: 0;
    -webkit-transition: all .25s;
    transition: all .25s;
    padding: var(--sm-3) var(--sm-2);
    border: 1px solid transparent;
    outline: 1px solid #000;
    -webkit-box-shadow: 0 0 0 1px transparent;
    box-shadow: 0 0 0 1px transparent;
    -webkit-transition: outline .3s ease,-webkit-box-shadow .3s ease;
    transition: outline .3s ease,-webkit-box-shadow .3s ease;
    transition: outline .3s ease,box-shadow .3s ease;
    transition: outline .3s ease,box-shadow .3s ease,-webkit-box-shadow .3s ease;
    color: var(--black);
    }
    .dropdown__button.active,
    .dropdown__button:focus,
    .dropdown__button:focus-visible,
    .dropdown__button:focus-within,
    .dropdown__button:focus:not(:focus-visible) {
    outline: 2px solid #000;
    -webkit-box-shadow: 0 0 0 2px transparent;
    box-shadow: 0 0 0 2px transparent
    }
    .dropdown__button .icon {
    font-size: var(--body-sm-lh)
    }
    .dropdown__button .icon:last-of-type {
    -webkit-transition: all .5s;
    transition: all .5s
    }
    .dropdown__button:hover {
    color: var(--black)
    }
    .dropdown__button:focus-within {
    color: var(--black)
    }
    .dropdown__button:disabled {
    color: var(--base-2);
    border-color: var(--base-3);
    background-color: var(--base-4)
    }
    .dropdown__button.active .icon:last-of-type {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
    }
    .dropdown__button-label {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
    }
    .dropdown__list {
    visibility: hidden;
    max-height: 0;
    border: solid 1px var(--base-1);
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
    border-top: none;
    background-color: var(--white);
    z-index: 1;
    outline: 2px solid #000
    }
    .dropdown__list.active {
    visibility: visible;
    max-height: 20rem;
    -webkit-transition: all .25s ease-in;
    transition: all .25s ease-in;
    margin-top: 2px;
    overflow: auto!important
    }
    .dropdown__link {
    -webkit-transition: all .25s;
    transition: all .25s;
    text-decoration: none;
    border-bottom: 1px solid var(--black);
    padding: var(--sm-3) var(--sm-2);
    background: var(--black);
    color: var(--white)
    }
    .dropdown__link .icon {
    font-size: 2.4rem
    }
    .dropdown__link:hover {
    color: var(--white);
    background: -webkit-gradient(linear,left bottom,left top,from(rgba(255,255,255,.2)),to(rgba(255,255,255,.2))),var(--black,#000);
    background: linear-gradient(0deg,rgba(255,255,255,.2) 0,rgba(255,255,255,.2) 100%),var(--black,#000)
    }
    .dropdown__link:focus,
    .dropdown__link:focus-visible,
    .dropdown__link:focus-within {
    color: var(--white);
    outline: 0;
    background: -webkit-gradient(linear,left bottom,left top,from(rgba(255,255,255,.2)),to(rgba(255,255,255,.2))),var(--black,#000);
    background: linear-gradient(0deg,rgba(255,255,255,.2) 0,rgba(255,255,255,.2) 100%),var(--black,#000)
    }
    .form-field-temp__search {
    color: var(--black);
    border: 0;
    background-color: transparent
    }
    .form-field-temp__search::-webkit-input-placeholder {
    color: var(--black)
    }
    .form-field-temp__search::-moz-placeholder {
    color: var(--black)
    }
    .form-field-temp__search:-ms-input-placeholder {
    color: var(--black)
    }
    .form-field-temp__search::-ms-input-placeholder {
    color: var(--black)
    }
    .form-field-temp__search::placeholder {
    color: var(--black)
    }
    .form-field-temp__search:focus,
    .form-field-temp__search:focus-visible,
    .form-field-temp__search:focus-within {
    outline: 0
    }
    .form-field-temp__input-wrapper {
    border-bottom: 1px solid var(--black)
    }
    .form-field__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
    }
    .form-field__message {
    color: red
    }
    .form-field__label::after {
    content: "*";
    position: absolute;
    color: red
    }
    .form-field__input {
    border: none;
    border-bottom: 1px solid #aeaeae;
    background: 0 0;
    padding-bottom: var(--sm-4)!important
    }
    .form-field__input::-webkit-input-placeholder {
    color: #aeaeae
    }
    .form-field__input::-moz-placeholder {
    color: #aeaeae
    }
    .form-field__input:-ms-input-placeholder {
    color: #aeaeae
    }
    .form-field__input::-ms-input-placeholder {
    color: #aeaeae
    }
    .form-field__input::placeholder {
    color: #aeaeae
    }
    .form-field__input:focus,
    .form-field__input:focus-visible,
    .form-field__input:focus-within {
    outline: 0;
    border-bottom: 2px solid #aeaeae
    }
    .form-field__input:active,
    .form-field__input:hover {
    border-bottom: 1px solid var(--black)
    }
    .form-field__input:not(:-moz-placeholder-shown) {
    border-bottom: 1px solid var(--black)
    }
    .form-field__input:not(:-ms-input-placeholder) {
    border-bottom: 1px solid var(--black)
    }
    .form-field__input:not(:placeholder-shown) {
    border-bottom: 1px solid var(--black)
    }
    .form-field__counter {
    position: absolute;
    right: var(--sm-3);
    bottom: var(--xs-1);
    color: #aeaeae
    }
    .form-field__textarea {
    border: 1px solid #aeaeae;
    padding-bottom: var(--sm-4)!important;
    background: 0 0
    }
    .form-field__textarea::-webkit-input-placeholder {
    color: #aeaeae
    }
    .form-field__textarea::-moz-placeholder {
    color: #aeaeae
    }
    .form-field__textarea:-ms-input-placeholder {
    color: #aeaeae
    }
    .form-field__textarea::-ms-input-placeholder {
    color: #aeaeae
    }
    .form-field__textarea::placeholder {
    color: #aeaeae
    }
    .form-field__textarea:focus,
    .form-field__textarea:focus-visible,
    .form-field__textarea:focus-within {
    outline: 0;
    border: 2px solid #aeaeae
    }
    .form-field__textarea:active,
    .form-field__textarea:hover {
    border: 1px solid var(--black)
    }
    .form-field__textarea:not(:-moz-placeholder-shown) {
    border: 1px solid var(--black)
    }
    .form-field__textarea:not(:-ms-input-placeholder) {
    border: 1px solid var(--black)
    }
    .form-field__textarea:not(:placeholder-shown) {
    border: 1px solid var(--black)
    }
    .form-field__autocomplete {
    width: 100%;
    top: calc(var(--sm-1) * 2 + var(--h1-lh) + var(--sm-3) + 2);
    left: 0;
    background-color: rgba(255,255,255,.8);
    -webkit-backdrop-filter: blur(25px);
    backdrop-filter: blur(25px);
    display: none
    }
    .form-field__autocomplete-list {
    list-style: none
    }
    .form-field__autocomplete-link {
    color: var(--black);
    text-decoration: none;
    display: block
    }
    .form-field__autocomplete-link:hover {
    text-decoration: underline;
    color: var(--black);
    background-color: transparent;
    text-decoration: none
    }
    .form-field__autocomplete-link:hover .h6 {
    text-decoration: underline
    }
    .form-field--success .form-field__wrapper {
    position: relative
    }
    .form-field--success .form-field__wrapper::after {
    content: "";
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    width: 2.4rem;
    height: 2.4rem;
    right: var(--sm-3);
    bottom: calc(2px + var(--sm-4));
    background-color: #3acd07;
    text-align: center
    }
    .form-field--error .form-field__wrapper {
    position: relative
    }
    .form-field--error .form-field__wrapper::after {
    content: "";
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    width: 2.4rem;
    height: 2.4rem;
    right: var(--sm-3);
    bottom: calc(2px + var(--sm-4));
    background-color: #d92b2b;
    text-align: center
    }
    .form-field--error .form-field__input {
    border-bottom: 1px solid red!important
    }
    .form-field--error .form-field__message {
    display: block
    }
    .form-field--hide-status-icon .form-field__wrapper::after {
    display: none
    }
    .form-field--checkbox {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
    }
    .form-field--checkbox .form-field__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
    }
    .form-field--checkbox .form-field__ghost {
    position: relative;
    display: inline-block;
    border: solid 2px var(--base-3);
    width: 2rem;
    height: 2rem;
    -webkit-transition: all .25s;
    transition: all .25s;
    margin-right: var(--xs-1);
    font-family: icomoon!important
    }
    .form-field--checkbox .form-field__ghost::after {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 1.6rem;
    line-height: 1.6rem
    }
    .form-field--checkbox .form-field__checkbox {
    width: 0;
    height: 0;
    opacity: 0
    }
    .form-field--checkbox .form-field__checkbox:checked + span {
    background-color: var(--base-1);
    border-color: var(--base-1);
    color: var(--base-5)
    }
    .form-field--checkbox .form-field__checkbox:checked + span::after {
    content: "\e91d"
    }
    .form-field--checkbox .form-field__checkbox:disabled + span {
    background-color: var(--base-2);
    border-color: var(--base-2);
    color: var(--base-5)
    }
    .form-field--checkbox .form-field__checkbox:disabled + span::after {
    content: "\e91d"
    }
    .form-field--checkbox:hover .form-field__ghost {
    border-color: var(--base-1)
    }
    .form-field--checkbox:focus-within {
    -webkit-box-shadow: inset 0 0 0 2px var(--base-1);
    box-shadow: inset 0 0 0 2px var(--base-1)
    }
    .form-field--radio {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
    }
    .form-field--radio .form-field__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
    }
    .form-field--radio .form-field__ghost {
    display: inline-block;
    border: solid 2px var(--base-3);
    width: 2rem;
    height: 2rem;
    -webkit-transition: all .25s;
    transition: all .25s;
    margin-right: var(--xs-1);
    border-radius: 100%;
    position: relative
    }
    .form-field--radio .form-field__ghost::after {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background-color: var(--base-1);
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 50%
    }
    .form-field--radio .form-field__radio {
    width: 0;
    height: 0;
    opacity: 0
    }
    .form-field--radio .form-field__radio:checked + span {
    background-color: var(--base-5);
    border-color: var(--base-1)
    }
    .form-field--radio .form-field__radio:checked + span::after {
    content: ""
    }
    .form-field--radio .form-field__radio:disabled + span {
    background-color: var(--base-5);
    border-color: var(--base-2)
    }
    .form-field--radio .form-field__radio:disabled + span::after {
    content: "";
    background-color: var(--base-2)
    }
    .form-field--radio:hover .form-field__ghost {
    border-color: var(--base-1)
    }
    .form-field--radio:focus-within {
    -webkit-box-shadow: inset 0 0 0 2px var(--base-1);
    box-shadow: inset 0 0 0 2px var(--base-1)
    }
    .form-field--autocomplete-visible .form-field__search {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
    }
    .form-field__input-wrapper {
    border-bottom: 2px solid var(--white)
    }
    .form-field__search {
    border: 0;
    background-color: transparent;
    width: 100%;
    font-weight: 400;
    font-family: var(--font-fs-brabo-medium-italic);
    color: var(--white)
    }
    /*WO-86641 css changes starts*/
    section#jobSearchBanner div.form-field .form-field__input-wrapper input#fieldSearchExample {
    font-size: var(--h2-fs);
    line-height: var(--h2-lh);
    }
    /*WO-86641 css changes ends*/
    .form-field__search:focus-visible {
    outline: 0;
    color: var(--black)
    }
    .form-field__search::-webkit-input-placeholder {
    color: var(--white)
    }
    .form-field__search::-moz-placeholder {
    color: var(--white)
    }
    .form-field__search:-ms-input-placeholder {
    color: var(--white)
    }
    .form-field__search::-ms-input-placeholder {
    color: var(--white)
    }
    .form-field__search::placeholder {
    color: var(--white)
    }
    .form-field__search-button {
    background-color: rgba(255,255,255,.3);
    color: var(--white)
    }
    .form-field__list-height {
    max-height: 22rem;
    overflow-y: auto
    }
    .form-wrapper {
    z-index: 2
    }
    .form-wrapper.focused {
    background-color: rgba(255,255,255,.8)
    }
    .form-wrapper.focused .form-field__input-wrapper {
    border-color: var(--black)
    }
    .form-wrapper.focused .form-field__search-button {
    background-color: var(--theme-brown);
    color: var(--black)
    }
    .form-wrapper.focused .form-field__autocomplete {
    display: block
    }
    .search__list {
    max-height: 25rem;
    overflow-y: auto
    }
    .search__link {
    color: var(--base-2)
    }
    .search__link:hover {
    color: var(--bas-1)
    }
    @media (max-width:767.98px) {
    .form-field-temp {
        margin-bottom: var(--sm-2)
    }
    .dropdown {
        margin-bottom: var(--sm-2)
    }
    }
    .card {
    max-width: 70rem;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
    }
    .card--clickable {
    text-decoration: none
    }
    .card--clickable:hover {
    background-color: transparent;
    color: #000;
    text-decoration: underline;
    text-underline-offset: 3px
    }
    .card--clickable .cta {
    margin-top: -1.6rem;
    width: 0;
    height: 0;
    overflow: hidden
    }
    .card--clickable .cta::before {
    content: none;
    position: absolute;
    inset: 0
    }
    .card--horizontal .card__image-wrapper {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
    }
    .card--horizontal .card__content {
    min-height: 11.4rem
    }
    .card__content {
    min-height: 24rem;
    height: 100%
    }
    .card__tag {
    height: 1.4rem
    }
    .card__tag::after {
    content: "";
    width: 1px;
    top: -.1rem;
    height: 1.4rem;
    position: absolute;
    background: #000
    }
    .card__image-wrapper {
    height: 23.4rem
    }
    .card__image {
    height: 23.4rem
    }
    .card .cta::before {
    content: "";
    position: absolute;
    inset: 0
    }
    .card:hover {
    background-color: var(--white)
    }
    .card:hover .card--clickable {
    text-decoration: underline;
    text-underline-offset: 3px
    }
    .card--img .card__content {
    min-height: auto;
    height: auto
    }
    .card--default .card__content {
    min-height: auto;
    height: auto
    }
    .card--imgVid {
    max-width: 100%
    }
    .card--imgVid .cta:before {
    content: none
    }
    .card--imgVid .card__content {
    min-height: auto
    }
    .card--imgVid .card__image-wrapper {
    overflow: hidden;
    height: 100%
    }
    .card--imgVid .card__image {
    height: 100%;
    aspect-ratio: 1.7/1
    }
    .card--imgVid .card__video-wrapper {
    overflow: hidden;
    height: 100%
    }
    .card--imgVid .video {
    height: 100%;
    aspect-ratio: 1.7/1
    }
    .card--tagVid .card__content {
    min-height: auto;
    height: auto
    }
    .card--tagVid .video .cta {
    top: auto;
    left: auto;
    bottom: var(--sm-2);
    right: var(--sm-2)
    }
    .card--tagVid .video .cta__label {
    display: none
    }
    @media (min-width:992px) {
    .card__content {
        min-height: 30rem;
        height: 100%
    }
    }
    @media (min-width:576px) {
    .card--horizontal .card__image-wrapper {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 18rem;
        flex: 0 0 18rem
    }
    .card--horizontal .card__content {
        min-height: 23rem
    }
    }
    .pr-contact {
    z-index: 2;
    margin-top: var(--md-1)
    }
    .pr-contact__details {
    max-height: 0;
    -webkit-transition: max-height .5s;
    transition: max-height .5s
    }
    .pr-contact .cta {
    width: 100%
    }
    .pr-contact--open .pr-contact__details {
    max-height: calc(100vh - .5rem - 140px);
    overflow-y: scroll
    }
    .pr-contact--open .cta__icon {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
    }
    .pr-contact__details .rte a[href^="mailto:"] {
        height: 24px;
        display: inline-block;
    }
    .pr-contact__details .rte a[href^="mailto:"]::before {
        top:7px;
    }
    @media (min-width:992px) {
    .pr-contact {
        margin-top: 0;
        position: fixed;
        top: 20rem;
        right: -5.5rem
    }
    .pr-contact__details {
        max-height: 200rem;
        min-width: 37.5rem;
        position: absolute;
        right: -100vw;
        -webkit-transition: .3s all ease-in-out;
        transition: .3s all ease-in-out;
        top: -5.5rem
    }
    .pr-contact .cta {
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        z-index: 1
    }
    .pr-contact .action-button {
        background-color: transparent
    }
    .pr-contact .action-button:hover::after {
        background: 0 0
    }
    .pr-contact--open .pr-contact__details {
        right: 5.5rem
    }
    .pr-contact--open .cta {
        visibility: hidden
    }
    }
    .modal-backdrop.show {
    opacity: var(--black);
    opacity: .6
    }
    .modal.show .modal-dialog {
    max-width: calc(100% - 32px);
    margin-left: auto;
    margin-right: auto;
    pointer-events: all
    }
    .modal-header {
    border: none
    }
    .modal-content {
    max-width: 97rem;
    margin: var(--md-1) auto;
    background-color: transparent;
    border: none;
    border-radius: 0
    }
    .modal-content iframe,
    .modal-content__video {
    width: 100%;
    height: 22rem;
    background: var(--black)
    }
    .modal-content .button,
    .modal-content .cta {
    border: none;
    width: 4.8rem;
    height: 4.8rem;
    border-radius: 100px;
    background: rgba(255,255,255,.2);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    color: #fff;
    font-size: 1.2rem
    }
    .modal-content .button .icon-close,
    .modal-content .cta .icon-close {
    width: 1.2rem
    }
    .modal-content .button:hover,
    .modal-content .cta:hover {
    background: #fff;
    color: #000
    }
    .modal-content .cta:hover {
    background: #fff;
    color: #000
    }
    .modal-content .share-button {
    -webkit-writing-mode: unset;
    -ms-writing-mode: unset;
    writing-mode: unset
    }
    .modal-content .share-button .action-button {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    background: var(--theme-blue)
    }
    .modal-content .share-button .button,
    .modal-content .share-button .cta {
    color: var(--black);
    height: auto
    }
    .modal-content .share-button__social-icons {
    top: 100%;
    left: -1.2rem;
    margin-top: 1rem;
    padding-top: 0
    }
    .modal-content .share-button__social-icons ul::before {
    right: auto;
    left: 3rem;
    top: -.6rem;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
    }
    .modal-content .share-button__social-icons ul li {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
    }
    .modal-body p:last-child {
    margin-bottom: 0
    }
    @media (min-width:768px) {
    .modal.show .modal-dialog {
        max-width: 73rem
    }
    .modal-content iframe,
    .modal-content__video {
        width: 100%;
        height: 41rem
    }
    }
    @media (min-width:1200px) {
    .modal.show .modal-dialog {
        max-width: 100%
    }
    .modal-content iframe,
    .modal-content__video {
        width: 100%;
        height: 54.5rem
    }
    }
    .modal[class*=distilled-] {
    background: 0 0
    }
    .distilled-blue .modal-content__body,
    .distilled-brown .modal-content__body,
    .distilled-green .modal-content__body,
    .distilled-orange .modal-content__body,
    .distilled-purple .modal-content__body,
    .distilled-red .modal-content__body {
    background: var(--gradient);
    color: var(--white)
    }
    .distilled-blue .modal-content .share-button,
    .distilled-brown .modal-content .share-button,
    .distilled-green .modal-content .share-button,
    .distilled-orange .modal-content .share-button,
    .distilled-purple .modal-content .share-button,
    .distilled-red .modal-content .share-button {
    -webkit-writing-mode: unset;
    -ms-writing-mode: unset;
    writing-mode: unset
    }
    .distilled-blue .modal-content .share-button .action-button,
    .distilled-brown .modal-content .share-button .action-button,
    .distilled-green .modal-content .share-button .action-button,
    .distilled-orange .modal-content .share-button .action-button,
    .distilled-purple .modal-content .share-button .action-button,
    .distilled-red .modal-content .share-button .action-button {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    background: var(--white);
    color: var(--dark-tone)
    }
    .distilled-blue .modal-content .share-button .action-button:hover,
    .distilled-brown .modal-content .share-button .action-button:hover,
    .distilled-green .modal-content .share-button .action-button:hover,
    .distilled-orange .modal-content .share-button .action-button:hover,
    .distilled-purple .modal-content .share-button .action-button:hover,
    .distilled-red .modal-content .share-button .action-button:hover {
    -webkit-backdrop-filter: blur(1.2rem);
    backdrop-filter: blur(1.2rem)
    }
    .distilled-blue .modal-content .share-button span.button,
    .distilled-blue .modal-content .share-button span.cta,
    .distilled-brown .modal-content .share-button span.button,
    .distilled-brown .modal-content .share-button span.cta,
    .distilled-green .modal-content .share-button span.button,
    .distilled-green .modal-content .share-button span.cta,
    .distilled-orange .modal-content .share-button span.button,
    .distilled-orange .modal-content .share-button span.cta,
    .distilled-purple .modal-content .share-button span.button,
    .distilled-purple .modal-content .share-button span.cta,
    .distilled-red .modal-content .share-button span.button,
    .distilled-red .modal-content .share-button span.cta {
    background: 0 0
    }
    .distilled-blue .modal-content .share-button:hover,
    .distilled-brown .modal-content .share-button:hover,
    .distilled-green .modal-content .share-button:hover,
    .distilled-orange .modal-content .share-button:hover,
    .distilled-purple .modal-content .share-button:hover,
    .distilled-red .modal-content .share-button:hover {
    background: 0 0
    }
    .distilled-blue .modal-content .share-button .button,
    .distilled-blue .modal-content .share-button .cta,
    .distilled-brown .modal-content .share-button .button,
    .distilled-brown .modal-content .share-button .cta,
    .distilled-green .modal-content .share-button .button,
    .distilled-green .modal-content .share-button .cta,
    .distilled-orange .modal-content .share-button .button,
    .distilled-orange .modal-content .share-button .cta,
    .distilled-purple .modal-content .share-button .button,
    .distilled-purple .modal-content .share-button .cta,
    .distilled-red .modal-content .share-button .button,
    .distilled-red .modal-content .share-button .cta {
    color: var(--white);
    height: auto
    }
    .distilled-blue .modal-content .share-button__social-icons ul,
    .distilled-brown .modal-content .share-button__social-icons ul,
    .distilled-green .modal-content .share-button__social-icons ul,
    .distilled-orange .modal-content .share-button__social-icons ul,
    .distilled-purple .modal-content .share-button__social-icons ul,
    .distilled-red .modal-content .share-button__social-icons ul {
    background: rgba(255,255,255,.3);
    -webkit-backdrop-filter: blur(1.2rem);
    backdrop-filter: blur(1.2rem)
    }
    .distilled-blue .modal-content .share-button__social-icons ul::before,
    .distilled-brown .modal-content .share-button__social-icons ul::before,
    .distilled-green .modal-content .share-button__social-icons ul::before,
    .distilled-orange .modal-content .share-button__social-icons ul::before,
    .distilled-purple .modal-content .share-button__social-icons ul::before,
    .distilled-red .modal-content .share-button__social-icons ul::before {
    background-image: url('/~/media/Images/D/Diageo-V2/Universal/icons/triangle-svg');
    top: -.8rem
    }
    .distilled-blue .modal-content .share-button__social-icons ul li,
    .distilled-brown .modal-content .share-button__social-icons ul li,
    .distilled-green .modal-content .share-button__social-icons ul li,
    .distilled-orange .modal-content .share-button__social-icons ul li,
    .distilled-purple .modal-content .share-button__social-icons ul li,
    .distilled-red .modal-content .share-button__social-icons ul li {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
    }
    .distilled-red .modal-content .action-button:hover {
    background: -webkit-gradient(linear,left bottom,left top,from(rgba(162,25,91,.2)),to(rgba(162,25,91,.2))),var(--white);
    background: linear-gradient(0deg,rgba(162,25,91,.2) 0,rgba(162,25,91,.2) 100%),var(--white)
    }
    .distilled-purple .modal-content .action-button:hover {
    background: -webkit-gradient(linear,left bottom,left top,from(rgba(89,43,199,.2)),to(rgba(89,43,199,.2))),var(--white);
    background: linear-gradient(0deg,rgba(89,43,199,.2) 0,rgba(89,43,199,.2) 100%),var(--white)
    }
    .distilled-orange .modal-content .action-button:hover {
    background: -webkit-gradient(linear,left bottom,left top,from(rgba(131,42,23,.2)),to(rgba(131,42,23,.2))),var(--white);
    background: linear-gradient(0deg,rgba(131,42,23,.2) 0,rgba(131,42,23,.2) 100%),var(--white)
    }
    .distilled-blue .modal-content .action-button:hover {
    background: -webkit-gradient(linear,left bottom,left top,from(rgba(47,52,171,.2)),to(rgba(47,52,171,.2))),var(--white);
    background: linear-gradient(0deg,rgba(47,52,171,.2) 0,rgba(47,52,171,.2) 100%),var(--white)
    }
    .distilled-green .modal-content .action-button:hover {
    background: 0deg,rgba(0,81,81,.2) 0,rgba(0,81,81,.2) 100%,var(--white)
    }
    .distilled-brown .modal-content .action-button:hover {
    background: -webkit-gradient(linear,left bottom,left top,from(rgba(52,61,0,.2)),to(rgba(52,61,0,.2))),var(--white);
    background: linear-gradient(0deg,rgba(52,61,0,.2) 0,rgba(52,61,0,.2) 100%),var(--white)
    }
    .story-text-disclaimer {
    border-top: 1px solid var(--black)
    }
    .swiper-navigation--full-width {
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
    }
    .swiper-navigation .swiper-button-disabled {
    background-color: rgba(0,0,0,.1);
    color: rgba(0,0,0,.4)
    }
    @media (min-width:768px) {
    .swiper-navigation__counter {
        display: none
    }
    }
    .rwd-table thead td {
    padding: var(--sm-3);
    font-family: var(--font-urw-semibold);
    font-weight: 600;
    background: var(--white)
    }
    .rwd-table thead td:not(:first-child) {
    width: 15%
    }
    .rwd-table table {
    table-layout: auto
    }
    .rwd-table .rt-table {
    text-align: left!important;
    width: 55%
    }
    .rwd-table .rt-table a {
    text-decoration: underline!important;
    color: #000
    }
    .rwd-table .rt-table a:hover {
    color: var(--white);
    background-color: var(--black)
    }
    .rwd-table tbody {
    border-top: 1px var(--black) solid;
    border-bottom: 1px var(--black) solid
    }
    .rwd-table tbody tr:nth-child(even) {
    background: var(--theme-color)
    }
    .rwd-table tbody tr:nth-child(odd) {
    background: var(--white)
    }
    .rwd-table tbody td {
    padding: var(--sm-3)
    }
    .rwd-table tbody td a {
    text-decoration: none;
    color: var(--black)
    }
    .rwd-table tbody td a:hover {
    background-color: transparent
    }
    .rwd-table.result-table thead td {
    width: 110px;
    text-align: center
    }
    .rwd-table.result-table thead td:nth-child(1) {
    width: 120px;
    text-align: left
    }
    .rwd-table.result-table thead td:nth-child(2) {
    width: 240px;
    text-align: left
    }
    .rwd-table.result-table tbody td {
    text-align: center
    }
    .rwd-table.result-table tbody td:nth-child(1) {
    text-align: left
    }
    .rwd-table.result-table tbody td:nth-child(2) {
    text-align: left
    }
    .rwd-table.table-style-1 thead td {
    width: auto;
    text-align: left
    }
    .rwd-table.table-style-1 thead td:nth-child(1) {
    width: 60px;
    text-align: left
    }
    .rwd-table.table-style-1 tbody td {
    text-align: left
    }
    .rwd-table.table-style-2 thead td {
    width: auto;
    text-align: left
    }
    .rwd-table.table-style-2 tbody td {
    text-align: left
    }
    @media (min-width:768px) {
    .rwd-table.result-table {
        overflow-x: auto
    }
    }
    @media (max-width:767.98px) {
    .rwd-table thead {
        display: none
    }
    .rwd-table tbody {
        border: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: var(--sm-2)
    }
    .rwd-table tbody tr {
        width: 100%
    }
    .rwd-table tbody tr:nth-child(even) {
        background: 0 0
    }
    .rwd-table tbody td {
        display: block
    }
    .rwd-table tbody td:first-child {
        border-bottom: 1px var(--black) solid
    }
    .rwd-table tbody td:last-child {
        border-bottom: 1px var(--black) solid
    }
    .rwd-table tbody td:nth-child(even) {
        background: var(--theme-color)
    }
    .rwd-table tbody td:not(:first-child) {
        text-align: left
    }
    .rwd-table tbody td:not(:first-child)::before {
        content: attr(data-th) ": ";
        font-weight: 700;
        width: 50%;
        display: inline-block;
        padding-right: 15px
    }
    }
    .scroll-table thead td {
    padding: var(--sm-3);
    font-family: var(--font-urw-semibold);
    font-weight: 600;
    background: var(--white)
    }
    .scroll-table tbody {
    border-top: 1px var(--black) solid;
    border-bottom: 1px var(--black) solid
    }
    .scroll-table tbody tr:nth-child(even) {
    background: var(--theme-color)
    }
    .scroll-table tbody tr:nth-child(odd) {
    background: var(--white)
    }
    .scroll-table tbody td {
    padding: var(--sm-3)
    }
    .scroll-table tbody td a {
    text-decoration: none;
    color: var(--black)
    }
    .scroll-table tbody td a:hover {
    background-color: transparent
    }
    .job-card {
    position: relative;
    z-index: 1
    }
    .job-card::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    background: rgba(255,255,255,.75);
    -webkit-backdrop-filter: blur(17px);
    backdrop-filter: blur(17px)
    }
    .job-card__link {
    background: var(--white);
    border-radius: 50px
    }
    .job-card__link::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
    }
    .job-card:hover {
    background: #fff
    }
    .job-card:hover .job-card__link {
    background: var(--black);
    color: var(--white)
    }
    .job-card:hover::after {
    opacity: 1
    }
    .page-nav {
    display: none
    }
    @media (min-width:768px) {
    .page-nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: sticky;
        top: 0;
        z-index: 1;
        background: var(--black)
    }
    .page-nav__text {
        line-height: 1.8rem
    }
    .page-nav__link {
        line-height: 128.571%
    }
    .page-nav__ul .active {
        font-weight: 600;
        position: relative
    }
    .page-nav__ul .active::after {
        content: "";
        position: absolute;
        height: 2px;
        width: 100%;
        background: var(--white);
        bottom: 0;
        left: 0
    }
    }
    .event-cards__content {
    min-height: 277px
    }
    .press-releaseCard__image {
    max-width: 100%;
    max-height: -webkit-fit-content;
    max-height: -moz-fit-content;
    max-height: fit-content
    }
    .press-releaseCard__tag {
    width: .1rem;
    height: 1.4rem;
    background: rgba(0,0,0,.5)
    }
    .press-releaseCard__link {
    text-decoration: none
    }
    .press-releaseCard__link:hover {
    text-decoration: underline;
    background-color: transparent;
    color: var(--black)
    }
    @media (min-width:576px) {
    .press-releaseCard__image {
        max-width: 25.3rem;
        height: 18.8rem;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
    }
    .pagination__list ul {
    list-style: none
    }
    .pagination__list-item {
    margin-right: var(--sm-3)
    }
    .pagination__list-item:first-child {
    margin-right: var(--sm-2)
    }
    .pagination__list-item:last-child {
    margin-left: var(--sm-2);
    margin-right: 0
    }
    .pagination__list-item:nth-last-child(2) {
    margin-right: 0
    }
    .pagination__list-item .action-button {
    background: var(--white)
    }
    .pagination__list-item .action-button:hover {
    background-color: var(--black);
    color: var(--white)
    }
    .pagination__list-item .action-button[disabled] {
    pointer-events: none;
    background-color: rgba(0,0,0,.1);
    color: rgba(0,0,0,.4)
    }
    .pagination__list-item .action-button[disabled]:hover {
    background-color: rgba(0,0,0,.1);
    color: rgba(0,0,0,.4)
    }
    .pagination__number {
    background: 0 0;
    border: 0;
    font-style: var(--body-sm-fs);
    line-height: var(--body-lh);
    color: rgba(0,0,0,.6);
    -webkit-padding-end: 9px;
    padding-inline-end: 9px;
    -webkit-padding-start: 9px;
    padding-inline-start: 9px
    }
    .pagination__number.active {
    color: var(--black);
    font-weight: 700;
    text-decoration: underline
    }
    .tabs__wrapper {
    background: #f3efe7
    }
    .tabs__content {
    display: none;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    opacity: 0
    }
    .tabs__content.active {
    display: block;
    opacity: 1
    }
    .tabs__links {
    border: none;
    background: 0 0
    }
    .tabs__links.active {
    background: var(--black);
    color: var(--white)
    }
    .job-search-card {
    background-color: rgba(255,255,255,.6)
    }
    .job-search-filter .standard-accordion__title .action-button {
    background-color: transparent
    }
    .job-search-filter .standard-accordion__title.open {
    background-color: transparent
    }
    .job-search-filter .standard-accordion__title.open .action-button {
    background-color: transparent
    }
    .job-search-filter .standard-accordion__dropdown-inner-content-content ul {
    list-style: none
    }
    .job-search-filter .standard-accordion__dropdown-inner-content-content ul li {
    border-top: 1px solid var(--black)
    }
    .job-search-filter .standard-accordion__dropdown-inner-content {
    padding: 0
    }
    .job-search-filter .standard-accordion__dropdown-content {
    background-color: transparent
    }
    .job-search-filter .standard-accordion__dropdown-content.open {
    background-color: transparent
    }
    .job-search-filter .standard-accordion__link {
    padding: var(--sm-4) 0 var(--sm-4) var(--sm-2);
    text-decoration: none
    }
    .job-search-filter .standard-accordion__link:hover {
    background-color: transparent;
    color: var(--black)
    }
    .bod-card {
    max-width: 32.1rem;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
    }
    .bod-card__content {
    min-height: 13.1rem;
    height: 100%
    }
    .bod-card__image-wrapper {
    height: 32.1rem
    }
    .bod-card__image {
    height: 32.1rem
    }
    .bod-card--clickable {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
    }
    .bod-card--clickable:hover {
    background-color: transparent
    }
    .bod-card--clickable:focus {
    outline: solid 2px var(--black);
    outline-offset: 0
    }
    .bod-card:hover {
    background-color: var(--white)
    }
    html {
    scroll-behavior: smooth
    }
    body {
    background-color: var(--white);
    color: var(--black);
    margin: 0;
    padding: 0
    }
    .container-fluid {
    max-width: 1272px;
    padding-left: 1.6rem;
    padding-right: 1.6rem
    }
    .container-fluid.nested-grid {
    max-width: 1280px
    }
    .container-fluid.full-width {
    max-width: none;
    padding: 0
    }
    .container-fluid.full-width > .row {
    margin: 0
    }
    .container-fluid.full-width > .row > .col-12 {
    padding: 0
    }
    .all-module-page__title {
    background-color: var(--black);
    color: var(--white)
    }
    @media (min-width:768px) {
    .container-fluid {
        padding-left: 4.8rem;
        padding-right: 4.8rem
    }
    .container-fluid .container-fluid {
        padding: 0
    }
    }
    @media (min-width:1400px) {
    .container-fluid {
        padding-left: calc(var(--bs-gutter-x) * .5);
        padding-right: calc(var(--bs-gutter-x) * .5)
    }
    }
    .all-module-page__title {
    background-color: var(--black);
    color: var(--white);
    position: relative;
    z-index: 1
    }
    img.lazy {
    visibility: hidden
    }
    img.lazy.loaded {
    visibility: visible
    }
    a {
    color: var(--black);
    -webkit-transition: all .25s;
    transition: all .25s
    }
    a:hover {
    background-color: var(--black);
    color: var(--white)
    }
    a:focus-visible {
    outline: dashed 2px var(--black);
    outline-offset: 1px
    }
    .invisible-only {
    visibility: hidden!important
    }
    [data-bg-singl-bubble-animation] {
    mix-blend-mode: screen;
    }
    [data-bg-singl-bubble-animation] canvas {
    height: inherit !important;
    width: inherit !important;
    pointer-events: none;
    opacity: 0.8;
    }
    [data-wave-animation] canvas {
    mix-blend-mode: screen;
    opacity: 0.8
    }
    .theme-amber,
    .theme-evp-amber {
    --theme-color: var(--theme-amber);
    --gradient-left: var(--gradient-left-amber);
    --gradient-right: var(--gradient-right-amber);
    --gradient-top-right: var(--gradient-top-right-amber);
    --gradient-mega-menu: var(--gradient-mega-menu-amber);
    --pr-banner: url("/~/media/Images/D/Diageo-V2/universal/theme/amber/pr-banner.webp");
    --stories-banner-bg: url("/~/media/Images/D/Diageo-V2/universal/theme/amber/stories-banner-bg.webp");
    --liquid-magic-bg: url("/~/media/Images/D/Diageo-V2/universal/theme/amber/liquid-magic-bg.webp");
    --press-release-carousel-bg: url("/~/media/Images/D/Diageo-V2/universal/theme/amber/press-release-carousel-bg.webp");
    --background-liquid-image: url("/~/media/Images/D/Diageo-V2/universal/theme/amber/background-liquid-image.webp");
    --three-featured-signposts-bg: url("/~/media/Images/D/Diageo-V2/universal/theme/amber/three-featured-signpost-bg.webp");
    --three-pillars-content-bg: url("/~/media/Images/D/Diageo-V2/universal/theme/amber/video-banner-bg.webp");
    --vertical-accordion-bg: url("/~/media/Images/D/Diageo-V2/universal/theme/amber/vertical-accordion-amber.webp")
    }
    .theme-evp-amber {
    --gradient-left: var(--gradient-evp-left-amber);
    --gradient-right: var(--gradient-evp-right-amber);
    --pr-banner: url("/~/media/Images/D/Diageo-V2/universal/theme/evp-amber/pr-banner.webp");
    --stories-banner-bg: url("/~/media/Images/D/Diageo-V2/universal/theme/evp-amber/stories-banner-bg.webp");
    --liquid-magic-bg: url("/~/media/Images/D/Diageo-V2/universal/theme/evp-amber/liquid-magic-bg.webp")
    }
    .theme-evp-green,
    .theme-evp-pale-green,
    .theme-green {
    --theme-color: var(--theme-green);
    --gradient-left: var(--gradient-left-green);
    --gradient-right: var(--gradient-right-green);
    --gradient-top-right: var(--gradient-top-right-green);
    --gradient-mega-menu: var(--gradient-mega-menu-green);
    --pr-banner: url("/~/media/Images/D/Diageo-V2/universal/theme/green/pr-banner.webp");
    --stories-banner-bg: url("/~/media/Images/D/Diageo-V2/universal/theme/green/stories-banner-bg.webp");
    --liquid-magic-bg: url("/~/media/Images/D/Diageo-V2/universal/theme/green/liquid-magic-bg.webp");
    --press-release-carousel-bg: url("/~/media/Images/D/Diageo-V2/universal/theme/green/press-release-carousel-bg.webp");
    --background-liquid-image: url("/~/media/Images/D/Diageo-V2/universal/theme/green/background-liquid-image.webp");
    --three-featured-signposts-bg: url("/~/media/Images/D/Diageo-V2/universal/theme/green/three-featured-signpost-bg.webp");
    --vertical-accordion-bg: url("/~/media/Images/D/Diageo-V2/universal/theme/green/vertical-accordion-green.webp")
    }
    .theme-evp-green {
    --gradient-left: var(--gradient-evp-left-green);
    --gradient-right: var(--gradient-evp-right-green);
    --pr-banner: url("/~/media/Images/D/Diageo-V2/universal/theme/evp-green/pr-banner.webp");
    --stories-banner-bg: url("/~/media/Images/D/Diageo-V2/universal/theme/evp-green/stories-banner-bg.webp");
    --liquid-magic-bg: url("/~/media/Images/D/Diageo-V2/universal/theme/evp-green/liquid-magic-bg.webp")
    }
    .theme-evp-pale-green {
    --gradient-left: var(--gradient-evp-left-pale-green);
    --gradient-right: var(--gradient-evp-right-pale-green);
    --pr-banner: url("/~/media/Images/D/Diageo-V2/universal/theme/evp-pale-green/pr-banner.webp");
    --stories-banner-bg: url("/~/media/Images/D/Diageo-V2/universal/theme/evp-pale-green/stories-banner-bg.webp");
    --liquid-magic-bg: url("/~/media/Images/D/Diageo-V2/universal/theme/evp-pale-green/liquid-magic-bg.webp")
    }
    .theme-blue,
    .theme-evp-blue {
    --theme-color: var(--theme-blue);
    --gradient-left: var(--gradient-left-blue);
    --gradient-right: var(--gradient-right-blue);
    --gradient-top-right: var(--gradient-top-right-blue);
    --gradient-mega-menu: var(--gradient-mega-menu-blue);
    --pr-banner: url("/~/media/Images/D/Diageo-V2/universal/theme/blue/pr-banner.webp");
    --stories-banner-bg: url("/~/media/Images/D/Diageo-V2/universal/theme/blue/stories-banner-bg.webp");
    --liquid-magic-bg: url("/~/media/Images/D/Diageo-V2/universal/theme/blue/liquid-magic-bg.webp");
    --press-release-carousel-bg: url("/~/media/Images/D/Diageo-V2/universal/theme/blue/press-release-carousel-bg.webp");
    --background-liquid-image: url("/~/media/Images/D/Diageo-V2/universal/theme/blue/background-liquid-image.webp");
    --three-featured-signposts-bg: url("/~/media/Images/D/Diageo-V2/universal/theme/blue/three-featured-signpost-bg.webp");
    --vertical-accordion-bg: url("/~/media/Images/D/Diageo-V2/universal/theme/blue/vertical-accordion-blue.webp")
    }
    .theme-evp-blue {
    --gradient-left: var(--gradient-evp-left-blue);
    --gradient-right: var(--gradient-evp-right-blue);
    --pr-banner: url("/~/media/Images/D/Diageo-V2/universal/theme/evp-blue/pr-banner.webp");
    --stories-banner-bg: url("/~/media/Images/D/Diageo-V2/universal/theme/evp-blue/stories-banner-bg.webp");
    --liquid-magic-bg: url("/~/media/Images/D/Diageo-V2/universal/theme/evp-blue/liquid-magic-bg.webp")
    }
    .theme-evp-purple,
    .theme-purple {
    --theme-color: var(--theme-purple);
    --gradient-left: var(--gradient-left-purple);
    --gradient-right: var(--gradient-right-purple);
    --gradient-top-right: var(--gradient-top-right-purple);
    --gradient-mega-menu: var(--gradient-mega-menu-purple);
    --pr-banner: url("/~/media/Images/D/Diageo-V2/universal/theme/purple/pr-banner.webp");
    --stories-banner-bg: url("/~/media/Images/D/Diageo-V2/universal/theme/purple/stories-banner-bg.webp");
    --liquid-magic-bg: url("/~/media/Images/D/Diageo-V2/universal/theme/purple/liquid-magic-bg.webp");
    --press-release-carousel-bg: url("/~/media/Images/D/Diageo-V2/universal/theme/purple/press-release-carousel-bg.webp");
    --background-liquid-image: url("/~/media/Images/D/Diageo-V2/universal/theme/purple/background-liquid-image.webp");
    --three-featured-signposts-bg: url("/~/media/Images/D/Diageo-V2/universal/theme/purple/three-featured-signpost-bg.webp");
    --vertical-accordion-bg: url("/~/media/Images/D/Diageo-V2/universal/theme/purple/vertical-accordion-purple.webp")
    }
    .theme-evp-purple {
    --gradient-left: var(--gradient-evp-left-purple);
    --gradient-right: var(--gradient-evp-right-purple);
    --pr-banner: url("/~/media/Images/D/Diageo-V2/universal/theme/evp-purple/pr-banner.webp");
    --stories-banner-bg: url("/~/media/Images/D/Diageo-V2/universal/theme/evp-purple/stories-banner-bg.webp");
    --liquid-magic-bg: url("/~/media/Images/D/Diageo-V2/universal/theme/evp-purple/liquid-magic-bg.webp")
    }
    .theme-brown {
    --theme-color: var(--theme-brown);
    --gradient-left: var(--gradient-left-brown);
    --gradient-right: var(--gradient-right-brown);
    --gradient-top-right: var(--gradient-top-right-brown);
    --gradient-mega-menu: var(--gradient-mega-menu-brown);
    --pr-banner: url("/~/media/Images/D/Diageo-V2/universal/theme/brown/pr-banner.webp");
    --stories-banner-bg: url("/~/media/Images/D/Diageo-V2/universal/theme/brown/stories-banner-bg.webp");
    --liquid-magic-bg: url("/~/media/Images/D/Diageo-V2/universal/theme/brown/liquid-magic-bg.webp");
    --press-release-carousel-bg: url("/~/media/Images/D/Diageo-V2/universal/theme/brown/press-release-carousel-bg.webp");
    --background-liquid-image: url("/~/media/Images/D/Diageo-V2/universal/theme/brown/background-liquid-image.webp");
    --three-featured-signposts-bg: url("/~/media/Images/D/Diageo-V2/universal/theme/brown/three-featured-signpost-bg.webp");
    --vertical-accordion-bg: url("/~/media/Images/D/Diageo-V2/universal/theme/brown/vertical-accordion-brown.webp")
    }
    .theme-evp-red,
    .theme-red {
    --theme-color: var(--theme-red);
    --gradient-left: var(--gradient-left-red);
    --gradient-right: var(--gradient-right-red);
    --gradient-top-right: var(--gradient-top-right-red);
    --gradient-mega-menu: var(--gradient-mega-menu-red);
    --press-release-carousel-bg: url("/~/media/Images/D/Diageo-V2/universal/theme/red/press-release-carousel-bg.webp");
    --stories-banner-bg: url("/~/media/Images/D/Diageo-V2/universal/theme/red/stories-banner-bg.webp");
    --liquid-magic-bg: url("/~/media/Images/D/Diageo-V2/universal/theme/red/liquid-magic-bg.webp");
    --pr-banner: url("/~/media/Images/D/Diageo-V2/universal/theme/red/pr-banner.webp");
    --background-liquid-image: url("/~/media/Images/D/Diageo-V2/universal/theme/red/background-liquid-image.webp");
    --three-featured-signposts-bg: url("/~/media/Images/D/Diageo-V2/universal/theme/red/three-featured-signpost-bg.webp");
    --vertical-accordion-bg: url("/~/media/Images/D/Diageo-V2/universal/theme/red/vertical-accordion-red.webp")
    }
    .theme-evp-red {
    --gradient-left: var(--gradient-evp-left-red);
    --gradient-right: var(--gradient-evp-right-red);
    --pr-banner: url("/~/media/Images/D/Diageo-V2/universal/theme/evp-red/pr-banner.webp");
    --stories-banner-bg: url("/~/media/Images/D/Diageo-V2/universal/theme/evp-red/stories-banner-bg.webp");
    --liquid-magic-bg: url("/~/media/Images/D/Diageo-V2/universal/theme/evp-red/liquid-magic-bg.webp")
    }
    .theme-transparent {
    --theme-color: none;
    --gradient-left: none;
    --gradient-right: none;
    --gradient-top-right: none;
    --gradient-mega-menu: none;
    --pr-banner: none;
    --stories-banner-bg: none;
    --liquid-magic-bg: none;
    --press-release-carousel-bg: none;
    --background-liquid-image: none;
    --three-featured-signposts-bg: none
    }
    .theme-yellow-uganda {
    --theme-color: var(--theme-yellow-uganda);
    --gradient-left: var(--gradient-left-yellow-uganda);
    --gradient-right: var(--gradient-right-yellow-uganda);
    --gradient-mega-menu: var(--gradient-mega-menu-yellow-uganda);
    --pr-banner: url("/~/media/Images/D/Diageo-V2/universal/theme/yellow-uganda/liquid-magic-bg.webp");
    --stories-banner-bg: url("/~/media/Images/D/Diageo-V2/universal/theme/yellow-uganda/liquid-magic-bg.webp");
    --liquid-magic-bg: url("/~/media/Images/D/Diageo-V2/universal/theme/yellow-uganda/liquid-magic-bg.webp");
    --press-release-carousel-bg: url("/~/media/Images/D/Diageo-V2/universal/theme/yellow-uganda/press-release-carousel-bg.webp");
    --background-liquid-image: url("/~/media/Images/D/Diageo-V2/universal/theme/yellow-uganda/liquid-magic-bg.webp");
    --three-featured-signposts-bg: url("/~/media/Images/D/Diageo-V2/universal/theme/yellow-uganda/three-featured-signpost-bg.webp");
    --video-stories-bg: url("/~/media/Images/D/Diageo-V2/universal/theme/yellow-uganda/video-stories-bg.webp");
    --history-timeline-bg: url("/~/media/Images/D/Diageo-V2/universal/theme/yellow-uganda/history-timeline-yellow.webp");
    }
    .theme-red-uganda {
    --theme-color: var(--theme-red-uganda);
    --gradient-left: var(--gradient-left-red-uganda);
    --gradient-right: var(--gradient-right-red-uganda);
    --gradient-mega-menu: var(--gradient-mega-menu-red-uganda);
    --pr-banner: url("/~/media/Images/D/Diageo-V2/universal/theme/red-uganda/liquid-magic-bg.webp");
    --stories-banner-bg: url("/~/media/Images/D/Diageo-V2/universal/theme/red-uganda/liquid-magic-bg.webp");
    --liquid-magic-bg: url("/~/media/Images/D/Diageo-V2/universal/theme/red-uganda/liquid-magic-bg.webp");
    --press-release-carousel-bg: url("/~/media/Images/D/Diageo-V2/universal/theme/red-uganda/press-release-carousel-bg.webp");
    --background-liquid-image: url("/~/media/Images/D/Diageo-V2/universal/theme/red-uganda/liquid-magic-bg.webp");
    --three-featured-signposts-bg: url("/~/media/Images/D/Diageo-V2/universal/theme/red-uganda/three-featured-signpost-bg.webp");
    --video-stories-bg: url("/~/media/Images/D/Diageo-V2/universal/theme/red-uganda/video-stories-bg.webp");
    --history-timeline-bg: url("/~/media/Images/D/Diageo-V2/universal/theme/red-uganda/history-timeline-red.webp");  
    }

    .uganda-breweries .three-featured-signpost .background-video--image .background-video__bg{
    background: var(--three-featured-signposts-bg);
    background-size: cover;
    background-position: center center;
    }

    .uganda-breweries .press-release-carousel .background-video--image .background-video__bg{
    background: var(--press-release-carousel-bg);
    background-size: cover;
    background-position: center center;
    }

    .uganda-breweries .image-stories .background-video--image .background-video__bg{
    background: var(--video-stories-bg);
    background-size: cover;
    background-position: center center;
    }


    @media screen and (max-width: 991px){
        #ip3-brand-explorer #brand-caraousel .swiper-slide .col-9 {
            width: 100% !important;
        }
    }


    #ip3-embracing-everyday-indulgence-baileys-approach-to-treating #module---numbered-carousel .swiper {
        padding-top: 20rem;
        padding-left: 5rem;
    }     

    @media screen and (max-width: 992px) {
        #ip3-embracing-everyday-indulgence-baileys-approach-to-treating .full-width-banner .full-width-banner__inner-content {
            top: 10px;
            bottom: auto;
            position: relative;
        }
    }