.elementor-1082 .elementor-element.elementor-element-9cbf8fd{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-1082 .elementor-element.elementor-element-9cbf8fd:not(.elementor-motion-effects-element-type-background), .elementor-1082 .elementor-element.elementor-element-9cbf8fd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-1082 .elementor-element.elementor-element-aaf210e{--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-1082 .elementor-element.elementor-element-aaf210e:not(.elementor-motion-effects-element-type-background), .elementor-1082 .elementor-element.elementor-element-aaf210e > .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-1082 .elementor-element.elementor-element-aaf210e::before, .elementor-1082 .elementor-element.elementor-element-aaf210e > .elementor-background-video-container::before, .elementor-1082 .elementor-element.elementor-element-aaf210e > .e-con-inner > .elementor-background-video-container::before, .elementor-1082 .elementor-element.elementor-element-aaf210e > .elementor-background-slideshow::before, .elementor-1082 .elementor-element.elementor-element-aaf210e > .e-con-inner > .elementor-background-slideshow::before, .elementor-1082 .elementor-element.elementor-element-aaf210e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';background-color:#000000;}.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-1082 .elementor-element.elementor-element-7c27449{text-align:center;padding:100px 0px 0px 0px;}.elementor-1082 .elementor-element.elementor-element-7c27449 .elementor-heading-title{font-family:"Lexend", Sans-serif;font-size:45px;font-weight:500;color:#FFFFFF;}.elementor-1082 .elementor-element.elementor-element-2bb20a7{--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;}.elementor-1082 .elementor-element.elementor-element-e21c4f4{--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;}.elementor-1082 .elementor-element.elementor-element-adecbcc{--display:flex;}.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-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1082 .elementor-element.elementor-element-d883512{color:#FFFFFF;}.elementor-1082 .elementor-element.elementor-element-d463b45{--display:flex;}:root{--page-title-display:none;}body.elementor-page-1082:not(.elementor-motion-effects-element-type-background), body.elementor-page-1082 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1F1F2A;background-image:url("https://highschoolhotspots.com/wp-content/uploads/2026/04/af3f5b3d-4ad2-4ca4-94a3-0c44cd1663de-e1777481160472.png");}@media(min-width:768px){.elementor-1082 .elementor-element.elementor-element-d463b45{--width:50%;}}@media(max-width:767px){.elementor-1082 .elementor-element.elementor-element-9cbf8fd{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:15px;--padding-right:15px;}.elementor-1082 .elementor-element.elementor-element-7c27449 .elementor-heading-title{font-size:30px;}.elementor-1082 .elementor-element.elementor-element-d463b45{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for container, class: .elementor-element-aaf210e *//* 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 */