.elementor-486 .elementor-element.elementor-element-c9282fb{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-486 .elementor-element.elementor-element-c9282fb:not(.elementor-motion-effects-element-type-background), .elementor-486 .elementor-element.elementor-element-c9282fb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1C471B;}.elementor-486 .elementor-element.elementor-element-95f21be{margin:150px 0px calc(var(--kit-widget-spacing, 0px) + 250px) 0px;}.elementor-486 .elementor-element.elementor-element-8ba3f5e{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-486 .elementor-element.elementor-element-8ba3f5e:not(.elementor-motion-effects-element-type-background), .elementor-486 .elementor-element.elementor-element-8ba3f5e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #1C471B 0%, #525252 100%);}.elementor-486 .elementor-element.elementor-element-a7ec117.elementor-element{--align-self:center;}.elementor-486 .elementor-element.elementor-element-4f5f09f{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-486 .elementor-element.elementor-element-4f5f09f:not(.elementor-motion-effects-element-type-background), .elementor-486 .elementor-element.elementor-element-4f5f09f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #525252 0%, #1C471B 100%);}.elementor-486 .elementor-element.elementor-element-01fc843.elementor-element{--align-self:center;}.elementor-486 .elementor-element.elementor-element-7880ec2.elementor-element{--align-self:center;}.elementor-486 .elementor-element.elementor-element-17f148e{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-486 .elementor-element.elementor-element-17f148e:not(.elementor-motion-effects-element-type-background), .elementor-486 .elementor-element.elementor-element-17f148e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1C471B;}.elementor-486 .elementor-element.elementor-element-6ae3d93.elementor-element{--align-self:center;}.elementor-486 .elementor-element.elementor-element-4b1e242.elementor-element{--align-self:center;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-486 .elementor-element.elementor-element-95f21be{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-486 .elementor-element.elementor-element-8ba3f5e{--grid-auto-flow:row;}.elementor-486 .elementor-element.elementor-element-4f5f09f{--grid-auto-flow:row;}.elementor-486 .elementor-element.elementor-element-17f148e{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-486 .elementor-element.elementor-element-8ba3f5e{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-486 .elementor-element.elementor-element-4f5f09f{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-486 .elementor-element.elementor-element-17f148e{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for html, class: .elementor-element-95f21be *//* Animation Container */ .arqa-reveal-container { opacity: 0; animation: fadeInContainer 1s ease forwards; } /* The Gold Thread Grow Animation */ .arqa-thread-grow { width: 0; height: 1px; background: #C5A059; margin-bottom: 20px; opacity: 0.6; animation: growThread 1.2s cubic-bezier(0.19, 1, 0.22, 1) forwards; } /* Text Reveal Animation */ .arqa-text-slide { display: block; overflow: hidden; /* This creates the 'clip' mask */ } .arqa-text-slide span { display: block; transform: translateY(110%); /* Start hidden below the mask */ animation: slideUp 1.5s cubic-bezier(0.19, 1, 0.22, 1) forwards; } /* Staggering the lines */ .line-1 span { animation-delay: 0.3s; } .line-2 span { animation-delay: 0.5s; } /* Keyframes */ @keyframes growThread { to { width: 40px; } } @keyframes slideUp { to { transform: translateY(0); } } @keyframes fadeInContainer { to { opacity: 1; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-a7ec117 *//* Target the specific image inside the Elementor widget */ .elementor-486 .elementor-element.elementor-element-a7ec117 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-486 .elementor-element.elementor-element-a7ec117: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-486 .elementor-element.elementor-element-a7ec117 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-486 .elementor-element.elementor-element-a7ec117: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-486 .elementor-element.elementor-element-a7ec117 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-486 .elementor-element.elementor-element-a7ec117: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-486 .elementor-element.elementor-element-a7ec117 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-486 .elementor-element.elementor-element-a7ec117: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-01fc843 *//* Target the specific image inside the Elementor widget */ .elementor-486 .elementor-element.elementor-element-01fc843 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-486 .elementor-element.elementor-element-01fc843: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-486 .elementor-element.elementor-element-01fc843 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-486 .elementor-element.elementor-element-01fc843: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-486 .elementor-element.elementor-element-01fc843 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-486 .elementor-element.elementor-element-01fc843: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-486 .elementor-element.elementor-element-01fc843 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-486 .elementor-element.elementor-element-01fc843: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 */