.elementor-20 .elementor-element.elementor-element-5c2a292{--display:flex;}.elementor-20 .elementor-element.elementor-element-c8091a7{--display:flex;}.elementor-20 .elementor-element.elementor-element-50b6270{--display:flex;}.elementor-20 .elementor-element.elementor-element-622ce98{--display:flex;}.elementor-20 .elementor-element.elementor-element-2d26968{--display:flex;}.elementor-20 .elementor-element.elementor-element-c2cefc0{--display:flex;}.elementor-20 .elementor-element.elementor-element-6769696{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-20 .elementor-element.elementor-element-0f07150{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-50f4f6a *//* SECTION B1: INDIVIDUAL ELEMENT ANIMATION STYLES */
@keyframes mfdFadeUp {
  0% { opacity: 0; transform: translateY(35px); }
  100% { opacity: 1; transform: translateY(0); }
}
.mfd-animate {
  opacity: 0;
  transform: translateY(35px);
  transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}
.mfd-animate.mfd-visible {
  opacity: 1;
  transform: translateY(0);
}
.mfd-3d-card {
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.5s ease, border-color 0.5s ease;
  transform-style: preserve-3d;
  perspective: 1000px;
}
.mfd-3d-card:hover {
  transform: translateY(-8px) perspective(1000px) rotateX(-2deg) rotateY(2deg);
  box-shadow: 0 25px 50px rgba(0,0,0,0.5), 0 0 30px rgba(201,164,92,0.4);
  border-color: #C9A45C !important;
}
.mfd-b1-btn-gold {
  background: linear-gradient(135deg, #C9A45C 0%, #E6CA85 50%, #B89248 100%);
  color: #0C0A09;
  font-weight: 700;
  padding: 16px 36px;
  border-radius: 50px;
  text-decoration: none;
  display: inline-block;
  transition: all 0.3s ease;
  box-shadow: 0 10px 25px rgba(201,164,92,0.3);
  border: none;
  cursor: pointer;
  font-size: 0.95rem;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.mfd-b1-btn-gold:hover {
  transform: translateY(-3px) scale(1.02);
  box-shadow: 0 15px 35px rgba(201,164,92,0.5);
}
.mfd-b1-badge {
  display: inline-block;
  padding: 6px 16px;
  border-radius: 20px;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  background: rgba(201,164,92,0.12);
  color: #C9A45C;
  border: 1px solid rgba(201,164,92,0.3);
  margin-bottom: 20px;
}/* End custom CSS */