.elementor-20 .elementor-element.elementor-element-3fbc6380{--display:flex;--min-height:70vh;--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;}.elementor-20 .elementor-element.elementor-element-3fbc6380:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-3fbc6380 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://aspire-academy.osamweb.dev/wp-content/uploads/2025/11/C0690T01.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-20 .elementor-element.elementor-element-3fbc6380::before, .elementor-20 .elementor-element.elementor-element-3fbc6380 > .elementor-background-video-container::before, .elementor-20 .elementor-element.elementor-element-3fbc6380 > .e-con-inner > .elementor-background-video-container::before, .elementor-20 .elementor-element.elementor-element-3fbc6380 > .elementor-background-slideshow::before, .elementor-20 .elementor-element.elementor-element-3fbc6380 > .e-con-inner > .elementor-background-slideshow::before, .elementor-20 .elementor-element.elementor-element-3fbc6380 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-20 .elementor-element.elementor-element-22e1fb2f{--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-20 .elementor-element.elementor-element-4328f7f7{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-20 .elementor-element.elementor-element-5302360b{--divider-border-style:solid;--divider-color:var( --e-global-color-3d2227d );--divider-border-width:4px;}.elementor-20 .elementor-element.elementor-element-5302360b .elementor-divider-separator{width:15%;}.elementor-20 .elementor-element.elementor-element-5302360b .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );color:var( --e-global-color-primary );}.elementor-20 .elementor-element.elementor-element-189af19b .elementor-heading-title{font-family:"Titillium Web", Sans-serif;font-size:55px;font-weight:700;text-transform:uppercase;color:var( --e-global-color-secondary );}.elementor-20 .elementor-element.elementor-element-2bfa2b3e .elementor-heading-title{font-family:"Titillium Web", Sans-serif;font-size:17px;font-weight:500;text-transform:uppercase;font-style:italic;color:var( --e-global-color-secondary );}.elementor-20 .elementor-element.elementor-element-69978fee{--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:25px 25px;--row-gap:25px;--column-gap:25px;--padding-top:15px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-button .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-20 .elementor-element.elementor-element-2e374ff3 .elementor-button{background-color:var( --e-global-color-3d2227d );font-family:"Roboto", Sans-serif;font-weight:700;text-transform:uppercase;border-style:solid;border-width:0px 0px 0px 0px;border-color:var( --e-global-color-3d2227d );border-radius:659px 659px 659px 659px;}.elementor-20 .elementor-element.elementor-element-644ead0d .elementor-button{background-color:#EE403700;font-family:"Roboto", Sans-serif;font-weight:700;text-transform:uppercase;fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );border-style:solid;border-width:0px 0px 0px 0px;border-color:var( --e-global-color-3d2227d );border-radius:0px 0px 0px 0px;}.elementor-20 .elementor-element.elementor-element-644ead0d .elementor-button-content-wrapper{flex-direction:row;}.elementor-20 .elementor-element.elementor-element-1b99cc47{--display:flex;}.elementor-20 .elementor-element.elementor-element-36c0efea{--display:flex;--position:absolute;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );bottom:10px;}body:not(.rtl) .elementor-20 .elementor-element.elementor-element-36c0efea{left:0px;}body.rtl .elementor-20 .elementor-element.elementor-element-36c0efea{right:0px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-20 .elementor-element.elementor-element-3fbc6380{--padding-top:0%;--padding-bottom:0%;--padding-left:8%;--padding-right:8%;}.elementor-20 .elementor-element.elementor-element-22e1fb2f{--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-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}}@media(max-width:767px){.elementor-20 .elementor-element.elementor-element-3fbc6380{--padding-top:16%;--padding-bottom:16%;--padding-left:8%;--padding-right:8%;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-20 .elementor-element.elementor-element-189af19b .elementor-heading-title{font-size:40px;}}@media(min-width:768px){.elementor-20 .elementor-element.elementor-element-4328f7f7{--width:50%;}.elementor-20 .elementor-element.elementor-element-1b99cc47{--width:50%;}}@media(max-width:1024px) and (min-width:768px){.elementor-20 .elementor-element.elementor-element-4328f7f7{--width:100%;}.elementor-20 .elementor-element.elementor-element-1b99cc47{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-22661a1f *//* CSS */
.dot-sequence {
  --dot-size:10px;
  --gap: 14px;
  --dot-off: #FDFDFD;          /* inactive colour */
  --dot-on:  #EE4037;          /* active colour */
  --cycle: 16s;                /* 4 dots × 4s each */
  --pulse-ease: cubic-bezier(.4, 0, .2, 1);

  display: inline-flex;
  align-items: center;
  gap: var(--gap);
  padding: 0;
  margin: 0;
  list-style: none;
}

.dot {
  width: var(--dot-size);
  height: var(--dot-size);
  border-radius: 50%;
  background: var(--dot-off);
  border: 2px solid rgba(0, 0, 0, 0.08);
  position: relative;
  box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.05);
}

/* Active animation layer */
.dot::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--dot-on);
  opacity: 0;
  transform: scale(0.9);
  animation: pulse var(--cycle) var(--pulse-ease) infinite both;
  animation-delay: calc(var(--i) * (var(--cycle) / 4));
}

@keyframes pulse {
  /* Each dot’s 4s window */
  0%, 5% {
    opacity: 1;
    transform: scale(1.1);
  }
  20% {
    opacity: 1;
    transform: scale(1);
  }
  25%, 100% {
    opacity: 0;
    transform: scale(0.9);
  }
}

/* Accessibility - reduce motion */
@media (prefers-reduced-motion: reduce) {
  .dot::before {
    animation: none;
    opacity: 0;
  }
}/* End custom CSS */