/*===================================== 
YOU CAN WRIGHT CUSTOME CSS 
======================================*/
.wt-icon-box-md.circle-line-effect {
    background: linear-gradient(135deg, #bf953f 0%, #fcf6ba 25%, #b38728 50%, #fbf5b7 75%, #aa771c 100%) !important;
}


/* Metallic Shiny Background Base */
.metallic-gold-card {
    background: linear-gradient(135deg, #fbf7eb 0%, #e6d3a8 25%, #fbf7eb 50%, #d9bf83 75%, #fbf7eb 100%) !important;
    background-size: 200% 200% !important;
    border: 1px solid #d4af37 !important;
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    transform-style: preserve-3d; /* Enables 3D perspective depth */
}

/* 3D Static Shadow for Icon Container */
.metallic-gold-card .wt-icon-box-sm {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

/* Hover State Animations */
.metallic-gold-card:hover {
    background-position: right center !important;
    transform: translateY(-8px); /* Lifts the card */
    box-shadow: 0 14px 28px rgba(212, 175, 55, 0.25), 0 10px 10px rgba(0, 0, 0, 0.1);
}

/* Icon Projects Outward with Depth Shadow on Hover */
.metallic-gold-card:hover .wt-icon-box-sm {
    transform: translateY(-10px) scale(1.1); /* Pushes icon outward */
    box-shadow: 0 19px 38px rgba(0, 0, 0, 0.30), 0 15px 12px rgba(0, 0, 0, 0.22); /* Intense 3D depth shadow */
}


/* Base 3D Watery Green Styling */
.watery-green-card {
    display: flex;
    align-items: flex-start;
    background: linear-gradient(135deg, #e8f7f2 0%, #b3e6d5 50%, #80d4b9 100%) !important;
    background-size: 200% 200% !important;
    border: 1px solid #66cbaa !important;
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 4px 10px rgba(128, 212, 185, 0.15), inset 0 2px 4px rgba(255, 255, 255, 0.6);
    transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
}

/* 3D Dynamic Floating and Liquid Shimmer Effect on Hover */
.watery-green-card:hover {
    transform: translateY(-6px) scale(1.02);
    background-position: right bottom !important;
    box-shadow: 0 15px 30px rgba(50, 160, 125, 0.3), inset 0 4px 8px rgba(255, 255, 255, 0.8);
}

/* 3D Pop-out Effect for the Icon Left Container */
.watery-green-card .icon-md {
    margin-right: 15px;
    transition: transform 0.4s ease;
}

.watery-green-card:hover .icon-md {
    transform: translateZ(15px) scale(1.1);
}


/* Solid Polished Gold Plate Styling */
.shiny-gold-plate {
    background: linear-gradient(145deg, #fff0cf 0%, #e6c173 30%, #b88d33 50%, #f7dfa1 70%, #946e1d 100%) !important;
    background-size: 250% 250% !important;
    border-top: 2px solid #fffdf7 !important;    /* Highlight on the top plate edge */
    border-left: 2px solid #fffdf7 !important;   /* Highlight on the left plate edge */
    border-right: 2px solid #805f15 !important;  /* Beveled shadow on the right edge */
    border-bottom: 2px solid #543e0c !important; /* Beveled shadow on the bottom edge */
    border-radius: 6px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15), inset 0 1px 1px rgba(255, 255, 255, 0.4);
    transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

/* Hover State: Shifting reflection like light passing over metal */
.shiny-gold-plate:hover {
    background-position: right center !important;
    transform: translateY(-5px);
    box-shadow: 0 15px 30px rgba(148, 110, 29, 0.35), inset 0 1px 2px rgba(255, 255, 255, 0.6);
}


/* Base styling for the luxury box */
.premium-luxury-card {
    background: #ffffff;
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);
    border: 1px solid rgba(0, 0, 0, 0.03);
    position: relative;
    overflow: hidden;
    z-index: 1;
}

/* Gold Sprinkle Layer - ALWAYS VISIBLE & ALWAYS GLITTERING */
.premium-luxury-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: 
        radial-gradient(circle, #ffd700 1px, transparent 1.5px),
        radial-gradient(circle, #f39c12 1px, transparent 1.5px),
        radial-gradient(circle, #fff3b0 1.5px, transparent 2px),
        radial-gradient(circle, #d4af37 1px, transparent 1.5px);
    background-size: 80px 80px, 110px 110px, 90px 90px, 130px 130px;
    background-position: 0 0, 40px 60px, 20px 30px, 70px 10px;
    opacity: 0.6;
    pointer-events: none;
    z-index: -1;
    animation: goldGlitter 6s linear infinite;
}


/* Ensure the main card handles absolute positioning correctly */
.premium-luxury-card {
    position: relative;
    z-index: 1; /* Establishes a clean local stacking context */
}

/* Gold Sprinkle Layer - BROUGHT FORWARD */
.premium-luxury-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: 
        radial-gradient(circle, #ffd700 1px, transparent 1.5px),
        radial-gradient(circle, #f39c12 1px, transparent 1.5px),
        radial-gradient(circle, #fff3b0 1.5px, transparent 2px),
        radial-gradient(circle, #d4af37 1px, transparent 1.5px);
    background-size: 80px 80px, 110px 110px, 90px 90px, 130px 130px;
    background-position: 0 0, 40px 60px, 20px 30px, 70px 10px;
    opacity: 0.6;
    pointer-events: none;
    z-index: 1; /* Changed from -1 to 1 to stay above the section background */
    animation: goldGlitter 6s linear infinite;
}

/* Permanent Golden Waving Aura around the icon container */
.premium-luxury-card .wt-icon-box-md.bg-secondry {
    position: relative;
    z-index: 3; /* Increased to stay above the sprinkle layer */
}

/* The actual waving ripple element */
.premium-luxury-card .wt-icon-box-md.bg-secondry::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%; 
    box-shadow: 0 0 20px 10px rgba(255, 215, 0, 0.6);
    background: rgba(255, 215, 0, 0.15);
    z-index: -1;
    pointer-events: none;
    animation: goldWaveOut 2.5s cubic-bezier(0.25, 0, 0, 1) infinite;
}

/* Subtle typographic polish */
.premium-luxury-card .wt-tilte {
    position: relative;
    z-index: 2; /* Ensures text stays selectable over sprinkles */
    letter-spacing: 0.5px;
    margin-top: 15px;
}

.premium-luxury-card .text-secondry {
    position: relative;
    z-index: 2; /* Ensures text stays selectable over sprinkles */
    font-size: 14px;
    line-height: 1.6;
    opacity: 0.85;
}

/* Parent container wrapper holding the cards */
.golden-glow-section {
    position: relative;
    z-index: 0; /* Keeps the outer glow wrapper at base level */
    box-shadow: 0 0 30px rgba(212, 175, 55, 0.3), 
                inset 0 0 30px rgba(212, 175, 55, 0.2);
    animation: slowGoldenGlow 2s ease-in-out infinite alternate;
}

/* The animation that slowly brightens and dims both effects */
@keyframes slowGoldenGlow {
    0% {
        box-shadow: 0 0 20px rgba(212, 175, 55, 0.2), 
                    inset 0 0 20px rgba(212, 175, 55, 0.1);
    }
    100% {
        box-shadow: 0 0 45px rgba(212, 175, 55, 0.5), 
                    inset 0 0 50px rgba(212, 175, 55, 0.4);
    }
}

/* Gold fram for contact icon */

@keyframes goldGlitter {
    0% {
        background-position: 0 0, 40px 60px, 20px 30px, 70px 10px;
    }
    100% {
        background-position: 80px 80px, 150px 170px, 110px 120px, 200px 140px;
    }
}



@keyframes gold-shimmer {
		0% { background-position: 0% 50%; }
		50% { background-position: 100% 50%; }
		100% { background-position: 0% 50%; }
	}
	.gold-card {
		transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
		background: #ffffff;
		border: 2px solid transparent !important;
		border-image: linear-gradient(135deg, #bf953f, #fcf6ba, #b38728, #fbf5b7) 1;
	}
	.gold-card:hover {
		transform: translateY(-8px);
		box-shadow: 0 15px 30px rgba(179, 135, 40, 0.15);
		border-image: linear-gradient(135deg, #fcf6ba, #bf953f, #fbf5b7, #b38728) 1;
	}
	.gold-icon-wrap {
		background: linear-gradient(135deg, #bf953f, #fcf6ba, #b38728, #fbf5b7);
		background-size: 200% 200%;
		animation: gold-shimmer 4s ease infinite;
		-webkit-background-clip: text !important;
		-webkit-text-fill-color: transparent !important;
		display: inline-block;
		transition: transform 0.3s ease;
	}
	.gold-card:hover .gold-icon-wrap {
		transform: scale(1.18) rotate(5deg);
		filter: drop-shadow(0 0 8px rgba(254, 245, 183, 0.9));
	}
	.icon-bg-enhanced {
		background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(24cf6ba,0.05) 100%) !important;
		border: 1px solid rgba(179, 135, 40, 0.2);
		box-shadow: inset 0 0 10px rgba(179, 135, 40, 0.1);
	}
	
	/* book appointment */
	
	* book appointment */

.shiny-gold-plate {
  /* High-contrast gradient mimicking sharp metallic light reflections */
  background: linear-gradient(
    135deg, 
    #a67c00 0%, 
    #bf953f 25%, 
    #fcf6ba 45%, 
    #ffffff 50%, /* Sharp white reflection point */
    #fcf6ba 55%, 
    #b38728 80%, 
    #8a6400 100%
  );
  
  /* Adds a polished gloss finish and plate border */
  box-shadow: inset 0 0 30px rgba(255, 255, 255, 0.6), inset 0 0 15px rgba(0, 0, 0, 0.3);
  
  /* CHANGED: Swapped #8a6400 for a brighter gold, added !important to override Bootstrap */
  border: 2px solid #bf953f !important;
  
  /* ADDED: Removes any default black browser selection lines */
  outline: none !important;
  
  color: #111111; /* Dark text for high contrast on the bright gold background */
} /* FIXED: This closing bracket was missing */