.elementor-291 .elementor-element.elementor-element-922244c{--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-291 .elementor-element.elementor-element-922244c:not(.elementor-motion-effects-element-type-background), .elementor-291 .elementor-element.elementor-element-922244c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://highschoolhotspot.5stardesigners.co/wp-content/uploads/2026/04/060153356816e4d39dd6c7802dcc2cd7563e7dca-1.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-291 .elementor-element.elementor-element-922244c::before, .elementor-291 .elementor-element.elementor-element-922244c > .elementor-background-video-container::before, .elementor-291 .elementor-element.elementor-element-922244c > .e-con-inner > .elementor-background-video-container::before, .elementor-291 .elementor-element.elementor-element-922244c > .elementor-background-slideshow::before, .elementor-291 .elementor-element.elementor-element-922244c > .e-con-inner > .elementor-background-slideshow::before, .elementor-291 .elementor-element.elementor-element-922244c > .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-291 .elementor-element.elementor-element-fb18788{padding:100px 0px 0px 0px;text-align:center;}.elementor-291 .elementor-element.elementor-element-fb18788 .elementor-heading-title{font-family:"Lexend", Sans-serif;font-size:45px;font-weight:500;color:#FFFFFF;}.elementor-291 .elementor-element.elementor-element-0442086{--display:flex;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-291 .elementor-element.elementor-element-61e12f1{--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;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-291 .elementor-element.elementor-element-d034fd9 img{width:91%;}.elementor-291 .elementor-element.elementor-element-5609566{--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;}.elementor-291 .elementor-element.elementor-element-35ced70{--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;}body.elementor-page-291:not(.elementor-motion-effects-element-type-background), body.elementor-page-291 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://highschoolhotspot.5stardesigners.co/wp-content/uploads/2026/04/af3f5b3d-4ad2-4ca4-94a3-0c44cd1663de-e1777481160472.png");background-repeat:repeat;background-size:27% auto;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-291 .elementor-element.elementor-element-61e12f1{--width:50%;}.elementor-291 .elementor-element.elementor-element-5609566{--width:50%;}}/* Start custom CSS for container, class: .elementor-element-922244c *//* 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 */