@font-face {
    font-family: jlr_emeric_semibold;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/jlremeric-semibold-webfont.eot),url(../fonts/jlremeric-semibold-webfont.woff2) format("woff2"),url(../fonts/jlremeric-semibold-webfont.woff) format("woff"),url(../fonts/jlremeric-semibold-webfont.ttf) format("truetype")
}

@font-face {
    font-family: JLREmeric-Regular;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/JLREmeric-Regular.ttf) format("truetype")
}

@font-face {
    font-family: jlr_emeric_extralight;
    font-style: normal;
    font-weight: lightest;
    src: url(../fonts/jlremeric-extralight-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/jlremeric-extralight-webfont.woff2) format("woff2"),url(../fonts/jlremeric-extralight-webfont.woff) format("woff"),url(../fonts/jlremeric-extralight-webfont.ttf) format("truetype"),url(../fonts/jlremeric-extralight-webfont.svg#jlr_emeric_extralight) format("svg")
}

@font-face {
    font-family: jlr-icons;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/jlr-icons.ttf) format("truetype")
}

.fixed-position {
    position: fixed
}

.font-light {
    font-family: jlr_emeric_extralight,sans-serif
}

.full-width {
    width: 100%
}

.skip-link {
    padding: 12px
}

.skip-link:focus {
    outline-offset: -12px
}

* {
    margin: 0
}

*,body {
    padding: 0
}

body {
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: grayscale;
    -webkit-tap-highlight-color: rgba(151,149,149,.2);
    -webkit-font-smoothing: antialiased;
    color: #202020;
    overflow: auto
}

body,h1,h2,h3,h4 {
    font-family: JLREmeric-Regular,sans-serif
}

ol,p,ul {
    font-family: jlr_emeric_extralight,sans-serif;
    font-size: 16px;
    line-height: 1.5
}

li {
    padding-bottom: 15px
}

form {
    width: 100%
}

.page-not-found .footer,.page-not-found .header {
    display: none
}

.back404 {
    background-image: url(/themes/custom/jlr_corporate/images/helmet.jpg);
    background-position: 50%;
    background-size: cover;
    bottom: 0;
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    justify-content: center;
    left: 0;
    position: fixed!important;
    right: 0;
    top: 0
}

.panel {
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
    font-family: jlr_emeric_semibold,sans-serif;
    margin-bottom: 15px;
    text-transform: uppercase
}

.panel-body {
    padding: 15px
}

.panel-body h1 {
    font-weight: 700
}

.panel-body .btn-solid {
    background: #9e9fa3;
    color: #fff!important;
    padding: 6px
}

.panel-body .btn-solid:hover {
    background: #000
}

.panel-heading {
    border-color: #ddd;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    color: #333
}

.panel-footer,.panel-heading {
    background-color: #f5f5f5;
    padding: 10px 15px
}

.panel-footer {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top: 1px solid #ddd
}

.col-md-offset-4 {
    margin-left: 33.33333333%
}

.col-md-4 {
    width: 33.33333333%
}

.logo-404 {
    height: 56px
}

.accordion {
    color: #202020;
    flex: 1 1 auto
}

.accordion__item {
    position: relative
}

.accordion__item:not(:first-of-type) .accordion__title {
    padding-top: 23px
}

.accordion__item:not(:last-of-type):after {
    background-color: #aab5c3;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%
}

.accordion__title {
    align-items: center;
    cursor: pointer;
    display: flex;
    font-family: jlr_emeric_extralight,sans-serif;
    font-size: 18px;
    padding-bottom: 23px;
    text-transform: uppercase
}

.accordion__title-arrow {
    background-image: url(../images/icons/cta-arrow-down.svg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 19px;
    margin-left: auto;
    width: 19px
}

.accordion__title.active .accordion__title-arrow {
    background-image: url(../images/icons/cta-arrow-up.svg)
}

.accordion__description {
    font-family: jlr_emeric_extralight,sans-serif;
    font-size: 16px;
    line-height: 1.5;
    opacity: 0;
    padding-bottom: 32px
}

.btn {
    align-items: center;
    border: none;
    border-radius: 0;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    outline: none;
    text-decoration: none;
    text-transform: uppercase;
    transition: all .25s linear;
    transition: all .15s ease-out
}

.btn:active,.btn:hover,.btn:visited {
    font-weight: inherit
}

.btn:focus {
    font-weight: 700
}

.btn--primary {
    border: 1px solid;
    font-family: JLREmeric-Regular,sans-serif;
    max-width: -moz-fit-content;
    max-width: fit-content;
    padding: 16px 33px
}

.btn--primary:active,.btn--primary:focus,.btn--primary:hover {
    background-color: #000;
    color: #fff
}

.btn--primary:active i,.btn--primary:focus i,.btn--primary:hover i {
    filter: invert(1)
}

.btn--primary-light:active,.btn--primary-light:focus,.btn--primary-light:hover {
    background-color: #fff;
    color: #202020
}

.btn--primary-light:active i,.btn--primary-light:focus i,.btn--primary-light:hover i {
    filter: invert(1)
}

.btn--primary-alt i {
    transition: all .15s ease-out
}

.btn--primary-alt:active,.btn--primary-alt:focus,.btn--primary-alt:hover {
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
    background-color: rgba(0,0,0,.1)
}

.btn--primary-alt:active i,.btn--primary-alt:focus i,.btn--primary-alt:hover i {
    transform: translateX(13px)
}

.btn--secondary {
    font-family: JLREmeric-Regular,sans-serif;
    font-size: 16px;
    width: -moz-fit-content;
    width: fit-content
}

.btn--secondary i {
    transition: all .15s ease-out
}

.btn--secondary:active i,.btn--secondary:focus i,.btn--secondary:hover i {
    transform: translateX(13px)
}

.btn--secondary-underlined {
    border-bottom: 1px solid;
    color: #1e1e1e;
    text-transform: none
}

.btn--secondary-underlined:active,.btn--secondary-underlined:focus,.btn--secondary-underlined:hover {
    color: #000
}

.btn--secondary-underlined:active i,.btn--secondary-underlined:focus i,.btn--secondary-underlined:hover i {
    filter: none
}

.btn--tertiary {
    border: 1px solid #202020;
    color: #202020;
    font-family: JLREmeric-Regular,sans-serif;
    letter-spacing: 2.6px;
    line-height: 1;
    padding: 15px 12.5px;
    width: -moz-fit-content;
    width: fit-content
}

.btn--tertiary:active,.btn--tertiary:focus,.btn--tertiary:hover {
    background-color: #202020;
    color: #fff
}

.btn--tertiary:active i,.btn--tertiary:active span,.btn--tertiary:focus i,.btn--tertiary:focus span,.btn--tertiary:hover i,.btn--tertiary:hover span {
    transform: translateX(-18px)
}

.btn--social {
    padding: 0 8px
}

.btn--social:active,.btn--social:focus,.btn--social:hover {
    background-color: rgba(0,0,0,.2)
}

.btn--news {
    font-family: jlr_emeric_semibold,sans-serif;
    font-size: 18px;
    margin-bottom: 20px;
    width: -moz-fit-content;
    width: fit-content
}

.btn--news i {
    transition: all .15s ease-out
}

.btn--news:active i,.btn--news:focus i,.btn--news:hover i {
    transform: translateX(13px)
}

.btn--margintop {
    margin: 24px 0 4px
}

.btn--marginauto {
    margin: 24px auto
}

.btn--font-16 {
    font-size: 16px
}

.btn--narrow {
    line-height: 1
}

.btn__icon {
    background-image: url(../images/icons/chevron-black.svg);
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    height: auto;
    height: 18px;
    margin-left: 8px;
    transition: all .15s ease-out;
    width: 18px
}

.btn__icon--small {
    height: 11px;
    width: 10px
}

@media screen and (min-width: 1024px) {
    .btn__icon--small {
        height:12px;
        margin-bottom: 3px
    }
}

.btn__icon--marginright {
    margin-right: 15px
}

.btn__icon--light {
    background-image: url(../images/icons/chevron-right-white.svg)
}

.btn__icon--dark {
    background-image: url(../images/icons/chevron-black.svg)
}

.btn__icon--play {
    background-image: url(../images/icons/play.svg);
    margin-left: 0
}

.btn__icon--close {
    background-image: url(../images/icons/close.svg)
}

.btn__icon--close-black {
    background-image: url(../images/icons/close-black.svg);
    margin: 0
}

.btn__icon--social {
    background-position: 50%;
    margin: 0
}

.btn__icon--twitter {
    background-image: url(../images/icons/x.svg)
}

.btn__icon--news-right {
    background-image: url(../images/icons/long-arrow-right.svg);
    background-position: 50%;
    margin-left: 16px
}

.btn__icon--news-left {
    background-image: url(../images/icons/long-arrow-left.svg);
    background-position: 50%;
    margin-right: 16px
}

.btn--glass {
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
    font-family: jlr_emeric_extralight,sans-serif;
    font-size: 24px;
    justify-content: space-between;
    margin-bottom: 15px;
    min-width: 100%
}

.btn--glass i {
    transition: all .15s ease-out
}

.btn--glass:active,.btn--glass:focus,.btn--glass:hover {
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
    background-color: rgba(0,0,0,.1)
}

.btn--glass:active i,.btn--glass:focus i,.btn--glass:hover i {
    transform: translateX(13px)
}

.btn:disabled {
    cursor: not-allowed!important;
    opacity: .7;
    pointer-events: none
}

.card {
    width: 100%
}

@media screen and (min-width: 768px) {
    .card--align-right {
        margin-left:auto
    }

    .card--align-left {
        margin-right: auto
    }

    .card--4-col {
        flex: 0 0 48%;
        padding: 0
    }
}

@media screen and (min-width: 1024px) {
    .card--4-col {
        flex:1 0 0
    }
}

.card__item {
    flex: 1 0 0
}

.card__item--centered {
    align-items: center;
    justify-content: space-between;
    text-align: center
}

@media screen and (min-width: 768px) {
    .card__maxwidth {
        max-width:725px
    }

    .card__maxwidth--glass {
        max-width: 605px
    }
}

.card__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%
}

.card__content--glass {
    padding: 45px 20px
}

@media screen and (min-width: 768px) {
    .card__content--glass {
        padding:54px 20px
    }
}

@media screen and (min-width: 1024px) {
    .card__content--glass {
        padding:54px 60px
    }
}

.card__content--padded {
    padding: 18px
}

@media screen and (min-width: 768px) {
    .card__content--padded {
        padding:0 40px 60px 0
    }
}

@media screen and (min-width: 1024px) {
    .card__content--padded {
        padding:0 120px 0 0
    }
}

@media screen and (min-width: 1450px) {
    .card__content--padded {
        padding:0
    }
}

.card__content--padded-bottom {
    padding-bottom: 20px
}

.card__content-v-align {
    margin: auto 0
}

.card__img-wrap--1-1 {
    padding-top: 100%
}

.card__img-wrap--1-1,.card__img-wrap--3-2 {
    overflow: hidden;
    position: relative;
    width: 100%
}

.card__img-wrap--3-2 {
    padding-top: 66.6666666667%
}

.card__img-wrap--3-4 {
    padding-top: 133.3333333333%
}

.card__img-wrap--16-9,.card__img-wrap--3-4 {
    overflow: hidden;
    position: relative;
    width: 100%
}

.card__img-wrap--16-9 {
    padding-top: 56.25%
}

.card__img-wrap--30-19 {
    overflow: hidden;
    padding-top: 63.3333333333%;
    position: relative;
    width: 100%
}

.card__img-wrap--39-61 {
    overflow: hidden;
    padding-top: 156.4102564103%;
    position: relative;
    width: 100%
}

