American Express Hong Kong Sail Grand Prix

@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css); .generic-tabs { --color-text-subtle: #fff; --color-text-active: #000; --color-border: #ccd2d8; --color-active-border: #032230; --color-active-background: #fff; --color-navigation-background: #032230; --border-bottom-width: 0px; --border-bottom-width-active: 0.25rem; display: flex; flex-direction: column; } .generic-tabs input[type="radio"] { display: none; } .generic-tabs .tab-content { display: none; width: 100%; } .generic-tabs input[type="radio"]:checked + .tab-content { display: block; order: 3; } .generic-tabs input[id="tab1"]:checked ~ .tabs-navigation label[for="tab1"], .generic-tabs input[id="tab2"]:checked ~ .tabs-navigation label[for="tab2"], .generic-tabs input[id="tab3"]:checked ~ .tabs-navigation label[for="tab3"], .generic-tabs input[id="tab4"]:checked ~ .tabs-navigation label[for="tab4"], .generic-tabs input[id="tab5"]:checked ~ .tabs-navigation label[for="tab5"], .generic-tabs input[id="tab6"]:checked ~ .tabs-navigation label[for="tab6"], .generic-tabs input[id="tab7"]:checked ~ .tabs-navigation label[for="tab7"], .generic-tabs input[id="tab8"]:checked ~ .tabs-navigation label[for="tab8"], .generic-tabs input[id="tab1-plan-ticket-selector"]:checked ~ .tabs-navigation label[for="tab1-plan-ticket-selector"], .generic-tabs input[id="tab2-plan-ticket-selector"]:checked ~ .tabs-navigation label[for="tab2-plan-ticket-selector"], .generic-tabs input[id="tab3-plan-ticket-selector"]:checked ~ .tabs-navigation label[for="tab3-plan-ticket-selector"], .generic-tabs input[id="tab4-plan-ticket-selector"]:checked ~ .tabs-navigation label[for="tab4-plan-ticket-selector"], .generic-tabs input[id="tab5-plan-ticket-selector"]:checked ~ .tabs-navigation label[for="tab5-plan-ticket-selector"], .generic-tabs input[id="tab6-plan-ticket-selector"]:checked ~ .tabs-navigation label[for="tab6-plan-ticket-selector"], .generic-tabs input[id="tab7-plan-ticket-selector"]:checked ~ .tabs-navigation label[for="tab7-plan-ticket-selector"], .generic-tabs input[id="tab8-plan-ticket-selector"]:checked ~ .tabs-navigation label[for="tab8-plan-ticket-selector"]{ color: var(--color-text-active); font-weight: 600; background-color: var(--color-active-background); border-radius: 8px; } .tabs-navigation { display: flex; justify-content: center; gap: 12px; align-items: center; margin-top: 1rem; margin-bottom: 0.75rem; background-color: var(--color-navigation-background); padding: 12px; border-bottom: 1px solid #e0e0e0; border-radius: 8px; order: 1; } .tabs-navigation label { display: inline-block; padding: 10px 16px; color: var(--color-text-subtle); background-color: transparent; cursor: pointer; transition: all 0.2s ease; user-select: none; font-size: 13px; line-height: normal; margin-bottom: 0; text-align: center; } .media-container { margin-bottom: 0.5rem; } .media-container video, .media-container img { width: 100%; border-radius: 8px; } .event-dates ul { padding: 24px 0 0; } .event-dates li { list-style: none; color: #536b75; } .event-dates details li p { margin: 0.25rem 0 1.25rem; } .event-dates details li ul { padding: 0 0 1.25rem 2.25rem; } .event-dates details li li { list-style: circle; } h2 { margin: 1rem 0 2.5rem; } .text-subtle { color: #536b75; } .video-container { margin: 2.5rem 0; } .grid img, .video-container video { width: 100%; border-radius: 8px; } .event-itinerary { margin-bottom: 2.5rem; background-color: #f2f3f3; padding: 1.5rem; border-radius: 0.5rem; } .event-header { margin-bottom: 1rem; } .event-content { display: flex; flex-flow: column; gap: 1rem; } .event-dates, .grid-item { display: flex; flex-direction: column; gap: 1rem; } .event-dates details { padding: 0.5rem; } .event-dates details p { margin: 0.75rem 0 0; } .event-summary { font-size: 18px; cursor: pointer; font-weight: 700; display: flex; justify-content: space-between; align-items: center; width: 100%; } .event-summary::after { content: '\f078'; font-family: 'Font Awesome 5 Free'; font-weight: 900; margin-left: auto; display: flex; justify-content: center; align-items: center; width: 32px; height: 32px; background-color: #fff; border-radius: 50%; font-size: 16px; } .grid { display: grid; grid-template-columns: 1fr; gap: 2rem; margin: 1.5rem 0 2.5rem; } .grid-item h4 { margin: 1rem 0 0; } .grid-item p { margin: 0; } .hospitality-card { background: url('https://images.feverup.com/plan/photo/10aecf18-5e5e-11f0-bebf-fe778e1adbac.jpg') center/cover no-repeat; border-radius: 0.5rem; padding: 73px 16px 16px; color: #fff; position: relative; text-align: center; } .hospitality-card__overlay { background: rgba(6, 35, 44, 0.8); padding: 1.5rem; border-radius: 0.5rem; } .hospitality-card__features { margin: 15px 0; list-style: none; padding: 0; text-align: left; } .hospitality-card__features li { margin-bottom: 0.75rem; } .hospitality-card__features li:before { content: '\f00c'; font-family: 'Font Awesome 5 Free'; font-weight: 900; margin-right: 0.5rem; } .hospitality-card__bottom { display: flex; gap: 1rem; justify-content: center; align-items: center; flex-wrap: wrap; } .hospitality-card__price { font-size: 1.25rem; } .hospitality-card__price strong { font-size: 1.5rem; } .hospitality-card__button-cta { background: linear-gradient(85deg, #ffffff 3.93%, #b9babd 100%, #ffffff); color: #031419 !important; text-decoration: none !important; font-weight: 800 !important; } .hospitality-card__title { font-family: 'MD Nichrome Test Bold', sans-serif; font-size: 40px !important; text-align: center; text-transform: uppercase !important; } /* Media Queries */ @media (min-width: 600px) { .grid { grid-template-columns: 1fr 1fr; } .event-content { flex-direction: row; gap: 1.5rem; } .event-dates, .event-text { flex: 1; } .hospitality-card__overlay { display: flex; flex-wrap: wrap; } .hospitality-card__title { font-size: 44px !important; text-align: left; } .hospitality-card__overlay h3 { flex: 1 0 100%; } .hospitality-card__features { flex: 1 0 60%; } .hospitality-card__bottom { flex: 1 0 40%; align-content: center; } } @media only screen and (max-width: 991px) { .generic-tabs:not(.plan-ticket-selector) { display: none !important; visibility: hidden !important; } .generic-tabs.plan-ticket-selector { display: flex; visibility: visible; } .generic-tabs.plan-ticket-selector .tabs-navigation, .generic-tabs.plan-ticket-selector .tje-hero-quote { display: none !important; visibility: hidden !important; } .generic-tabs.plan-ticket-selector input[type="radio"]:checked + .tab-content { display: block !important; visibility: visible !important; } .generic-tabs.plan-ticket-selector .media-container img { width: 100%; object-fit: contain; } } 🗓 Sat 23 – Sun 24 Jan 2027 · Kai Tak Terminal, Hong Kong Block 1 Block 2 Block 3 Block 4 Block 5 Block 6 Block 7 Wheelchair Event Details The 2027 season begins in spectacular style as SailGP makes its debut in Hong Kong on 23-24 January for the American Express Hong Kong Sail Grand Prix. Get ready for two days of high-speed, close-to-shore racing as the world’s best athletes go head-to-head on the iconic waters of Victoria Harbour. Fans can expect adrenaline-fueled action, national rivalries, cutting-edge F50 catamarans flying across the water, and a high-octane race-day atmosphere in the heart of Hong Kong. Don’t miss SailGP’s Hong Kong debut and witness history on the waterfront. Waterfront Grandstand Feel the energy of SailGP racing with unreserved stadium-style seating that puts you right in the heart of the action. Waterfront Grandstand Group Bookings Gather your group and experience the action together with exclusive rates for bookings of 25 or more. For more information, please consult the FAQs of this experience here .