.elementor-25 .elementor-element.elementor-element-97df86f{--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;--overlay-opacity:0.5;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-73a5399 );--border-color:var( --e-global-color-73a5399 );--padding-top:5rem;--padding-bottom:5rem;--padding-left:3rem;--padding-right:3rem;}.elementor-25 .elementor-element.elementor-element-97df86f::before, .elementor-25 .elementor-element.elementor-element-97df86f > .elementor-background-video-container::before, .elementor-25 .elementor-element.elementor-element-97df86f > .e-con-inner > .elementor-background-video-container::before, .elementor-25 .elementor-element.elementor-element-97df86f > .elementor-background-slideshow::before, .elementor-25 .elementor-element.elementor-element-97df86f > .e-con-inner > .elementor-background-slideshow::before, .elementor-25 .elementor-element.elementor-element-97df86f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:radial-gradient(at center right, #4631CE4A 0%, #F2295B08 84%);}.elementor-25 .elementor-element.elementor-element-3134fb8{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-25 .elementor-element.elementor-element-c5252ec{width:var( --container-widget-width, 10% );max-width:10%;--container-widget-width:10%;--container-widget-flex-grow:0;top:10%;}body:not(.rtl) .elementor-25 .elementor-element.elementor-element-c5252ec{left:25%;}body.rtl .elementor-25 .elementor-element.elementor-element-c5252ec{right:25%;}.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-25 .elementor-element.elementor-element-57d7414{text-align:center;}.elementor-25 .elementor-element.elementor-element-57d7414 .elementor-heading-title{font-family:var( --e-global-typography-5c26ee9-font-family ), Sans-serif;font-size:var( --e-global-typography-5c26ee9-font-size );font-weight:var( --e-global-typography-5c26ee9-font-weight );line-height:var( --e-global-typography-5c26ee9-line-height );letter-spacing:var( --e-global-typography-5c26ee9-letter-spacing );color:var( --e-global-color-62860b8 );}.elementor-25 .elementor-element.elementor-element-10e89b0{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;text-align:center;}.elementor-25 .elementor-element.elementor-element-10e89b0 .elementor-heading-title{font-family:var( --e-global-typography-5c26ee9-font-family ), Sans-serif;font-size:var( --e-global-typography-5c26ee9-font-size );font-weight:var( --e-global-typography-5c26ee9-font-weight );line-height:var( --e-global-typography-5c26ee9-line-height );letter-spacing:var( --e-global-typography-5c26ee9-letter-spacing );color:var( --e-global-color-48a44e5 );}.elementor-widget-search{--e-search-input-color:var( --e-global-color-text );}.elementor-widget-search.e-focus{--e-search-input-color:var( --e-global-color-text );}.elementor-widget-search .elementor-pagination{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-25 .elementor-element.elementor-element-6bcacdf .e-search-input{background-color:var( --e-global-color-d19e109 );font-family:var( --e-global-typography-c2c50a0-font-family ), Sans-serif;font-size:var( --e-global-typography-c2c50a0-font-size );font-weight:var( --e-global-typography-c2c50a0-font-weight );line-height:var( --e-global-typography-c2c50a0-line-height );letter-spacing:var( --e-global-typography-c2c50a0-letter-spacing );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-73a5399 );border-radius:3px 3px 3px 3px;}.elementor-25 .elementor-element.elementor-element-6bcacdf.e-focus .e-search-input{background-color:var( --e-global-color-d19e109 );}.elementor-25 .elementor-element.elementor-element-6bcacdf .e-search-results-container{background-color:var( --e-global-color-c48f627 );}.elementor-25 .elementor-element.elementor-element-6bcacdf{--e-search-results-columns:1;--e-search-placeholder-color:var( --e-global-color-2feff97 );--e-search-input-color:var( --e-global-color-2feff97 );--e-search-input-padding-block-start:10px;--e-search-input-padding-inline-start:10px;--e-search-input-padding-block-end:10px;--e-search-input-padding-inline-end:10px;--e-search-icon-label-size:17px;--e-search-icon-clear-color:var( --e-global-color-2feff97 );--e-search-results-border-radius:3px 3px 3px 3px;}.elementor-25 .elementor-element.elementor-element-6bcacdf.e-focus{--e-search-input-color:var( --e-global-color-2feff97 );--e-search-icon-label-color:var( --e-global-color-02b9135 );}.elementor-25 .elementor-element.elementor-element-6bcacdf .e-search-results-container > div{border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-73a5399 );box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-25 .elementor-element.elementor-element-6bcacdf .e-search-nothing-found-message{font-family:var( --e-global-typography-c2c50a0-font-family ), Sans-serif;font-size:var( --e-global-typography-c2c50a0-font-size );font-weight:var( --e-global-typography-c2c50a0-font-weight );line-height:var( --e-global-typography-c2c50a0-line-height );letter-spacing:var( --e-global-typography-c2c50a0-letter-spacing );}.elementor-25 .elementor-element.elementor-element-c9dc0f7 .e-search-input{background-color:var( --e-global-color-d19e109 );font-family:var( --e-global-typography-c2c50a0-font-family ), Sans-serif;font-size:var( --e-global-typography-c2c50a0-font-size );font-weight:var( --e-global-typography-c2c50a0-font-weight );line-height:var( --e-global-typography-c2c50a0-line-height );letter-spacing:var( --e-global-typography-c2c50a0-letter-spacing );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-73a5399 );border-radius:3px 3px 3px 3px;}.elementor-25 .elementor-element.elementor-element-c9dc0f7.e-focus .e-search-input{background-color:var( --e-global-color-d19e109 );}.elementor-25 .elementor-element.elementor-element-c9dc0f7 .e-search-results-container{background-color:var( --e-global-color-c48f627 );}.elementor-25 .elementor-element.elementor-element-c9dc0f7{width:var( --container-widget-width, 30% );max-width:30%;--container-widget-width:30%;--container-widget-flex-grow:0;--e-search-results-columns:1;--e-search-placeholder-color:var( --e-global-color-2feff97 );--e-search-input-color:var( --e-global-color-2feff97 );--e-search-input-padding-block-start:10px;--e-search-input-padding-inline-start:10px;--e-search-input-padding-block-end:10px;--e-search-input-padding-inline-end:10px;--e-search-icon-label-size:17px;--e-search-icon-clear-color:var( --e-global-color-2feff97 );--e-search-results-border-radius:3px 3px 3px 3px;}.elementor-25 .elementor-element.elementor-element-c9dc0f7.e-focus{--e-search-input-color:var( --e-global-color-2feff97 );--e-search-icon-label-color:var( --e-global-color-02b9135 );}.elementor-25 .elementor-element.elementor-element-c9dc0f7 .e-search-results-container > div{border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-73a5399 );box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-25 .elementor-element.elementor-element-c9dc0f7 .e-search-nothing-found-message{font-family:var( --e-global-typography-c2c50a0-font-family ), Sans-serif;font-size:var( --e-global-typography-c2c50a0-font-size );font-weight:var( --e-global-typography-c2c50a0-font-weight );line-height:var( --e-global-typography-c2c50a0-line-height );letter-spacing:var( --e-global-typography-c2c50a0-letter-spacing );}.elementor-25 .elementor-element.elementor-element-a4a5514{--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 20px;--row-gap:0px;--column-gap:20px;--padding-top:3rem;--padding-bottom:3rem;--padding-left:3rem;--padding-right:3rem;}.elementor-25 .elementor-element.elementor-element-485597c{--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-widget-posts .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-25 .elementor-element.elementor-element-d4f7447{--item-display:flex;--read-more-alignment:1;--grid-row-gap:35px;--grid-column-gap:30px;--load-more-message-color:var( --e-global-color-d19e109 );--load-more-spinner-color:var( --e-global-color-02b9135 );}.elementor-25 .elementor-element.elementor-element-d4f7447 .elementor-button{background-color:var( --e-global-color-d19e109 );font-family:var( --e-global-typography-39f52ca-font-family ), Sans-serif;font-size:var( --e-global-typography-39f52ca-font-size );font-weight:var( --e-global-typography-39f52ca-font-weight );letter-spacing:var( --e-global-typography-39f52ca-letter-spacing );fill:var( --e-global-color-2feff97 );color:var( --e-global-color-2feff97 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-73a5399 );border-radius:3px 3px 3px 3px;}.elementor-25 .elementor-element.elementor-element-d4f7447 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.7 * 100% );}.elementor-25 .elementor-element.elementor-element-d4f7447:after{content:"0.7";}.elementor-25 .elementor-element.elementor-element-d4f7447 .elementor-post__thumbnail__link{width:100%;}.elementor-25 .elementor-element.elementor-element-d4f7447 .elementor-post__meta-data span + span:before{content:"•";}.elementor-25 .elementor-element.elementor-element-d4f7447 .elementor-post__card{background-color:#18181B;border-color:var( --e-global-color-73a5399 );border-width:1px;border-radius:3px;}.elementor-25 .elementor-element.elementor-element-d4f7447 .elementor-post__card .elementor-post__meta-data{border-top-color:#FFFFFF14;}.elementor-25 .elementor-element.elementor-element-d4f7447 .elementor-post__text{margin-top:20px;}.elementor-25 .elementor-element.elementor-element-d4f7447 .elementor-post__badge{right:0;}.elementor-25 .elementor-element.elementor-element-d4f7447 .elementor-post__card .elementor-post__badge{background-color:#07F49EC9;border-radius:3px;margin:20px;font-family:var( --e-global-typography-c2c50a0-font-family ), Sans-serif;font-weight:var( --e-global-typography-c2c50a0-font-weight );line-height:var( --e-global-typography-c2c50a0-line-height );letter-spacing:var( --e-global-typography-c2c50a0-letter-spacing );}.elementor-25 .elementor-element.elementor-element-d4f7447 .elementor-post__title, .elementor-25 .elementor-element.elementor-element-d4f7447 .elementor-post__title a{color:#FFFFFF;font-family:var( --e-global-typography-c9c99a5-font-family ), Sans-serif;font-size:var( --e-global-typography-c9c99a5-font-size );font-weight:var( --e-global-typography-c9c99a5-font-weight );line-height:var( --e-global-typography-c9c99a5-line-height );letter-spacing:var( --e-global-typography-c9c99a5-letter-spacing );}.elementor-25 .elementor-element.elementor-element-d4f7447 .elementor-post__meta-data{color:#F8F8FF;font-family:var( --e-global-typography-c2c50a0-font-family ), Sans-serif;font-size:var( --e-global-typography-c2c50a0-font-size );font-weight:var( --e-global-typography-c2c50a0-font-weight );line-height:var( --e-global-typography-c2c50a0-line-height );letter-spacing:var( --e-global-typography-c2c50a0-letter-spacing );}.elementor-25 .elementor-element.elementor-element-d4f7447 .elementor-post__excerpt p{color:var( --e-global-color-2feff97 );font-family:var( --e-global-typography-c2c50a0-font-family ), Sans-serif;font-size:var( --e-global-typography-c2c50a0-font-size );font-weight:var( --e-global-typography-c2c50a0-font-weight );line-height:var( --e-global-typography-c2c50a0-line-height );letter-spacing:var( --e-global-typography-c2c50a0-letter-spacing );}.elementor-25 .elementor-element.elementor-element-d4f7447 .elementor-post__read-more{color:#007FFF;}.elementor-25 .elementor-element.elementor-element-d4f7447 a.elementor-post__read-more{font-family:var( --e-global-typography-c2c50a0-font-family ), Sans-serif;font-size:var( --e-global-typography-c2c50a0-font-size );font-weight:var( --e-global-typography-c2c50a0-font-weight );line-height:var( --e-global-typography-c2c50a0-line-height );letter-spacing:var( --e-global-typography-c2c50a0-letter-spacing );}@media(min-width:768px){.elementor-25 .elementor-element.elementor-element-a4a5514{--content-width:1280px;}.elementor-25 .elementor-element.elementor-element-485597c{--width:100%;}}@media(max-width:1024px){.elementor-25 .elementor-element.elementor-element-97df86f{--padding-top:5rem;--padding-bottom:5rem;--padding-left:2rem;--padding-right:2rem;}.elementor-25 .elementor-element.elementor-element-57d7414 .elementor-heading-title{font-size:var( --e-global-typography-5c26ee9-font-size );line-height:var( --e-global-typography-5c26ee9-line-height );letter-spacing:var( --e-global-typography-5c26ee9-letter-spacing );}.elementor-25 .elementor-element.elementor-element-10e89b0{width:100%;max-width:100%;}.elementor-25 .elementor-element.elementor-element-10e89b0 .elementor-heading-title{font-size:var( --e-global-typography-5c26ee9-font-size );line-height:var( --e-global-typography-5c26ee9-line-height );letter-spacing:var( --e-global-typography-5c26ee9-letter-spacing );}.elementor-25 .elementor-element.elementor-element-6bcacdf .e-search-input{font-size:var( --e-global-typography-c2c50a0-font-size );line-height:var( --e-global-typography-c2c50a0-line-height );letter-spacing:var( --e-global-typography-c2c50a0-letter-spacing );}.elementor-25 .elementor-element.elementor-element-6bcacdf .e-search-nothing-found-message{font-size:var( --e-global-typography-c2c50a0-font-size );line-height:var( --e-global-typography-c2c50a0-line-height );letter-spacing:var( --e-global-typography-c2c50a0-letter-spacing );}.elementor-25 .elementor-element.elementor-element-c9dc0f7{--container-widget-width:75%;--container-widget-flex-grow:0;width:var( --container-widget-width, 75% );max-width:75%;}.elementor-25 .elementor-element.elementor-element-c9dc0f7 .e-search-input{font-size:var( --e-global-typography-c2c50a0-font-size );line-height:var( --e-global-typography-c2c50a0-line-height );letter-spacing:var( --e-global-typography-c2c50a0-letter-spacing );}.elementor-25 .elementor-element.elementor-element-c9dc0f7 .e-search-nothing-found-message{font-size:var( --e-global-typography-c2c50a0-font-size );line-height:var( --e-global-typography-c2c50a0-line-height );letter-spacing:var( --e-global-typography-c2c50a0-letter-spacing );}.elementor-25 .elementor-element.elementor-element-a4a5514{--padding-top:1rem;--padding-bottom:3rem;--padding-left:1rem;--padding-right:1rem;}.elementor-25 .elementor-element.elementor-element-d4f7447 .elementor-post__card .elementor-post__badge{line-height:var( --e-global-typography-c2c50a0-line-height );letter-spacing:var( --e-global-typography-c2c50a0-letter-spacing );}.elementor-25 .elementor-element.elementor-element-d4f7447 .elementor-post__title, .elementor-25 .elementor-element.elementor-element-d4f7447 .elementor-post__title a{font-size:var( --e-global-typography-c9c99a5-font-size );line-height:var( --e-global-typography-c9c99a5-line-height );letter-spacing:var( --e-global-typography-c9c99a5-letter-spacing );}.elementor-25 .elementor-element.elementor-element-d4f7447 .elementor-post__meta-data{font-size:var( --e-global-typography-c2c50a0-font-size );line-height:var( --e-global-typography-c2c50a0-line-height );letter-spacing:var( --e-global-typography-c2c50a0-letter-spacing );}.elementor-25 .elementor-element.elementor-element-d4f7447 .elementor-post__excerpt p{font-size:var( --e-global-typography-c2c50a0-font-size );line-height:var( --e-global-typography-c2c50a0-line-height );letter-spacing:var( --e-global-typography-c2c50a0-letter-spacing );}.elementor-25 .elementor-element.elementor-element-d4f7447 a.elementor-post__read-more{font-size:var( --e-global-typography-c2c50a0-font-size );line-height:var( --e-global-typography-c2c50a0-line-height );letter-spacing:var( --e-global-typography-c2c50a0-letter-spacing );}.elementor-25 .elementor-element.elementor-element-d4f7447 .elementor-button{font-size:var( --e-global-typography-39f52ca-font-size );letter-spacing:var( --e-global-typography-39f52ca-letter-spacing );}}@media(max-width:767px){.elementor-25 .elementor-element.elementor-element-97df86f{--padding-top:5rem;--padding-bottom:5rem;--padding-left:1rem;--padding-right:1rem;}.elementor-25 .elementor-element.elementor-element-3134fb8{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-25 .elementor-element.elementor-element-57d7414 .elementor-heading-title{font-size:var( --e-global-typography-5c26ee9-font-size );line-height:var( --e-global-typography-5c26ee9-line-height );letter-spacing:var( --e-global-typography-5c26ee9-letter-spacing );}.elementor-25 .elementor-element.elementor-element-10e89b0 > .elementor-widget-container{margin:-15px 0px 0px 0px;}.elementor-25 .elementor-element.elementor-element-10e89b0 .elementor-heading-title{font-size:var( --e-global-typography-5c26ee9-font-size );line-height:var( --e-global-typography-5c26ee9-line-height );letter-spacing:var( --e-global-typography-5c26ee9-letter-spacing );}.elementor-25 .elementor-element.elementor-element-6bcacdf.elementor-element{--align-self:stretch;}.elementor-25 .elementor-element.elementor-element-6bcacdf .e-search-input{font-size:var( --e-global-typography-c2c50a0-font-size );line-height:var( --e-global-typography-c2c50a0-line-height );letter-spacing:var( --e-global-typography-c2c50a0-letter-spacing );}.elementor-25 .elementor-element.elementor-element-6bcacdf .e-search-nothing-found-message{font-size:var( --e-global-typography-c2c50a0-font-size );line-height:var( --e-global-typography-c2c50a0-line-height );letter-spacing:var( --e-global-typography-c2c50a0-letter-spacing );}.elementor-25 .elementor-element.elementor-element-c9dc0f7 .e-search-input{font-size:var( --e-global-typography-c2c50a0-font-size );line-height:var( --e-global-typography-c2c50a0-line-height );letter-spacing:var( --e-global-typography-c2c50a0-letter-spacing );}.elementor-25 .elementor-element.elementor-element-c9dc0f7 .e-search-nothing-found-message{font-size:var( --e-global-typography-c2c50a0-font-size );line-height:var( --e-global-typography-c2c50a0-line-height );letter-spacing:var( --e-global-typography-c2c50a0-letter-spacing );}.elementor-25 .elementor-element.elementor-element-a4a5514{--padding-top:1rem;--padding-bottom:3rem;--padding-left:1rem;--padding-right:1rem;}.elementor-25 .elementor-element.elementor-element-485597c{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-25 .elementor-element.elementor-element-d4f7447 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-25 .elementor-element.elementor-element-d4f7447:after{content:"0.5";}.elementor-25 .elementor-element.elementor-element-d4f7447 .elementor-post__thumbnail__link{width:100%;}.elementor-25 .elementor-element.elementor-element-d4f7447 .elementor-post__card .elementor-post__badge{line-height:var( --e-global-typography-c2c50a0-line-height );letter-spacing:var( --e-global-typography-c2c50a0-letter-spacing );}.elementor-25 .elementor-element.elementor-element-d4f7447 .elementor-post__title, .elementor-25 .elementor-element.elementor-element-d4f7447 .elementor-post__title a{font-size:var( --e-global-typography-c9c99a5-font-size );line-height:var( --e-global-typography-c9c99a5-line-height );letter-spacing:var( --e-global-typography-c9c99a5-letter-spacing );}.elementor-25 .elementor-element.elementor-element-d4f7447 .elementor-post__meta-data{font-size:var( --e-global-typography-c2c50a0-font-size );line-height:var( --e-global-typography-c2c50a0-line-height );letter-spacing:var( --e-global-typography-c2c50a0-letter-spacing );}.elementor-25 .elementor-element.elementor-element-d4f7447 .elementor-post__excerpt p{font-size:var( --e-global-typography-c2c50a0-font-size );line-height:var( --e-global-typography-c2c50a0-line-height );letter-spacing:var( --e-global-typography-c2c50a0-letter-spacing );}.elementor-25 .elementor-element.elementor-element-d4f7447 a.elementor-post__read-more{font-size:var( --e-global-typography-c2c50a0-font-size );line-height:var( --e-global-typography-c2c50a0-line-height );letter-spacing:var( --e-global-typography-c2c50a0-letter-spacing );}.elementor-25 .elementor-element.elementor-element-d4f7447 .elementor-button{font-size:var( --e-global-typography-39f52ca-font-size );letter-spacing:var( --e-global-typography-39f52ca-letter-spacing );}}/* Start custom CSS for html, class: .elementor-element-c5252ec */.glow { position: absolute; top: 50%; left: 50%; border-radius: 50%; -webkit-animation: glow 3s linear 0s infinite alternate; } .particles { position: absolute; top: calc(50% - 50px); left: calc(50% - 50px); width: 100px; height: 100px; } .rotate { position: absolute; top: calc(50% - 5px); left: calc(50% - 5px); width: 10px; height: 10px; } .angle { position: absolute; top: 0; left: 0; } .size { position: absolute; top: 0; left: 0; } .position { position: absolute; top: 0; left: 0; } .pulse { position: absolute; top: 0; left: 0; } .particle { position: absolute; top: calc(50% - 5px); left: calc(50% - 5px); width: 10px; height: 10px; border-radius: 50%; } .rotate { -webkit-animation: rotate 20s linear 0s infinite alternate; } .pulse{ -webkit-animation: pulse 1.5s linear 0s infinite alternate; } @-webkit-keyframes glow { 0% { transform: rotate(0deg); box-shadow: 0 0 60px 20px #56bcf9, 25px 15px 50px 10px #fff, -5px -25px 30px 5px #fff; } 100% { transform: rotate(5deg); box-shadow: 0 0 90px 20px #56bcf9, 35px 20px 40px 10px #fff, -30px -30px 40px 5px #fff; } } @-webkit-keyframes rotate { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @-webkit-keyframes angle { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @-webkit-keyframes size { 0% { -webkit-transform: scale(.2); } 100% { -webkit-transform: scale(.6); } } @-webkit-keyframes position { 0% { -webkit-transform: translate3d(0,0,0); opacity: 1; } 50 %{ opacity: 1; } 100% { -webkit-transform: translate3d(100px,100px,0); opacity: 0; } } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); } 100% { -webkit-transform: scale(.5); } } @-webkit-keyframes particle { 0% { box-shadow: inset 0 0 20px 20px #0079e8, 0 0 50px 10px #0079e8, inset 0 0 80px 80px #269aff; } 33.33% { box-shadow: inset 0 0 20px 20px #0079e8, 0 0 130px 10px #0079e8, inset 0 0 50px 50px #269aff; } 33.34% { box-shadow: inset 0 0 20px 20px #2693ff, 0 0 50px 10px #2693ff, inset 0 0 80px 80px #52abff; } 66.66% { box-shadow: inset 0 0 20px 20px #2693ff, 0 0 130px 10px #2693ff, inset 0 0 50px 50px #52abff; } 66.67% { box-shadow: inset 0 0 20px 20px #485fe8, 0 0 50px 10px #485fe8, inset 0 0 80px 80px #7d71e8; } 100% { box-shadow: inset 0 0 20px 20px #485fe8, 0 0 130px 10px #485fe8, inset 0 0 50px 50px #7d71e8; } } .rotate .angle:nth-child(1){ /* change the angle every 2 seconds */ -webkit-animation: angle 10s steps(5) 0s infinite; } .rotate .angle:nth-child(1) .size{ /* change the size of the particle every 2 seconds */ -webkit-animation: size 10s steps(5) 0s infinite; } .rotate .angle:nth-child(1) .particle{ /* animate the glow and change the color every 2 seconds */ -webkit-animation: particle 6s linear infinite alternate; } .rotate .angle:nth-child(1) .position{ /* animate the fly out of the particle and its fade out at the end */ -webkit-animation: position 2s linear 0s infinite; } .rotate .angle:nth-child(2){ /* change the angle every 2 seconds */ -webkit-animation: angle 4.95s steps(3) -1.65s infinite; } .rotate .angle:nth-child(2) .size{ /* change the size of the particle every 2 seconds */ -webkit-animation: size 4.95s steps(3) -1.65s infinite alternate; } .rotate .angle:nth-child(2) .particle{ /* animate the glow and change the color every 2 seconds */ -webkit-animation: particle 4.95s linear -3.3s infinite alternate; } .rotate .angle:nth-child(2) .position{ /* animate the fly out of the particle and its fade out at the end */ -webkit-animation: position 1.65s linear 0s infinite; } .rotate .angle:nth-child(3){ /* change the angle every 2 seconds */ -webkit-animation: angle 13.76s steps(8) -6.88s infinite; } .rotate .angle:nth-child(3) .size{ /* change the size of the particle every 2 seconds */ -webkit-animation: size 6.88s steps(4) -5.16s infinite alternate; } .rotate .angle:nth-child(3) .particle{ /* animate the glow and change the color every 2 seconds */ -webkit-animation: particle 5.16s linear -1.72 infinite alternate; } .rotate .angle:nth-child(3) .position{ /* animate the fly out of the particle and its fade out at the end */ -webkit-animation: position 1.72s linear 0s infinite; } .rotate .angle:nth-child(5) .position{ /* animate the fly out of the particle and its fade out at the end */ -webkit-animation: position 2.45s linear 0s infinite; }/* End custom CSS */