.elementor-484 .elementor-element.elementor-element-a469284{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--overlay-opacity:0.5;--padding-top:150px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-484 .elementor-element.elementor-element-a469284:not(.elementor-motion-effects-element-type-background), .elementor-484 .elementor-element.elementor-element-a469284 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://highschoolhotspots.com/wp-content/uploads/2026/04/060153356816e4d39dd6c7802dcc2cd7563e7dca-1.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-484 .elementor-element.elementor-element-a469284::before, .elementor-484 .elementor-element.elementor-element-a469284 > .elementor-background-video-container::before, .elementor-484 .elementor-element.elementor-element-a469284 > .e-con-inner > .elementor-background-video-container::before, .elementor-484 .elementor-element.elementor-element-a469284 > .elementor-background-slideshow::before, .elementor-484 .elementor-element.elementor-element-a469284 > .e-con-inner > .elementor-background-slideshow::before, .elementor-484 .elementor-element.elementor-element-a469284 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-484 .elementor-element.elementor-element-0a70b55{padding:100px 0px 0px 0px;text-align:center;}.elementor-484 .elementor-element.elementor-element-0a70b55 .elementor-heading-title{font-family:"Lexend", Sans-serif;font-size:45px;font-weight:500;color:#FFFFFF;}.elementor-484 .elementor-element.elementor-element-a74467b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}body.elementor-page-484:not(.elementor-motion-effects-element-type-background), body.elementor-page-484 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://highschoolhotspots.com/wp-content/uploads/2026/04/af3f5b3d-4ad2-4ca4-94a3-0c44cd1663de-e1777481160472.png");}:root{--page-title-display:none;}/* Start custom CSS for container, class: .elementor-element-a469284 *//* ADD THIS CLASS TO YOUR ELEMENTOR SECTION */
.hero-animated-bg {
    background: linear-gradient(135deg, #0f0c29, #302b63, #24243e);
    background-size: 200% 200%;
    animation: gradientFlow 8s ease infinite;
    position: relative;
    overflow: hidden;
}

@keyframes gradientFlow {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* Optional: floating particles overlay */
.hero-animated-bg::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: radial-gradient(circle at 20% 40%, rgba(255,255,255,0.05) 2px, transparent 2px);
    background-size: 40px 40px;
    pointer-events: none;
    animation: particleFloat 20s linear infinite;
}

@keyframes particleFloat {
    0% { background-position: 0 0; }
    100% { background-position: 40px 40px; }
}/* End custom CSS */