.elementor-541 .elementor-element.elementor-element-c66fd3c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-541 .elementor-element.elementor-element-c66fd3c:not(.elementor-motion-effects-element-type-background), .elementor-541 .elementor-element.elementor-element-c66fd3c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background:url("https://riyadh.arqaartfair.com/wp-content/uploads/2026/02/Gemini_Generated_Image_1z7lpd1z7lpd1z7l.png") 50% 50%;background-size:cover;}.elementor-541 .elementor-element.elementor-element-c815e67{margin:100px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-541 .elementor-element.elementor-element-745c511{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-541 .elementor-element.elementor-element-745c511:not(.elementor-motion-effects-element-type-background), .elementor-541 .elementor-element.elementor-element-745c511 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2E2E2E;}.elementor-541 .elementor-element.elementor-element-323d50f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-541 .elementor-element.elementor-element-323d50f.e-con{--align-self:center;}.elementor-541 .elementor-element.elementor-element-7524a46{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-541 .elementor-element.elementor-element-7524a46.e-con{--align-self:center;}.elementor-541 .elementor-element.elementor-element-387d6eb{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;}.elementor-541 .elementor-element.elementor-element-387d6eb:not(.elementor-motion-effects-element-type-background), .elementor-541 .elementor-element.elementor-element-387d6eb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #2E2E2E 0%, #1C471B 100%);}.elementor-541 .elementor-element.elementor-element-ab3917d{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-541 .elementor-element.elementor-element-ab3917d.e-con{--align-self:center;}.elementor-541 .elementor-element.elementor-element-4bee436.elementor-element{--align-self:center;}.elementor-541 .elementor-element.elementor-element-d83a73e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-541 .elementor-element.elementor-element-d83a73e.e-con{--align-self:center;}.elementor-541 .elementor-element.elementor-element-76eb575{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-541 .elementor-element.elementor-element-047fb96.elementor-element{--align-self:center;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-541 .elementor-element.elementor-element-323d50f{--width:50%;}.elementor-541 .elementor-element.elementor-element-7524a46{--width:50%;}.elementor-541 .elementor-element.elementor-element-d83a73e{--width:100%;}}@media(max-width:1024px){.elementor-541 .elementor-element.elementor-element-c815e67{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-541 .elementor-element.elementor-element-ab3917d{--grid-auto-flow:row;}.elementor-541 .elementor-element.elementor-element-76eb575{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-541 .elementor-element.elementor-element-c815e67{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-541 .elementor-element.elementor-element-ab3917d{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-541 .elementor-element.elementor-element-76eb575{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for html, class: .elementor-element-c815e67 *//* 1. KEYFRAMES */

/* Subtle slide up with fade */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(15px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Horizontal line draw effect */
@keyframes drawLine {
    from { width: 0; }
    to { width: 40px; } /* Matches the .accent-line width */
}

/* Elegant scale-in for the footer diamond */
@keyframes diamondReveal {
    0% {
        opacity: 0;
        transform: rotate(0deg) scale(0);
    }
    100% {
        opacity: 1;
        transform: rotate(405deg) scale(1); /* Extra rotation for flair */
    }
}

/* 2. APPLYING TO CLASSES */

/* Apply initial state (hidden) to all animated elements */
.accent-line, .label-tag, .main-word, .connector, .sub-word, .diamond-marker {
    opacity: 0;
    animation-fill-mode: forwards !important;
}

/* Timeline of the reveal */

/* Step 1: The Top Accent Line draws out */
.accent-line {
    animation: drawLine 1s cubic-bezier(0.65, 0, 0.35, 1) forwards;
    animation-delay: 0.2s;
}

/* Step 2: The small label fades in */
.label-tag {
    animation: fadeInUp 0.8s ease-out forwards;
    animation-delay: 0.5s;
}

/* Step 3: "Art Acquisition" reveals */
.main-word {
    animation: fadeInUp 1.2s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
    animation-delay: 0.8s;
}

/* Step 4: The "&" fades in elegantly */
.connector {
    animation: fadeInUp 1s ease-out forwards;
    animation-delay: 1.1s;
}

/* Step 5: "Private Sales" arrives last as the anchor */
.sub-word {
    animation: fadeInUp 1.2s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
    animation-delay: 1.3s;
}

/* Step 6: The Diamond "pops" to finish the look */
.diamond-marker {
    animation: diamondReveal 0.8s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
    animation-delay: 1.8s;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1bb5f46 *//* Target the specific image inside the Elementor widget */
.elementor-541 .elementor-element.elementor-element-1bb5f46 img {
    /* Architectural 8px rounded corners for a modern feel */
    border-radius: 8px !important;
    
    /* Jewelry-thin gold border */
    border: 1px solid rgba(158, 119, 31, 0.25) !important;
    
    /* Deep, soft shadow to mimic a floating gallery canvas */
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.6) !important;
    
    /* High-end smooth transition */
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1) !important;
    
    /* Subtle cinematic filter */
    filter: brightness(0.95) contrast(1.05) saturate(1.1);
}

/* Hover Effect: The "Gallery Spotlight" */
.elementor-541 .elementor-element.elementor-element-1bb5f46:hover img {
    /* Subtle lift and scale */
    transform: translateY(-12px) scale(1.03) !important;
    
    /* Brighter, glowing gold border on hover */
    border: 1px solid rgba(158, 119, 31, 0.6) !important;
    
    /* Intensified shadow with a hint of gold glow */
    box-shadow: 0 40px 70px -15px rgba(0, 0, 0, 0.7), 
                0 0 20px rgba(158, 119, 31, 0.15) !important;
    
    /* Simulate a spotlight hit */
    filter: brightness(1.05) contrast(1.1) saturate(1.1) !important;
}



/* 1. THE MODERN CINEMATIC KEYFRAMES */
@keyframes arqaModernImageReveal {
    0% {
        opacity: 0;
        transform: scale(1.08) translateY(20px);
        filter: blur(20px) brightness(0.6) contrast(1.2);
    }
    100% {
        opacity: 1;
        transform: scale(1) translateY(0);
        filter: blur(0px) brightness(1) contrast(1);
    }
}

/* 2. APPLY TO THE IMAGE */
.elementor-541 .elementor-element.elementor-element-1bb5f46 img {
    opacity: 0;
    /* Longer duration (1.8s) for a high-end "heavy" feel */
    animation: arqaModernImageReveal 1.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
    animation-delay: 0.4s;
    
    /* Premium Framing matching the gold theme */
    border-radius: 12px !important;
    border: 1px solid rgba(158, 119, 31, 0.3) !important;
    box-shadow: 0 40px 80px rgba(0, 0, 0, 0.6) !important;
    
    will-change: transform, filter, opacity;
}

/* 3. SUBTLE HOVER GLOW */
.elementor-541 .elementor-element.elementor-element-1bb5f46:hover img {
    transform: scale(1.02) !important;
    border-color: rgba(158, 119, 31, 0.8) !important;
    box-shadow: 0 50px 100px rgba(0, 0, 0, 0.7), 
                0 0 30px rgba(158, 119, 31, 0.2) !important;
    transition: all 0.8s cubic-bezier(0.2, 1, 0.3, 1) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4bee436 *//* Target the specific image inside the Elementor widget */
.elementor-541 .elementor-element.elementor-element-4bee436 img {
    /* Architectural 8px rounded corners for a modern feel */
    border-radius: 8px !important;
    
    /* Jewelry-thin gold border */
    border: 1px solid rgba(158, 119, 31, 0.25) !important;
    
    /* Deep, soft shadow to mimic a floating gallery canvas */
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.6) !important;
    
    /* High-end smooth transition */
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1) !important;
    
    /* Subtle cinematic filter */
    filter: brightness(0.95) contrast(1.05) saturate(1.1);
}

/* Hover Effect: The "Gallery Spotlight" */
.elementor-541 .elementor-element.elementor-element-4bee436:hover img {
    /* Subtle lift and scale */
    transform: translateY(-12px) scale(1.03) !important;
    
    /* Brighter, glowing gold border on hover */
    border: 1px solid rgba(158, 119, 31, 0.6) !important;
    
    /* Intensified shadow with a hint of gold glow */
    box-shadow: 0 40px 70px -15px rgba(0, 0, 0, 0.7), 
                0 0 20px rgba(158, 119, 31, 0.15) !important;
    
    /* Simulate a spotlight hit */
    filter: brightness(1.05) contrast(1.1) saturate(1.1) !important;
}



/* 1. THE MODERN CINEMATIC KEYFRAMES */
@keyframes arqaModernImageReveal {
    0% {
        opacity: 0;
        transform: scale(1.08) translateY(20px);
        filter: blur(20px) brightness(0.6) contrast(1.2);
    }
    100% {
        opacity: 1;
        transform: scale(1) translateY(0);
        filter: blur(0px) brightness(1) contrast(1);
    }
}

/* 2. APPLY TO THE IMAGE */
.elementor-541 .elementor-element.elementor-element-4bee436 img {
    opacity: 0;
    /* Longer duration (1.8s) for a high-end "heavy" feel */
    animation: arqaModernImageReveal 1.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
    animation-delay: 0.4s;
    
    /* Premium Framing matching the gold theme */
    border-radius: 12px !important;
    border: 1px solid rgba(158, 119, 31, 0.3) !important;
    box-shadow: 0 40px 80px rgba(0, 0, 0, 0.6) !important;
    
    will-change: transform, filter, opacity;
}

/* 3. SUBTLE HOVER GLOW */
.elementor-541 .elementor-element.elementor-element-4bee436:hover img {
    transform: scale(1.02) !important;
    border-color: rgba(158, 119, 31, 0.8) !important;
    box-shadow: 0 50px 100px rgba(0, 0, 0, 0.7), 
                0 0 30px rgba(158, 119, 31, 0.2) !important;
    transition: all 0.8s cubic-bezier(0.2, 1, 0.3, 1) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-047fb96 *//* Target the specific image inside the Elementor widget */
.elementor-541 .elementor-element.elementor-element-047fb96 img {
    /* Architectural 8px rounded corners for a modern feel */
    border-radius: 8px !important;
    
    /* Jewelry-thin gold border */
    border: 1px solid rgba(158, 119, 31, 0.25) !important;
    
    /* Deep, soft shadow to mimic a floating gallery canvas */
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.6) !important;
    
    /* High-end smooth transition */
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1) !important;
    
    /* Subtle cinematic filter */
    filter: brightness(0.95) contrast(1.05) saturate(1.1);
}

