.elementor-3530 .elementor-element.elementor-element-ea5b8fe{--display:flex;--min-height:800px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--background-transition:0.3s;--margin-top:88px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3530 .elementor-element.elementor-element-ea5b8fe, .elementor-3530 .elementor-element.elementor-element-ea5b8fe::before{--border-transition:0.3s;}.elementor-3530 .elementor-element.elementor-element-21f23ac{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--e-transform-origin-x:center;--e-transform-origin-y:center;}.elementor-3530 .elementor-element.elementor-element-4a9ac30{text-align:center;}.elementor-3530 .elementor-element.elementor-element-4a9ac30 .elementor-heading-title{color:#FFFFFF;font-family:"LufgaLight", Sans-serif;font-size:64px;font-weight:400;line-height:65px;}.elementor-3530 .elementor-element.elementor-element-6b9ac20 > .elementor-widget-container{padding:024px 0px 0px 0px;}.elementor-3530 .elementor-element.elementor-element-6b9ac20{text-align:center;color:#FFFFFF;}.elementor-3530 .elementor-element.elementor-element-2d07321 > .elementor-widget-container{margin:40px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3530 .elementor-element.elementor-element-2d07321.elementor-element{--align-self:center;}.elementor-3530 .elementor-element.elementor-element-2d07321 .stonex-creative-btn, .elementor-3530 .elementor-element.elementor-element-2d07321 .stonex-creative-btn.stonex-eft--bloom div{border-style:solid;border-width:2px 2px 2px 2px;}.elementor-3530 .elementor-element.elementor-element-2d07321 .stonex-creative-btn{border-radius:999px 999px 999px 999px;padding:14px 30px 14px 30px;}.elementor-3530 .elementor-element.elementor-element-2d07321 .stonex-creative-btn.stonex-stl--hermosa.stonex-eft--bloom div{border-radius:999px 999px 999px 999px;}.elementor-3530 .elementor-element.elementor-element-2d07321 .stonex-creative-btn.stonex-stl--iconica > span{padding:14px 30px 14px 30px;}.elementor-3530 .elementor-element.elementor-element-2d07321 .stonex-creative-btn.stonex-stl--montino.stonex-eft--winona > span{padding:14px 30px 14px 30px;}.elementor-3530 .elementor-element.elementor-element-2d07321 .stonex-creative-btn.stonex-stl--montino.stonex-eft--winona::after{padding:14px 30px 14px 30px;}.elementor-3530 .elementor-element.elementor-element-2d07321 .stonex-creative-btn.stonex-stl--montino.stonex-eft--rayen > span{padding:14px 30px 14px 30px;}.elementor-3530 .elementor-element.elementor-element-2d07321 .stonex-creative-btn.stonex-stl--montino.stonex-eft--rayen::before{padding:14px 30px 14px 30px;}.elementor-3530 .elementor-element.elementor-element-2d07321 .stonex-creative-btn.stonex-stl--montino.stonex-eft--nina{padding:14px 30px 14px 30px;}.elementor-3530 .elementor-element.elementor-element-2d07321 .stonex-creative-btn.stonex-stl--montino.stonex-eft--nina::before{padding:14px 30px 14px 30px;}.elementor-3530 .elementor-element.elementor-element-2d07321 .stonex-creative-btn.stonex-stl--hermosa.stonex-eft--bloom span{padding:14px 30px 14px 30px;}.elementor-3530 .elementor-element.elementor-element-2d07321 .stonex-creative-btn-wrap .stonex-creative-btn{--stonex-ctv-btn-txt-clr:#FFFFFF;--stonex-ctv-btn-bg-clr:#000000;--stonex-ctv-btn-border-clr:#FFFFFF;--stonex-ctv-btn-txt-hvr-clr:#fff;--stonex-ctv-btn-border-hvr-clr:#4243DC;}.elementor-3530 .elementor-element.elementor-element-2d07321 .stonex-creative-btn.stonex-stl--hermosa.stonex-eft--exploit:hover{border-color:#4243DC;}@media(max-width:767px){.elementor-3530 .elementor-element.elementor-element-2d07321 > .elementor-widget-container{margin:20px 0px 0px 0px;}}@media(min-width:768px){.elementor-3530 .elementor-element.elementor-element-21f23ac{--width:60%;}}/* Start custom CSS for heading, class: .elementor-element-4a9ac30 */.design {
    font-family: 'Pilowlava2';
    
    
}



.hero-text {
    /* Apply a solid gradient background to the entire text */
    background: linear-gradient(
        to right,
        #0667FF, /* Blue */
        #FF00D4, /* Pink */
        #FFA806, /* Orange */
        #8A2BE2  /* Matching Purple */
    );
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent; /* Make text transparent to show gradient */
    text-fill-color: transparent; /* Make text transparent to show gradient */
    background-size: 100% auto; /* Initial solid gradient background */
    transition: background-size 0.5s ease; /* Smooth transition to animated gradient */
}

/* Gradient and animation on hover */
.hero-text:hover {
    background: linear-gradient(
        to right,
        #0667FF, /* Blue */
        #FF00D4, /* Pink */
        #FFA806, /* Orange */
        #8A2BE2  /* Matching Purple */
    );
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent; /* Text becomes transparent to show the gradient */
    text-fill-color: transparent; /* Text becomes transparent to show the gradient */
    background-size: 400% auto;
    animation: animatedText 5s ease-in-out infinite; /* Apply animation */
}

/* Animation for hover state */
@keyframes animatedText {
    0% {
        background-position: 0% 50%;
    }
    100% {
        background-position: 100% 50%;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-6b9ac20 */.heading-image {
    max-width: 18% !important;
    border-radius: 150px !important;
    margin-left:8px;
    margin-right:8px;
}

@media only screen and (min-width: 767px) and (max-width: 1024px) {
    .heading-image {
    max-width: 18% !important;
    border-radius: 150px !important;
 }
}

@media only screen and (max-width: 767px) {
    .heading-image {
    max-width: 30% !important;
    border-radius: 150px !important;
 }
}/* End custom CSS */