.elementor-7 .elementor-element.elementor-element-07abeb4{--display:flex;--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-7 .elementor-element.elementor-element-790d3bf img{border-style:solid;border-width:2px 2px 2px 2px;border-color:#CDAC52;border-radius:12px 12px 12px 12px;}.elementor-7 .elementor-element.elementor-element-785a983{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}body.elementor-page-7:not(.elementor-motion-effects-element-type-background), body.elementor-page-7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-7 .elementor-element.elementor-element-07abeb4{--padding-top:22px;--padding-bottom:22px;--padding-left:22px;--padding-right:22px;}}@media(min-width:768px){.elementor-7 .elementor-element.elementor-element-07abeb4{--content-width:1250px;}}/* Start custom CSS *//* ==========================================
   1. ULTRA-SMOOTH NATIVE SCROLLING
========================================== */
html {
  scroll-behavior: smooth !important;
  /* Eliminates micro-stuttering on scroll transitions */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Custom modern scrollbar to match your luxury dark theme */
::-webkit-scrollbar {
  width: 10px;
}
::-webkit-scrollbar-track {
  background: #050402; 
}
::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #d4af37 0%, #8b6914 100%); 
  border-radius: 5px;
  border: 2px solid #050402;
}
::-webkit-scrollbar-thumb:hover {
  background: #f9d976; 
}

/* ==========================================
   2. TEXT SELECTION GLOW EFFECT
========================================== */
/* Changes the ugly default blue highlight to a gorgeous gold-on-black highlight */
::selection {
  background: rgba(212, 175, 55, 0.3) !important;
  color: #ffffff !important;
}
::-moz-selection {
  background: rgba(212, 175, 55, 0.3) !important;
  color: #ffffff !important;
}

/* ==========================================
   3. PREMIUM IMAGES & CARDS MICRO-INTERACTIONS
========================================== */
/* Add the class 'premium-hover' to any image, container, or card in Elementor (Advanced > CSS Classes) */
.premium-hover {
  transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;
  position: relative;
}
.premium-hover:hover {
  transform: translateY(-6px) scale(1.01) !important;
  filter: brightness(1.05) drop-shadow(0 15px 30px rgba(212, 175, 55, 0.15)) !important;
}

/* ==========================================
   4. CINEMATIC GOLD TEXT SHINE ANIMATION
========================================== */
/* Add the class 'shine-text' to any heading to give it an elegant active metallic gleam */
.shine-text {
  background: linear-gradient(90deg, #8b6914, #d4af37, #f9d976, #d4af37, #8b6914);
  background-size: 200% auto;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  animation: luxuryShine 5s linear infinite;
}

@keyframes luxuryShine {
  to { background-position: 200% center; }
}

/* ==========================================
   5. PREVENT TEXT BREAKS & FIX LAYOUT JITTER
========================================== */
/* Global performance fixer: stops page layouts from shifting during loading */
body {
  overflow-x: hidden !important;
}

/* Makes all transitions across the site fluid instead of snappy */
a, button, .elementor-button, .elementor-icon {
  transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1) !important;
}/* End custom CSS */