.elementor-15 .elementor-element.elementor-element-c751531{--display:flex;}.elementor-15 .elementor-element.elementor-element-c751531:not(.elementor-motion-effects-element-type-background), .elementor-15 .elementor-element.elementor-element-c751531 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background:url("https://riyadh.arqaartfair.com/wp-content/uploads/2026/02/Sky-Blue.png") 50% 50%;background-size:cover;}.elementor-15 .elementor-element.elementor-element-326fb8a{margin:100px 0px calc(var(--kit-widget-spacing, 0px) + 200px) 0px;}.elementor-15 .elementor-element.elementor-element-b221f5a{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:060px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-15 .elementor-element.elementor-element-b221f5a:not(.elementor-motion-effects-element-type-background), .elementor-15 .elementor-element.elementor-element-b221f5a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #BBBBBB 0%, #1C471B 100%);}.elementor-15 .elementor-element.elementor-element-85cade6.elementor-element{--align-self:center;}.elementor-15 .elementor-element.elementor-element-f2abe00{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-15 .elementor-element.elementor-element-f2abe00:not(.elementor-motion-effects-element-type-background), .elementor-15 .elementor-element.elementor-element-f2abe00 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2E2E2E;}.elementor-15 .elementor-element.elementor-element-457d4b6{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-15 .elementor-element.elementor-element-dde932b{--display:flex;}.elementor-15 .elementor-element.elementor-element-7e58794.elementor-element{--align-self:center;}.elementor-15 .elementor-element.elementor-element-003534d{--display:flex;}.elementor-15 .elementor-element.elementor-element-f38696f.elementor-element{--align-self:center;}.elementor-15 .elementor-element.elementor-element-0a40794{--display:flex;}.elementor-15 .elementor-element.elementor-element-f4f63e9.elementor-element{--align-self:center;}.elementor-15 .elementor-element.elementor-element-a13dd3d{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-15 .elementor-element.elementor-element-b300fd0{--display:flex;}.elementor-15 .elementor-element.elementor-element-ac879d8.elementor-element{--align-self:center;}.elementor-15 .elementor-element.elementor-element-b07cdbc{--display:flex;}.elementor-15 .elementor-element.elementor-element-3f64b16.elementor-element{--align-self:center;}.elementor-15 .elementor-element.elementor-element-b82240e{--display:flex;}.elementor-15 .elementor-element.elementor-element-a7d5961.elementor-element{--align-self:center;}.elementor-15 .elementor-element.elementor-element-6d88c00{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-15 .elementor-element.elementor-element-6d88c00:not(.elementor-motion-effects-element-type-background), .elementor-15 .elementor-element.elementor-element-6d88c00 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #1C471B 0%, #BBBBBB 100%);}.elementor-15 .elementor-element.elementor-element-5180c1e{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-15 .elementor-element.elementor-element-dd85870{--display:flex;}.elementor-15 .elementor-element.elementor-element-3b39228.elementor-element{--align-self:center;}.elementor-15 .elementor-element.elementor-element-c8304a5{--display:flex;}.elementor-15 .elementor-element.elementor-element-1a2d5b8.elementor-element{--align-self:center;}.elementor-15 .elementor-element.elementor-element-cea7e59{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-15 .elementor-element.elementor-element-811958d{--display:flex;}.elementor-15 .elementor-element.elementor-element-32ba7b9.elementor-element{--align-self:center;}.elementor-15 .elementor-element.elementor-element-120f4ed{--display:flex;}.elementor-15 .elementor-element.elementor-element-e8265a4.elementor-element{--align-self:center;}.elementor-15 .elementor-element.elementor-element-9d2ebc3{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-15 .elementor-element.elementor-element-25b7365{--display:flex;}.elementor-15 .elementor-element.elementor-element-0d88294{--display:flex;}.elementor-15 .elementor-element.elementor-element-9ce4a20.elementor-element{--align-self:center;}.elementor-15 .elementor-element.elementor-element-18b132b{--display:flex;}.elementor-15 .elementor-element.elementor-element-18b132b.e-con{--align-self:center;}.elementor-15 .elementor-element.elementor-element-66b3d06.elementor-element{--align-self:center;}.elementor-15 .elementor-element.elementor-element-66b3d06 iframe{height:500px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-15 .elementor-element.elementor-element-b221f5a{--grid-auto-flow:row;}.elementor-15 .elementor-element.elementor-element-f2abe00{--grid-auto-flow:row;}.elementor-15 .elementor-element.elementor-element-457d4b6{--grid-auto-flow:row;}.elementor-15 .elementor-element.elementor-element-a13dd3d{--grid-auto-flow:row;}.elementor-15 .elementor-element.elementor-element-6d88c00{--grid-auto-flow:row;}.elementor-15 .elementor-element.elementor-element-5180c1e{--grid-auto-flow:row;}.elementor-15 .elementor-element.elementor-element-cea7e59{--grid-auto-flow:row;}.elementor-15 .elementor-element.elementor-element-9d2ebc3{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-15 .elementor-element.elementor-element-b221f5a{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-15 .elementor-element.elementor-element-f2abe00{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-15 .elementor-element.elementor-element-457d4b6{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-15 .elementor-element.elementor-element-a13dd3d{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-15 .elementor-element.elementor-element-6d88c00{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-15 .elementor-element.elementor-element-5180c1e{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-15 .elementor-element.elementor-element-cea7e59{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-15 .elementor-element.elementor-element-9d2ebc3{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for html, class: .elementor-element-326fb8a *//* Container Animation */
.elementor-15 .elementor-element.elementor-element-326fb8a {
    opacity: 0;
    animation: arqa-container-fade 1.2s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
}

/* The Gold Pillar Drop-In */
.elementor-15 .elementor-element.elementor-element-326fb8a > div:first-child {
    transform: scaleY(0);
    transform-origin: top;
    animation: arqa-pillar-drop 1s cubic-bezier(0.6, 0, 0.4, 1) forwards;
    animation-delay: 0.3s;
}

/* The Content Slide-In */
.elementor-15 .elementor-element.elementor-element-326fb8a > div:last-child {
    opacity: 0;
    transform: translateX(-20px);
    animation: arqa-text-slide 1s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
    animation-delay: 0.6s;
}

/* Keyframes */
@keyframes arqa-container-fade {
    to { opacity: 1; }
}

@keyframes arqa-pillar-drop {
    to { transform: scaleY(1); }
}

@keyframes arqa-text-slide {
    to { 
        opacity: 1;
        transform: translateX(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c751531 *//* --- HERO TO GRAY TRANSITION (LOWERED) --- */

.elementor-15 .elementor-element.elementor-element-c751531 {
    position: relative;
    margin-bottom: -1px; 
}

.elementor-15 .elementor-element.elementor-element-c751531::after {
    content: "";
    position: absolute;
    inset: 0;
    /* Changed 60% to 80% to push the gray fade lower */
    background: linear-gradient(to bottom, 
        rgba(187, 187, 187, 0) 60%, 
        #BBBBBB 100%
    ) !important;
    z-index: 1; 
    pointer-events: none;
}

/* Keeps your Experience text and buttons visible above the fade */
.elementor-15 .elementor-element.elementor-element-c751531 .elementor-widget,
.elementor-15 .elementor-element.elementor-element-c751531 .elementor-column {
    position: relative;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-85cade6 *//* Target the specific image inside the Elementor widget */
.elementor-15 .elementor-element.elementor-element-85cade6 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-15 .elementor-element.elementor-element-85cade6: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-15 .elementor-element.elementor-element-85cade6 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-15 .elementor-element.elementor-element-85cade6: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;
}/* Target the specific image inside the Elementor widget */
.elementor-15 .elementor-element.elementor-element-85cade6 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-15 .elementor-element.elementor-element-85cade6: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-15 .elementor-element.elementor-element-85cade6 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-15 .elementor-element.elementor-element-85cade6: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 button, class: .elementor-element-7e58794 *//* --- MODERN GALLERY BUTTON STYLING --- */

.elementor-15 .elementor-element.elementor-element-7e58794 .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-15 .elementor-element.elementor-element-7e58794 .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-15 .elementor-element.elementor-element-7e58794 .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-15 .elementor-element.elementor-element-7e58794 .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 button, class: .elementor-element-f38696f *//* --- MODERN GALLERY BUTTON STYLING --- */

.elementor-15 .elementor-element.elementor-element-f38696f .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-15 .elementor-element.elementor-element-f38696f .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-15 .elementor-element.elementor-element-f38696f .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-15 .elementor-element.elementor-element-f38696f .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 button, class: .elementor-element-f4f63e9 *//* --- MODERN GALLERY BUTTON STYLING --- */

.elementor-15 .elementor-element.elementor-element-f4f63e9 .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-15 .elementor-element.elementor-element-f4f63e9 .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-15 .elementor-element.elementor-element-f4f63e9 .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-15 .elementor-element.elementor-element-f4f63e9 .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 button, class: .elementor-element-ac879d8 *//* --- MODERN GALLERY BUTTON STYLING --- */

.elementor-15 .elementor-element.elementor-element-ac879d8 .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-15 .elementor-element.elementor-element-ac879d8 .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-15 .elementor-element.elementor-element-ac879d8 .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-15 .elementor-element.elementor-element-ac879d8 .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 button, class: .elementor-element-3f64b16 *//* --- MODERN GALLERY BUTTON STYLING --- */

.elementor-15 .elementor-element.elementor-element-3f64b16 .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-15 .elementor-element.elementor-element-3f64b16 .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-15 .elementor-element.elementor-element-3f64b16 .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-15 .elementor-element.elementor-element-3f64b16 .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 button, class: .elementor-element-a7d5961 *//* --- MODERN GALLERY BUTTON STYLING --- */

.elementor-15 .elementor-element.elementor-element-a7d5961 .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-15 .elementor-element.elementor-element-a7d5961 .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-15 .elementor-element.elementor-element-a7d5961 .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-15 .elementor-element.elementor-element-a7d5961 .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 container, class: .elementor-element-f2abe00 *//* SYMMETRICAL MODERN GRADIENT - EMPHASIZED DARK CENTER */
.elementor-15 .elementor-element.elementor-element-f2abe00 {
    /* 10% Green at start, wide 80% Dark middle, 10% Green at end */
    background: linear-gradient(to bottom, 
        #1C471B 0%, 
        #121212 10%, 
        #121212 90%, 
        #1C471B 100%
    ) !important;
    
    border: none !important;
    margin: 0 !important;
    padding-top: 80px !important;
    padding-bottom: 80px !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-3b39228 *//* --- MODERN GALLERY BUTTON STYLING --- */

.elementor-15 .elementor-element.elementor-element-3b39228 .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-15 .elementor-element.elementor-element-3b39228 .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-15 .elementor-element.elementor-element-3b39228 .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-15 .elementor-element.elementor-element-3b39228 .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 button, class: .elementor-element-1a2d5b8 *//* --- MODERN GALLERY BUTTON STYLING --- */

.elementor-15 .elementor-element.elementor-element-1a2d5b8 .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-15 .elementor-element.elementor-element-1a2d5b8 .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-15 .elementor-element.elementor-element-1a2d5b8 .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-15 .elementor-element.elementor-element-1a2d5b8 .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 button, class: .elementor-element-32ba7b9 *//* --- MODERN GALLERY BUTTON STYLING --- */

.elementor-15 .elementor-element.elementor-element-32ba7b9 .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-15 .elementor-element.elementor-element-32ba7b9 .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-15 .elementor-element.elementor-element-32ba7b9 .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-15 .elementor-element.elementor-element-32ba7b9 .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 button, class: .elementor-element-e8265a4 *//* --- MODERN GALLERY BUTTON STYLING --- */

.elementor-15 .elementor-element.elementor-element-e8265a4 .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-15 .elementor-element.elementor-element-e8265a4 .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-15 .elementor-element.elementor-element-e8265a4 .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-15 .elementor-element.elementor-element-e8265a4 .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 button, class: .elementor-element-9ce4a20 *//* --- MODERN GALLERY BUTTON STYLING --- */

.elementor-15 .elementor-element.elementor-element-9ce4a20 .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-15 .elementor-element.elementor-element-9ce4a20 .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-15 .elementor-element.elementor-element-9ce4a20 .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-15 .elementor-element.elementor-element-9ce4a20 .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 */