/* Custom CSS */

/* Example: Override main section background color. */
/* body .jupiterx-main {
    background-color: gray;
} */

.font-arabswell {
    font-family: 'arabswell' !important;
}

body.home.jupiterx-header-stick.jupiterx-header-sticked header {background: var(--e-global-color-primary);}

body:not(.home) header {background: var(--e-global-color-primary);}

a#buy_now_link {
    margin-top: 15px;
    width: 200px;
    padding: 15px;
    border-radius: 15px;
    border: none;
    background: #4d2911;
}

/* 1. Define the animation steps */
@keyframes gentlePulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.03); /* Scales up by 5% */
  }
  100% {
    transform: scale(1);
  }
}

/* 2. Apply the animation to the "Buy Now" button */
a#buy_now_link.buy_now_button {
  animation: gentlePulse 1s infinite ease-in-out;
}