.card__img-wrap--63-50 {
    overflow: hidden;
    padding-top: 79.3650793651%;
    position: relative;
    width: 100%
}

.card__img-wrap--125-151 {
    overflow: hidden;
    padding-top: 120.8%;
    position: relative;
    width: 100%
}

.card__img-wrap--215-158 {
    overflow: hidden;
    padding-top: 73.488372093%;
    position: relative;
    width: 100%
}

.card__img-wrap--222-310 {
    overflow: hidden;
    padding-top: 139.6396396396%;
    position: relative;
    width: 100%
}

.card__img-wrap--550-353 {
    overflow: hidden;
    padding-top: 64.1818181818%;
    position: relative;
    width: 100%
}

.card__img {
    display: block;
    height: auto;
    max-width: 100%;
    width: 100%
}

.card__img--forced-aspect {
    height: 100%;
    inset: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute
}

.card__img--mobile {
    display: block
}

@media screen and (min-width: 768px) {
    .card__img--mobile {
        display:none
    }
}

.card__video-wrap--16-9 {
    overflow: hidden;
    padding-top: 56.25%;
    position: relative;
    width: 100%
}

.card__video {
    height: 100%;
    inset: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute
}

.card__video iframe {
    height: 100%;
    width: 100%
}

.card__video--play,.card__video--play-large {
    height: 31px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 38px;
    z-index: 1
}

.card__video--play-large:active i,.card__video--play-large:hover i,.card__video--play:active i,.card__video--play:hover i {
    transform: scale(1.3)
}

.card__video--play i,.card__video--play-large i {
    height: 31px;
    margin: 0;
    width: 38px
}

@media screen and (min-width: 768px) {
    .card__video--play-large,.card__video--play-large i {
        height:49px;
        width: 49px
    }
}

.card__header {
    font-size: 24px;
    margin-bottom: 16px;
    padding-top: 10px;
    text-transform: uppercase
}

@media screen and (min-width: 1024px) {
    .card__header {
        font-size:32px;
        margin-bottom: 26px;
        padding-top: 0
    }
}

@media screen and (min-width: 768px) {
    .card__header--news {
        margin-bottom:60px
    }
}

.card__header--leading-tight {
    line-height: 1.1
}

@media screen and (min-width: 768px) {
    .card__header--pr-32 {
        padding-right:32px
    }
}

.card__subheader {
    margin-bottom: 8px;
    padding-top: 24px
}

@media screen and (min-width: 768px) {
    .card__subheader {
        font-size:18px
    }
}

.card__text--subtitle {
    font-family: JLREmeric-Regular,sans-serif;
    font-size: 18px;
    line-height: 1;
    padding-bottom: 16px
}

.card__text--large {
    font-family: jlr_emeric_extralight,sans-serif;
    font-size: 16px;
    line-height: 1
}

@media screen and (min-width: 1024px) {
    .card__text--large {
        font-size:24px
    }
}

.card__stat {
    font-size: 40px;
    padding-bottom: 16px;
    text-transform: uppercase
}

.card__foreground-img {
    display: flex;
    height: 100%;
    position: relative;
    width: 100%;
    z-index: 1
}

.card--my-40 {
    margin: 32px 0
}

@media screen and (min-width: 768px) {
    .card--my-40 {
        margin:40px 0
    }
}

.carousel {
    overflow-x: hidden;
    z-index: 1
}

.carousel__btn--primary {
    border-radius: 50%;
    height: 40px;
    width: 40px
}

.carousel__btn--primary:not(:last-of-type) {
    margin-right: 4px
}

.carousel__btn--primary:focus {
    outline: none
}

.carousel__btn--primary:focus-visible {
    box-shadow: 0 0 0 3px #06c;
    outline: none
}

.carousel__btn--secondary {
    padding: 10px;
    transition: all .15s linear
}

.carousel__btn--secondary:hover {
    background-color: rgba(0,0,0,.14)
}

.carousel__btn--secondary:focus {
    outline: none
}

.carousel__btn--secondary:focus-visible {
    box-shadow: 0 0 0 3px #06c;
    outline: none
}

.carousel__btn--secondary img {
    max-width: -moz-fit-content;
    max-width: fit-content
}

.carousel__buttons {
    display: flex
}

.carousel-1 {
    width: 100%
}

.carousel-1__header {
    color: #202020;
    padding-bottom: 40px
}

@media screen and (min-width: 768px) {
    .carousel-1__header {
        align-items:center;
        display: flex;
        justify-content: space-between;
        padding-bottom: 60px
    }
}

.carousel-1__header-title {
    font-family: jlr_emeric_extralight,sans-serif;
    font-size: 18px;
    padding-bottom: 40px;
    text-transform: uppercase
}

@media screen and (min-width: 768px) {
    .carousel-1__header-title {
        font-size:24px;
        padding-bottom: 0
    }
}

.carousel-1__slides {
    display: flex;
    flex-direction: column-reverse;
    overflow-x: hidden
}

@media screen and (min-width: 768px) {
    .carousel-1__slides {
        flex-direction:row
    }
}

.carousel-1__item {
    display: block;
    height: 294px;
    margin-right: 16px;
    text-decoration: none;
    width: 315px
}

.carousel-1__item-image {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 231px;
    width: 315px
}

.carousel-1__item-description {
    background-color: #fff;
    color: #202020;
    font-size: 18px;
    line-height: 1.44;
    padding: 18px 8px 18px 24px
}

.carousel-1__buttons {
    padding: 40px 0 5px 5px
}

@media screen and (min-width: 768px) {
    .carousel-1__buttons {
        margin:0 24px 0 150px;
        padding-top: 5px
    }
}

.carousel-2 {
    width: 100%
}

.carousel-2__header {
    align-items: center;
    color: #202020;
    display: flex;
    padding-bottom: 25px
}

.carousel-2__header-title {
    font-family: JLREmeric-Regular,sans-serif;
    font-size: 18px;
    padding-right: 20px;
    text-transform: uppercase
}

@media screen and (min-width: 768px) {
    .carousel-2__header-title {
        font-size:24px
    }
}

.carousel-2__slides {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    overflow-x: hidden
}

.carousel-2__description {
    box-sizing: border-box;
    color: #3b3b3b;
    font-family: jlr_emeric_extralight,sans-serif;
    font-size: 16px;
    order: 1;
    padding-bottom: 40px
}

@media screen and (min-width: 768px) {
    .carousel-2__description {
        padding-bottom:74px;
        width: 50%
    }
}

.carousel-2__slider {
    box-sizing: border-box;
    order: 2
}

@media screen and (min-width: 768px) {
    .carousel-2__slider {
        order:3
    }
}

.carousel-2__buttons {
    box-sizing: border-box;
    order: 3;
    padding: 24px 0 2px
}

@media screen and (min-width: 768px) {
    .carousel-2__buttons {
        display:flex;
        justify-content: flex-end;
        order: 2;
        padding: 0 0 74px;
        width: 50%
    }
}

.carousel-2__item {
    display: block;
    height: 310px;
    margin-right: 16px;
    position: relative;
    width: 222px
}

@media screen and (min-width: 768px) {
    .carousel-2__item {
        margin-right:35px
    }
}

.carousel-2__item-image {
    background-color: #fff;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 310px;
    width: 222px
}

.carousel-2__item-overlay {
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
    background-color: rgba(0,0,0,.1);
    bottom: 0;
    color: #202020;
    font-size: 18px;
    left: 0;
    line-height: 1.44;
    min-height: 92px;
    padding: 12px 17px 23px 19px;
    position: absolute;
    width: 100%;
    z-index: 1
}

.carousel-2__item-description {
    color: #fff;
    font-size: 16px;
    padding-bottom: 17px;
    text-transform: uppercase
}

.carousel-2__item-download {
    color: #fff;
    display: flex;
    font-size: 14px;
    justify-content: space-between
}

.carousel-2__item-icon {
    height: 18px;
    width: 18px
}

@media screen and (max-width: 768px) {
    .carousel-2__item--mobile .carousel-2__item-overlay {
        min-height:0;
        padding: 12px 14px
    }

    .carousel-2__item--mobile .carousel-2__item-description {
        padding-bottom: 8px;
        text-align: center
    }
}

.carousel-3 {
    height: 80vh;
    overflow: hidden;
    position: relative
}

@media screen and (min-width: 768px) {
    .carousel-3 {
        height:56.25vw
    }
}

.carousel-3__item {
    width: 100%
}

.carousel-3__item-wrapper {
    background-color: rgba(0,0,0,.3);
    color: #fff;
    left: 50%;
    max-width: 877px;
    padding: 48px 50px;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: calc(100% - 32px);
    z-index: 2
}

@media screen and (min-width: 768px) {
    .carousel-3__item-wrapper {
        padding:55px 104px 47px
    }
}

.carousel-3__item-image {
    background-color: #aab5c3;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 80vh;
    margin: 0 auto;
    overflow: hidden;
    width: auto
}

@media screen and (min-width: 768px) {
    .carousel-3__item-image {
        height:56.25vw;
        width: 100%
    }
}

.carousel-3__item-title {
    font-family: JLREmeric-Regular,sans-serif;
    font-size: 24px;
    margin: 0 auto 24px;
    max-width: 422px;
    text-align: center;
    text-transform: uppercase
}

@media screen and (min-width: 768px) {
    .carousel-3__item-title {
        font-size:32px;
        margin: 0 auto 32px
    }
}

.carousel-3__item-title--nomargin {
    margin: 0 auto
}

.carousel-3__item-description {
    font-family: jlr_emeric_extralight,sans-serif;
    font-size: 18px;
    line-height: 1.44
}

.carousel-3__buttons {
    display: flex;
    justify-content: space-between;
    left: 0;
    margin: 0 auto;
    max-width: 1450px;
    padding: 0 16px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2
}

@media screen and (min-width: 1200px) {
    .carousel-3__buttons {
        padding:0 72px
    }
}

.carousel-3__dots {
    bottom: 0;
    display: flex;
    gap: 16px;
    justify-content: center;
    left: 50%;
    margin-bottom: 40px;
    position: absolute;
    transform: translateX(-50%);
    z-index: 2
}

.carousel-3__dots li {
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 50%;
    cursor: pointer;
    height: 12px;
    padding: 0;
    width: 12px
}

.carousel-3__dots li:hover {
    background-color: #fff
}

.carousel-3__dots li button {
    visibility: hidden
}

.carousel-3__dots li.slick-active {
    background-color: #fff
}

@media screen and (min-width: 1024px) {
    .carousel-3__dots {
        margin-bottom:60px
    }
}

[class*=" font-icon__"],[class^=font-icon__] {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: inherit;
    display: inline-block;
    flex-shrink: 0;
    font: normal normal normal 1em/1 jlr-icons,sans-serif;
    font-size: 18px;
    line-height: 1;
    max-width: none
}

.font-icon__envelope:before {
    content: ""
}

.font-icon__facebook:before {
    content: ""
}

.font-icon__hyperlink:before {
    content: ""
}

.font-icon__linkedin:before {
    content: "î„‚"
}

.footer {
    background-color: #646e77;
    padding: 48px 16px
}

@media screen and (min-width: 480px) {
    .footer {
        padding:48px
    }
}

.footer__col {
    align-items: center
}

.footer__col,.footer__list {
    display: flex;
    flex-direction: column
}

.footer__list {
    list-style: none;
    margin: 0;
    padding: 30px 0 0;
    text-align: center
}

@media screen and (min-width: 480px) {
    .footer__list {
        flex-direction:row;
        flex-wrap: wrap;
        justify-content: center
    }
}

.footer__item {
    text-wrap: nowrap;
    padding: 0 0 24px
}

