.elementor-kit-9{--e-global-color-primary:#000000;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-7f78da4:#2DF51B;--e-global-color-d6b4886:#FFFFFF;--e-global-color-d593571:#FF0000;--e-global-color-a797923:#050440;--e-global-color-267c9d6:#F95707;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-9 e-page-transition{background-color:#FFBC7D;}.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);}.hfe-reading-progress-bar{background-color:#8D1CEB;height:4px;}.hfe-reading-progress{top:0px;}@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 */.gradientbutton {
    background: linear-gradient(239deg, #ff1900, #ffab00, #00d0ff, #ba00ff);
    background-size: 800% 10000%;
    border-radius: 12px;
    padding: 12px 24px;
    color: white;
    font-weight: bold;
    border: none;
    cursor: pointer;
    
    animation: gradientAnimation 23s ease infinite, bounceAnimation 4s ease-in-out infinite;
    transform-style: preserve-3d;
    perspective: 1000px;
}

@keyframes gradientAnimation {
    0% {
        background-position: 0% 91%;
    }
    50% {
        background-position: 100% 10%;
    }
    100% {
        background-position: 0% 91%;
    }
}

@keyframes bounceAnimation {
    0%, 100% {
        transform: translate3d(0, 0, 0);
    }
    10%, 90% {
        transform: translate3d(-5px, 0, 0);
    }
    20%, 80% {
        transform: translate3d(5px, 0, 0);
    }
    30%, 50%, 70% {
        transform: translate3d(-5px, 0, 0);
    }
    40%, 60% {
        transform: translate3d(5px, 0, 0);
    }
}

.gradientbutton:hover {
    transform: scale(1.05);
    box-shadow: 0 0 20px rgba(255, 255, 255, 0.4);
}


	.text{
	  text-transform: uppercase; 
	  background-image: linear-gradient(to right, #00F260, #f79d00, #0575E6, #64f38c);
	  -webkit-background-clip: text; 
	  background-clip: text; 
	  color: transparent;
	  
	  background-size: 300%;
	  background-position: -100%;  
	  
	  animation: animatedText 5s infinite alternate-reverse;
	}
	
	@keyframes animatedText{
	  to{
	    background-position: 100%; 
	  }
	}/* End custom CSS */