.elementor-402 .elementor-element.elementor-element-ac55ae3{--display:flex;}.elementor-402 .elementor-element.elementor-element-ac55ae3:not(.elementor-motion-effects-element-type-background), .elementor-402 .elementor-element.elementor-element-ac55ae3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #BBBBBB 0%, #1C471B 100%);}.elementor-402 .elementor-element.elementor-element-a8a8e4c{margin:150px 0px calc(var(--kit-widget-spacing, 0px) + 100px) 0px;}.elementor-402 .elementor-element.elementor-element-278221b{--display:flex;}.elementor-402 .elementor-element.elementor-element-9260713{--display:flex;}.elementor-402 .elementor-element.elementor-element-df0df9d{--display:flex;}.elementor-402 .elementor-element.elementor-element-aee5e24{--display:flex;}.elementor-402 .elementor-element.elementor-element-e7e6ddc{--display:flex;}.elementor-402 .elementor-element.elementor-element-3d393dd{--display:flex;}.elementor-402 .elementor-element.elementor-element-31b7f92{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-swiper-slides-gap:10px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 50px) 0px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;}.elementor-402 .elementor-element.elementor-element-9d28847{--display:grid;--min-height:0px;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-402 .elementor-element.elementor-element-9d28847:not(.elementor-motion-effects-element-type-background), .elementor-402 .elementor-element.elementor-element-9d28847 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1C471B;}.elementor-402 .elementor-element.elementor-element-d0df685{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-402 .elementor-element.elementor-element-882257c{--display:grid;--min-height:0px;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--align-items:end;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0350px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-402 .elementor-element.elementor-element-882257c:not(.elementor-motion-effects-element-type-background), .elementor-402 .elementor-element.elementor-element-882257c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://riyadh.arqaartfair.com/wp-content/uploads/2026/01/result_Arqa_art_Fair_Emerging-Galleries-Program.png");background-position:0px 0px;background-repeat:no-repeat;background-size:100% auto;}.elementor-402 .elementor-element.elementor-element-2c55dc3{--display:grid;--min-height:0px;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--align-items:end;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:350px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-402 .elementor-element.elementor-element-2c55dc3:not(.elementor-motion-effects-element-type-background), .elementor-402 .elementor-element.elementor-element-2c55dc3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://riyadh.arqaartfair.com/wp-content/uploads/2026/01/result_Arqa_art_Fair_Minimum-Artwork-Value.png");background-position:0px 0px;background-repeat:no-repeat;background-size:100% auto;}.elementor-402 .elementor-element.elementor-element-55839fc{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-402 .elementor-element.elementor-element-55839fc:not(.elementor-motion-effects-element-type-background), .elementor-402 .elementor-element.elementor-element-55839fc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #1C471B 0%, #BBBBBB 100%);}.elementor-402 .elementor-element.elementor-element-15a4ccb{--display:flex;}.elementor-402 .elementor-element.elementor-element-9e66077.elementor-element{--align-self:center;}.elementor-402 .elementor-element.elementor-element-75876db .e-gallery-item:hover .elementor-gallery-item__overlay, .elementor-402 .elementor-element.elementor-element-75876db .e-gallery-item:focus .elementor-gallery-item__overlay{background-color:rgba(0,0,0,0.5);}.elementor-402 .elementor-element.elementor-element-75876db{--image-transition-duration:800ms;--overlay-transition-duration:800ms;--content-text-align:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;}:root{--page-title-display:none;}@media(min-width:1025px){.elementor-402 .elementor-element.elementor-element-882257c:not(.elementor-motion-effects-element-type-background), .elementor-402 .elementor-element.elementor-element-882257c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}.elementor-402 .elementor-element.elementor-element-2c55dc3:not(.elementor-motion-effects-element-type-background), .elementor-402 .elementor-element.elementor-element-2c55dc3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}@media(max-width:1024px){.elementor-402 .elementor-element.elementor-element-31b7f92{--e-n-carousel-swiper-slides-to-display:2;}.elementor-402 .elementor-element.elementor-element-9d28847{--grid-auto-flow:row;}.elementor-402 .elementor-element.elementor-element-d0df685{--grid-auto-flow:row;}.elementor-402 .elementor-element.elementor-element-882257c{--grid-auto-flow:row;--padding-top:250px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-402 .elementor-element.elementor-element-882257c:not(.elementor-motion-effects-element-type-background), .elementor-402 .elementor-element.elementor-element-882257c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-402 .elementor-element.elementor-element-2c55dc3{--grid-auto-flow:row;--padding-top:250px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-402 .elementor-element.elementor-element-2c55dc3:not(.elementor-motion-effects-element-type-background), .elementor-402 .elementor-element.elementor-element-2c55dc3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-402 .elementor-element.elementor-element-55839fc{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-402 .elementor-element.elementor-element-31b7f92{--e-n-carousel-swiper-slides-to-display:1;}.elementor-402 .elementor-element.elementor-element-9d28847{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-402 .elementor-element.elementor-element-d0df685{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-402 .elementor-element.elementor-element-882257c{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:200px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-402 .elementor-element.elementor-element-882257c:not(.elementor-motion-effects-element-type-background), .elementor-402 .elementor-element.elementor-element-882257c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-402 .elementor-element.elementor-element-2c55dc3{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:200px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-402 .elementor-element.elementor-element-2c55dc3:not(.elementor-motion-effects-element-type-background), .elementor-402 .elementor-element.elementor-element-2c55dc3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-402 .elementor-element.elementor-element-55839fc{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for html, class: .elementor-element-a8a8e4c *//* 1. THE ANIMATION DEFINITIONS */ /* Sophisticated header expansion */ @keyframes arqaHeaderReveal { 0% { opacity: 0; letter-spacing: 30px; filter: blur(15px); transform: translateY(20px); } 100% { opacity: 1; letter-spacing: 12px; filter: blur(0); transform: translateY(0); } } /* Gold line architectural growth */ @keyframes arqaLineGrow { 0% { height: 0; opacity: 0; } 100% { height: 100%; opacity: 1; } } /* Smooth ink-bleed fade for list items */ @keyframes arqaItemFade { 0% { opacity: 0; transform: translateX(20px); filter: blur(5px); } 100% { opacity: 1; transform: translateX(0); filter: blur(0); } } /* 2. APPLYING TO YOUR HTML STRUCTURE */ /* Target the Main "Exhibitors" Title */ .elementor-402 .elementor-element.elementor-element-a8a8e4c h2 { animation: arqaHeaderReveal 2s cubic-bezier(0.16, 1, 0.3, 1) forwards; } /* Target the "We Welcome" Subtitle */ .elementor-402 .elementor-element.elementor-element-a8a8e4c p { opacity: 0; animation: arqaItemFade 1.5s ease-out 0.8s forwards; } /* Target the Vertical Gold Bars */ .elementor-402 .elementor-element.elementor-element-a8a8e4c .animate-bar { transform-origin: top; animation: arqaLineGrow 1.8s cubic-bezier(0.7, 0, 0.2, 1) forwards; } /* Target the List Items with Staggered Delays */ .elementor-402 .elementor-element.elementor-element-a8a8e4c .animate-item { opacity: 0; } .elementor-402 .elementor-element.elementor-element-a8a8e4c .animate-item:nth-child(1) { animation: arqaItemFade 1.2s ease-out 1s forwards; } .elementor-402 .elementor-element.elementor-element-a8a8e4c .animate-item:nth-child(2) { animation: arqaItemFade 1.2s ease-out 1.2s forwards; } .elementor-402 .elementor-element.elementor-element-a8a8e4c .animate-item:nth-child(3) { animation: arqaItemFade 1.2s ease-out 1.4s forwards; } .elementor-402 .elementor-element.elementor-element-a8a8e4c .animate-item:nth-child(4) { animation: arqaItemFade 1.2s ease-out 1.6s forwards; } /* 3. HOVER INTERACTION: THE "BREATHING" GOLD */ .elementor-402 .elementor-element.elementor-element-a8a8e4c .animate-bar:hover { box-shadow: 0px 0px 20px rgba(197, 160, 89, 1) !important; transition: 0.4s; }/* End custom CSS */ /* Start custom CSS for nested-carousel, class: .elementor-element-31b7f92 *//* Restrict the width of the entire widget */ .elementor-402 .elementor-element.elementor-element-31b7f92 { max-width: 800px !important; /* This makes it smaller */ margin-left: auto !important; margin-right: auto !important; } /* Force the image height so it stays elegant and slim */ .elementor-402 .elementor-element.elementor-element-31b7f92 .swiper-slide img { height: 450px !important; /* Adjust this number to make it taller or shorter */ width: 100% !important; object-fit: cover !important; /* Prevents stretching */ border-radius: 4px; /* Optional: adds a modern touch */ } /* Fixes spacing issues on mobile */ @media (max-width: 767px) { .elementor-402 .elementor-element.elementor-element-31b7f92 { max-width: 90% !important; } .elementor-402 .elementor-element.elementor-element-31b7f92 .swiper-slide img { height: 300px !important; } } /* Ensure the arrows are vertically centered and pushed out */ .elementor-402 .elementor-element.elementor-element-31b7f92 .elementor-swiper-button { top: 50% !important; transform: translateY(-50%) !important; background: transparent !important; border: none !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Push Left Arrow further out into the green space */ .elementor-402 .elementor-element.elementor-element-31b7f92 .elementor-swiper-button-prev { left: -100px !important; } /* Push Right Arrow further out into the green space */ .elementor-402 .elementor-element.elementor-element-31b7f92 .elementor-swiper-button-next { right: -100px !important; } /* Hover Effect to prevent jumping */ .elementor-402 .elementor-element.elementor-element-31b7f92 .elementor-swiper-button-prev:hover { transform: translateY(-50%) scale(1.2) !important; } .elementor-402 .elementor-element.elementor-element-31b7f92 .elementor-swiper-button-next:hover { transform: translateY(-50%) scale(1.2) !important; } /* Mobile Fix: Bring them back inside so they don't disappear off screen */ @media (max-width: 1200px) { .elementor-402 .elementor-element.elementor-element-31b7f92 .elementor-swiper-button-prev { left: -50px !important; } .elementor-402 .elementor-element.elementor-element-31b7f92 .elementor-swiper-button-next { right: -50px !important; } } @media (max-width: 768px) { .elementor-402 .elementor-element.elementor-element-31b7f92 .elementor-swiper-button-prev { left: 10px !important; } .elementor-402 .elementor-element.elementor-element-31b7f92 .elementor-swiper-button-next { right: 10px !important; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-9e66077 *//* --- MODERN GALLERY BUTTON STYLING --- */ .elementor-402 .elementor-element.elementor-element-9e66077 .elementor-button { background-color: transparent !important; /* Removes the heavy grey */ border: 1px solid rgba(255, 255, 255, 0.4) !important; /* Thin, elegant border */ color: #ffffff !important; font-family: 'Montserrat', sans-serif !important; font-weight: 500 !important; text-transform: uppercase !important; letter-spacing: 3px !important; /* Matches your luxury headers */ font-size: 13px !important; padding: 15px 35px !important; /* Modern, elongated shape */ transition: all 0.4s ease-in-out !important; border-radius: 0px !important; /* Sharp corners for a premium feel */ } /* --- HOVER STATE: ARQA GOLD REVEAL --- */ .elementor-402 .elementor-element.elementor-element-9e66077 .elementor-button:hover { background-color: #9E771F !important; /* Arqa Gold */ border-color: #9E771F !important; color: #ffffff !important; letter-spacing: 5px !important; /* Subtle expansion effect */ box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); transform: translateY(-3px); /* Subtle lift */ } /* 1. BUTTON ENTRANCE KEYFRAMES */ @keyframes arqaButtonEntrance { 0% { opacity: 0; transform: scale(0.9) translateY(20px); letter-spacing: 10px; /* Dramatic wide start */ border-color: rgba(158, 119, 31, 0); } 100% { opacity: 1; transform: scale(1) translateY(0); letter-spacing: 2px; /* Settles into brand standard */ border-color: rgba(158, 119, 31, 0.8); } } /* 2. APPLY TO BUTTON WIDGET */ .elementor-402 .elementor-element.elementor-element-9e66077 .elementor-button { opacity: 0; animation: arqaButtonEntrance 1.4s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; animation-delay: 0.8s; /* Appears last in the sequence */ /* Ensure the gold border is jewelry-thin */ border: 1px solid #9E771F !important; background-color: transparent !important; transition: all 0.4s ease-in-out !important; } /* 3. MODERN HOVER INTERACTION */ .elementor-402 .elementor-element.elementor-element-9e66077 .elementor-button:hover { background-color: #9E771F !important; color: #ffffff !important; box-shadow: 0 0 20px rgba(158, 119, 31, 0.4) !important; transform: translateY(-3px) !important; }/* End custom CSS */ /* Start custom CSS for gallery, class: .elementor-element-75876db *//* 1. THE STAGE (Container) */ .elementor-402 .elementor-element.elementor-element-75876db .elementor-gallery__container { display: block !important; position: relative !important; min-height: 400px !important; /* Reduced height for smaller images */ width: 100% !important; overflow: visible !important; } /* 2. COMPACT IMAGE STYLES */ .elementor-402 .elementor-element.elementor-element-75876db .elementor-gallery-item { position: absolute !important; width: 240px !important; /* Smaller width to prevent crowding */ transition: all 0.6s cubic-bezier(0.2, 1, 0.3, 1) !important; border: 1px solid rgba(197, 160, 89, 0.4) !important; border-radius: 2px !important; box-shadow: 0 15px 35px rgba(0, 0, 0, 0.5) !important; } /* 3. THE BACK IMAGE (Top-Left) */ .elementor-402 .elementor-element.elementor-element-75876db .elementor-gallery-item:nth-child(1) { z-index: 1; top: 20px !important; left: 15% !important; /* Pushed further right to clear text */ filter: brightness(0.7); } /* 4. THE FRONT IMAGE (Bottom-Right Overlay) */ .elementor-402 .elementor-element.elementor-element-75876db .elementor-gallery-item:nth-child(2) { z-index: 5; top: 100px !important; /* Tighter vertical offset */ left: 40% !important; /* Tighter horizontal offset */ border-color: rgba(197, 160, 89, 0.7) !important; box-shadow: 0 25px 50px rgba(0, 0, 0, 0.6) !important; } /* 5. HOVER: THE "SPOTLIGHT" REVEAL */ .elementor-402 .elementor-element.elementor-element-75876db .elementor-gallery-item:hover { z-index: 10 !important; transform: translateY(-10px) scale(1.05) !important; filter: brightness(1.1) !important; border-color: #C5A059 !important; box-shadow: 0 35px 70px rgba(0, 0, 0, 0.7), 0 0 20px rgba(197, 160, 89, 0.2) !important; } /* Hide default Elementor text overlays */ .elementor-402 .elementor-element.elementor-element-75876db .elementor-gallery-item__content { display: none !important; }/* End custom CSS */