@media screen and (min-width: 480px) {
    .footer__item {
        padding:10px 24px
    }
}

.footer__link {
    background: transparent;
    border: none
}

.footer__link:hover {
    background: transparent;
    color: #000;
    text-decoration: underline
}

.footer__link,.footer__text {
    color: #fff;
    font-family: jlr_emeric_extralight,sans-serif;
    font-size: 16px;
    line-height: 1.6;
    text-align: center;
    text-decoration: none
}

.footer__line {
    border: .5px solid #878787;
    margin: 0 auto;
    width: 80%
}

@media screen and (min-width: 480px) {
    .footer__line {
        margin:15px auto
    }
}

.footer__social {
    align-items: center;
    display: flex
}

.footer__icon,.footer__logo {
    transition: all .3s ease-in-out
}

.footer__icon:hover,.footer__logo:hover {
    background: transparent
}

.footer__icon .footer__img:hover,.footer__logo .footer__img:hover {
    filter: invert(1)
}

.footer__logo {
    display: flex;
    margin: 30px;
    width: 56px
}

.footer__icon {
    display: flex;
    height: 24px;
    margin: 10px 10px 20px;
    width: 24px
}

.footer__img {
    height: auto;
    width: 100%
}

.form label {
    margin-bottom: 8px
}

.form input[type=number]::-webkit-inner-spin-button,.form input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.form input[type=number] {
    -moz-appearance: textfield
}

.form input[type=email],.form input[type=number],.form input[type=password],.form input[type=text],.form textarea {
    border: 1px solid transparent;
    padding: 11px 16px;
    transition: border .3s ease-out
}

.form input[type=email]:focus,.form input[type=number]:focus,.form input[type=password]:focus,.form input[type=text]:focus,.form textarea:focus {
    border: 1px solid #1e1e1e;
    outline: none
}

.form input[type=email]::-moz-placeholder,.form input[type=number]::-moz-placeholder,.form input[type=password]::-moz-placeholder,.form input[type=text]::-moz-placeholder,.form textarea::-moz-placeholder {
    color: rgba(30,30,30,.39);
    font-family: jlr_emeric_extralight,sans-serif
}

.form input[type=email]::placeholder,.form input[type=number]::placeholder,.form input[type=password]::placeholder,.form input[type=text]::placeholder,.form textarea::placeholder {
    color: rgba(30,30,30,.39);
    font-family: jlr_emeric_extralight,sans-serif
}

.form input[type=checkbox] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: #fff;
    border: 1px solid #1e1e1e;
    cursor: pointer;
    height: 23px;
    outline: none;
    position: relative;
    vertical-align: middle;
    width: 23px
}

.form input[type=checkbox]:after {
    content: "";
    inset: 3px;
    position: absolute;
    transition: all .1s ease-out
}

.form input[type=checkbox]:checked:after {
    background-color: #1e1e1e
}

.form input[type=checkbox].checkbox--small {
    height: 16px;
    width: 16px
}

.form input[type=checkbox].checkbox--small:after {
    inset: 2px
}

.form textarea {
    height: 200px;
    resize: none
}

.form__group {
    display: flex;
    flex-direction: column
}

.form__group--row {
    align-items: center;
    flex-direction: row;
    gap: 16px
}

.form__group--row label {
    cursor: pointer;
    font-family: jlr_emeric_extralight,sans-serif;
    margin-bottom: 0
}

.form__group--row label.label--regular {
    font-family: JLREmeric-Regular,sans-serif
}

.form__error {
    color: red;
    font-family: jlr_emeric_extralight,sans-serif;
    font-size: 14px;
    margin-top: 8px
}

.form__input--error {
    border: 1px solid red!important
}

.glass-effect {
    background-size: 0
}

.glass-effect:before {
    background-image: inherit;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    opacity: .7;
    width: 100%
}

.glass-effect:after,.glass-effect:before {
    content: "";
    inset: 0;
    position: absolute;
    z-index: -1
}

.glass-effect:after {
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px)
}

.hero {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    width: auto
}

.hero:after {
    background-color: rgba(32,32,32,.3);
    content: "";
    height: 100%;
    left: 0;
    mix-blend-mode: multiply;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0
}

.hero.hero__filter-disabled:after {
    display: none
}

.hero--light {
    color: #fff
}

.hero--light .hero__description,.hero--light .hero__formatted-subtitle,.hero--light .hero__formatted-title,.hero--light .hero__title {
    text-shadow: 0 2px 8px rgba(0,0,0,.5)
}

.hero--dark {
    color: #202020
}

.hero--dark .hero__description,.hero--dark .hero__formatted-subtitle,.hero--dark .hero__formatted-title,.hero--dark .hero__title {
    text-shadow: 0 2px 8px hsla(0,0%,100%,.5)
}

.hero--image {
    background-position: 50%;
    min-height: 667px
}

@media screen and (min-width: 768px) {
    .hero--image {
        min-height:0;
        position: relative;
        width: 100%
    }

    .hero--image:before {
        content: "";
        display: block;
        padding-top: 42.25%
    }
}

.hero__overlay {
    background-color: rgba(32,32,32,.3);
    inset: 0;
    mix-blend-mode: multiply;
    position: absolute;
    z-index: 0
}

.hero__wrapper {
    margin: 16px;
    max-width: 784px;
    position: absolute;
    text-align: center;
    z-index: 2
}

.hero__wrapper-raised {
    top: 20%
}

.hero__wrapper-oneline {
    max-width: 100%
}

.hero__title {
    font-size: 24px;
    line-height: 1.2;
    margin-bottom: 24px;
    text-transform: uppercase
}

@media screen and (min-width: 768px) {
    .hero__title {
        margin-bottom:32px
    }
}

.hero__formatted-title {
    font-family: jlr_emeric_extralight,sans-serif;
    font-size: 56px;
    line-height: 1.2;
    margin-bottom: 12px;
    text-transform: uppercase
}

.hero__formatted-title strong {
    font-family: jlr_emeric_semibold,sans-serif
}

@media screen and (min-width: 480px) {
    .hero__formatted-title {
        font-size:64px
    }
}

@media screen and (min-width: 768px) {
    .hero__formatted-title {
        margin-bottom:16px
    }
}

@media screen and (min-width: 1024px) {
    .hero__formatted-title {
        font-size:72px
    }
}

.hero__formatted-subtitle {
    font-family: JLREmeric-Regular,sans-serif;
    font-size: 16px;
    line-height: 1.2;
    margin-bottom: 12px
}

@media screen and (min-width: 480px) {
    .hero__formatted-subtitle {
        font-size:24px
    }
}

@media screen and (min-width: 768px) {
    .hero__formatted-subtitle {
        margin-bottom:16px
    }
}

@media screen and (min-width: 1024px) {
    .hero__formatted-subtitle {
        font-size:37px
    }
}

.hero__description {
    font-family: JLREmeric-Regular,sans-serif;
    font-size: 16px;
    line-height: 1.2;
    margin-bottom: 24px
}

@media screen and (min-width: 768px) {
    .hero__description {
        font-size:24px;
        margin-bottom: 32px
    }
}

.hero__button {
    bottom: 40px;
    left: 50%;
    padding: 5px;
    position: absolute;
    transform: translateX(-50%);
    z-index: 2
}

@media screen and (min-width: 768px) {
    .hero__button {
        bottom:53px;
        left: unset;
        padding: 10px;
        right: 103px;
        transform: translateX(0)
    }
}

.hero__button:hover {
    background-color: rgba(0,0,0,.3)
}

.hero__video {
    background-color: #202020;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
    pointer-events: none;
    position: relative;
    width: 100%
}

.hero__video iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.hero__fade-in-effect {
    animation: fade-in 1s ease-in-out forwards;
    opacity: 0;
    transform: translateY(100%);
    transition: opacity .7s ease-in-out,transform .7s ease-in-out
}

