.elementor-352 .elementor-element.elementor-element-56582c6{--display:flex;--min-height:90vh;--justify-content:center;--padding-top:80px;--padding-bottom:80px;--padding-left:80px;--padding-right:80px;}.elementor-352 .elementor-element.elementor-element-59b5109 .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul li:not(.is-active) a{background-color:transparent;background-image:linear-gradient(270deg, var( --e-global-color-9b75421 ) 0%, var( --e-global-color-9b75421 ) 100%);box-shadow:0px 10px 10px 0px rgba(0, 0, 0, 0.16);}.elementor-352 .elementor-element.elementor-element-59b5109 .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul li a:hover{background-color:#F8D7A0;}.elementor-352 .elementor-element.elementor-element-59b5109 .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul li.is-active a{background-color:#F8D7A0;}.elementor-352 .elementor-element.elementor-element-59b5109 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-352 .elementor-element.elementor-element-59b5109{--tab-content-spacing:100px;--tabs-normal-color:var( --e-global-color-2f8ee4c );--tabs-hover-color:#FFFFFF;--tabs-active-color:#FFFFFF;--tabs-border-radius:10px 10px 10px 10px;--tabs-spacing:14px;--sections-border-color:var( --e-global-color-66047c1 );--sections-border-radius:17px 17px 17px 17px;--sections-padding:30px 30px 30px 30px;--edit-link-margin-top:30px;--edit-link-margin-start:30px;--typography-section-titles-color:var( --e-global-color-9b75421 );--links-normal-color:var( --e-global-color-66047c1 );--links-hover-color:var( --e-global-color-ca15afa );}.elementor-352 .elementor-element.elementor-element-59b5109 .e-my-account-tab__edit-address .woocommerce-Address address{padding-top:calc( 30px + 40px );}.elementor-352 .elementor-element.elementor-element-59b5109 .woocommerce-pagination{padding-bottom:30px;}@media(max-width:1024px){.elementor-352 .elementor-element.elementor-element-56582c6{--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}}@media(max-width:767px){.elementor-352 .elementor-element.elementor-element-56582c6{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}}/* Start custom CSS for woocommerce-my-account, class: .elementor-element-59b5109 */.woocommerce-orders-table__cell-order-number a {
    color: black !important;
}

.elementor-352 .elementor-element.elementor-element-59b5109 .woocommerce .shop_table .button  {
    border-color: black !important
}

.woocommerce-MyAccount-navigation-link--downloads
{
    display: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-56582c6 */.woocommerce-orders-table__cell-order-number/* End custom CSS */
/* Start custom CSS */.golden-text {
  /* A gold gradient */
  background: linear-gradient(
    82.89deg, 
    #F7E38A -7.81%, 
    #F1D46C 20.56%, 
    #BE9B49 43.92%
  );
  /* Clip the gradient to the text content */
  -webkit-background-clip: text;
  background-clip: text;
  /* Make the text itself transparent so the gradient shows through */
  color: transparent;
}

.golden-bg h2 {
  /*  Your Gradient (keep this) */
  background: linear-gradient(82.89deg, #F7E38A -7.81%, #F1D46C 20.56%, #BE9B49 43.92%) !important;

  /* Clip to Text (keep these) */
  background-clip: text !important;
  -webkit-background-clip: text;
color: transparent !important;
}

.golden-button a {
background: linear-gradient(90deg, #F7E38A 40%, #F1D46C 68%, #BE9B49 99%);


}

.golden-icon .elementor-widget-container  {
background: linear-gradient(90deg, #F7E38A 40%, #F1D46C 68%, #BE9B49 99%);


}

/*  Target the wrapper, not the outermost div /*  Target the wrapper, not the outermost div */
.reflection-container {
    transition: transform 0.3s ease;
} 

/* Hover effect */
.reflection-container:hover {
  transform: scale(1.1); /* Grow by 20% */
}
.reflection-container .elementor-button, .reflection-container2 .elementor-widget-container {
  position: relative; /*  Important: Make sure the container is positioned */
  overflow: hidden;   /*  Hide the parts of the pseudo-element that extend beyond the button */
  /*  You might NOT need width/height here, let the button determine its own size */
  /* width: 300px;  Remove or adjust as needed */
  /* height: 150px; Remove or adjust as needed */
  /* Remove background color if you want the button's own background */
  /* background-color: #666;  Remove this if you use the button's background */
}

.reflection-container .elementor-button::after, .reflection-container2 .elementor-widget-container::after {
  content: "";
  display: block;
  width: 30px;        /*  Width of the reflection "streak" */
  height: 150%;       /*  Height of the reflection (make it taller than the button) */
  position: absolute;
  top: -80%;          /*  Start position, adjust as needed */
  left: -30px;      /* Start the animation off-screen to the left, adjust as needed*/
  background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0) 100%); /* Use a gradient for a more realistic reflection */
  transform: rotate(25deg); /*  Angle of the reflection */
  animation: reflect 3s linear infinite;  /* Use a linear animation for a constant speed */
  pointer-events: none; /*  VERY IMPORTANT: Make the pseudo-element non-interactive */
    transition: opacity 0.3s ease; /* Add a smooth transition for opacity */
}

/* Keyframes for the animation */
@keyframes reflect {
  0% {
    left: -30px;    /* Start off-screen */
    opacity: 0;
  }
  100% {
    left: 110%;   /* Move completely across the button and off-screen */
    opacity: 0.6; /* Adjust opacity for desired effect */
  }
}

/* --- Entrance Animation Styles --- */

.reflection-container .elementor-button {
    /* Existing styles, plus... */
    display: inline-block; /* Ensure the button respects inline-block properties */
    animation: entranceAnimation 0.8s ease-out forwards; /* Add the animation */
    transform-origin: center center;  /* Set the transform origin for scaling */
}

@keyframes entranceAnimation {
    0% {
        transform: scale(0); /* Start small */
        opacity: 0;         /* Start invisible */
    }
    60% {
        transform: scale(1.2); /* Grow slightly larger than final size */
        opacity: 1;
    }
   80%{
        transform: scale(0.93);
    }
    100% {
        transform: scale(1); /* Settle at the normal size */
        opacity: 1;         /* Fully visible */
    }
}


.golden-button ..elementor-buttonelementor-button{
	background-color: gold;
	color: black;
}/* End custom CSS */