/* Hover Effect: The "Gallery Spotlight" */
.elementor-541 .elementor-element.elementor-element-047fb96:hover img {
    /* Subtle lift and scale */
    transform: translateY(-12px) scale(1.03) !important;
    
    /* Brighter, glowing gold border on hover */
    border: 1px solid rgba(158, 119, 31, 0.6) !important;
    
    /* Intensified shadow with a hint of gold glow */
    box-shadow: 0 40px 70px -15px rgba(0, 0, 0, 0.7), 
                0 0 20px rgba(158, 119, 31, 0.15) !important;
    
    /* Simulate a spotlight hit */
    filter: brightness(1.05) contrast(1.1) saturate(1.1) !important;
}



/* 1. THE MODERN CINEMATIC KEYFRAMES */
@keyframes arqaModernImageReveal {
    0% {
        opacity: 0;
        transform: scale(1.08) translateY(20px);
        filter: blur(20px) brightness(0.6) contrast(1.2);
    }
    100% {
        opacity: 1;
        transform: scale(1) translateY(0);
        filter: blur(0px) brightness(1) contrast(1);
    }
}

/* 2. APPLY TO THE IMAGE */
.elementor-541 .elementor-element.elementor-element-047fb96 img {
    opacity: 0;
    /* Longer duration (1.8s) for a high-end "heavy" feel */
    animation: arqaModernImageReveal 1.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
    animation-delay: 0.4s;
    
    /* Premium Framing matching the gold theme */
    border-radius: 12px !important;
    border: 1px solid rgba(158, 119, 31, 0.3) !important;
    box-shadow: 0 40px 80px rgba(0, 0, 0, 0.6) !important;
    
    will-change: transform, filter, opacity;
}

/* 3. SUBTLE HOVER GLOW */
.elementor-541 .elementor-element.elementor-element-047fb96:hover img {
    transform: scale(1.02) !important;
    border-color: rgba(158, 119, 31, 0.8) !important;
    box-shadow: 0 50px 100px rgba(0, 0, 0, 0.7), 
                0 0 30px rgba(158, 119, 31, 0.2) !important;
    transition: all 0.8s cubic-bezier(0.2, 1, 0.3, 1) !important;
}/* End custom CSS */