/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Feb 12 2026 | 09:38:55 */
:root {
  --Primary: #731cb2;
  --Secondary: #280d69;
  --Text: #ffffff;
  --Accent: #a17de0;
  --Body: #0d001b;
  --Card: #1c0a24;
  --SecondaryAccent: #5a2aac;
  --Border: #1f1a22;
}

/*=======================================================*/
/*                  Universal style                     */
/*=====================================================*/
*{
    scrollbar-width: thin;
    scrollbar-color: var(--SecondaryAccent) var(--Secondary);
    outline: none;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
}


/*=======================================================*/
/*                  Hidden or Custom                    */
/*=====================================================*/
.hidden{
    display: none;
}

/*=======================================================*/
/*                  Link outline FiX                    */
/*=====================================================*/

a:focus, button:focus {
    outline: none ;
}


/*=======================================================*/
/*                   Button style                       */
/*=====================================================*/


     /*-- Icon rotate --*/
.elementor-element.btn-1 a.elementor-button span.elementor-button-icon{
    transform: rotate(-45deg);
    transition: 0.4s;

}

.elementor-element.btn-1 a.elementor-button:hover span.elementor-button-icon{
    transform:rotate(0deg);
}
          /*--end--*/
div.elementor-element div.elementor-element.btn-1 a.elementor-button {
  color: var(--Text);
  background-image: linear-gradient(
    90deg,
    var(--Secondary) 0%,
    var(--SecondaryAccent) 50%,
    var(--Secondary) 100%
  );
  background-size: 200% auto;
  transition: all .6s ease;
  background-position: 100% center;
}
div.elementor-element div.elementor-element.btn-1 a:hover.elementor-button {
  background-position: 0% center;
}

/*=======================================================*/
/*                    Menu style                        */
/*=====================================================*/

     /*--- Dexstop Menu ---*/
#desktop-nav-menu ul.uael-nav-menu li.menu-item a{
	color:var(--Text);
transition:.4s;
}
#desktop-nav-menu ul.uael-nav-menu li.menu-item a:hover{
  color:var(--Secondary);
  background: linear-gradient(
    90deg,
    var(--Accent),
    var(--Secondary),
    var(--Primary),
    var(--Accent)
  );
  background-clip: text;
  color: transparent;
  background-size: 200%;
  animation: gradiantanimation 6s linear infinite;
	animation-delay:.5s
}
        /*--- Mobile Menu ---*/

div.uael-flyout-content div.uael-flyout-close{
	position:absolute;
   top: 20px;
   right: 20px;
   transform: rotate(45deg);
}

div.uael-flyout-content nav.menu-is-active ul.uael-nav-menu li a{
	color:var(--Text);
}

div.uael-flyout-content nav.menu-is-active ul.uael-nav-menu li a:hover{
  background: linear-gradient(
    90deg,
    var(--Accent),
    var(--Secondary),
    var(--Primary),
    var(--Accent)
  );
	-webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-size: 200%;
  animation: gradiantanimation 6s linear infinite;

}
/*=======================================================*/
/*                  All animations                      */
/*=====================================================*/

@keyframes gradiantanimation {
  0% {
    background-position: 200% 50%;
  }

  100% {
    background-position: 0% 50%;
  }