.elementor-22500 .elementor-element.elementor-element-1c9d843{--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-22500 .elementor-element.elementor-element-75fef23{--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-22500 .elementor-element.elementor-element-c96aec4{--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;}/* Start custom CSS for image, class: .elementor-element-df73d65 *//* Keto Cover Image – Premium Wellness Style */
.keto-cover-image {
  position: relative;
  display: block;
  max-width: 100%;
  height: auto;
  border-radius: 24px; /* Soft, modern rounded corners */
  overflow: hidden;
  box-shadow: 
    0 20px 40px rgba(0, 0, 0, 0.12), /* Deep natural shadow */
    0 8px 20px rgba(16, 185, 129, 0.15); /* Subtle emerald glow for health/energy */
  transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1); /* Bouncy, premium feel */
  transform: perspective(1200px) rotateY(0deg) rotateX(0deg); /* 3D base */
  background: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%); /* Light bg fallback */
}

/* Hover Magic – Lift, Glow, Slight 3D Tilt */
.keto-cover-image:hover {
  transform: 
    perspective(1200px) 
    rotateY(4deg) 
    rotateX(6deg) 
    translateY(-15px) 
    scale(1.05);
  box-shadow: 
    0 40px 80px rgba(0, 0, 0, 0.18),
    0 0 0 6px rgba(16, 185, 129, 0.25), /* Emerald outer glow */
    inset 0 0 30px rgba(255, 255, 255, 0.6); /* Inner highlight */
}

/* Animated Gradient Border on Hover (Modern Trend) */
.keto-cover-image::before {
  content: '';
  position: absolute;
  inset: -4px; /* Slightly outside for glow */
  border-radius: 28px;
  background: linear-gradient(45deg, #10b981, #3b82f6, #ec4899, #10b981); /* Emerald → Blue → Soft Pink cycle – health/vitality */
  background-size: 300% 300%;
  opacity: 0;
  transition: opacity 0.5s ease, transform 0.5s ease;
  filter: blur(12px); /* Soft glow */
  z-index: -1;
}

.keto-cover-image:hover::before {
  opacity: 0.7;
  animation: gradient-border 8s linear infinite;
}

/* Keyframe for rotating gradient border */
@keyframes gradient-border {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

/* Responsive Adjustments */
@media (max-width: 1024px) {
  .keto-cover-image {
    border-radius: 20px;
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.12);
  }
}

@media (max-width: 768px) {
  .keto-cover-image:hover {
    transform: scale(1.03) translateY(-8px); /* Less aggressive on mobile */
  }
  .keto-cover-image::before {
    inset: -3px;
    filter: blur(8px);
  }
}/* End custom CSS */