CINXE.COM
What To Wear
<!DOCTYPE html> <html lang="en" dir="ltr"> <head> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-R1CEF6ME10"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-R1CEF6ME10'); </script> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=10" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>What To Wear</title> <link href="https://jcsa.sa/en/events/what-to-wear/" rel="canonical" /> <link href="https://jcsa.sa/en/events/what-to-wear/" hreflang="en" rel="alternate" /><link href="https://jcsa.sa/ar/events/what-to-wear/" hreflang="ar" rel="alternate" /> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Prata|Roboto|Inter" /> <link rel="stylesheet" href="/css/styles.min.css" /> <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" /> </head> <body> <header class="fixed inset-x-0 z-40 w-full bg-header page-scrolled page-scrolled-remove-with-delay" data-is-start-page="False"> <nav> <div class="menu-bar text-white-heading font-inter text-body border-b border-solid border-material-thin transition-border ease-ease duration-500"> <div class="h-64 lg:h-80 page-width-padding flex justify-between items-center"> <div class="flex items-start self-stretch"> <div class="flex pe-10 lg:pe-20 py-10 justify-center items-center gap-10 self-stretch"> <a href="/en/" class="logo h-40 w-40"> <img src="/globalassets/jcsa/images/logos/logo.png" alt="logo.png" class="img absolute transition-opacity ease-ease duration-500 opacity-0" /> <img src="/globalassets/jcsa/images/logos/logo-white-text.png" alt="logo-white-text.png" class="img-white-text absolute transition-opacity ease-ease duration-500 opacity-100" /> <img src="/globalassets/jcsa/images/logos/logo-white.png" alt="logo-white.png" class="img-white absolute transition-opacity ease-ease duration-500 opacity-0" /> </a> </div> <ul class="hidden lg:flex justify-center items-center self-stretch gap-20"> <li class="menu-item-desktop py-18 flex justify-center items-center self-stretch transition-border-padding ease-ease duration-500"> <a href="/en/events/" target="_self" class="menu-item-desktop-link flex justify-center items-center self-stretch gap-5 transition-opacity ease-ease duration-500"> <div>Events</div> <div class="icon h-16 w-16 transition-transform ease-ease duration-500"></div> </a> <div class="menu-desktop fixed inset-x-0 top-0 px-40 pt-160 pb-80 flex justify-center items-center text-white-heading transition-transform ease-ease duration-500 bg-primary menu-desktop-hidden menu-desktop-hidden-with-delay"> <div class="max-w-1110 w-full flex justify-center items-start gap-80"> <ul class="flex flex-col items-start grow shrink-0 basis-0 font-prata text-h1"> <li class="py-10"> <a href="/en/events/" target="_self">Events Home</a> </li> <li class="py-10"> <a href="/en/saudi-cup/" target="_self">Saudi Cup 2025</a> </li> <li class="py-10"> <a href="/en/events/riyadh-events/">Riyadh Racing Season 2024/25</a> </li> <li class="py-10"> <a href="/en/events/taif-events/">Taif Summer Racing Season</a> </li> </ul> <div class="w-1 shrink self-stretch bg-menu-separator"></div> <ul class="flex flex-col items-start grow shrink-0 basis-0 font-prata text-h4"> <li class="py-10"> <a href="/en/venues/our-racecourses-riyadh/" target="_self">Plan Your Day at King Abdulaziz Racecourse, Riyadh</a> </li> <li class="py-10"> <a href="/en/venues/our-racecourses-taif/" target="_self">Plan Your Day at King Khalid Racecourse, Taif</a> </li> <li class="py-10"> <a href="/en/events/what-to-wear/">What To Wear</a> </li> <li class="py-10"> <a href="/en/events/visit-saudi/">Visiting Saudi Arabia</a> </li> </ul> </div> </div> </li> <li class="menu-item-desktop py-18 flex justify-center items-center self-stretch transition-border-padding ease-ease duration-500"> <a href="/en/racing/" target="_self" class="menu-item-desktop-link flex justify-center items-center self-stretch gap-5 transition-opacity ease-ease duration-500"> <div>Racing</div> <div class="icon h-16 w-16 transition-transform ease-ease duration-500"></div> </a> <div class="menu-desktop fixed inset-x-0 top-0 px-40 pt-160 pb-80 flex justify-center items-center text-white-heading transition-transform ease-ease duration-500 bg-primary menu-desktop-hidden menu-desktop-hidden-with-delay"> <div class="max-w-1110 w-full flex justify-center items-start gap-80"> <ul class="flex flex-col items-start grow shrink-0 basis-0 font-prata text-h1"> <li class="py-10"> <a href="/en/racing/" target="_self">Racing Home</a> </li> <li class="py-10"> <a href="/en/racing/horsemen/">Horsemen</a> </li> <li class="py-10"> <a href="https://www.youtube.com/@JCSA_Racing/streams" target="_blank">Live Racing Stream</a> </li> <li class="py-10"> <a href="/en/races/" target="_self">Race Calendar</a> </li> </ul> <div class="w-1 shrink self-stretch bg-menu-separator"></div> <ul class="flex flex-col items-start grow shrink-0 basis-0 font-prata text-h4"> <li class="py-10"> <a href="https://prod-frontend.jcsa.sa/public-services" target="_blank">Registrations, Licenses and Downloadables</a> </li> <li class="py-10"> <a href="/en/racing/nominations-game/">Nominations Game</a> </li> <li class="py-10"> <a href="/en/racing/owners-trainers-raceday-experience/">Owners’ Raceday Experience</a> </li> <li class="py-10"> <a href="/en/racing/rules/">Rules & Regulations</a> </li> <li class="py-10"> <a href="/en/racing/horse-auctions/">Horse Auctions</a> </li> <li class="py-10"> <a href="/en/stewards-reports/" target="_self">Stewards Reports</a> </li> <li class="py-10"> <a href="https://issuu.com/equestrian-jcsa/docs/riyadh_racing_program_2024-2025_final_1909?fr=sODJhOTc3OTQxNTE" target="_blank">Riyadh Racing Season Programme</a> </li> <li class="py-10"> <a href="https://issuu.com/equestrian-jcsa/docs/taif_winter_season_programme_en_14_oct_24?fr=xGAEgASgBPf8AAAA" target="_self">Taif Winter Racing Program</a> </li> </ul> </div> </div> </li> <li class="menu-item-desktop py-18 flex justify-center items-center self-stretch transition-border-padding ease-ease duration-500"> <a href="/en/news/" target="_self" class="menu-item-desktop-link flex justify-center items-center self-stretch gap-5 transition-opacity ease-ease duration-500"> <div>Media</div> <div class="icon h-16 w-16 transition-transform ease-ease duration-500"></div> </a> <div class="menu-desktop fixed inset-x-0 top-0 px-40 pt-160 pb-80 flex justify-center items-center text-white-heading transition-transform ease-ease duration-500 bg-primary menu-desktop-hidden menu-desktop-hidden-with-delay"> <div class="max-w-1110 w-full flex justify-center items-start gap-80"> <ul class="flex flex-col items-start grow shrink-0 basis-0 font-prata text-h1"> <li class="py-10"> <a href="/en/news/media-services/">Media Services & Tools</a> </li> <li class="py-10"> <a href="/en/news/" target="_self">Latest News</a> </li> </ul> <div class="w-1 shrink self-stretch bg-menu-separator"></div> <ul class="flex flex-col items-start grow shrink-0 basis-0 font-prata text-h4"> <li class="py-10"> <a href="https://jcsa.resourcespace.com/login.php?url=%2F%3Fc%3D631003%26k%3D5379140ea9&auto=&nocookies=true" target="_blank">Download Images and Video</a> </li> <li class="py-10"> <a href="https://issuu.com/equestrian-jcsa/docs/2024_stats_book.docx?fr=sMGI5ODY4ODg3NzI" target="_blank">Saudi Cup Media Guide and Stats</a> </li> <li class="py-10"> <a href="https://www.youtube.com/@JCSA_Racing/streams" target="_blank">Live Racing Stream</a> </li> </ul> </div> </div> </li> <li class="menu-item-desktop py-18 flex justify-center items-center self-stretch transition-border-padding ease-ease duration-500"> <a href="/en/jcsa/" target="_self" class="menu-item-desktop-link flex justify-center items-center self-stretch gap-5 transition-opacity ease-ease duration-500"> <div>Corporate</div> <div class="icon h-16 w-16 transition-transform ease-ease duration-500"></div> </a> <div class="menu-desktop fixed inset-x-0 top-0 px-40 pt-160 pb-80 flex justify-center items-center text-white-heading transition-transform ease-ease duration-500 bg-primary menu-desktop-hidden menu-desktop-hidden-with-delay"> <div class="max-w-1110 w-full flex justify-center items-start gap-80"> <ul class="flex flex-col items-start grow shrink-0 basis-0 font-prata text-h1"> <li class="py-10"> <a href="/en/jcsa/" target="_self">About JCSA</a> </li> <li class="py-10"> <a href="/en/jcsa/contact-us/">Contact Us</a> </li> <li class="py-10"> <a href="/en/jcsa/careers/">Careers</a> </li> </ul> <div class="w-1 shrink self-stretch bg-menu-separator"></div> <ul class="flex flex-col items-start grow shrink-0 basis-0 font-prata text-h4"> <li class="py-10"> <a href="/en/jcsa/official-partnerships/">Becoming an Official Partner</a> </li> <li class="py-10"> <a href="/en/jcsa/history/">History</a> </li> <li class="py-10"> <a href="/en/venues/venue-hire/" target="_self">Venue Hire</a> </li> <li class="py-10"> <a href="/en/jcsa/race-sponsorships/">Race Sponsorships</a> </li> <li class="py-10"> <a href="https://issuu.com/equestrian-jcsa/docs/jcsa_jcsa_brochure_2024_digital_file_single_pages_?fr=sYTBjNDc0MDY0ODA" target="_blank">2024/25 Corporate Sales Brochure</a> </li> <li class="py-10"> <a href="/en/jcsa/moveable-items/">Moveable Items</a> </li> </ul> </div> </div> </li> <li class="menu-item-desktop py-18 flex justify-center items-center self-stretch transition-border-padding ease-ease duration-500"> <a href="/en/venues/" target="_self" class="menu-item-desktop-link flex justify-center items-center self-stretch gap-5 transition-opacity ease-ease duration-500"> <div>Venues</div> <div class="icon h-16 w-16 transition-transform ease-ease duration-500"></div> </a> <div class="menu-desktop fixed inset-x-0 top-0 px-40 pt-160 pb-80 flex justify-center items-center text-white-heading transition-transform ease-ease duration-500 bg-primary menu-desktop-hidden menu-desktop-hidden-with-delay"> <div class="max-w-1110 w-full flex justify-center items-start gap-80"> <ul class="flex flex-col items-start grow shrink-0 basis-0 font-prata text-h1"> <li class="py-10"> <a href="/en/venues/" target="_self">Venue Home</a> </li> <li class="py-10"> <a href="/en/venues/our-racecourses-riyadh/">King Abdulaziz Racecourse, Riyadh</a> </li> <li class="py-10"> <a href="/en/venues/our-racecourses-taif/">King Khalid Racecourse, Taif</a> </li> <li class="py-10"> <a href="/en/venues/venue-hire/">Venue Hire</a> </li> </ul> <div class="w-1 shrink self-stretch bg-menu-separator"></div> <ul class="flex flex-col items-start grow shrink-0 basis-0 font-prata text-h4"> <li class="py-10"> <a href="/en/hospitality/" target="_self">Corporate Race Night Experiences</a> </li> <li class="py-10"> <a href="/en/venues/annual-private-suite/">Annual Suites</a> </li> <li class="py-10"> <a href="/en/venues/membership/">Annual Membership</a> </li> </ul> </div> </div> </li> <li class="menu-item-desktop py-18 flex justify-center items-center self-stretch transition-border-padding ease-ease duration-500"> <a href="/en/saudi-cup/" target="_self" class="menu-item-desktop-link flex justify-center items-center self-stretch gap-5 transition-opacity ease-ease duration-500"> <div>Saudi Cup 2025</div> <div class="icon h-16 w-16 transition-transform ease-ease duration-500"></div> </a> <div class="menu-desktop fixed inset-x-0 top-0 px-40 pt-160 pb-80 flex justify-center items-center text-white-heading transition-transform ease-ease duration-500 bg-primary menu-desktop-hidden menu-desktop-hidden-with-delay"> <div class="max-w-1110 w-full flex justify-center items-start gap-80"> <ul class="flex flex-col items-start grow shrink-0 basis-0 font-prata text-h1"> <li class="py-10"> <a href="/en/saudi-cup/" target="_self">Saudi Cup 2025 Homepage</a> </li> <li class="py-10"> <a href="https://www.jcsa.sa/en/events/riyadh-52/experiences" target="_self">Opening night, Friday 21 February 2025</a> </li> <li class="py-10"> <a href="https://www.jcsa.sa/en/events/riyadh-53/experiences" target="_self">Saudi Cup race night, Saturday 22 February 2025</a> </li> </ul> <div class="w-1 shrink self-stretch bg-menu-separator"></div> <ul class="flex flex-col items-start grow shrink-0 basis-0 font-prata text-h4"> <li class="py-10"> <a href="/en/saudi-cup/entertainment-saudi-cup/">Entertainment</a> </li> <li class="py-10"> <a href="/en/hospitality/food-drink-riyadh/" target="_self">Food & Drink</a> </li> <li class="py-10"> <a href="/en/events/what-to-wear/" target="_self">What To Wear</a> </li> <li class="py-10"> <a href="/en/venues/travel-parking-riyadh/" target="_self">Travel & Parking</a> </li> <li class="py-10"> <a href="/en/racing/international-connections/" target="_self">International Connections</a> </li> <li class="py-10"> <a href="/en/saudi-cup/where-to-watch-global/">Watching from Overseas</a> </li> <li class="py-10"> <a href="/en/news/media-services/" target="_self">Media Accreditation</a> </li> <li class="py-10"> <a href="/en/saudi-cup/saudi-cup-story-so-far/">The Story So Far of The Saudi Cup</a> </li> <li class="py-10"> <a href="/en/news/?tag=saudi-cup-news" target="_self">Latest Saudi Cup News</a> </li> </ul> </div> </div> </li> </ul> <div class="header-item course-selector flex lg:hidden border-x cursor-pointer"> <div class="icon bg-white mask-pin"></div> <div class="text">Course</div> </div> </div> <div class="flex items-start self-stretch"> <div class="header-item header-item-border search flex cursor-pointer"> <div class="icon bg-white mask-search"></div> </div> <div class="header-item header-item-border language-selector hidden lg:flex cursor-pointer"> <div class="icon bg-white mask-globe"></div> <div class="text uppercase">en</div> </div> <div class="header-item header-item-border course-selector hidden lg:flex cursor-pointer"> <div class="icon bg-white mask-pin"></div> <div class="text">Course</div> </div> <div class="header-item header-item-border login-button hidden lg:flex cursor-pointer"> <div class="icon bg-white mask-user"></div> <div class="text"> <a href="https://prod-frontend.jcsa.sa/" class="primary-button bg-transparent border-0 pointer-events-none" target="_blank">Log in</a> </div> </div> <div class="header-item lg:header-item-border book-button px-0 lg:ps-15 lg:pe-0 flex border-0"> <a href="https://webook.com/en/events/jcsa-homepage" class="primary-button flex px-20 py-10 transition-border ease-ease duration-500" target="_self">Book</a> </div> <button type="button" title="Menu" class="header-item menu-mobile-button z-10 ps-20 pe-0 flex lg:hidden"> <div class="icon hamburger"></div> </button> </div> </div> </div> <div class="menu-mobile-l1 fixed inset-0 flex flex-col items-center gap-20 shrink-0 text-white-heading font-inter text-body transition-all ease-ease duration-500 bg-primary menu-mobile-hidden"> <div class="h-64 w-full p-0 md:px-tablet flex justify-between items-center border-b border-solid border-material-thin"> <div class="flex items-start self-stretch"> </div> <div class="z-10 flex items-start self-stretch"> <div class="header-item search flex cursor-pointer border-x"> <div class="icon bg-white mask-search"></div> </div> <div class="header-item language-selector flex cursor-pointer border-x"> <div class="icon bg-white mask-globe"></div> <div class="text uppercase">en</div> </div> <div class="header-item login-button flex cursor-pointer border-x"> <div class="icon bg-white mask-user"></div> <div class="text"> <a href="https://prod-frontend.jcsa.sa/" class="primary-button bg-transparent border-0 pointer-events-none" target="_blank">Log in</a> </div> </div> <div class="p-30 md:p-20"></div> </div> </div> <ul class="px-20 flex flex-col items-start self-stretch font-prata text-h1-mobile"> <li class="menu-item-mobile"> <button type="button" title="Events" class="py-10 flex items-center gap-5"> <div>Events</div> <div class="icon"></div> </button> <div class="menu-mobile-l2 fixed inset-0 flex flex-col items-center gap-20 shrink-0 transition-all ease-ease duration-500 bg-primary menu-mobile-hidden"> <div class="h-64 w-full flex justify-between items-center border-b border-solid border-material-thin"> <div class="flex items-start self-stretch"> <button type="button" title="Back" class="header-item menu-mobile-back-button px-20 flex"> <div class="icon"></div> </button> </div> <div class="flex items-start self-stretch"> </div> </div> <div class="px-20 flex flex-col justify-center items-start self-stretch gap-20"> <a href="/en/events/" target="_self" class="py-10 flex items-center gap-5 font-prata text-h4-mobile"> <div>Events</div> <div class="icon"></div> </a> <ul class="flex flex-col items-start self-stretch font-prata text-h1-mobile"> <li class="py-10"> <a href="/en/events/" target="_self" class="flex items-center gap-5"> <div>Events Home</div> <div class="icon"></div> </a> </li> <li class="py-10"> <a href="/en/saudi-cup/" target="_self" class="flex items-center gap-5"> <div>Saudi Cup 2025</div> <div class="icon"></div> </a> </li> <li class="py-10"> <a href="/en/events/riyadh-events/" target="_self" class="flex items-center gap-5"> <div>Riyadh Racing Season 2024/25</div> <div class="icon"></div> </a> </li> <li class="py-10"> <a href="/en/events/taif-events/" target="_self" class="flex items-center gap-5"> <div>Taif Summer Racing Season</div> <div class="icon"></div> </a> </li> </ul> <div class="h-1 self-stretch bg-material-ultra-thin backdrop-blur-25"></div> <ul class="flex flex-col items-start self-stretch font-prata text-h4-mobile"> <li class="py-10"> <a href="/en/venues/our-racecourses-riyadh/" target="_self" class="flex items-center gap-5"> <div>Plan Your Day at King Abdulaziz Racecourse, Riyadh</div> <div class="icon"></div> </a> </li> <li class="py-10"> <a href="/en/venues/our-racecourses-taif/" target="_self" class="flex items-center gap-5"> <div>Plan Your Day at King Khalid Racecourse, Taif</div> <div class="icon"></div> </a> </li> <li class="py-10"> <a href="/en/events/what-to-wear/" target="_self" class="flex items-center gap-5"> <div>What To Wear</div> <div class="icon"></div> </a> </li> <li class="py-10"> <a href="/en/events/visit-saudi/" target="_self" class="flex items-center gap-5"> <div>Visiting Saudi Arabia</div> <div class="icon"></div> </a> </li> </ul> </div> </div> </li> <li class="menu-item-mobile"> <button type="button" title="Racing" class="py-10 flex items-center gap-5"> <div>Racing</div> <div class="icon"></div> </button> <div class="menu-mobile-l2 fixed inset-0 flex flex-col items-center gap-20 shrink-0 transition-all ease-ease duration-500 bg-primary menu-mobile-hidden"> <div class="h-64 w-full flex justify-between items-center border-b border-solid border-material-thin"> <div class="flex items-start self-stretch"> <button type="button" title="Back" class="header-item menu-mobile-back-button px-20 flex"> <div class="icon"></div> </button> </div> <div class="flex items-start self-stretch"> </div> </div> <div class="px-20 flex flex-col justify-center items-start self-stretch gap-20"> <a href="/en/racing/" target="_self" class="py-10 flex items-center gap-5 font-prata text-h4-mobile"> <div>Racing</div> <div class="icon"></div> </a> <ul class="flex flex-col items-start self-stretch font-prata text-h1-mobile"> <li class="py-10"> <a href="/en/racing/" target="_self" class="flex items-center gap-5"> <div>Racing Home</div> <div class="icon"></div> </a> </li> <li class="py-10"> <a href="/en/racing/horsemen/" target="_self" class="flex items-center gap-5"> <div>Horsemen</div> <div class="icon"></div> </a> </li> <li class="py-10"> <a href="https://www.youtube.com/@JCSA_Racing/streams" target="_blank" class="flex items-center gap-5"> <div>Live Racing Stream</div> <div class="icon"></div> </a> </li> <li class="py-10"> <a href="/en/races/" target="_self" class="flex items-center gap-5"> <div>Race Calendar</div> <div class="icon"></div> </a> </li> </ul> <div class="h-1 self-stretch bg-material-ultra-thin backdrop-blur-25"></div> <ul class="flex flex-col items-start self-stretch font-prata text-h4-mobile"> <li class="py-10"> <a href="https://prod-frontend.jcsa.sa/public-services" target="_blank" class="flex items-center gap-5"> <div>Registrations, Licenses and Downloadables</div> <div class="icon"></div> </a> </li> <li class="py-10"> <a href="/en/racing/nominations-game/" target="_self" class="flex items-center gap-5"> <div>Nominations Game</div> <div class="icon"></div> </a> </li> <li class="py-10"> <a href="/en/racing/owners-trainers-raceday-experience/" target="_self" class="flex items-center gap-5"> <div>Owners’ Raceday Experience</div> <div class="icon"></div> </a> </li> <li class="py-10"> <a href="/en/racing/rules/" target="_self" class="flex items-center gap-5"> <div>Rules & Regulations</div> <div class="icon"></div> </a> </li> <li class="py-10"> <a href="/en/racing/horse-auctions/" target="_self" class="flex items-center gap-5"> <div>Horse Auctions</div> <div class="icon"></div> </a> </li> <li class="py-10"> <a href="/en/stewards-reports/" target="_self" class="flex items-center gap-5"> <div>Stewards Reports</div> <div class="icon"></div> </a> </li> <li class="py-10"> <a href="https://issuu.com/equestrian-jcsa/docs/riyadh_racing_program_2024-2025_final_1909?fr=sODJhOTc3OTQxNTE" target="_blank" class="flex items-center gap-5"> <div>Riyadh Racing Season Programme</div> <div class="icon"></div> </a> </li> <li class="py-10"> <a href="https://issuu.com/equestrian-jcsa/docs/taif_winter_season_programme_en_14_oct_24?fr=xGAEgASgBPf8AAAA" target="_self" class="flex items-center gap-5"> <div>Taif Winter Racing Program</div> <div class="icon"></div> </a> </li> </ul> </div> </div> </li> <li class="menu-item-mobile"> <button type="button" title="Media" class="py-10 flex items-center gap-5"> <div>Media</div> <div class="icon"></div> </button> <div class="menu-mobile-l2 fixed inset-0 flex flex-col items-center gap-20 shrink-0 transition-all ease-ease duration-500 bg-primary menu-mobile-hidden"> <div class="h-64 w-full flex justify-between items-center border-b border-solid border-material-thin"> <div class="flex items-start self-stretch"> <button type="button" title="Back" class="header-item menu-mobile-back-button px-20 flex"> <div class="icon"></div> </button> </div> <div class="flex items-start self-stretch"> </div> </div> <div class="px-20 flex flex-col justify-center items-start self-stretch gap-20"> <a href="/en/news/" target="_self" class="py-10 flex items-center gap-5 font-prata text-h4-mobile"> <div>Media</div> <div class="icon"></div> </a> <ul class="flex flex-col items-start self-stretch font-prata text-h1-mobile"> <li class="py-10"> <a href="/en/news/media-services/" target="_self" class="flex items-center gap-5"> <div>Media Services & Tools</div> <div class="icon"></div> </a> </li> <li class="py-10"> <a href="/en/news/" target="_self" class="flex items-center gap-5"> <div>Latest News</div> <div class="icon"></div> </a> </li> </ul> <div class="h-1 self-stretch bg-material-ultra-thin backdrop-blur-25"></div> <ul class="flex flex-col items-start self-stretch font-prata text-h4-mobile"> <li class="py-10"> <a href="https://jcsa.resourcespace.com/login.php?url=%2F%3Fc%3D631003%26k%3D5379140ea9&auto=&nocookies=true" target="_blank" class="flex items-center gap-5"> <div>Download Images and Video</div> <div class="icon"></div> </a> </li> <li class="py-10"> <a href="https://issuu.com/equestrian-jcsa/docs/2024_stats_book.docx?fr=sMGI5ODY4ODg3NzI" target="_blank" class="flex items-center gap-5"> <div>Saudi Cup Media Guide and Stats</div> <div class="icon"></div> </a> </li> <li class="py-10"> <a href="https://www.youtube.com/@JCSA_Racing/streams" target="_blank" class="flex items-center gap-5"> <div>Live Racing Stream</div> <div class="icon"></div> </a> </li> </ul> </div> </div> </li> <li class="menu-item-mobile"> <button type="button" title="Corporate" class="py-10 flex items-center gap-5"> <div>Corporate</div> <div class="icon"></div> </button> <div class="menu-mobile-l2 fixed inset-0 flex flex-col items-center gap-20 shrink-0 transition-all ease-ease duration-500 bg-primary menu-mobile-hidden"> <div class="h-64 w-full flex justify-between items-center border-b border-solid border-material-thin"> <div class="flex items-start self-stretch"> <button type="button" title="Back" class="header-item menu-mobile-back-button px-20 flex"> <div class="icon"></div> </button> </div> <div class="flex items-start self-stretch"> </div> </div> <div class="px-20 flex flex-col justify-center items-start self-stretch gap-20"> <a href="/en/jcsa/" target="_self" class="py-10 flex items-center gap-5 font-prata text-h4-mobile"> <div>Corporate</div> <div class="icon"></div> </a> <ul class="flex flex-col items-start self-stretch font-prata text-h1-mobile"> <li class="py-10"> <a href="/en/jcsa/" target="_self" class="flex items-center gap-5"> <div>About JCSA</div> <div class="icon"></div> </a> </li> <li class="py-10"> <a href="/en/jcsa/contact-us/" target="_self" class="flex items-center gap-5"> <div>Contact Us</div> <div class="icon"></div> </a> </li> <li class="py-10"> <a href="/en/jcsa/careers/" target="_self" class="flex items-center gap-5"> <div>Careers</div> <div class="icon"></div> </a> </li> </ul> <div class="h-1 self-stretch bg-material-ultra-thin backdrop-blur-25"></div> <ul class="flex flex-col items-start self-stretch font-prata text-h4-mobile"> <li class="py-10"> <a href="/en/jcsa/official-partnerships/" target="_self" class="flex items-center gap-5"> <div>Becoming an Official Partner</div> <div class="icon"></div> </a> </li> <li class="py-10"> <a href="/en/jcsa/history/" target="_self" class="flex items-center gap-5"> <div>History</div> <div class="icon"></div> </a> </li> <li class="py-10"> <a href="/en/venues/venue-hire/" target="_self" class="flex items-center gap-5"> <div>Venue Hire</div> <div class="icon"></div> </a> </li> <li class="py-10"> <a href="/en/jcsa/race-sponsorships/" target="_self" class="flex items-center gap-5"> <div>Race Sponsorships</div> <div class="icon"></div> </a> </li> <li class="py-10"> <a href="https://issuu.com/equestrian-jcsa/docs/jcsa_jcsa_brochure_2024_digital_file_single_pages_?fr=sYTBjNDc0MDY0ODA" target="_blank" class="flex items-center gap-5"> <div>2024/25 Corporate Sales Brochure</div> <div class="icon"></div> </a> </li> <li class="py-10"> <a href="/en/jcsa/moveable-items/" target="_self" class="flex items-center gap-5"> <div>Moveable Items</div> <div class="icon"></div> </a> </li> </ul> </div> </div> </li> <li class="menu-item-mobile"> <button type="button" title="Venues" class="py-10 flex items-center gap-5"> <div>Venues</div> <div class="icon"></div> </button> <div class="menu-mobile-l2 fixed inset-0 flex flex-col items-center gap-20 shrink-0 transition-all ease-ease duration-500 bg-primary menu-mobile-hidden"> <div class="h-64 w-full flex justify-between items-center border-b border-solid border-material-thin"> <div class="flex items-start self-stretch"> <button type="button" title="Back" class="header-item menu-mobile-back-button px-20 flex"> <div class="icon"></div> </button> </div> <div class="flex items-start self-stretch"> </div> </div> <div class="px-20 flex flex-col justify-center items-start self-stretch gap-20"> <a href="/en/venues/" target="_self" class="py-10 flex items-center gap-5 font-prata text-h4-mobile"> <div>Venues</div> <div class="icon"></div> </a> <ul class="flex flex-col items-start self-stretch font-prata text-h1-mobile"> <li class="py-10"> <a href="/en/venues/" target="_self" class="flex items-center gap-5"> <div>Venue Home</div> <div class="icon"></div> </a> </li> <li class="py-10"> <a href="/en/venues/our-racecourses-riyadh/" target="_self" class="flex items-center gap-5"> <div>King Abdulaziz Racecourse, Riyadh</div> <div class="icon"></div> </a> </li> <li class="py-10"> <a href="/en/venues/our-racecourses-taif/" target="_self" class="flex items-center gap-5"> <div>King Khalid Racecourse, Taif</div> <div class="icon"></div> </a> </li> <li class="py-10"> <a href="/en/venues/venue-hire/" target="_self" class="flex items-center gap-5"> <div>Venue Hire</div> <div class="icon"></div> </a> </li> </ul> <div class="h-1 self-stretch bg-material-ultra-thin backdrop-blur-25"></div> <ul class="flex flex-col items-start self-stretch font-prata text-h4-mobile"> <li class="py-10"> <a href="/en/hospitality/" target="_self" class="flex items-center gap-5"> <div>Corporate Race Night Experiences</div> <div class="icon"></div> </a> </li> <li class="py-10"> <a href="/en/venues/annual-private-suite/" target="_self" class="flex items-center gap-5"> <div>Annual Suites</div> <div class="icon"></div> </a> </li> <li class="py-10"> <a href="/en/venues/membership/" target="_self" class="flex items-center gap-5"> <div>Annual Membership</div> <div class="icon"></div> </a> </li> </ul> </div> </div> </li> <li class="menu-item-mobile"> <button type="button" title="Saudi Cup 2025" class="py-10 flex items-center gap-5"> <div>Saudi Cup 2025</div> <div class="icon"></div> </button> <div class="menu-mobile-l2 fixed inset-0 flex flex-col items-center gap-20 shrink-0 transition-all ease-ease duration-500 bg-primary menu-mobile-hidden"> <div class="h-64 w-full flex justify-between items-center border-b border-solid border-material-thin"> <div class="flex items-start self-stretch"> <button type="button" title="Back" class="header-item menu-mobile-back-button px-20 flex"> <div class="icon"></div> </button> </div> <div class="flex items-start self-stretch"> </div> </div> <div class="px-20 flex flex-col justify-center items-start self-stretch gap-20"> <a href="/en/saudi-cup/" target="_self" class="py-10 flex items-center gap-5 font-prata text-h4-mobile"> <div>Saudi Cup 2025</div> <div class="icon"></div> </a> <ul class="flex flex-col items-start self-stretch font-prata text-h1-mobile"> <li class="py-10"> <a href="/en/saudi-cup/" target="_self" class="flex items-center gap-5"> <div>Saudi Cup 2025 Homepage</div> <div class="icon"></div> </a> </li> <li class="py-10"> <a href="https://www.jcsa.sa/en/events/riyadh-52/experiences" target="_self" class="flex items-center gap-5"> <div>Opening night, Friday 21 February 2025</div> <div class="icon"></div> </a> </li> <li class="py-10"> <a href="https://www.jcsa.sa/en/events/riyadh-53/experiences" target="_self" class="flex items-center gap-5"> <div>Saudi Cup race night, Saturday 22 February 2025</div> <div class="icon"></div> </a> </li> </ul> <div class="h-1 self-stretch bg-material-ultra-thin backdrop-blur-25"></div> <ul class="flex flex-col items-start self-stretch font-prata text-h4-mobile"> <li class="py-10"> <a href="/en/saudi-cup/entertainment-saudi-cup/" target="_self" class="flex items-center gap-5"> <div>Entertainment</div> <div class="icon"></div> </a> </li> <li class="py-10"> <a href="/en/hospitality/food-drink-riyadh/" target="_self" class="flex items-center gap-5"> <div>Food & Drink</div> <div class="icon"></div> </a> </li> <li class="py-10"> <a href="/en/events/what-to-wear/" target="_self" class="flex items-center gap-5"> <div>What To Wear</div> <div class="icon"></div> </a> </li> <li class="py-10"> <a href="/en/venues/travel-parking-riyadh/" target="_self" class="flex items-center gap-5"> <div>Travel & Parking</div> <div class="icon"></div> </a> </li> <li class="py-10"> <a href="/en/racing/international-connections/" target="_self" class="flex items-center gap-5"> <div>International Connections</div> <div class="icon"></div> </a> </li> <li class="py-10"> <a href="/en/saudi-cup/where-to-watch-global/" target="_self" class="flex items-center gap-5"> <div>Watching from Overseas</div> <div class="icon"></div> </a> </li> <li class="py-10"> <a href="/en/news/media-services/" target="_self" class="flex items-center gap-5"> <div>Media Accreditation</div> <div class="icon"></div> </a> </li> <li class="py-10"> <a href="/en/saudi-cup/saudi-cup-story-so-far/" target="_self" class="flex items-center gap-5"> <div>The Story So Far of The Saudi Cup</div> <div class="icon"></div> </a> </li> <li class="py-10"> <a href="/en/news/?tag=saudi-cup-news" target="_self" class="flex items-center gap-5"> <div>Latest Saudi Cup News</div> <div class="icon"></div> </a> </li> </ul> </div> </div> </li> </ul> </div> </nav> <div class="menu-backdrop inset-0 -z-30 transition-opacity ease-ease duration-500 bg-menu-backdrop backdrop-blur-md opacity-0"></div> </header> <div class="mx-auto pt-64 lg:pt-80"> <div class="content-area"><section class="image-gallery carousel page-width-padding py-25 lg:py-40 relative flex flex-col items-start gap-20" data-interval="3000"> <div class="w-full flex justify-between items-end"> <h2 class="text-black-heading font-prata text-h2">What To Wear</h2> </div> <p class="lg:w-840 text-black-body font-inter text-body">Traditionally, attendees dress up and look their best at horse races worldwide, and we encourage this practice for our racedays.</p> <div class="h-324 mt-260"> <ul class="infinite items -mt-260 flex content-center items-center overflow-y-hidden overflow-x-scroll"><li class="h-520 w-full md:max-w-684 lg:max-w-992 relative flex flex-col items-start gap-8 shrink-0 image-gallery-md:rounded-20" data-index="0"> <img src="/globalassets/jcsa/images/what-to-wear/143.jpg" alt="143.JPG" class="h-full w-full object-cover image-gallery-md:rounded-20"> </li><li class="h-520 w-full md:max-w-684 lg:max-w-992 relative flex flex-col items-start gap-8 shrink-0 image-gallery-md:rounded-20" data-index="0"> <img src="/globalassets/jcsa/images/what-to-wear/230224_saudicup_internationaljockeyschallenge_paulmcmillan_0180.jpg" alt="230224_SaudiCup_InternationalJockeysChallenge_PaulMcMillan_0180.jpg" class="h-full w-full object-cover image-gallery-md:rounded-20"> </li><li class="h-520 w-full md:max-w-684 lg:max-w-992 relative flex flex-col items-start gap-8 shrink-0 image-gallery-md:rounded-20" data-index="0"> <img src="/globalassets/jcsa/images/what-to-wear/230225_saudicup_paulmcmillan_0035.jpg" alt="230225_SaudiCup_PaulMcMillan_0035.jpg" class="h-full w-full object-cover image-gallery-md:rounded-20"> </li><li class="h-520 w-full md:max-w-684 lg:max-w-992 relative flex flex-col items-start gap-8 shrink-0 image-gallery-md:rounded-20" data-index="0"> <img src="/globalassets/jcsa/images/what-to-wear/230225_saudicup_paulmcmillan_0078-social.png" alt="230225_SaudiCup_PaulMcMillan_0078 Social.png" class="h-full w-full object-cover image-gallery-md:rounded-20"> </li><li class="h-520 w-full md:max-w-684 lg:max-w-992 relative flex flex-col items-start gap-8 shrink-0 image-gallery-md:rounded-20" data-index="0"> <img src="/globalassets/jcsa/images/what-to-wear/230225_saudicup_paulmcmillan_0168-social-people.jpg" alt="230225_SaudiCup_PaulMcMillan_0168 Social People.jpg" class="h-full w-full object-cover image-gallery-md:rounded-20"> </li><li class="h-520 w-full md:max-w-684 lg:max-w-992 relative flex flex-col items-start gap-8 shrink-0 image-gallery-md:rounded-20" data-index="0"> <img src="/globalassets/jcsa/images/what-to-wear/dress-code---gallery-2.jpg" alt="Dress Code - Gallery (2).jpg" class="h-full w-full object-cover image-gallery-md:rounded-20"> </li><li class="h-520 w-full md:max-w-684 lg:max-w-992 relative flex flex-col items-start gap-8 shrink-0 image-gallery-md:rounded-20" data-index="0"> <img src="/globalassets/jcsa/images/what-to-wear/dress-code---gallery-3.png" alt="Dress Code - Gallery (3).png" class="h-full w-full object-cover image-gallery-md:rounded-20"> </li><li class="h-520 w-full md:max-w-684 lg:max-w-992 relative flex flex-col items-start gap-8 shrink-0 image-gallery-md:rounded-20" data-index="0"> <img src="/globalassets/jcsa/images/what-to-wear/dress-code---gallery-4.jpg" alt="Dress Code - Gallery (4).jpg" class="h-full w-full object-cover image-gallery-md:rounded-20"> </li><li class="h-520 w-full md:max-w-684 lg:max-w-992 relative flex flex-col items-start gap-8 shrink-0 image-gallery-md:rounded-20" data-index="0"> <img src="/globalassets/jcsa/images/what-to-wear/dress-code---gallery-5.jpg" alt="Dress Code - Gallery (5).jpg" class="h-full w-full object-cover image-gallery-md:rounded-20"> </li><li class="h-520 w-full md:max-w-684 lg:max-w-992 relative flex flex-col items-start gap-8 shrink-0 image-gallery-md:rounded-20" data-index="0"> <img src="/globalassets/jcsa/images/what-to-wear/dress-code---gallery-6.jpg" alt="Dress Code - Gallery (6).jpg" class="h-full w-full object-cover image-gallery-md:rounded-20"> </li><li class="h-520 w-full md:max-w-684 lg:max-w-992 relative flex flex-col items-start gap-8 shrink-0 image-gallery-md:rounded-20" data-index="0"> <img src="/globalassets/jcsa/images/what-to-wear/dress-code---gallery-7.jpg" alt="Dress Code - Gallery (7).jpg" class="h-full w-full object-cover image-gallery-md:rounded-20"> </li><li class="h-520 w-full md:max-w-684 lg:max-w-992 relative flex flex-col items-start gap-8 shrink-0 image-gallery-md:rounded-20" data-index="0"> <img src="/globalassets/jcsa/images/what-to-wear/dress-code---gallery-8.jpg" alt="Dress Code - Gallery (8).jpg" class="h-full w-full object-cover image-gallery-md:rounded-20"> </li><li class="h-520 w-full md:max-w-684 lg:max-w-992 relative flex flex-col items-start gap-8 shrink-0 image-gallery-md:rounded-20" data-index="0"> <img src="/globalassets/jcsa/images/what-to-wear/dress-code---gallery-9.jpg" alt="Dress Code - Gallery (9).jpg" class="h-full w-full object-cover image-gallery-md:rounded-20"> </li><li class="h-520 w-full md:max-w-684 lg:max-w-992 relative flex flex-col items-start gap-8 shrink-0 image-gallery-md:rounded-20" data-index="0"> <img src="/globalassets/jcsa/images/what-to-wear/dress-code---gallery.jpg" alt="Dress Code - Gallery.jpg" class="h-full w-full object-cover image-gallery-md:rounded-20"> </li><li class="h-520 w-full md:max-w-684 lg:max-w-992 relative flex flex-col items-start gap-8 shrink-0 image-gallery-md:rounded-20" data-index="0"> <img src="/globalassets/jcsa/images/what-to-wear/dress-code-gallery.jpg" alt="Dress Code Gallery.jpg" class="h-full w-full object-cover image-gallery-md:rounded-20"> </li><li class="h-520 w-full md:max-w-684 lg:max-w-992 relative flex flex-col items-start gap-8 shrink-0 image-gallery-md:rounded-20" data-index="0"> <img src="/globalassets/jcsa/images/what-to-wear/rs11365_230223_saudicup_dinnerunderthestars_paulmcmillan_0159-fashion-social.jpg" alt="RS11365_230223_SaudiCup_DinnerUndertheStars_PaulMcMillan_0159 fashion social.jpg" class="h-full w-full object-cover image-gallery-md:rounded-20"> </li><li class="h-520 w-full md:max-w-684 lg:max-w-992 relative flex flex-col items-start gap-8 shrink-0 image-gallery-md:rounded-20" data-index="0"> <img src="/globalassets/jcsa/images/what-to-wear/rs8493_aim07486-people-social-fashion.jpg" alt="RS8493_AIM07486 people social fashion.jpg" class="h-full w-full object-cover image-gallery-md:rounded-20"> </li><li class="h-520 w-full md:max-w-684 lg:max-w-992 relative flex flex-col items-start gap-8 shrink-0 image-gallery-md:rounded-20" data-index="0"> <img src="/globalassets/jcsa/images/what-to-wear/rs8748_22_2_25_ijd_general_douglas-defelice_dd3_5478-social.jpg" alt="RS8748_22_2_25_IJD_GENERAL_Douglas DeFelice_DD3_5478 social.jpg" class="h-full w-full object-cover image-gallery-md:rounded-20"> </li><li class="h-520 w-full md:max-w-684 lg:max-w-992 relative flex flex-col items-start gap-8 shrink-0 image-gallery-md:rounded-20" data-index="0"> <img src="/globalassets/jcsa/images/what-to-wear/rs8757_22_2_25_ijd_general_douglas-defelice__dd15025-social-saudi-cup.jpg" alt="RS8757_22_2_25_IJD_GENERAL_Douglas DeFelice__DD15025 social saudi cup.jpg" class="h-full w-full object-cover image-gallery-md:rounded-20"> </li><li class="h-520 w-full md:max-w-684 lg:max-w-992 relative flex flex-col items-start gap-8 shrink-0 image-gallery-md:rounded-20" data-index="0"> <img src="/globalassets/jcsa/images/what-to-wear/rs9513_22_2_26_saudi-cup_n_a__simsim__dscf1256-social-people.jpg" alt="RS9513_22_2_26_SAUDI CUP_N_A__Simsim__DSCF1256 social people.jpg" class="h-full w-full object-cover image-gallery-md:rounded-20"> </li><li class="h-520 w-full md:max-w-684 lg:max-w-992 relative flex flex-col items-start gap-8 shrink-0 image-gallery-md:rounded-20" data-index="0"> <img src="/globalassets/jcsa/images/what-to-wear/rs9563_22_2_26_saudi-cup_nouf-almoneef_simsim__dscf0971-people-fashion-girl-dress.jpg" alt="RS9563_22_2_26_SAUDI CUP_NOUF ALMONEEF_Simsim__DSCF0971 people fashion girl dress.jpg" class="h-full w-full object-cover image-gallery-md:rounded-20"> </li></ul> <div class="w-full mt-20 z-10 sticky lg:static bottom-25 flex flex-col content-center items-center"> <div class="flex items-start gap-10"> <div class="controls flex items-start bg-material-regular rounded-10"> <div class="p-12 flex items-start" data-index="0"> <div class="inactive h-20 w-20 bg-black-52 rounded-100"></div> <div class="active h-20 w-72 bg-material-ultra-thin rounded-100"> <div class="h-full bg-primary rounded-100"></div> </div> </div> <div class="p-12 flex items-start" data-index="1"> <div class="inactive h-20 w-20 bg-black-52 rounded-100"></div> <div class="active h-20 w-72 bg-material-ultra-thin rounded-100"> <div class="h-full bg-primary rounded-100"></div> </div> </div> <div class="p-12 flex items-start" data-index="2"> <div class="inactive h-20 w-20 bg-black-52 rounded-100"></div> <div class="active h-20 w-72 bg-material-ultra-thin rounded-100"> <div class="h-full bg-primary rounded-100"></div> </div> </div> <div class="p-12 flex items-start" data-index="3"> <div class="inactive h-20 w-20 bg-black-52 rounded-100"></div> <div class="active h-20 w-72 bg-material-ultra-thin rounded-100"> <div class="h-full bg-primary rounded-100"></div> </div> </div> <div class="p-12 flex items-start" data-index="4"> <div class="inactive h-20 w-20 bg-black-52 rounded-100"></div> <div class="active h-20 w-72 bg-material-ultra-thin rounded-100"> <div class="h-full bg-primary rounded-100"></div> </div> </div> <div class="p-12 flex items-start" data-index="5"> <div class="inactive h-20 w-20 bg-black-52 rounded-100"></div> <div class="active h-20 w-72 bg-material-ultra-thin rounded-100"> <div class="h-full bg-primary rounded-100"></div> </div> </div> <div class="p-12 flex items-start" data-index="6"> <div class="inactive h-20 w-20 bg-black-52 rounded-100"></div> <div class="active h-20 w-72 bg-material-ultra-thin rounded-100"> <div class="h-full bg-primary rounded-100"></div> </div> </div> <div class="p-12 flex items-start" data-index="7"> <div class="inactive h-20 w-20 bg-black-52 rounded-100"></div> <div class="active h-20 w-72 bg-material-ultra-thin rounded-100"> <div class="h-full bg-primary rounded-100"></div> </div> </div> <div class="p-12 flex items-start" data-index="8"> <div class="inactive h-20 w-20 bg-black-52 rounded-100"></div> <div class="active h-20 w-72 bg-material-ultra-thin rounded-100"> <div class="h-full bg-primary rounded-100"></div> </div> </div> <div class="p-12 flex items-start" data-index="9"> <div class="inactive h-20 w-20 bg-black-52 rounded-100"></div> <div class="active h-20 w-72 bg-material-ultra-thin rounded-100"> <div class="h-full bg-primary rounded-100"></div> </div> </div> <div class="p-12 flex items-start" data-index="10"> <div class="inactive h-20 w-20 bg-black-52 rounded-100"></div> <div class="active h-20 w-72 bg-material-ultra-thin rounded-100"> <div class="h-full bg-primary rounded-100"></div> </div> </div> <div class="p-12 flex items-start" data-index="11"> <div class="inactive h-20 w-20 bg-black-52 rounded-100"></div> <div class="active h-20 w-72 bg-material-ultra-thin rounded-100"> <div class="h-full bg-primary rounded-100"></div> </div> </div> <div class="p-12 flex items-start" data-index="12"> <div class="inactive h-20 w-20 bg-black-52 rounded-100"></div> <div class="active h-20 w-72 bg-material-ultra-thin rounded-100"> <div class="h-full bg-primary rounded-100"></div> </div> </div> <div class="p-12 flex items-start" data-index="13"> <div class="inactive h-20 w-20 bg-black-52 rounded-100"></div> <div class="active h-20 w-72 bg-material-ultra-thin rounded-100"> <div class="h-full bg-primary rounded-100"></div> </div> </div> <div class="p-12 flex items-start" data-index="14"> <div class="inactive h-20 w-20 bg-black-52 rounded-100"></div> <div class="active h-20 w-72 bg-material-ultra-thin rounded-100"> <div class="h-full bg-primary rounded-100"></div> </div> </div> <div class="p-12 flex items-start" data-index="15"> <div class="inactive h-20 w-20 bg-black-52 rounded-100"></div> <div class="active h-20 w-72 bg-material-ultra-thin rounded-100"> <div class="h-full bg-primary rounded-100"></div> </div> </div> <div class="p-12 flex items-start" data-index="16"> <div class="inactive h-20 w-20 bg-black-52 rounded-100"></div> <div class="active h-20 w-72 bg-material-ultra-thin rounded-100"> <div class="h-full bg-primary rounded-100"></div> </div> </div> <div class="p-12 flex items-start" data-index="17"> <div class="inactive h-20 w-20 bg-black-52 rounded-100"></div> <div class="active h-20 w-72 bg-material-ultra-thin rounded-100"> <div class="h-full bg-primary rounded-100"></div> </div> </div> <div class="p-12 flex items-start" data-index="18"> <div class="inactive h-20 w-20 bg-black-52 rounded-100"></div> <div class="active h-20 w-72 bg-material-ultra-thin rounded-100"> <div class="h-full bg-primary rounded-100"></div> </div> </div> <div class="p-12 flex items-start" data-index="19"> <div class="inactive h-20 w-20 bg-black-52 rounded-100"></div> <div class="active h-20 w-72 bg-material-ultra-thin rounded-100"> <div class="h-full bg-primary rounded-100"></div> </div> </div> <div class="p-12 flex items-start" data-index="20"> <div class="inactive h-20 w-20 bg-black-52 rounded-100"></div> <div class="active h-20 w-72 bg-material-ultra-thin rounded-100"> <div class="h-full bg-primary rounded-100"></div> </div> </div> </div> <button type="button" title="Start/stop" class="start-stop-button p-12 flex items-center bg-primary rounded-100"> <div class="icon h-20 w-20"></div> </button> </div> </div> </div> <button type="button" title="Scroll left" class="scroll-button left left-25"> <div class="icon bg-white mask-chevron-24x24-left"></div> </button> <button type="button" title="Scroll right" class="scroll-button right right-25"> <div class="icon bg-white mask-chevron-24x24-right"></div> </button> </section><section class="three-up page-width-padding py-25 lg:py-40"> <h1 class="mb-20 text-black-heading font-prata text-h1">Saudi Cup</h1> <p class="mb-20 lg:w-850 text-black-body font-inter text-body">The Jockey Club of Saudi Arabia and Ministry Of Culture encourage our guests to celebrate Saudi culture by dressing in styles inspired by the heritage costumes traditionally worn around the Kingdom. </p> <div class="flex flex-col gap-40"> <div class="three-up-items-row grid lg:grid-cols-2 gap-40"><div class="three-up-item group relative h-360 flex lg:overflow-hidden"> <img src="/globalassets/jcsa/images/membership/1.-hero---official-memberships_web.jpg" alt="1. Hero - Official Memberships_web.jpg" class="h-full w-full object-cover"> <div class="absolute inset-0 h-full w-full bg-black/40 md:bg-transparent bg-three-up-dimmer lg:bg-three-up-dimmer-hover"></div> <div class="absolute bottom-0 p-40"> <h2 class="font-prata text-h2 text-white-body">Men – Permitted</h2> <p class="mt-10 font-inter text-body text-white-body">Daglah or Sayah with agal and ghutra or shemagh. Thobe and bisht with agal and ghutra or shemagh. Formal national dress of your country. Formal dress uniform of any serving military personnel. Suit including jacket. Tie optional.</p> </div> </div><div class="three-up-item group relative h-360 flex lg:overflow-hidden"> <img src="/globalassets/jcsa/images/riyadh-entertainment/230224_saudicup_internationaljockeyschallenge_paulmcmillan_0085_web.jpg" alt="230224_SaudiCup_InternationalJockeysChallenge_PaulMcMillan_0085_web.jpg" class="h-full w-full object-cover"> <div class="absolute inset-0 h-full w-full bg-black/40 md:bg-transparent bg-three-up-dimmer lg:bg-three-up-dimmer-hover"></div> <div class="absolute bottom-0 p-40"> <h2 class="font-prata text-h2 text-white-body">Men – Not Permitted</h2> <p class="mt-10 font-inter text-body text-white-body">Casual attire including jeans, t-shirt and shorts. Promotional items </p> </div> </div></div> <div class="three-up-items-row grid lg:grid-cols-2 gap-40"><div class="three-up-item group relative h-360 flex lg:overflow-hidden"> <img src="/globalassets/jcsa/images/saudi-cup/230224_saudicup_internationaljockeyschallenge_web.jpg" alt="230224_SaudiCup_InternationalJockeysChallenge_web.jpg" class="h-full w-full object-cover"> <div class="absolute inset-0 h-full w-full bg-black/40 md:bg-transparent bg-three-up-dimmer lg:bg-three-up-dimmer-hover"></div> <div class="absolute bottom-0 p-40"> <h2 class="font-prata text-h2 text-white-body">Women – Permitted</h2> <p class="mt-10 font-inter text-body text-white-body">Abaya and Thobe whose designs are inspired by the traditional fashions of Saudi Arabia. In terms of lengths and fabrics, a modest approach aligned with Saudi traditions should be taken. Formal national dress of your country. Formal dress uniform of any serving military personnel. Suit including jacket.</p> </div> </div><div class="three-up-item group relative h-360 flex lg:overflow-hidden"> <img src="/globalassets/jcsa/images/jcsa/230225_saudicup_paulmcmillan_0165-social-people-girls_web.jpg" alt="230225_SaudiCup_PaulMcMillan_0165 Social people girls_web.jpg" class="h-full w-full object-cover"> <div class="absolute inset-0 h-full w-full bg-black/40 md:bg-transparent bg-three-up-dimmer lg:bg-three-up-dimmer-hover"></div> <div class="absolute bottom-0 p-40"> <h2 class="font-prata text-h2 text-white-body">Women – Not Permitted</h2> <p class="mt-10 font-inter text-body text-white-body">Casual attire including jeans, t-shirt and shorts. Promotional items.</p> </div> </div></div> </div> </section><section class="page-width-padding py-25 lg:py-40 flex flex-col gap-20"> <div class="flex items-center justify-between self-stretch gap-20 lg:gap-40 shrink-0 flex-col"> <div class="md:content-block-column min-w-350 max-w-840 pb-40 flex flex-col items-center gap-20 w-full lg:w-auto border-b-2 border-solid border-material-separators"> <div class="flex flex-col items-center gap-8 lg:gap-10"> <h1 class="text-black-heading font-prata text-h1">Saudi Cup Dress Code</h1> </div> <div class="text-black-body font-prata text-quote">In collaboration, with Ministry of Culture, we are pleased to have collaborated with Saudi heritage fashion expert Dr. Laila Albassam and illustrator Norah Sahman to bring you the Saudi Cup Dress Code.</div> <a href="https://e.issuu.com/embed.html?d=saudi_cup_fashion_brochure_-_eng&hideIssuuLogo=true&u=equestrian-jcsa" class="primary-button px-20 py-15" target="_blank">view here</a> </div> </div> </section><section class="three-up page-width-padding py-25 lg:py-40"> <h1 class="mb-20 text-black-heading font-prata text-h1">Other Racedays</h1> <p class="mb-20 lg:w-850 text-black-body font-inter text-body"></p> <div class="flex flex-col gap-40"> <div class="three-up-items-row grid lg:grid-cols-2 gap-40"><div class="three-up-item group relative h-360 flex lg:overflow-hidden"> <img src="/globalassets/jcsa/images/riyadh-entertainment/rs8258_aim05656-ent-people-social_web.jpg" alt="RS8258_AIM05656 ent people social_web.jpg" class="h-full w-full object-cover"> <div class="absolute inset-0 h-full w-full bg-black/40 md:bg-transparent bg-three-up-dimmer lg:bg-three-up-dimmer-hover"></div> <div class="absolute bottom-0 p-40"> <h2 class="font-prata text-h2 text-white-body">Permitted</h2> <p class="mt-10 font-inter text-body text-white-body">There is no dress code but we encourage guests to dress smartly.</p> </div> </div><div class="three-up-item group relative h-360 flex lg:overflow-hidden"> <img src="/globalassets/jcsa/images/riyadh-entertainment/2b186519-bb23-497f-b910-5a481f401089_web.jpg" alt="2b186519-bb23-497f-b910-5a481f401089_web.jpg" class="h-full w-full object-cover"> <div class="absolute inset-0 h-full w-full bg-black/40 md:bg-transparent bg-three-up-dimmer lg:bg-three-up-dimmer-hover"></div> <div class="absolute bottom-0 p-40"> <h2 class="font-prata text-h2 text-white-body">Not Permitted</h2> <p class="mt-10 font-inter text-body text-white-body">Casual attire including jeans, t-shirt and shorts. Promotional items.</p> </div> </div></div> </div> </section></div> </div> <footer class="bg-primary"> <div class="page-width-padding flex flex-col justify-start items-center text-white-heading font-inter text-base"> <div class="flex flex-col py-20 items-start w-full gap-20"> <script src="https://r1.marketing-pages.com/resources/sharing/embed.js?sharing=lp-embed&domain=r1.marketing-pages.com&id=7OW9-25M%2Fsign-up-to-get-the-latest-news"&description="></script> </div> <div class="w-full flex flex-wrap items-start py-20"> <div class="w-full">Our Partners</div> <div class="w-full flex flex-wrap items-start gap-40 mt-15"> <a href="https://boutiquegroup.com/" class="" target="_blank"> <img src="/globalassets/jcsa/images/partners/boutiquev5.png" alt="Boutiquev5.png" class="h-64"> </a><a href="https://dgda.gov.sa/home.aspx" class="" target="_blank"> <img src="/globalassets/jcsa/images/partners/dgda-white-circle2.png" alt="DGDA white circle2.png" class="h-64"> </a><a href="https://www.howdengroup.com/" class="" target="_blank"> <img src="/globalassets/jcsa/images/partners/howden_logo_crop.png" alt="howden_logo_crop.png" class="h-64"> </a><a href="https://www.investsaudi.sa/" class="" target="_blank"> <img src="/globalassets/jcsa/images/partners/invest-saudi_brandmark-artwork_bilingual_white.png" alt="Invest Saudi_Brandmark Artwork_Bilingual_White.png" class="h-64"> </a><a href="https://www.longines.com/" class="" target="_blank"> <img src="/globalassets/jcsa/images/footer/longines_new5.png" alt="Longines_new5.png" class="h-64"> </a><a href="https://lucidmotors.com/" class="" target="_blank"> <img src="/globalassets/jcsa/images/partners/lucid_logo-small_final2.png" alt="Lucid_logo small_final2.png" class="h-64"> </a><a href="https://almosef1st.com/" class="" target="_blank"> <img src="/globalassets/jcsa/images/partners/almosef_trnsv2.png" alt="Almosef_trnsv2.png" class="h-64"> </a><a href="https://nhc.sa/" class="" target="_blank"> <img src="/globalassets/jcsa/images/partners/nhc-500px.png" alt="NHC 500px.png" class="h-64"> </a><a href="https://www.saudia.com/" class="" target="_blank"> <img src="/globalassets/jcsa/images/partners/airlines-horizontal---white.png" alt="Airlines horizontal - white.png" class="h-64"> </a><a href="https://www.alahli.com/" class="" target="_blank"> <img src="/globalassets/jcsa/images/partners/snb-logo.png" alt="SNB logo.png" class="h-64"> </a><a href="https://sportsboulevard.sa/en/" class="" target="_self"> <img src="/globalassets/jcsa/images/footer/sbv_white_crop.png" alt="SBV_white_crop.png" class="h-64"> </a> </div> </div> <div class="w-full pt-40 lg:pt-20 pb-40 flex flex-wrap gap-y-40 lg:justify-between"> <hr class="h-1 w-full" /> <div class="w-full hidden lg:flex lg:justify-between"> <a href="/en/jcsa/careers/" class="primary-button link font-inter text-h4-mobile md:text-h4 font-bold bg-transparent border-transparent" target="_self">Careers</a><a href="/en/jcsa/contact-us/" class="primary-button link font-inter text-h4-mobile md:text-h4 font-bold bg-transparent border-transparent" target="_self">Contact Us</a><a href="/en/jcsa/history/" class="primary-button link font-inter text-h4-mobile md:text-h4 font-bold bg-transparent border-transparent" target="_self">History</a><a href="/en/racing/horsemen/" class="primary-button link font-inter text-h4-mobile md:text-h4 font-bold bg-transparent border-transparent" target="_self">Horsemen</a><a href="/en/news/media-services/" class="primary-button link font-inter text-h4-mobile md:text-h4 font-bold bg-transparent border-transparent" target="_self">Media & Accreditation</a><a href="/en/jcsa/official-partnerships/" class="primary-button link font-inter text-h4-mobile md:text-h4 font-bold bg-transparent border-transparent" target="_self">Partnerships</a><a href="/en/venues/venue-hire/" class="primary-button link font-inter text-h4-mobile md:text-h4 font-bold bg-transparent border-transparent" target="_self">Venue Hire</a> </div> <div class="w-full flex lg:hidden flex-wrap"> <a href="/en/jcsa/careers/" class="primary-button link py-10 w-1/2 font-inter text-h4-mobile md:text-h4 font-bold bg-transparent border-transparent" target="_self">Careers</a><a href="/en/jcsa/contact-us/" class="primary-button link py-10 w-1/2 font-inter text-h4-mobile md:text-h4 font-bold bg-transparent border-transparent" target="_self">Contact Us</a><a href="/en/jcsa/history/" class="primary-button link py-10 w-1/2 font-inter text-h4-mobile md:text-h4 font-bold bg-transparent border-transparent" target="_self">History</a><a href="/en/racing/horsemen/" class="primary-button link py-10 w-1/2 font-inter text-h4-mobile md:text-h4 font-bold bg-transparent border-transparent" target="_self">Horsemen</a><a href="/en/news/media-services/" class="primary-button link py-10 w-1/2 font-inter text-h4-mobile md:text-h4 font-bold bg-transparent border-transparent" target="_self">Media & Accreditation</a><a href="/en/jcsa/official-partnerships/" class="primary-button link py-10 w-1/2 font-inter text-h4-mobile md:text-h4 font-bold bg-transparent border-transparent" target="_self">Partnerships</a><a href="/en/venues/venue-hire/" class="primary-button link py-10 w-1/2 font-inter text-h4-mobile md:text-h4 font-bold bg-transparent border-transparent" target="_self">Venue Hire</a> </div> <div> <img src="/globalassets/jcsa/images/footer/jcsa-logo-with-text-white.png" alt="jcsa-logo-with-text-white.png" class="h-100" /> </div> </div> </div> <div class="bg-footer-links"> <div class="page-width-padding py-40 flex flex-wrap justify-between lg:justify-center content-center align-center gap-40 text-white-heading font-inter font-h5 font-bold"> <a href="/en/jcsa/privacy-policy/" class="primary-button link bg-transparent border-transparent text-white-heading font-inter text-h6 font-bold" target="_self">Privacy Policy</a><a href="/en/jcsa/cookie-policy/" class="primary-button link bg-transparent border-transparent text-white-heading font-inter text-h6 font-bold" target="_self">Cookie Policy</a> <p class="bg-transparent text-white-heading font-inter text-h6 font-bold text-center">2024 © Jockey Club of Saudi Arabia. All rights reserved. The Jockey Club of Saudi Arabia (JCSA) was established in 1965 and is tasked with the organisation, development and promotion of Saudi Arabian horseracing at domestic and international level.</p> </div> </div> </footer><div class="modal language-selector-modal relative z-50 hidden" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="fixed inset-0 bg-black/50 transition-opacity"></div> <div class="fixed inset-0 z-50 w-full overflow-y-auto"> <div class="backdrop-click flex min-h-full justify-center items-end md:items-center p-0"> <div class="p-40 w-full relative transform overflow-hidden rounded-t-20 md:rounded-b-20 bg-white text-start shadow-xl transition-all md:max-w-650"> <div class="absolute top-0 end-0 pt-20 pe-20"> <button type="button" title="Close" class="close-button"> <div class="icon h-20 w-20 bg-black mask-close"></div> </button> </div> <h2 class="pb-20 text-black font-prata text-h3"> Select your language </h2> <p class="pb-10 text-black font-inter text-h6 font-bold"> All Languages </p> <div class="flex items-center content-center self-stretch gap-10 flex-wrap flex-col md:flex-row font-inter text-body"> <button type="button" title="EN" class="language-selector-item min-w-280 w-full md:w-auto p-10 flex items-center gap-10 grow shrink-0 basis-0 rounded-10 hover:bg-primary-10" data-key="en"> <div class="icon h-40 w-40 bg-flag-en"></div> <div class="text-start grow shrink-0 basis-0">English (EN)</div> <div class="icon h-20 w-20 bg-check"></div> </button> <button type="button" title="AR" class="language-selector-item min-w-280 w-full md:w-auto p-10 flex items-center gap-10 grow shrink-0 basis-0 rounded-10 hover:bg-primary-10" data-key="ar"> <div class="icon h-40 w-40 bg-flag-ar"></div> <div class="text-start grow shrink-0 basis-0">العربية (AR)</div> </button> </div> </div> </div> </div> </div><div class="modal course-selector-modal relative z-50 hidden" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="fixed inset-0 bg-black/50 transition-opacity"></div> <div class="fixed inset-0 z-50 w-full overflow-y-auto"> <div class="backdrop-click flex min-h-full justify-center items-end md:items-center p-0"> <div class="px-40 py-48 w-full relative transform overflow-hidden rounded-t-20 md:rounded-b-20 bg-white text-start shadow-xl transition-all md:max-w-650"> <div class="absolute top-0 end-0 pt-20 pe-20"> <button type="button" title="Close" class="close-button"> <div class="icon h-20 w-20 bg-black mask-close"></div> </button> </div> <h2 class="pb-40 text-black font-prata text-h2 text-center"> Welcome to the Jockey Club of Saudi Arabia </h2> <div class="w-300 mx-auto flex items-center gap-10 self-stretch flex-col font-inter text-body"> <p class="pb-10 text-black font-prata text-h4 font-bold text-center"> Select a course </p> <div class="flex items-center gap-10 self-stretch flex-col"> <button type="button" title="Taif" class="course-selector-item active:selected" data-key="taif"> <div class="text-black font-roboto text-body font-bold uppercase">Taif</div> <div class="text-black-body font-roboto text-course-selector-modal-date-range">4 July - 28 September 2024</div> </button><button type="button" title="Riyadh" class="course-selector-item active:selected" data-key="riyadh"> <div class="text-black font-roboto text-body font-bold uppercase">Riyadh</div> <div class="text-black-body font-roboto text-course-selector-modal-date-range">17 October 2024 - 15 March 2025</div> </button> <button type="button" title="All courses" class="course-selector-item active:selected selected" data-key="all"> <div class="text-black font-roboto text-body font-bold uppercase">All Courses</div> </button> </div> </div> </div> </div> </div> </div><div class="modal search-modal relative z-50 hidden"> <div class="modal-bg fixed inset-0 bg-search-background backdrop-blur-25 transition-opacity"></div> <div class="fixed inset-0 z-50 w-full overflow-y-auto"> <div class="backdrop-click lg:px-desktop lg:py-40 flex min-h-full justify-center items-start"> <div class="absolute top-0 end-0 pt-55 pe-50 hidden lg:block"> <button type="button" title="Close" class="close-button h-44 w-44 p-10 flex justify-center items-center gap-10 rounded-100 bg-material-regular backdrop-blur-25"> <div class="icon h-20 w-20 bg-black mask-close"></div> </button> </div> <div class="relative overflow-hidden w-full lg:w-840 flex flex-col gap-20 lg:gap-64"> <div class="input-container flex"> <div class="ps-mobile md:ps-tablet pe-10 flex lg:hidden items-center bg-white border-e border-b border-material-separators"> <button type="button" title="Close" class="close-button h-44 w-44 p-10 flex justify-center items-center gap-10 rounded-100 bg-material-regular backdrop-blur-25"> <div class="icon h-20 w-20 bg-black mask-close"></div> </button> </div> <div class="search-input h-74 w-full ps-25 flex items-center gap-10 bg-white"> <input type="text" class="w-full focus:outline-none text-black-body font-inter text-body" title="search" placeholder="Start typing..." /> <div class="flex items-center"> <select class="w-110 p-15 bg-material-thick backdrop-blur-25 rounded-100 flex items-center gap-10 text-black-body font-inter text-body appearance-none bg-chevron-16x16-down bg-no-repeat ltr:bg-dropdown-arrow-ltr rtl:bg-dropdown-arrow-rtl" title="dropdown"> <option value="All">All</option> <option value="Horse">Horse</option> <option value="Jockey">Jockey</option> <option value="Trainer">Trainer</option> <option value="Owner">Owner</option> </select> <button type="button" title="Search" class="flex justify-center items-center gap-10 bg-primary"> <div class="icon h-24 w-24 bg-white mask-search"></div> </button> </div> </div> </div> <div class="search-listing px-mobile md:px-tablet lg:px-0 pb-24 flex flex-col gap-24" data-max-items="5"> <ul class="listing-items flex flex-col items-start gap-24"></ul> <div class="loading-content w-full hidden"><ul class="flex flex-col items-start gap-24"> <li class="profile-search-item flex flex-col items-start self-stretch gap-20 animate-pulse"> <div class="flex flex-col lg:flex-row items-start lg:items-center self-stretch gap-12"> <div class="h-72 w-72 p-16 flex justify-center items-center gap-10 rounded-100 bg-white border border-solid border-black-5"></div> <div class="flex flex-col items-start flex-1 gap-8"> <div class="h-22 w-120 bg-material-thin backdrop-blur-25 rounded-10"></div> <div class="flex gap-5"> <div class="h-22 w-50 bg-material-thin backdrop-blur-25 rounded-10"></div> <div>⋅</div> <div class="h-22 w-100 bg-material-thin backdrop-blur-25 rounded-10"></div> <div>⋅</div> <div class="h-22 w-100 bg-material-thin backdrop-blur-25 rounded-10"></div> </div> </div> </div> </li> <li class="h-1 flex self-stretch bg-material-separators"></li> <li class="profile-search-item flex flex-col items-start self-stretch gap-20 animate-pulse"> <div class="flex flex-col lg:flex-row items-start lg:items-center self-stretch gap-12"> <div class="h-72 w-72 p-16 flex justify-center items-center gap-10 rounded-100 bg-white border border-solid border-black-5"></div> <div class="flex flex-col items-start flex-1 gap-8"> <div class="h-22 w-120 bg-material-thin backdrop-blur-25 rounded-10"></div> <div class="flex gap-5"> <div class="h-22 w-50 bg-material-thin backdrop-blur-25 rounded-10"></div> <div>⋅</div> <div class="h-22 w-100 bg-material-thin backdrop-blur-25 rounded-10"></div> <div>⋅</div> <div class="h-22 w-100 bg-material-thin backdrop-blur-25 rounded-10"></div> </div> </div> </div> </li> <li class="h-1 flex self-stretch bg-material-separators"></li> <li class="profile-search-item flex flex-col items-start self-stretch gap-20 animate-pulse"> <div class="flex flex-col lg:flex-row items-start lg:items-center self-stretch gap-12"> <div class="h-72 w-72 p-16 flex justify-center items-center gap-10 rounded-100 bg-white border border-solid border-black-5"></div> <div class="flex flex-col items-start flex-1 gap-8"> <div class="h-22 w-120 bg-material-thin backdrop-blur-25 rounded-10"></div> <div class="flex gap-5"> <div class="h-22 w-50 bg-material-thin backdrop-blur-25 rounded-10"></div> <div>⋅</div> <div class="h-22 w-100 bg-material-thin backdrop-blur-25 rounded-10"></div> <div>⋅</div> <div class="h-22 w-100 bg-material-thin backdrop-blur-25 rounded-10"></div> </div> </div> </div> </li> <li class="h-1 flex self-stretch bg-material-separators"></li> </ul></div> <div class="error-content hidden"><section class="header-block"> <div class="page-width-padding text-black-heading font-prata text-h2 font-normal">Error</div> </section></div> <a href="/en/search" title="Show more" class="primary-button show-more-button mx-auto px-20 py-15 items-center hidden" data-search-url="/en/search">Show More</a> </div> </div> </div> </div> </div> <script src="/js/scripts.min.js" type="module"></script> </body> </html>