.elementor-kit-5{--e-global-color-primary:#FFFFFF;--e-global-color-secondary:#3B56A6;--e-global-color-text:#FFFFFF;--e-global-color-accent:#000000;--e-global-color-2c8a594:#5CA6DB;--e-global-color-e280919:#474747;--e-global-color-b13cb86:#BC519E;--e-global-typography-primary-font-family:"Montserrat";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Montserrat";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Open Sans";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Montserrat";--e-global-typography-accent-font-weight:400;background-color:#000000;}.elementor-kit-5 e-page-transition{background-color:#000000;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.button-01 {
  background-color: #000000;
  color: #ffffff;
  padding: 0px 4px;
  border-radius: 30px;
  transition: all 0.4s ease;
  background-size: 300% 300%;
  background-position: center;
}

/* Hover State */
.button-01:hover {
  background: linear-gradient(135deg, #BC519E, #3B56A6, #5CA6DB, #ffffff);
  background-size: 300% 300%;
  animation: gradientHover 3s ease infinite;
  color: #ffffff;
  box-shadow: 0 0 15px rgba(188, 81, 158, 0.6),
              0 0 30px rgba(91, 134, 208, 0.4),
              0 0 45px rgba(92, 166, 219, 0.3);
  transform: scale(1.05);
}

/* Gradient Animation on Hover */
@keyframes gradientHover {
  0% { background-position: 0% 50%; }
  25% { background-position: 50% 100%; }
  50% { background-position: 100% 50%; }
  75% { background-position: 50% 0%; }
  100% { background-position: 0% 50%; }
}

/*-----------------*/

.button-02 {
  background-color: #FFFDF6;
  color: #000000;
  padding: 0px 4px;
  border-radius: 30px;
  transition: all 0.4s ease;
  background-size: 300% 300%;
  background-position: center;
}

/* Hover State */
.button-02:hover {
  background: linear-gradient(135deg, #BC519E, #3B56A6, #5CA6DB, #ffffff);
  background-size: 300% 300%;
  animation: gradientHover 3s ease infinite;
  color: #FFFDF6;
  box-shadow: 0 0 15px rgba(188, 81, 158, 0.6),
              0 0 30px rgba(91, 134, 208, 0.4),
              0 0 45px rgba(92, 166, 219, 0.3);
  transform: scale(1.05);
}

/* Gradient Animation on Hover */
@keyframes gradientHover {
  0% { background-position: 0% 50%; }
  25% { background-position: 50% 100%; }
  50% { background-position: 100% 50%; }
  75% { background-position: 50% 0%; }
  100% { background-position: 0% 50%; }
}


/*-----------------*/

.animated-heading {
  background: linear-gradient(135deg, #BC519E, #3B56A6, #5CA6DB, #ffffff);
  background-size: 300% 300%;
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  animation: gradientHover 3s ease infinite;
}

/* Reuse your existing gradient animation */
@keyframes gradientHover {
  0% { background-position: 0% 50%; }
  25% { background-position: 50% 100%; }
  50% { background-position: 100% 50%; }
  75% { background-position: 50% 0%; }
  100% { background-position: 0% 50%; }
}


/*-----------------*//* End custom CSS */