#page_container_inner,
#content_container,
#content {
    width: 100%;
    height: 100%;
}

*{
    scroll-behavior: smooth !important;
}

.cro-template {
    gap: 0;
    margin-bottom: 0;
}

#content_container {
    background-color: var(--White-Luxury-White, #FFF);
}

.nav_pathway {
    width: 960px;
    margin: auto;
    padding: 4px 0;
}

section.odd {
    background: var(--White-Luxury-White, #FFF);
}

section.even {
    background: var(--Background-Grey, #F8F9FB);
}

.inner-content {
    width: 960px;
    margin: auto;
    padding: 40px 0;
}

.cro-template.inner-content {
    flex-direction: row;
}

.right-container {
    width: 307px;
}

.left-container {
    width: 633px;
}

p {
    margin: 0;
}

.block {
    display: block;
}

.flex {
    display: flex;
}

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

.flex-1 {
    flex: 1 0 0;
}

.w-1\/3 {
    width: 33.333333%;
}

.w-2\/3 {
    width: 66.666667%;
}

.w-1\/2 {
    width: 50%;
}

.w-80 {
    width: 80%;
}

.w-85 {
    width: 85%;
}

.w-full {
    width: 100%;
}

.font-12 {
    font-size: 12px;
}

.font-13 {
    font-size: 13px;
}

.font-14 {
    font-size: 14px;
}

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

.font-20 {
    font-size: 20px;
}

.font-22 {
    font-size: 22px;
}

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

.font-28 {
    font-size: 28px;
}

.font-48 {
    font-size: 48px;
}

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

.hidden {
    display: none;
}

.grid {
    display: grid;
}

.mb-10 {
    margin-bottom: 10px;
}

.mb-10 {
    margin-bottom: 20px;
}

.mb-40 {
    margin-bottom: 40px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-40 {
    margin-top: 20px;
}

.gap-5 {
    gap: 5px;
}

.gap-10 {
    gap: 10px;
}

.gap-20 {
    gap: 20px;
}

.gap-30 {
    gap: 30px;
}

.gap-40 {
    gap: 40px;
}

.text-white {
    color: white;
}

.right-15 {
    right: 15px;
}

.text-light-grey {
    color: var(--gunmetal-gunmetal-20, #D2D2D4);
}

.text-black {
    color: black !important;
}

.text-gunmetal-light {
    color: var(--gunmetal-gunmetal-20, #D2D2D4);
}

.text-gunmetal-20 {
    color: var(--gunmetal-gunmetal-80, #4B4E53);
}

.text-gunmetal-70 {
    color: var(--gunmetal-gunmetal-70, #66696E);
}

.text-gunmetal-80 {
    color: var(--gunmetal-gunmetal-80, #4B4E53) !important;
}

.border-gunmetal {
    border-right: 1px solid var(--gunmetal-gunmetal-10, #E8E9EA);
}

.text-gunmetal {
    color: var(--Gunmetal-Gunmetal, #252A31);
}

.text-gunmetal-index {
    color: var(--Gunmetal-Gunmetal, #252A31);
}

.text-green {
    color: var(--Green-Racing-Green, #388550);
}

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

.text-center {
    text-align: center;
}

.no-scroll {
    overflow: hidden;
}

.m-0 {
    margin: 0;
}

.mr-15 {
    margin-right: 15px;
}

.my-20 {
    margin-top: 20px;
    margin-bottom: 20px;
}

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

.bg-map {
    background-color: #edeff1;
}

.bg-grey {
    background: var(--Background-Grey, #F8F9FB);
}

.bg-white {
    background: var(--White-Luxury-White, #FFF);
}

.border-1 {
    border: 1px solid var(--gunmetal-gunmetal-10, #e8e9ea);
}

.rounded-lg {
    border-radius: 8px;
}

.object-cover {
    object-fit: cover;
}

.h-fit {
    height: fit-content;
}

.max-h-300 {
    max-height: 300px;
}

.h-300 {
    height: 300px;
}

.p-0 {
    padding: 0px;
}

.p-10 {
    padding: 10px;
}

.p-20 {
    padding: 20px;
}

.pb-40 {
    padding-bottom: 40px;
}

.pr-15 {
    padding-right: 15px;
}

.px-20 {
    padding-left: 20px;
    padding-right: 20px;
}

.py-15 {
    padding-top: 15px;
    padding-bottom: 15px;
}

.py-20 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.py-35 {
    padding-top: 35px;
    padding-bottom: 35px;
}

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

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

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

.justify-end {
    justify-content: end;
}

.justify-items-center {
    justify-items: center;
}

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

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

.align-center {
    align-content: center;
}

.line-height-14 {
    line-height: 14px;
}

.line-height-18 {
    line-height: 18px;
}

.line-height-20 {
    line-height: 20px;
}

.line-height-24 {
    line-height: 24px;
}

.line-height-32 {
    line-height: 32px;
}

.line-height-36 {
    line-height: 36px;
}

.line-height-48 {
    line-height: 48px;
}

.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

.fixed {
    position: fixed;
}

.inherit {
    width: inherit;
}

.top-0 {
    top: 0;
}

.right-0 {
    right: 0;
}

.underline {
    text-decoration: underline !important;
}

.cursor-pointer {
    cursor: pointer;
}

.divider {
    border-top: 1px solid var(--gunmetal-gunmetal-70, #66696E);
}

/** Landing pages **/

.button-primary {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    text-align: center;
    display: flex;
    padding: 8px 40px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-radius: 4px;
    background: var(--Orange-Orange-Soda, #CB4F10);
    color: white !important;
    border: none;
}

.button-primary:hover {
    background-color: var(--Orange-Soda, #af4310);
}

.button-secondary {
    font-size: 16px;
    font-weight: 700 !important;
    line-height: 24px;
    display: flex;
    padding: 8px 10px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-radius: 4px;
    background: var(--White-Luxury-White, #FFF);
    color: var(--Gunmetal-Gunmetal, #252A31) !important;
    border: none;
}

.button-secondary:hover {
    background: var(--gunmetal-gunmetal-20, #D2D2D4);
}

/* Upcoming events */

.upcoming-events {
    background: var(--Raisin-Black-Raisin-Black, #1E2228);
    display: flex;
    width: 100%;
    padding: 20px;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    border-radius: 8px;
    overflow: hidden;
}

.event-card {
    display: flex;
    flex-shrink: 0;
    height: 447px;
    padding: 20px;
    flex-direction: column;
    gap: 10px;
    border-radius: 8px;
    border: 1px solid var(--gunmetal-gunmetal-60, #7C7F83);
    background: var(--Gunmetal-Gunmetal, #252A31);
    overflow: hidden;
    transition: width 0.3s ease;
}

.event-card.closed:hover {
    background: var(--gunmetal-gunmetal-80, #4B4E53);
}

.event-card.closed {
    width: 186px;
    align-items: center;
}

.event-card.open {
    width: 310px;
}

.open-content {
    display: none;
    width: 310px;
}

.open-content .timetable {
    max-height: 187px;
    overflow-y: auto;
}

/* Highlights */

.section-image {
    width: 470px;
    height: 265px;
    border-radius: 8px;
}

.section-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
}

.secondary-button {
    display: flex;
    padding: 8px 40px;
    height: 40px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 4px;
    background: var(--Gunmetal-Gunmetal, #252A31);
    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    line-height: 18.2px;
    border: none;
    align-self: flex-start;
}

.secondary-button:hover {
    background: var(--Gunmetal-Gunmetal-Hover, #1E2228);
}

.events-button {
    color: var(--Gunmetal-Gunmetal, #252A31);
    background-color: var(--Gunmetal-Gunmetal, #ffffff);
}

.events-button:hover {
    background: var(--gunmetal-gunmetal-20, #D2D2D4);
}

/* FAQ */

.inner-content .divider {
    border-top: 1px solid var(--gunmetal-gunmetal-70, #66696E);
}

.close-btn {
    display: flex;
    align-items: center;
    gap: 5px;
    color: var(--Gunmetal-Gunmetal, #252A31);
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    background: var(--White-Luxury-White, #FFF);
    padding: 10px 20px;
    border-radius: 4px;
}

.modal-body .close-btn:hover {
    cursor: pointer;
    color: var(--Luxury-White, #fff);
    background-color: var(--Gunmetal-Gunmetal, #252a31);
}

.drawer .close-btn:hover {
    cursor: pointer;
}

.modal-body .close-btn:hover img {
    content: url(/media/icon-close-white.svg);
}

.drawer-bg {
    display: none;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    background: rgba(0, 0, 0, 0.5);
    z-index: 666;
    overflow: hidden;
}

.drawer {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 0;
    right: 0;
    width: 472px;
    height: 100vh;
    background: var(--White-Luxury-White, #FFF);
    z-index: 1000;
    padding: 40px 40px 0;
    max-height: calc(100% - 40px);
    transition: transform 0.3s ease;
    transform: translateX(100%);
}

.drawer.open {
    transform: translateX(0);
}

.drawer .drawer-scrollable-container {
    overflow-y: auto;
    max-height: 100%;
    padding-bottom: 40px;
    margin: 0 -10px;
    padding: 40px 10px 40px;
}

.product-card {
    border-radius: 8px;
    border: 1px solid var(--gunmetal-gunmetal-10, #E8E9EA);
    background: var(--White-Luxury-White, #FFF);
}

.top-card {
    padding: 20px;
    background: var(--Background-Grey, #F8F9FB);
    border-radius: 8px 8px 0 0;
}

.bottom-card {
    padding: 20px;
    background: var(--White-Luxury-White, #FFF);
    border-radius: 0 0 8px 8px;
}

.rating-description b {
    font-weight: 700;
}

.prev-button,
.next-button {
    background-color: #fff;
    border: none;
    padding: 10px;
    cursor: pointer;
    z-index: 10;
}

.prev-button {
    left: 0;
    background: var(--Gunmetal-Gunmetal, #252A31);
    background-image: url(/media/lp-chevron-left.svg);
    background-repeat: no-repeat;
    background-position: right 15px bottom 10px;
    width: 40px;
    height: 40px;
    padding: 10px 10px 10px 10px;
    border-radius: 100%;
    top: 50%;
    left: 0;
    transform: translateX(-50px);
}

.next-button {
    right: 0;
    background: var(--Gunmetal-Gunmetal, #252A31);
    background-image: url(/media/lp-chevron-right.svg);
    background-repeat: no-repeat;
    background-position: left 8px bottom 8px;
    width: 40px;
    height: 40px;
    padding: 10px 10px 10px 10px;
    border-radius: 100%;
    top: 50%;
    right: 0;
    transform: translateX(50px);
    z-index: 1;
}

.next-button:hover {
    background: var(--gunmetal-gunmetal-80, #4B4E53);
    background-image: url(/media/lp-chevron-right.svg);
    background-repeat: no-repeat;
    background-position: left 8px bottom 8px;
}

.prev-button:hover {
    background: var(--gunmetal-gunmetal-80, #4B4E53);
    background-image: url(/media/lp-chevron-left.svg);
    background-repeat: no-repeat;
    background-position: right 15px bottom 10px;
}

.partners-carousel-container .partners-carousel-button {
    border: none;
}

.events_container {
    margin-left: 0px;
    margin-right: -35px;
}

.owl_event {
    margin-left: -10px;
    margin-right: -15px;
}

.owl_event.owl-loaded {
    visibility: visible;
    height: auto;
}

.event_grid .item {
    height: auto !important;
    float: left;
}

.event_box {
    padding: 0;
    margin-left: 10px;
    margin-top: 0;
    margin-bottom: 0;
    border-radius: 7px;
    position: relative;
    display: inline-block;
}

img.lazyloaded.calendar {
    width: 15px;
}

.events_container .event_grid {
    height: 489px;
}

.events_container .event_grid .owl-stage-outer {
    height: 489px;
}

.faq-foldout .section-image {
    object-fit: cover;
    border-radius: 8px;
    width: 307px;
    height: 173px;
    flex-shrink: 0;
}

img.faq-image {
    object-fit: cover;
}

.faq-item ul {
    margin-left: 20px;
}

.faq-item ul li {
    list-style: disc;
}

.faq-item h3 {
    font-size: 22px;
    font-weight: 700;
    line-height: 24.2px;
}

.faq-item a {
    color: var(--Blue-Ocean-Blue, #1a56a2);
    text-decoration: underline;
}

.faq-item a:hover {
    color: var(--Blue-Ocean-Blue-70, #5e88bd);
}

.events_container .event_grid .owl-stage-outer .owl-stage .owl-item .event_box .event-card .closed-content img {
    width: 114px;
    height: 85px;
}

.events_container .event_grid .owl-stage-outer .owl-stage .owl-item .event_box .event-card .open-content img {
    width: 27px;
    height: 20px;
}

.drawer a {
    color: var(--Gunmetal-Gunmetal, #252A31);
    text-decoration: none;
    height: fit-content;
}

.drawer a:hover {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .15);
    transition: box-shadow ease-in .2s;
    border-radius: 8px;
}

.drawer a:hover .event-blue {
    color: var(--Blue-Ocean-Blue, #1A56A2) !important;
}

.event-partner {
    width: 100px;
    height: 40px;
    border-radius: 8px;
    padding: 10px;
}

.events_container .event_grid .owl-stage-outer .owl-stage .owl-item .event_box .event-card .open-content .event-partner img {
    width: 100px;
    height: 40px;
}

.owl_event .owl-stage-outer::after {
    content: ' ';
    width: 125px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background-image: url(/templates/global-tickets/img/lp_event_shadow.svg);
}

.bg-map img {
    width: 100%;
}