CINXE.COM
Horse Auctions
<!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>Horse Auctions</title> <link href="https://jcsa.sa/en/racing/horse-auctions/" rel="canonical" /> <link href="https://jcsa.sa/en/racing/horse-auctions/" hreflang="en" rel="alternate" /><link href="https://jcsa.sa/ar/racing/horse-auctions/" 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="header-block"> <div class="page-width-padding pt-20 lg:pt-40 pb-20 lg:pb-40 text-black-heading font-prata text-h2 md:text-h1 font-normal">Official Horse Auctions</div> <img src="/globalassets/jcsa/images/owners-experience/1_8_web.jpg" alt="1_8_web.jpg" class="h-240 md:h-320 lg:h-400 w-full object-cover"> </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">Introduction </h1> </div> <div class="text-black-body font-prata text-quote">For generations, we've been dedicated to nurturing the finest horses, fostering a tradition of excellence, and uniting racing enthusiasts. Our Yearling Sale opens up a network of opportunities. For inquiries, registration, or to discuss how you can be part of our next Yearling Sale, please contact us.</div> <a href="/en/jcsa/contact-us/" class="primary-button px-20 py-15" target="_self">Email Us</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">A Gateway to Excellence: Opportunities at Our Yearling Sale</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-3 gap-40"><div class="three-up-item group relative h-360 flex lg:overflow-hidden"> <img src="/globalassets/jcsa/images/auctions/14-pre_web.jpg" alt="1(4) PRE_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">Pedigree and Potential</h2> <p class="mt-10 font-inter text-body text-white-body">Explore a carefully curated selection of yearlings. We offer you the opportunity to acquire horses with exceptional bloodlines.</p> </div> </div><div class="three-up-item group relative h-360 flex lg:overflow-hidden"> <img src="/globalassets/jcsa/images/auctions/16_web.jpg" alt="1(6)_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">Expertise and Support</h2> <p class="mt-10 font-inter text-body text-white-body">Our team of industry experts are here to guide you and support your yearling's success.</p> </div> </div><div class="three-up-item group relative h-360 flex lg:overflow-hidden"> <img src="/globalassets/jcsa/images/auctions/1_31_web.jpg" alt="1_3(1)_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">Networking and Community</h2> <p class="mt-10 font-inter text-body text-white-body">Join a vibrant community of horse enthusiasts and racing professionals. Forge connections, share your passion, and become part of something extraordinary.</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>