@keyframes fade-in {
    0% {
        opacity: 0;
        transform: translateY(100%)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.modal {
    align-items: center;
    background-color: rgba(32,32,32,.9);
    display: none;
    inset: 0;
    justify-content: center;
    overflow: hidden;
    position: fixed;
    z-index: 101
}

.modal__close:active i,.modal__close:hover i,.modal__video-close:active i,.modal__video-close:hover i {
    transform: scale(1.3)
}

.modal__wrapper {
    max-width: 1450px;
    width: 100%
}

.modal__video {
    background-color: #000;
    margin: 0 auto;
    max-width: 80%;
    position: relative
}

.modal__video-content {
    overflow: hidden;
    padding-top: 56.25%;
    position: relative;
    width: 100%
}

.modal__video-content iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.modal__video-close {
    left: 100%;
    position: absolute;
    top: -24px
}

.modal__profile {
    display: flex;
    justify-content: center;
    margin: auto;
    width: 50%
}

.modal__profile-wrapper {
    background-color: #fff;
    margin: 0 24px;
    max-width: 766px;
    padding: 60px;
    position: relative;
    width: 100%
}

.modal__profile-close {
    align-items: center;
    display: flex;
    height: 30px;
    justify-content: center;
    position: absolute;
    right: 4px;
    top: 4px;
    width: 30px
}

@media screen and (min-width: 768px) {
    .modal__profile-close {
        right:12px;
        top: 12px
    }
}

.modal__profile-close:hover {
    background-color: rgba(0,0,0,.14)
}

.modal__profile-content {
    display: flex;
    flex-direction: column;
    width: 100%
}

@media screen and (min-width: 768px) {
    .modal__profile-content {
        flex-direction:row
    }
}

.modal__profile-image {
    background-color: #ebede9;
    flex-shrink: 0;
    height: 168px;
    margin: 0 auto 32px;
    width: 168px
}

.modal__profile-image img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

@media screen and (min-width: 768px) {
    .modal__profile-image {
        margin-right:24px
    }
}

.modal__profile-title {
    font-size: 24px;
    line-height: 1.1;
    margin-bottom: 16px
}

.modal__profile-description {
    line-height: 1.625;
    max-height: 300px;
    overflow-y: auto
}

.modal__profile-description p:not(:last-child) {
    margin-bottom: 32px
}

.modal__subscribe-close {
    border: 0;
    position: absolute;
    right: 30px
}

.modal--show,.nav-2024 {
    display: flex
}

.nav-2024 {
    align-items: center;
    background: #fff;
    height: 72px;
    justify-content: space-between;
    margin: -75px auto 0;
    position: fixed;
    transition: opacity .5s ease;
    width: 100vw;
    z-index: 100
}

.nav-2024--hidden {
    opacity: 0;
    pointer-events: none
}

@media screen and (min-height: 480px)and (min-width:850px) {
    .nav-2024 {
        height:75px;
        justify-content: center
    }
}

.nav-2024--mobile-open {
    width: 100%;
    z-index: 11
}

.nav-2024--mobile-open .nav-2024__toggle-line-1 {
    max-width: 20px;
    transform: translateY(205%) rotate(45deg)
}

.nav-2024--mobile-open .nav-2024__toggle-line-2 {
    opacity: 0
}

.nav-2024--mobile-open .nav-2024__toggle-line-3 {
    max-width: 20px;
    transform: translateY(-305%) rotate(-45deg)
}

.nav-2024__toggle {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 50px;
    justify-content: center;
    left: 0;
    margin-left: 16px;
    position: relative;
    width: 50px
}

@media screen and (min-height: 480px)and (min-width:480px) {
    .nav-2024__toggle {
        margin-left:36px
    }
}

@media screen and (min-height: 480px)and (min-width:850px) {
    .nav-2024__toggle {
        display:none
    }
}

.nav-2024__toggle-line {
    background-color: #202020;
    height: 3px;
    left: 0;
    max-width: 20px;
    position: absolute;
    transition: all .3s ease;
    width: 100%
}

.nav-2024__toggle-line-1 {
    top: 32%
}

.nav-2024__toggle-line-2 {
    top: 50%;
    transform: translateY(-50%)
}

.nav-2024__toggle-line-3 {
    bottom: 32%
}

.nav-2024__mobile-wrap {
    background: #fff;
    display: none;
    flex-direction: column;
    max-height: calc(100dvh - 72px);
    min-height: calc(100dvh - 72px);
    overflow-y: auto;
    padding: 16px 24px;
    position: absolute;
    top: 72px;
    width: 100dvw;
    z-index: 10
}

.nav-2024__mobile-item {
    color: #1e1e1e;
    position: relative
}

.nav-2024__mobile-item a:hover,.nav-2024__mobile-item:hover {
    background-color: inherit;
    color: #202020
}

.nav-2024__mobile-item:not(:last-of-type):after {
    background-color: hsla(208,9%,43%,.3);
    bottom: 0;
    content: "";
    height: 1px;
    left: -24px;
    position: absolute;
    right: -24px
}

.nav-2024__mobile-item:not(:first-of-type) .nav-2024__mobile-item-title {
    padding-top: 16px
}

.nav-2024__mobile-item-title {
    align-items: center;
    display: flex;
    font-family: JLREmeric-Regular,sans-serif;
    font-size: 16px;
    padding-bottom: 16px;
    text-decoration: none
}

.nav-2024__mobile-item-title.active {
    background-color: inherit
}

.nav-2024__mobile-item-title.active .nav-2024__mobile-item-icon {
    background-image: url(../images/icons/minus.svg);
    height: 2px
}

.nav-2024__mobile-item-icon {
    background-image: url(../images/icons/plus.svg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 13px;
    margin-left: auto;
    width: 13px
}

.nav-2024__mobile-item-body {
    display: flex;
    flex-direction: column;
    font-family: jlr_emeric_extralight,sans-serif;
    font-size: 16px;
    padding-left: 16px;
    text-decoration: none
}

.nav-2024__item-wrap {
    align-items: center;
    display: none;
    height: 100%;
    justify-content: flex-start
}

@media screen and (min-height: 480px)and (min-width:850px) {
    .nav-2024__item-wrap {
        display:flex;
        flex: 1 0 35%
    }

    .nav-2024__item-wrap--left {
        flex: 1 0 45%;
        justify-content: flex-end
    }
}

.nav-2024__item {
    align-items: center;
    color: #1e1e1e;
    cursor: pointer;
    display: flex;
    font-family: jlr_emeric_extralight,sans-serif;
    font-size: 16px;
    height: 100%;
    padding: 0 16px;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition: all .15s linear
}

.nav-2024__item:after {
    background-color: #646e77;
    bottom: 1px;
    content: "";
    height: 0;
    left: 16px;
    position: absolute;
    right: 16px;
    transition: height .15s ease-in-out
}

@media screen and (min-width: 1024px) {
    .nav-2024__item {
        font-size:16px
    }
}

.nav-2024__item.active,.nav-2024__item:active,.nav-2024__item:hover {
    background-color: transparent;
    color: #202020;
    font-weight: 300
}

.nav-2024__item.active:after,.nav-2024__item:active:after,.nav-2024__item:hover:after {
    height: 4px
}

.nav-2024__item-arrow {
    background-image: url(../images/icons/cta-arrow-down.svg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 6px;
    margin: 3px 0 0 4px;
    width: 12px
}

.nav-2024__dropdown {
    background-color: transparent;
    bottom: 0;
    display: none;
    height: -moz-fit-content;
    height: fit-content;
    opacity: 0;
    position: absolute;
    top: 100%
}

.nav-2024__dropdown-background {
    background-color: #fff;
    height: calc(100% + 5px);
    left: -2000px;
    position: absolute;
    width: 1000vw
}

.nav-2024__dropdown-wrap {
    background-color: transparent;
    margin-top: 5px;
    padding: 8px 18px;
    width: 300px
}

.nav-2024__dropdown-item {
    color: #1e1e1e;
    position: relative
}

.nav-2024__dropdown-item a:hover,.nav-2024__dropdown-item:focus,.nav-2024__dropdown-item:hover {
    color: #202020
}

.nav-2024__dropdown-item:not(:last-of-type) {
    margin-bottom: 8px;
    padding-bottom: 8px
}

.nav-2024__dropdown-item:not(:last-of-type):after {
    background-color: hsla(208,9%,43%,.3);
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    right: 0
}

.nav-2024__dropdown-item--first {
    display: block;
    font-family: JLREmeric-Regular,sans-serif;
    font-size: 16px;
    text-decoration: none
}

.nav-2024__dropdown-item--second {
    display: block;
    font-family: jlr_emeric_extralight,sans-serif;
    font-size: 16px;
    line-height: 1.1;
    margin-top: 8px;
    text-decoration: none
}

.nav-2024__dropdown-item--second:first-of-type {
    margin-top: 16px
}

.nav-2024__dropdown-item--second:last-of-type {
    margin-bottom: 16px
}

.nav-2024__dropdown-item--first,.nav-2024__dropdown-item--second {
    color: #1e1e1e
}

.nav-2024__dropdown-item--first a:hover,.nav-2024__dropdown-item--first:hover,.nav-2024__dropdown-item--second a:hover,.nav-2024__dropdown-item--second:hover {
    color: #202020
}

.nav-2024__logo {
    cursor: pointer;
    inset: 0;
    margin: 0 auto;
    padding: 14px;
    position: absolute;
    transition: all .15s linear;
    width: 80px
}

.nav-2024__logo.active,.nav-2024__logo:active,.nav-2024__logo:hover {
    background-color: transparent;
    color: #202020;
    filter: contrast(.4)
}

@media screen and (min-height: 480px)and (min-width:850px) {
    .nav-2024__logo {
        align-items:center;
        display: flex;
        flex: 1 0 10%;
        justify-content: center;
        padding: 10px;
        position: relative
    }
}

.nav-2024__logo img {
    height: 44px;
    max-height: 100%;
    max-width: none;
    width: auto
}

.nav-2024__seals {
    align-items: center;
    display: flex;
    height: 100%;
    padding: 8px
}

.nav-2024__seals img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: auto
}

@media screen and (min-height: 480px)and (min-width:850px) {
    .nav-2024__seals {
        flex:1 0 10%;
        padding: 8px
    }

    .nav-2024__seals img {
        height: 100%;
        max-height: 100%;
        max-width: none;
        width: auto
    }
}

.nav-2024-trigger {
    height: 58px;
    pointer-events: none;
    position: fixed;
    top: 58px;
    width: 100%
}

.drp-preview-buttons {
    display: flex;
    gap: 1.5em;
    justify-content: center;
    padding-top: 40px;
    text-align: center
}

.drp-preview-buttons h2 {
    font-size: 22px
}

.drp-preview-buttons .btn {
    border: 2px solid #000;
    padding: .5em
}

.drp-preview-buttons .btn.btn-solid,.drp-preview-buttons .btn:hover {
    background: #000;
    color: #fff
}

.drp-preview-buttons .btn.btn-solid:hover {
    background: #fff;
    color: #000
}

.tabs {
    margin-bottom: 32px
}

@media screen and (min-width: 768px) {
    .tabs {
        margin-bottom:48px
    }
}

.tabs__main {
    display: flex;
    flex-wrap: wrap;
    gap: 32px;
    margin-bottom: 32px
}

.tabs__main-item {
    font-family: jlr_emeric_extralight,sans-serif;
    font-size: 24px;
    position: relative;
    text-transform: uppercase
}

.tabs__main-item:not(:last-child):before {
    background-color: #b1bed0;
    bottom: 4px;
    content: "";
    position: absolute;
    right: -16px;
    top: 8px;
    width: 1px
}

.tabs__main-item.active:after,.tabs__main-item:hover:after {
    background-color: #b1bed0;
    bottom: -6px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%
}

.tabs__main-item.active {
    font-family: JLREmeric-Regular,sans-serif
}

.tabs__subtabs {
    display: none;
    flex-wrap: wrap;
    gap: 24px
}

.tabs__subtabs.active {
    display: flex
}

.tabs__subtabs-item {
    font-family: jlr_emeric_extralight,sans-serif;
    font-size: 18px;
    text-transform: uppercase
}

.tabs__subtabs-item.active,.tabs__subtabs-item:hover {
    position: relative
}

.tabs__subtabs-item.active:after,.tabs__subtabs-item:hover:after {
    background-color: #b1bed0;
    bottom: -6px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%
}

.toast {
    display: none;
    left: 50%;
    position: fixed;
    top: 50%;
    transform: translate(-50%,-100%);
    z-index: 11
}

.toast--show {
    display: block
}

.toast__content {
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
    background-color: hsla(84,13%,92%,.3);
    box-shadow: 0 0 10px rgba(0,0,0,.2);
    opacity: 0;
    padding: 32px;
    text-transform: uppercase;
    transform: translateY(-50px);
    transition: opacity .3s ease,transform .3s ease
}

.toast__content--fadeIn {
    opacity: 1;
    transform: translateY(0)
}

.toast__content--fadeOut {
    opacity: 0;
    transform: translateY(50px)
}

@media(prefers-reduced-motion) {
    .toast__content {
        opacity: 1;
        transform: none
    }
}

.fade-in-up {
    opacity: 0
}

@media(prefers-reduced-motion) {
    .fade-in-up {
        opacity: 1!important;
        transform: none!important
    }
}

.fade-in {
    opacity: 0
}

@media(prefers-reduced-motion) {
    .fade-in {
        opacity: 1!important;
        transform: none!important
    }
}

.fade-in-up-timeline {
    opacity: 0
}

@media(prefers-reduced-motion) {
    .fade-in-up-timeline {
        opacity: 1!important;
        transform: none!important
    }
}

.fade-in-timeline {
    opacity: 0
}

@media(prefers-reduced-motion) {
    .fade-in-timeline {
        opacity: 1!important;
        transform: none!important
    }
}

.tab-item-animate {
    opacity: 0
}

@media(prefers-reduced-motion) {
    .tab-item-animate {
        opacity: 1!important;
        transform: none!important
    }
}

.stagger-in-child {
    opacity: 0
}

@media(prefers-reduced-motion) {
    .stagger-in-child {
        opacity: 1!important;
        transform: none!important
    }
}

.background {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.background--white {
    background-color: #fff
}

.background--black {
    background-color: #000
}

.background--muted-grey {
    background-color: #e7e5df
}

.background--sage-green {
    background-color: #9aa99e
}

.background--light-moss-green {
    background-color: #96c990
}

.background--beige {
    background-color: #eceee9
}

.background--lightblue {
    background-color: rgba(148,166,179,.15)
}

.background--grey {
    background-color: #ebede9
}

.background--gradient-1 {
    background: linear-gradient(180deg,#96a8b3,#d9d9d6)
}

.background--gradient-2 {
    background: #e7e4d9;
    background: linear-gradient(23deg,#efe6cd,#b7cfd9)
}

@media screen and (min-width: 768px) {
    .background--16-9 {
        position:relative;
        width: 100%
    }

    .background--16-9:before {
        content: "";
        display: block;
        padding-top: 56.25%
    }
}

.background--glass {
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
    inset: 0;
    position: absolute
}

.background--relative {
    position: relative
}

.background__overlay {
    position: relative;
    z-index: 1
}

.background__overlay:after {
    background: rgba(0,0,0,.21);
    content: "";
    height: 100%;
    inset: 0 auto 0 auto;
    pointer-events: none;
    position: absolute;
    width: 100%;
    z-index: -1
}

.background__fullwhite {
    flex-direction: row;
    position: relative;
    z-index: 1
}

.background__fullwhite:after {
    background-color: #fff;
    content: "";
    height: 100%;
    left: -18px;
    position: absolute;
    top: 0;
    width: calc(100% + 36px);
    z-index: -1
}

@media screen and (min-width: 768px) {
    .background__fullwhite:after {
        left:-60px;
        width: calc(100% + 60px)
    }
}

.block {
    align-items: center;
    display: flex;
    justify-content: center
}

.block--light {
    color: #fff
}

.block--light .btn:active i,.block--light .btn:hover i,.block--light i {
    filter: invert(1)
}

.block--align-start {
    align-items: flex-start
}

.block--align-right {
    justify-content: flex-end
}

.block--align-left {
    justify-content: flex-start
}

.block__wrapper {
    max-width: 1450px;
    padding: 60px 18px
}

@media screen and (min-width: 768px) {
    .block__wrapper {
        padding:60px
    }

    .block__wrapper--90 {
        padding: 90px 60px
    }
}

.block__wrapper--top-bottom {
    padding: 30px 0
}

@media screen and (min-width: 768px) {
    .block__wrapper--top-bottom {
        padding:60px 0
    }
}

.block__wrapper--nopad {
    height: 100%;
    padding: 0
}

.block__wrapper--news {
    padding: 32px 0;
    width: 100%
}

@media screen and (min-width: 768px) {
    .block__wrapper--news {
        padding:60px 0 0
    }
}

.block__wrapper--pad-desktop {
    padding: 30px 0
}

@media screen and (min-width: 768px) {
    .block__wrapper--pad-desktop {
        padding:60px 0
    }
}

@media screen and (min-width: 1450px) {
    .block__wrapper--pad-desktop {
        padding:60px
    }
}

.block__wrapper--large {
    max-width: 1920px
}

.block__section {
    flex: 0 0 50%
}

@media screen and (min-width: 768px) {
    .block__section--left {
        padding-right:24px
    }
}

@media screen and (min-width: 1024px) {
    .block__section--left {
        padding-right:32px
    }
}

@media screen and (min-width: 1200px) {
    .block__section--left {
        padding-right:56px
    }
}

@media screen and (min-width: 1990px) {
    .block__section--left {
        padding-right:72px
    }
}

.block__flex {
    flex: 1 0 0
}

.block__flex--space-around {
    justify-content: space-around
}

@media screen and (min-width: 768px) {
    .block__flex--end {
        justify-content:flex-end
    }
}

.block__col {
    display: flex;
    flex-direction: column;
    width: 100%
}

@media screen and (min-width: 768px) {
    .block__col--25 {
        flex:0 0 25%
    }

    .block__col--40 {
        flex: 0 0 40%
    }

    .block__col--40-shrink {
        flex: 0 40%
    }

    .block__col--45 {
        flex: 0 0 45%
    }

    .block__col--55 {
        flex: 0 0 55%
    }

    .block__col--60 {
        flex: 0 0 60%
    }
}

.block__col--vcenter {
    justify-content: center
}

.block__col--space-between {
    justify-content: space-between
}

.block__row {
    display: flex;
    flex-direction: column;
    width: 100%
}

@media screen and (min-width: 768px) {
    .block__row {
        flex-direction:row
    }
}

.block__row--heightauto {
    height: auto
}

@media screen and (min-width: 768px) {
    .block__row--absolute {
        position:absolute
    }
}

.block__row--wrap {
    flex-wrap: wrap
}

.block__row--40 {
    flex: 1 0 40%
}

.block__row--50 {
    flex: 0 0 50%
}

.block__row--60 {
    flex: 1 0 60%
}

.block__headline {
    padding: 0 0 40px
}

@media screen and (min-width: 768px) {
    .block__headline {
        align-items:center;
        justify-content: space-between;
        padding: 0 0 60px
    }
}

.block__headline--short {
    padding: 0 0 20px
}

@media screen and (min-width: 768px) {
    .block__headline--short {
        padding:0 0 32px
    }
}

.block__headline--centered {
    justify-content: center;
    margin: 0 auto;
    max-width: 800px;
    text-align: center
}

.block__header {
    font-family: JLREmeric-Regular,sans-serif;
    font-size: 18px;
    margin-bottom: 30px;
    text-transform: uppercase
}

@media screen and (min-width: 768px) {
    .block__header {
        font-size:24px;
        margin-bottom: 0
    }
}

.block__gap {
    gap: 40px
}

.block__gap--20 {
    gap: 20px
}

.block__gap--30 {
    gap: 30px
}

.block__4-col {
    gap: 40px
}

@media screen and (min-width: 768px) {
    .block__4-col {
        gap:16px
    }
}

.block__glass-container {
    display: flex;
    flex-direction: column;
    width: 100%
}

@media screen and (min-width: 768px) {
    .block__glass-container {
        flex-direction:row;
        width: 60%
    }
}

@media screen and (min-width: 1024px) {
    .block__glass-container {
        width:50%
    }
}

.block__text-button {
    align-items: center;
    justify-content: space-between;
    margin: auto;
    max-width: 800px;
    text-align: center
}

.page {
    margin-top: 75px
}

.brands {
    display: flex;
    flex-direction: column;
    width: 100%
}

@media screen and (min-width: 480px) {
    .brands {
        flex-direction:row
    }
}

.brands__item {
    flex: 1;
    position: relative
}

.brands__item-logo {
    left: 50%;
    max-width: 90%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 1
}

.contact__title {
    font-size: 24px;
    margin-bottom: 32px;
    text-align: center;
    text-transform: uppercase
}

@media screen and (min-width: 768px) {
    .contact__title {
        font-size:32px;
        margin-bottom: 40px
    }
}

.contact__phone {
    margin-bottom: 24px
}

.contact__phone span {
    margin-left: 16px
}

@media screen and (min-width: 768px) {
    .contact__phone {
        margin-bottom:28px
    }
}

.contact__block {
    display: flex;
    flex-direction: column-reverse;
    margin-bottom: 24px;
    row-gap: 32px
}

@media screen and (min-width: 1024px) {
    .contact__block {
        align-items:flex-end;
        -moz-column-gap: 64px;
        column-gap: 64px;
        flex-direction: row;
        justify-content: space-between;
        row-gap: 0
    }
}

.contact__block--left {
    width: 100%
}

.contact__block--right {
    height: 100%;
    margin: 0 auto;
    max-width: 330px;
    width: 100%
}

@media screen and (min-width: 1024px) {
    .contact__block--right {
        margin:0
    }
}

.contact__input-group {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 16px
}

@media screen and (min-width: 480px) {
    .contact__input-group {
        flex-direction:row;
        flex-wrap: wrap
    }

    .contact__input-group>div {
        flex: 0 0 calc(50% - 8px)
    }
}

.contact__terms {
    font-family: jlr_emeric_extralight,sans-serif;
    line-height: 1.5;
    margin-bottom: 16px;
    padding-right: 0
}

@media screen and (min-width: 1024px) {
    .contact__terms {
        padding-right:394px
    }
}

.contact__agreement {
    margin-bottom: 32px
}

@media screen and (min-width: 768px) {
    .hobrands {
        padding-bottom:130px
    }

    .hobrands__container {
        position: relative;
        width: 100%
    }

    .hobrands__container:before {
        content: "";
        display: block;
        padding-top: 37.09677%
    }
}

.hobrands__section {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex: 0 25%;
    flex-direction: column;
    position: relative;
    transition: all 1s ease-in-out
}

.hobrands__section:hover {
    flex: 0 0 50%
}

.hobrands__img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.hobrands__img,.hobrands__img--left {
    -o-object-position: left;
    object-position: left
}

.hobrands__img--right {
    -o-object-position: right;
    object-position: right
}

.hobrands__img--center {
    -o-object-position: center;
    object-position: center
}

.hobrands__logo {
    margin: 32px auto 0;
    max-height: 12px;
    max-width: 100%;
    position: relative
}

@media screen and (min-width: 768px) {
    .hobrands__logo {
        bottom:-36px;
        left: 0;
        margin: 0 auto;
        padding: 0 5px;
        position: absolute;
        right: 0
    }
}

.hobrands__title {
    font-family: JLREmeric-Regular,sans-serif;
    font-size: 24px;
    padding-bottom: 32px;
    text-transform: uppercase
}

@media screen and (min-width: 768px) {
    .hobrands__title {
        font-size:32px
    }
}

.hobrands__text {
    font-size: 18px
}

.hobrands__btn {
    margin: 0 auto;
    padding: 18px 0 32px
}

@media screen and (min-width: 768px) {
    .hobrands__btn {
        display:none
    }
}

.accordion-image-strip .accordion {
    padding-top: 0
}

.accordion-image-strip--with-image .accordion {
    padding-top: 23px
}

@media screen and (min-width: 768px) {
    .accordion-image-strip--with-image .accordion {
        padding-top:0
    }
}

@media screen and (max-width: calc(768px - 1px)) {
    .block__headline--short {
        padding-bottom:0
    }
}

.stats {
    min-height: calc(100vh - 72px);
    position: relative
}

@media screen and (min-width: 768px) {
    .stats {
        height:calc(100vh - 75px)
    }
}

.stats--dark {
    color: #202020
}

.stats--light {
    color: #fff
}

.stats__title {
    font-size: 24px;
    margin-bottom: 68px;
    text-align: center;
    text-transform: uppercase
}

@media(min-width: 768px) {
    .stats__title {
        font-size:32px;
        margin-bottom: 32px
    }
}

.stats__slider {
    --mask: linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);
    -webkit-mask: var(--mask);
    mask: var(--mask);
    max-width: 700px;
    overflow: hidden;
    width: 100%
}

.stats__slider-title {
    cursor: pointer;
    font-size: 16px;
    height: 36px;
    margin: 0 20px;
    text-transform: uppercase;
    transition: transform .2s linear
}

.stats__slider-title.active {
    transform: scale(1.4)
}

.stats__displayer-wrapper {
    height: 220px;
    margin: 74px auto 0;
    position: relative;
    width: 220px
}

@media(min-width: 768px) {
    .stats__displayer-wrapper {
        height:270px;
        width: 270px
    }
}

.stats__item {
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    transition: all .75s linear
}

.stats__item-content {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 220px;
    justify-content: center;
    overflow: hidden;
    width: 220px
}

@media(min-width: 768px) {
    .stats__item-content {
        height:270px;
        width: 270px
    }
}

.stats__item-description-1,.stats__item-description-2,.stats__item-value {
    text-transform: uppercase;
    white-space: nowrap
}

.stats__item-value {
    font-size: 32px
}

.stats__item-description-1 {
    font-size: 16px;
    margin-bottom: 15px
}

.stats__item-description-2 {
    font-size: 24px
}

.stats__line {
    position: absolute;
    transition: all .2s linear;
    z-index: 1
}

.stats__line,.stats__line--light {
    background: #fff
}

.stats__line--dark {
    background: #202020
}

.stats__line--left,.stats__line--right {
    height: 0;
    width: 1px
}

.stats__line--bottom,.stats__line--top {
    height: 1px;
    width: 0
}

.stats__line--top {
    left: 0;
    top: 0
}

.stats__line--top-forward {
    animation: Width .1s linear;
    animation-delay: .3s;
    animation-fill-mode: forwards
}

.stats__line--top-reverse {
    animation: Width-reverse .1s linear;
    animation-fill-mode: forwards;
    width: 100%
}

.stats__line--right {
    right: 0;
    top: 0
}

.stats__line--right-forward {
    animation: Height .1s linear;
    animation-fill-mode: forwards
}

.stats__line--right-reverse {
    animation: Height-reverse .1s linear;
    animation-delay: .3s;
    animation-fill-mode: forwards;
    height: 100%
}

.stats__line--bottom {
    bottom: 0;
    right: 0
}

.stats__line--bottom-forward {
    animation: Width .1s linear;
    animation-delay: .1s;
    animation-fill-mode: forwards
}

.stats__line--bottom-reverse {
    animation: Width-reverse .1s linear;
    animation-delay: .2s;
    animation-fill-mode: forwards;
    width: 100%
}

.stats__line--left {
    bottom: 0;
    left: 0
}

.stats__line--left-forward {
    animation: Height .1s linear;
    animation-delay: .2s;
    animation-fill-mode: forwards
}

.stats__line--left-reverse {
    animation: Height-reverse .1s linear;
    animation-delay: .1s;
    animation-fill-mode: forwards;
    height: 100%
}

.stats__line--vertical {
    bottom: 100%;
    height: 0;
    left: 50%;
    width: 1px
}

.stats__line--vertical-forward {
    animation: HeightFixed .4s ease-in;
    animation-fill-mode: forwards
}

.stats__line--vertical-reverse {
    animation: HeightFixed-reverse .4s ease-out;
    animation-fill-mode: forwards;
    height: 66px
}

.stats__video {
    height: 100%;
    inset: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    position: absolute;
    width: 100%;
    z-index: -1
}

@keyframes HeightFixed {
    0% {
        height: 0
    }

    to {
        height: 66px
    }
}

@keyframes HeightFixed-reverse {
    0% {
        height: 66px
    }

    to {
        height: 0
    }
}

@keyframes Height {
    0% {
        height: 0
    }

    to {
        height: 100%
    }
}

@keyframes Height-reverse {
    0% {
        height: 100%
    }

    to {
        height: 0
    }
}

@keyframes Width {
    0% {
        width: 0
    }

    to {
        width: 100%
    }
}

@keyframes Width-reverse {
    0% {
        width: 100%
    }

    to {
        width: 0
    }
}

.news__item {
    flex: 1 0 0;
    padding: 32px 16px;
    width: 100%
}

@media screen and (min-width: 768px) {
    .news__item {
        padding:10px 24px 10px 20px
    }
}

@media screen and (min-width: 1024px) {
    .news__item {
        padding:30px 32px 30px 20px
    }
}

@media screen and (min-width: 1200px) {
    .news__item {
        padding:35px 56px 35px 30px
    }
}

@media screen and (min-width: 1450px) {
    .news__item {
        padding:50px 72px 50px 50px
    }
}

.news__item-hover {
    background: #f4f6f2;
    border-bottom: 24px solid #ebede9;
    text-decoration: none;
    transition: all .3s ease-in-out
}

.news__item-hover:hover {
    background-color: #fff
}

@media screen and (min-width: 768px) {
    .news__item-hover {
        background:transparent;
        border-bottom: none
    }
}

.news__btn-wrap {
    padding: 32px 16px
}

@media screen and (min-width: 768px) {
    .news__btn-wrap {
        padding:5px 20px 10px
    }
}

@media screen and (min-width: 1024px) {
    .news__btn-wrap {
        padding:5px 40px 10px 20px
    }
}

@media screen and (min-width: 1200px) {
    .news__btn-wrap {
        padding:5px 60px 15px 30px
    }
}

@media screen and (min-width: 1450px) {
    .news__btn-wrap {
        padding:5px 80px 30px 50px
    }
}

.news__image-wrap {
    background-position: 50%;
    background-size: cover;
    display: none;
    overflow: hidden;
    transition: background-image .1s ease-out
}

@media screen and (min-width: 768px) {
    .news__image-wrap {
        display:flex
    }
}

.news__image-wrap--desktop {
    position: relative;
    width: 100%
}

.news__image-wrap--desktop:before {
    content: "";
    display: block;
    padding-top: 120.8%
}

.news__image-wrap--mobile {
    display: block
}

@media screen and (min-width: 768px) {
    .news__image-wrap--mobile {
        display:none
    }
}

.news__image {
    height: auto;
    width: 100%
}

.news__header {
    font-size: 24px;
    margin-bottom: 26px;
    text-transform: uppercase
}

@media screen and (min-width: 768px) {
    .news__header {
        font-size:32px;
        margin-bottom: 60px
    }
}

.news__subheader {
    font-family: JLREmeric-Regular,sans-serif;
    font-size: 16px;
    margin-bottom: 16px;
    text-transform: uppercase
}

@media screen and (min-width: 768px) {
    .news__subheader {
        margin-bottom:0
    }
}

@media screen and (min-width: 1200px) {
    .news__subheader {
        font-size:24px;
        margin-bottom: 26px
    }
}

.news__seperator-right {
    margin-bottom: 26px;
    padding-bottom: 26px;
    position: relative
}

.news__seperator-right:after {
    background-color: #202020;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%
}

@media screen and (min-width: 768px) {
    .news__seperator-right {
        margin-bottom:0;
        padding-bottom: 0
    }

    .news__seperator-right:after {
        bottom: auto;
        content: "";
        height: 100%;
        left: auto;
        right: 0;
        top: 0;
        width: 1px
    }
}

.subscribe {
    background-color: #ebede9;
    overflow-x: auto;
    padding: 10px;
    position: relative
}

@media screen and (min-width: 768px) {
    .subscribe {
        margin:0 auto;
        max-width: 50%;
        padding: 30px
    }
}

.subscribe input {
    border: 1px solid transparent;
    padding: 11px 16px;
    transition: border .3s ease-out;
    width: 100%
}

.subscribe input:focus {
    border: 1px solid #1e1e1e;
    outline: none
}

.subscribe input::-moz-placeholder {
    color: rgba(30,30,30,.39);
    font-family: jlr_emeric_extralight,sans-serif
}

.subscribe input::placeholder {
    color: rgba(30,30,30,.39);
    font-family: jlr_emeric_extralight,sans-serif
}

.subscribe input[type=checkbox] {
    border: none;
    margin: 10px 10px 10px 0;
    padding: 0
}

.subscribe input[type=checkbox]:focus {
    border: 1px solid #000
}

.subscribe label {
    margin-bottom: 0
}

.subscribe__col {
    display: flex;
    flex-direction: column;
    padding-bottom: 15px;
    width: 100%
}

.subscribe__row {
    display: flex;
    gap: 15px
}

.texts {
    z-index: 1
}

.texts--light {
    color: #fff
}

.texts--dark {
    color: #202020
}

.texts--centred {
    text-align: center
}

.texts__background {
    inset: 0;
    opacity: .7;
    position: absolute
}

.texts__background--full {
    height: 100%;
    width: 100%
}

.texts__title {
    font-size: 24px;
    line-height: 1;
    margin-bottom: 33px;
    text-align: center;
    text-transform: uppercase
}

@media screen and (min-width: 768px) {
    .texts__title {
        font-size:32px
    }
}

.texts__wrapper {
    display: flex;
    flex-direction: column
}

@media screen and (min-width: 1024px) {
    .texts__wrapper--row {
        align-items:center;
        flex-direction: row;
        gap: 90px;
        justify-content: center
    }

    .texts__wrapper--row .texts__cta {
        margin: 0
    }
}

.texts__content {
    display: flex;
    flex-direction: column
}

@media screen and (min-width: 768px) {
    .texts__content {
        flex-direction:row;
        flex-wrap: wrap;
        justify-content: space-between
    }
}

.texts__content--col-1 {
    justify-content: center
}

.texts__content--col-2 {
    row-gap: 40px
}

.texts__content--col-3 {
    row-gap: 24px
}

.texts__content--col-4 {
    row-gap: 40px
}

.texts__content--col-5,.texts__content--col-6 {
    row-gap: 16px
}

@media screen and (min-width: 768px) {
    .texts__content--col-2 {
        gap:0 56px
    }

    .texts__content--col-4 {
        gap: 46px 56px
    }

    .texts__content--col-5 {
        gap: 46px;
        justify-content: center
    }

    .texts__content--col-6 {
        gap: 46px 24px
    }

    .texts__item--col-1 {
        max-width: 654px
    }

    .texts__item--col-2 {
        flex: 0 0 calc(50% - 28px)
    }

    .texts__item--col-3 {
        flex: 0 0 30%;
        max-width: 365px
    }

    .texts__item--col-4 {
        flex: 0 0 calc(50% - 28px)
    }

    .texts__item--col-5,.texts__item--col-6 {
        flex: 0 0 31%;
        max-width: 326px
    }
}

.texts__item-title {
    font-size: 20px;
    margin-bottom: 16px
}

.texts__item-title--big {
    font-size:28px;
}

@media screen and (min-width: 768px) {
    .texts__item-title {
        font-size: 32px;
    }
    
    .texts__item-title--big {
        font-size:48px;
        text-transform: uppercase
    }
}

.texts__item-subtitle {
    font-size: 18px;
    margin-bottom: 16px
}

.texts__item-description {
    font-size: 18px;
    line-height: 1.3
}

.texts__item-description--small {
    font-size: 16px;
    line-height: 1.625
}

.texts__item-description--wrapped {
    max-width: 500px
}

.texts__cta,.texts__item-description--centred {
    margin: 0 auto
}

.texts__cta--1 {
    margin-top: 32px
}

.texts__cta--2 {
    margin-top: 40px
}

.texts__cta--3 {
    margin-top: 18px
}

.texts__cta--4 {
    margin-top: 40px
}

.texts__cta--5,.texts__cta--6 {
    margin-top: 32px
}

.texts__cta--left {
    margin-left: 0
}

@media screen and (min-width: 768px) {
    .texts__cta--left {
        margin-left:auto
    }
}

.collection,.collection-3,.collection-4,.collection-4--news-centre,.collection-5,.collection-6,.collection-7 {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    width: 100%
}

.collection-3__title,.collection-4__title,.collection-5__title,.collection__title {
    font-size: 24px;
    line-height: 1.3;
    margin-bottom: 24px;
    text-transform: uppercase
}

.collection-3__description,.collection-4__description,.collection-5__description,.collection__description {
    font-size: 16px;
    line-height: 1.625
}

.collection__item--flex {
    display: flex;
    flex-wrap: wrap
}

.collection__item-wrapper {
    display: flex;
    flex-direction: column;
    width: 100%
}

.collection__item-content {
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

.collection__item-image {
    background: #ebede9;
    margin-bottom: 18px
}

@media screen and (min-width: 768px) {
    .collection__item-image {
        margin-bottom:24px
    }
}

.collection-3__item-title,.collection-4__item-title,.collection-5__item-title,.collection-6__item-title,.collection__item-title {
    line-height: 1.3;
    text-transform: uppercase
}

.collection__item-description {
    line-height: 1.625
}

.collection__item-cta {
    margin-top: auto
}

.collection-3 {
    gap: 48px
}

@media screen and (min-width: 768px) {
    .collection-3 {
        gap:24px;
        grid-template-columns: 1fr 1fr
    }
}

.collection-3__title,.collection-4__title {
    font-size: 24px;
    margin-bottom: 24px
}

@media screen and (min-width: 768px) {
    .collection-3__title,.collection-4__title {
        font-size:32px
    }

    .collection-3__description,.collection-4__description {
        font-size: 18px
    }
}

.collection-3__item-title {
    font-size: 16px;
    margin-bottom: 8px
}

@media screen and (min-width: 768px) {
    .collection-3__item-title {
        font-size:18px
    }
}

.collection-3__item-description,.collection-4--news-centre__item-description,.collection-4__item-description {
    font-size: 18px;
    margin-bottom: 24px
}

.collection-4,.collection-4--news-centre {
    gap: 48px
}

@media screen and (min-width: 768px) {
    .collection-4,.collection-4--news-centre {
        gap:24px;
        grid-template-columns: 1fr 1fr 1fr
    }
}

.collection-4__item-title {
    font-size: 16px;
    margin: 8px 0
}

.collection-4--news-centre {
    gap: 60px
}

.collection-4--news-centre__item-description {
    font-family: jlr_emeric_extralight,sans-serif;
    font-size: 18px;
    margin-bottom: 12px
}

.collection-4--news-centre__item-description p {
    font-size: 18px
}

@media screen and (min-width: 768px) {
    .collection-4--news-centre {
        gap:80px 24px;
        grid-template-columns: 1fr 1fr
    }
}

@media screen and (min-width: 1024px) {
    .collection-4--news-centre {
        gap:120px 24px;
        grid-template-columns: 1fr 1fr 1fr
    }
}

.collection-5 {
    gap: 32px
}

@media screen and (min-width: 768px) {
    .collection-5 {
        grid-template-columns:1fr 1fr 1fr
    }
}

@media screen and (min-width: 1024px) {
    .collection-5 {
        grid-template-columns:repeat(4,1fr)
    }
}

@media screen and (min-width: 768px) {
    .collection-5--centered {
        grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
        justify-content: center
    }
}

@media screen and (min-width: 1024px) {
    .collection-5--centered {
        grid-template-columns:repeat(auto-fit,minmax(200px,300px));
        justify-content: center
    }
}

@media screen and (min-width: 1024px)and (max-width:1200px) {
    .collection-5--centered:has(.collection-5__item:nth-child(3):last-child) {
        grid-template-columns:repeat(3,1fr);
        margin: 0 auto;
        max-width: 1000px
    }
}

.collection-5--centered:has(.collection-5__item:nth-child(3):last-child) .collection-5__item:first-child {
    grid-column: span 1
}

@media screen and (min-width: 768px)and (max-width:1023px) {
    .collection-5--centered:has(.collection-5__item:nth-child(3):last-child) .collection-5__item:first-child {
        grid-column:1/-1
    }
}

.collection-5--centered:has(.collection-5__item:nth-child(2):last-child) .collection-5__item:first-child {
    grid-column: span 1
}

.collection-5--centered:has(.collection-5__item:nth-child(4)) .collection-5__item:first-child {
    grid-column: span 1
}

.collection-5__title {
    margin-bottom: 32px
}

@media screen and (min-width: 768px) {
    .collection-5__title {
        margin-bottom:24px
    }
}

.collection-5__description {
    margin-bottom: 24px
}

.collection-5__item:first-child {
    grid-column: span 1
}

@media screen and (min-width: 768px) {
    .collection-5__item:first-child {
        grid-column:span 3
    }
}

@media screen and (min-width: 1024px) {
    .collection-5__item:first-child {
        grid-column:span 1
    }
}

.collection-5__item-title {
    font-size: 18px;
    margin-bottom: 17px
}

.collection-5__item-description {
    line-height: 1.625;
    margin-bottom: 10px
}

@media screen and (min-width: 768px) {
    .collection-5__item-description {
        margin-bottom:8px
    }
}

.collection-6 {
    display: grid;
    gap: 38px 15px;
    grid-template-columns: 1fr 1fr
}

@media screen and (min-width: 768px) {
    .collection-6 {
        gap:38px 32px;
        grid-template-columns: 1fr 1fr 1fr 1fr
    }
}

.collection-6__wrapper {
    display: none
}

.collection-6__wrapper.active {
    display: block
}

.collection-6__item-title {
    font-size: 14px;
    margin-bottom: 5px
}

@media screen and (min-width: 768px) {
    .collection-6__item-title {
        margin-bottom:8px
    }
}

.collection-6__item-description {
    font-size: 16px;
    margin-bottom: 10px
}

@media screen and (min-width: 768px) {
    .collection-6__item-description {
        font-size:18px;
        margin-bottom: 14px
    }
}

.collection-7 {
    gap: 0 15px;
    grid-template-columns: 1fr 1fr
}

@media screen and (min-width: 768px) {
    .collection-7 {
        gap:8px 32px;
        grid-template-columns: 1fr 1fr 1fr
    }
}

@media screen and (min-width: 1200px) {
    .collection-7 {
        gap:8px 32px;
        grid-template-columns: 1fr 1fr 1fr 1fr
    }
}

.timeline {
    position: relative
}

@media screen and (min-width: 1024px) {
    .timeline {
        padding-left:120px
    }
}

.timeline__wrapper {
    z-index: 1
}

.timeline__date-wrap {
    align-items: center;
    display: flex;
    flex: 1 0 0
}

@media screen and (min-width: 768px) {
    .timeline__date-wrap {
        align-items:flex-start
    }
}

.timeline__date-wrap--padded {
    padding-bottom: 20px
}

.timeline__date {
    border-right: 2px solid;
    font-family: JLREmeric-Regular,sans-serif;
    font-size: 24px;
    height: 100%;
    line-height: 1;
    padding-right: 15px
}

@media screen and (min-width: 768px) {
    .timeline__date {
        font-size:32px;
        height: auto;
        padding-right: 30px
    }

    .timeline__date--tall {
        height: 115px
    }

    .timeline__content {
        padding-left: 30px
    }

    .timeline__content--padded {
        padding: 0 30px
    }
}

.timeline__title {
    padding: 0 0 40px
}

.timeline__subtitle,.timeline__title {
    font-family: JLREmeric-Regular,sans-serif;
    font-size: 18px
}

.timeline__text p {
    padding: 28px 0 0
}

@media screen and (min-width: 768px) {
    .timeline__text p {
        padding:0 24px 24px 0
    }
}

@media screen and (min-width: 1024px) {
    .timeline__text p {
        padding:0 48px 48px 0
    }
}

.timeline__glass {
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
    height: 100%;
    inset: 0;
    pointer-events: none;
    position: absolute;
    width: 100%
}

.timeline__reverse-row {
    display: flex
}

@media screen and (min-width: 768px) {
    .timeline__reverse-row {
        flex-direction:column
    }
}

.timeline__reverse-row--align-end {
    align-items: flex-end
}

.timeline__img,.timeline__img--small {
    height: auto;
    width: 100%
}

@media screen and (min-width: 1024px) {
    .timeline__img--small {
        width:166px
    }
}

.timeline__img--medium {
    height: auto;
    width: 100%
}

@media screen and (min-width: 768px) {
    .timeline__img--medium {
        width:166px
    }
}

@media screen and (min-width: 1024px) {
    .timeline__img--medium {
        width:275px
    }
}

.quote__wrapper {
    background-color: #fff;
    margin: 78px 0;
    max-width: 645px;
    padding: 56px 38px;
    text-align: center;
    width: 100%
}

@media screen and (min-width: 768px) {
    .quote__wrapper {
        padding:56px 73px
    }
}

.quote__symbol {
    font-size: 133px;
    line-height: 0;
    margin: 48px 0 24px
}

.quote__symbol,.quote__text {
    font-family: jlr_emeric_extralight,sans-serif
}

.quote__text {
    line-height: 1.3;
    margin-bottom: 24px
}

.quote__author,.quote__text {
    font-size: 18px
}

.table-search {
    border-bottom: 1px solid #b0b7bb;
    font-size: 16px;
    max-width: 200px;
    padding: 0 4px 9px 37px;
    transition: border .3s ease-out;
    width: 100%
}

.table-search:focus {
    border-bottom: 1px solid #1e1e1e;
    outline: none
}

.table-search::-moz-placeholder {
    color: rgba(30,30,30,.7);
    font-family: jlr_emeric_extralight,sans-serif
}

.table-search::placeholder {
    color: rgba(30,30,30,.7);
    font-family: jlr_emeric_extralight,sans-serif
}

.table-search--noBorder,.table-search--noBorder:focus {
    border: none
}

.table-search__wrapper {
    max-width: 200px;
    position: relative;
    width: 100%
}

.table-search__mobile-button {
    cursor: pointer;
    height: 33px;
    position: relative;
    width: 33px
}

.table-search__mobile-button svg {
    z-index: 1003
}

.table-search__mobile-menu {
    align-items: center;
    background-color: #fff;
    bottom: 0;
    display: flex;
    justify-content: space-between;
    left: -18px;
    padding: 24px 16px;
    position: absolute;
    top: -8px;
    transition: all .3s linear;
    width: 0
}

.table-search__mobile-menu.open {
    width: calc(100vw - 16px);
    z-index: 1002
}

.table-search__mobile-menu-top {
    display: flex;
    font-size: 14px;
    justify-content: space-between;
    line-height: 1;
    margin-bottom: 24px;
    padding-bottom: 24px;
    position: relative
}

.table-search__mobile-menu-top:after {
    background-color: #e5e5e5;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    right: 0
}

.table-search__mobile-menu-content {
    max-height: 90vh;
    overflow-y: auto;
    padding: 24px
}

.table-filters {
    flex-grow: 1;
    flex-shrink: 0;
    max-width: 270px;
    width: 100%
}

.table-filters__item {
    margin-bottom: 24px
}

.table-filters__item-title {
    align-items: center;
    display: flex;
    font-size: 14px;
    justify-content: space-between;
    text-transform: uppercase
}

.table-filters__item-content {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    padding-top: 0;
    transition-delay: 0s,.1s;
    transition-duration: .1s,.1s,.15s;
    transition-property: max-height,padding-top,opacity;
    transition-timing-function: linear
}

.table-filters__item-content.open {
    animation: delay-overflow .3s;
    margin-bottom: 32px;
    max-height: 9999px;
    opacity: 1;
    padding-top: 32px;
    transition-delay: .1s,0s,.2s
}

.table-filters__item-checkbox:not(:last-child) {
    margin-bottom: 16px
}

.table-filters__mobile-button {
    border: 1px solid #202020;
    font-size: 14px;
    line-height: 1;
    margin-left: 12px;
    padding: 9px 38px 7px;
    text-transform: uppercase
}

.table-filters__mobile-button svg {
    height: 13px;
    width: 13px
}

.table-filters__mobile-button--apply {
    margin: auto 0 0 auto;
    padding: 16px 68px
}

.table-filters__mobile-overlay {
    background-color: rgba(0,0,0,.5);
    inset: 0;
    opacity: 0;
    position: fixed;
    transition: all .3s linear;
    z-index: -100
}

.table-filters__mobile-overlay.open {
    opacity: 1;
    z-index: 1001
}

.table-filters__mobile-menu {
    background: #fff;
    bottom: 0;
    display: flex;
    flex-direction: column;
    left: 0;
    max-height: 90vh;
    opacity: 0;
    overflow-y: auto;
    padding: 24px;
    position: fixed;
    top: 0;
    transform: translateX(-100%);
    transition: all .3s linear;
    width: 300px;
    z-index: 1002
}

.table-filters__mobile-menu.open {
    opacity: 1;
    transform: translateX(0)
}

.table-filters__mobile-menu-top {
    display: flex;
    font-size: 14px;
    justify-content: space-between;
    line-height: 1;
    margin-bottom: 24px;
    padding-bottom: 24px;
    position: relative
}

.table-filters__mobile-menu-top:after {
    background-color: #e5e5e5;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    right: 0
}

.table-filters__mobile-menu-content {
    flex-grow: 1;
    padding: 24px
}

.table-filters__mobile-menu-button {
    background: #fff;
    bottom: 0;
    padding: 16px 68px;
    position: sticky;
    z-index: 1
}

.table-sort {
    border: 1px solid #202020;
    font-size: 14px;
    position: relative;
    text-transform: uppercase;
    width: 150px
}

.table-sort__label {
    align-items: center;
    display: flex;
    justify-content: space-between;
    line-height: 1;
    padding: 9px 11px 7px;
    width: inherit
}

.table-sort__label svg {
    height: 13px;
    width: 13px
}

.table-sort__content {
    background-color: #f2f2f2;
    display: flex;
    flex-direction: column;
    max-height: 300px;
    min-width: 150px;
    opacity: 0;
    overflow: hidden auto;
    padding: 18px 16px;
    position: absolute;
    text-align: left;
    top: calc(100% + 16px);
    visibility: hidden;
    z-index: 10
}

.table-sort__content.open {
    opacity: 1;
    transition-duration: .3s;
    transition-property: visibility,opacity;
    transition-timing-function: ease-in-out;
    visibility: visible
}

.table-sort__item {
    position: relative
}

.table-sort__item:not(:last-of-type) {
    margin-bottom: 24px
}

.table-sort__item span {
    position: relative
}

.table-sort__item:hover span:after {
    background-color: #aab5c3;
    bottom: -6px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%
}

.table-sort__item.active span:after {
    background-color: #202020;
    bottom: -6px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%
}

.toolbar li {
    padding-bottom: 0
}

*,:after,:before {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59,130,246,.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59,130,246,.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/
*,:after,:before {
    border: 0 solid #e5e7eb;
    box-sizing: border-box
}

:after,:before {
    --tw-content: ""
}

:host,html {
    -webkit-text-size-adjust: 100%;
    font-feature-settings: normal;
    -webkit-tap-highlight-color: transparent;
    font-family: ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    font-variation-settings: normal;
    line-height: 1.5;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4
}

body {
    line-height: inherit;
    margin: 0
}

hr {
    border-top-width: 1px;
    color: inherit;
    height: 0
}

abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

h1,h2,h3,h4,h5,h6 {
    font-size: inherit;
    font-weight: inherit
}

a {
    color: inherit;
    text-decoration: inherit
}

b,strong {
    font-weight: bolder
}

code,kbd,pre,samp {
    font-feature-settings: normal;
    font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
    font-size: 1em;
    font-variation-settings: normal
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

table {
    border-collapse: collapse;
    border-color: inherit;
    text-indent: 0
}

button,input,optgroup,select,textarea {
    font-feature-settings: inherit;
    color: inherit;
    font-family: inherit;
    font-size: 100%;
    font-variation-settings: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0
}

button,select {
    text-transform: none
}

button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]) {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none
}

:-moz-focusring {
    outline: auto
}

:-moz-ui-invalid {
    box-shadow: none
}

progress {
    vertical-align: baseline
}

::-webkit-inner-spin-button,::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary {
    display: list-item
}

blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre {
    margin: 0
}

fieldset {
    margin: 0
}

fieldset,legend {
    padding: 0
}

menu,ol,ul {
    list-style: none;
    margin: 0;
    padding: 0
}

dialog {
    padding: 0
}

textarea {
    resize: vertical
}

input::-moz-placeholder,textarea::-moz-placeholder {
    color: #9ca3af;
    opacity: 1
}

input::placeholder,textarea::placeholder {
    color: #9ca3af;
    opacity: 1
}

[role=button],button {
    cursor: pointer
}

:disabled {
    cursor: default
}

audio,canvas,embed,iframe,img,object,svg,video {
    display: block;
    vertical-align: middle
}

img,video {
    height: auto;
    max-width: 100%
}

[hidden]:where(:not([hidden=until-found])) {
    display: none
}

a {
    text-decoration-line: underline
}

a:hover {
    font-weight: 700
}

.tw-absolute {
    position: absolute
}

.tw-relative {
    position: relative
}

.tw-inset-0 {
    inset: 0
}

.tw-bottom-0 {
    bottom: 0
}

.tw-bottom-\[64px\] {
    bottom: 64px
}

.tw-left-\[-40px\] {
    left: -40px
}

.tw-right-\[-24px\] {
    right: -24px
}

.tw-right-\[-30px\] {
    right: -30px
}

.tw-right-\[64px\] {
    right: 64px
}

.tw-top-0 {
    top: 0
}

.tw-top-\[3px\] {
    top: 3px
}

.tw-top-\[5px\] {
    top: 5px
}

.tw-z-\[-1\] {
    z-index: -1
}

.tw-z-\[1\] {
    z-index: 1
}

.tw-z-\[2\] {
    z-index: 2
}

.tw-mx-\[2px\] {
    margin-left: 2px;
    margin-right: 2px
}

.tw-mx-auto {
    margin-left: auto;
    margin-right: auto
}

.tw-my-\[20px\] {
    margin-bottom: 20px;
    margin-top: 20px
}

.tw-mb-6 {
    margin-bottom: 1.5rem
}

.tw-mb-\[16px\] {
    margin-bottom: 16px
}

.tw-mb-\[24px\] {
    margin-bottom: 24px
}

.tw-mb-\[44px\] {
    margin-bottom: 44px
}

.tw-mb-\[56px\] {
    margin-bottom: 56px
}

.tw-mt-2 {
    margin-top: .5rem
}

.tw-mt-\[16px\] {
    margin-top: 16px
}

.tw-mt-\[80px\] {
    margin-top: 80px
}

.tw-mt-\[96px\] {
    margin-top: 96px
}

.tw-mt-auto {
    margin-top: auto
}

.tw-block {
    display: block
}

.tw-flex {
    display: flex
}

.tw-hidden {
    display: none
}

.tw-h-\[44px\] {
    height: 44px
}

.tw-h-full {
    height: 100%
}

.tw-w-\[10px\] {
    width: 10px
}

.tw-w-\[44px\] {
    width: 44px
}

.tw-w-\[70\%\] {
    width: 70%
}

.tw-w-auto {
    width: auto
}

.tw-w-full {
    width: 100%
}

.tw-min-w-40 {
    min-width: 10rem
}

.tw-max-w-\[200px\] {
    max-width: 200px
}

.tw-max-w-\[90\%\] {
    max-width: 90%
}

.tw-max-w-full {
    max-width: 100%
}

.tw-cursor-pointer {
    cursor: pointer
}

.tw-flex-row {
    flex-direction: row
}

.tw-flex-col {
    flex-direction: column
}

.tw-flex-wrap {
    flex-wrap: wrap
}

.tw-items-end {
    align-items: flex-end
}

.tw-items-center {
    align-items: center
}

.tw-justify-normal {
    justify-content: normal
}

.tw-justify-end {
    justify-content: flex-end
}

.tw-justify-center {
    justify-content: center
}

.tw-justify-between {
    justify-content: space-between
}

.tw-gap-4 {
    gap: 1rem
}

.tw-gap-6 {
    gap: 1.5rem
}

.tw-gap-\[12px\] {
    gap: 12px
}

.tw-gap-x-\[40px\] {
    -moz-column-gap: 40px;
    column-gap: 40px
}

.tw-bg-\[\#f4f4f4\] {
    --tw-bg-opacity: 1;
    background-color: rgb(244 244 244/var(--tw-bg-opacity,1))
}

.tw-bg-black-content {
    --tw-bg-opacity: 1;
    background-color: rgb(32 32 32/var(--tw-bg-opacity,1))
}

.tw-p-\[18px\] {
    padding: 18px
}

.tw-p-\[24px\] {
    padding: 24px
}

.tw-px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem
}

.tw-py-6 {
    padding-bottom: 1.5rem;
    padding-top: 1.5rem
}

.tw-pb-0 {
    padding-bottom: 0
}

.tw-pb-10 {
    padding-bottom: 2.5rem
}

.tw-pb-3 {
    padding-bottom: .75rem
}

.tw-pb-4 {
    padding-bottom: 1rem
}

.tw-pb-8 {
    padding-bottom: 2rem
}

.tw-pb-\[16px\] {
    padding-bottom: 16px
}

.tw-pl-3 {
    padding-left: .75rem
}

.tw-pl-6 {
    padding-left: 1.5rem
}

.tw-pl-\[10px\] {
    padding-left: 10px
}

.tw-pl-\[12px\] {
    padding-left: 12px
}

.tw-pr-2 {
    padding-right: .5rem
}

.tw-pr-\[12px\] {
    padding-right: 12px
}

.tw-pt-0 {
    padding-top: 0
}

.tw-pt-3 {
    padding-top: .75rem
}

.tw-pt-\[16px\] {
    padding-top: 16px
}

.tw-text-right {
    text-align: right
}

.tw-text-\[14px\] {
    font-size: 14px
}

.tw-text-\[16px\] {
    font-size: 16px
}

.tw-text-\[18px\] {
    font-size: 18px
}

.tw-text-\[24px\] {
    font-size: 24px
}

.tw-uppercase {
    text-transform: uppercase
}

.tw-text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity,1))
}

.tw-no-underline {
    text-decoration-line: none
}

.hover\:tw-bg-faded-blue:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(135 135 135/var(--tw-bg-opacity,1))
}

.hover\:tw-text-white:hover {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity,1))
}

.focus\:tw-bg-faded-blue:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(135 135 135/var(--tw-bg-opacity,1))
}

.focus\:tw-text-white:focus {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity,1))
}

@media (min-width: 590px) {
    .\32sm\:tw-block {
        display:block
    }

    .\32sm\:tw-hidden {
        display: none
    }
}

@media (min-width: 768px) {
    .md\:tw-mx-1 {
        margin-left:.25rem;
        margin-right: .25rem
    }

    .md\:tw-my-\[40px\] {
        margin-bottom: 40px;
        margin-top: 40px
    }

    .md\:tw-mb-0 {
        margin-bottom: 0
    }

    .md\:tw-mt-auto {
        margin-top: auto
    }

    .md\:tw-flex {
        display: flex
    }

    .md\:tw-hidden {
        display: none
    }

    .md\:tw-max-w-\[300px\] {
        max-width: 300px
    }

    .md\:tw-max-w-md {
        max-width: 28rem
    }

    .md\:tw-gap-4 {
        gap: 1rem
    }

    .md\:tw-gap-\[32px\] {
        gap: 32px
    }

    .md\:tw-p-0 {
        padding: 0
    }

    .md\:tw-px-0 {
        padding-left: 0;
        padding-right: 0
    }

    .md\:tw-py-9 {
        padding-bottom: 2.25rem;
        padding-top: 2.25rem
    }

    .md\:tw-pl-1 {
        padding-left: .25rem
    }

    .md\:tw-pl-\[24px\] {
        padding-left: 24px
    }

    .md\:tw-pl-\[60px\] {
        padding-left: 60px
    }

    .md\:tw-pr-1 {
        padding-right: .25rem
    }

    .md\:tw-pr-6 {
        padding-right: 1.5rem
    }

    .md\:tw-pr-\[24px\] {
        padding-right: 24px
    }

    .md\:tw-text-\[24px\] {
        font-size: 24px
    }
}

@media (min-width: 1024px) {
    .lg\:tw-my-\[60px\] {
        margin-bottom:60px;
        margin-top: 60px
    }

    .lg\:tw-block {
        display: block
    }

    .lg\:tw-hidden {
        display: none
    }
}

@media (min-width: 1200px) {
    .xl\:tw-mt-auto {
        margin-top:auto
    }

    .xl\:tw-flex {
        display: flex
    }

    .xl\:tw-hidden {
        display: none
    }

    .xl\:tw-max-w-3xl {
        max-width: 48rem
    }

    .xl\:tw-gap-14 {
        gap: 3.5rem
    }

    .xl\:tw-pr-36 {
        padding-right: 9rem
    }

    .xl\:tw-pt-14 {
        padding-top: 3.5rem
    }
}

@media (min-width: 1450px) {
    .mx-content\:tw-max-w-\[669px\] {
        max-width:669px
    }
}

@media (min-width: 1990px) {
    .\32xl\:tw-max-w-\[500px\] {
        max-width:500px
    }
}