.elementor-216 .elementor-element.elementor-element-7faa93ee{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:56px;--padding-bottom:22px;--padding-left:20px;--padding-right:20px;}.elementor-216 .elementor-element.elementor-element-7faa93ee:not(.elementor-motion-effects-element-type-background), .elementor-216 .elementor-element.elementor-element-7faa93ee > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0B0B1E;}.elementor-216 .elementor-element.elementor-element-4ae3a908{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:34px 34px;--row-gap:34px;--column-gap:34px;}.elementor-216 .elementor-element.elementor-element-1bb21f14{--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;--gap:18px 18px;--row-gap:18px;--column-gap:18px;}.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-216 .elementor-element.elementor-element-52caf569{text-align:start;}.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-216 .elementor-element.elementor-element-6a7f586a{text-align:start;font-family:"Poppins", Sans-serif;font-size:13.5px;font-weight:400;line-height:2em;color:rgba(255,255,255,0.62);}.elementor-216 .elementor-element.elementor-element-4dbc36df{--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;--gap:14px 14px;--row-gap:14px;--column-gap:14px;}.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-216 .elementor-element.elementor-element-7f9b018b{text-align:start;}.elementor-216 .elementor-element.elementor-element-7f9b018b .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:600;letter-spacing:0.2px;color:#FFFFFF;}.elementor-216 .elementor-element.elementor-element-680ba2ac{--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;--gap:14px 14px;--row-gap:14px;--column-gap:14px;}.elementor-216 .elementor-element.elementor-element-3fdd6930{text-align:start;}.elementor-216 .elementor-element.elementor-element-3fdd6930 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:600;letter-spacing:0.2px;color:#FFFFFF;}.elementor-216 .elementor-element.elementor-element-68685bbd{--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;--gap:14px 14px;--row-gap:14px;--column-gap:14px;}.elementor-216 .elementor-element.elementor-element-36fdf79c{text-align:start;}.elementor-216 .elementor-element.elementor-element-36fdf79c .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:600;letter-spacing:0.2px;color:#FFFFFF;}.elementor-216 .elementor-element.elementor-element-2602a47b{--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;--gap:14px 14px;--row-gap:14px;--column-gap:14px;}.elementor-216 .elementor-element.elementor-element-32869e5c{text-align:start;}.elementor-216 .elementor-element.elementor-element-32869e5c .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:600;color:#FFFFFF;}.elementor-216 .elementor-element.elementor-element-28e5260b{text-align:start;font-family:"Poppins", Sans-serif;font-size:13.5px;font-weight:400;line-height:1.85em;color:rgba(255,255,255,0.62);}.elementor-216 .elementor-element.elementor-element-8a186d3{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:rgba(255,255,255,0.07);--border-color:rgba(255,255,255,0.07);--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:16px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-216 .elementor-element.elementor-element-34e1fec5{text-align:center;font-family:"Poppins", Sans-serif;font-size:12.5px;font-weight:400;line-height:1.7em;color:rgba(255,255,255,0.34);}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-216 .elementor-element.elementor-element-4ae3a908{--flex-wrap:wrap;}}@media(min-width:768px){.elementor-216 .elementor-element.elementor-element-4ae3a908{--width:1200px;}.elementor-216 .elementor-element.elementor-element-1bb21f14{--width:22%;}.elementor-216 .elementor-element.elementor-element-4dbc36df{--width:15%;}.elementor-216 .elementor-element.elementor-element-680ba2ac{--width:15%;}.elementor-216 .elementor-element.elementor-element-68685bbd{--width:15%;}.elementor-216 .elementor-element.elementor-element-2602a47b{--width:24%;}.elementor-216 .elementor-element.elementor-element-8a186d3{--width:1200px;}}@media(max-width:1024px) and (min-width:768px){.elementor-216 .elementor-element.elementor-element-4ae3a908{--width:100%;}.elementor-216 .elementor-element.elementor-element-1bb21f14{--width:100%;}.elementor-216 .elementor-element.elementor-element-4dbc36df{--width:100%;}.elementor-216 .elementor-element.elementor-element-680ba2ac{--width:100%;}.elementor-216 .elementor-element.elementor-element-68685bbd{--width:100%;}.elementor-216 .elementor-element.elementor-element-2602a47b{--width:100%;}.elementor-216 .elementor-element.elementor-element-8a186d3{--width:100%;}}@media(max-width:767px){.elementor-216 .elementor-element.elementor-element-7faa93ee{--padding-top:48px;--padding-bottom:48px;--padding-left:16px;--padding-right:16px;}}/* Start custom CSS for container, class: .elementor-element-7faa93ee *//* ==========================================================================
   Intelliskool — CTA BANNER + FOOTER ONLY
   ("Ready to unlock your potential?" + the dark footer — 06-footer.json)

   Standalone. Copy this whole file into:
     Elementor Pro  → Elementor → Site Settings → Custom CSS
     Elementor free → Appearance → Customize → Additional CSS

   It does NOT depend on intelliskool.css — every value is spelled out here.
   If you already use intelliskool.css, pasting both is safe: the rules match.

   The template carries sizes and colours inline, so the block renders correctly
   without this file. What this file adds:
     · the purple bloom behind the CTA banner
     · hover states (links, social icons, buttons, newsletter focus)
     · the input placeholder colour, which cannot be set inline
     · responsive behaviour at 1024px / 767px
   ========================================================================== */

/* =========================================================== CTA BANNER === */

.is-cta {
  position: relative;
  overflow: hidden;
}

/* the bright purple bloom that lifts the middle of the banner */
.is-cta::before {
  content: "";
  position: absolute;
  left: 46%;
  top: -120%;
  width: 620px;
  height: 320%;
  border-radius: 50%;
  background: radial-gradient(ellipse at center,
              rgba(139, 79, 245, .85) 0%,
              rgba(109, 58, 240, .38) 42%,
              rgba(109, 58, 240, 0) 72%);
  pointer-events: none;
  z-index: 0;
}

/* a soft white highlight, upper right */
.is-cta::after {
  content: "";
  position: absolute;
  right: 14%;
  top: -46%;
  width: 260px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: radial-gradient(circle,
              rgba(255, 255, 255, .14) 0%,
              rgba(255, 255, 255, 0) 68%);
  pointer-events: none;
  z-index: 0;
}

/* keep the copy, button and dots above both glows */
.is-cta > .e-con,
.is-cta > .elementor-element {
  position: relative;
  z-index: 1;
}

.is-cta-btn .elementor-button {
  box-shadow: 0 10px 28px rgba(10, 4, 26, .35);
  transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease;
}
.is-cta-btn .elementor-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 34px rgba(10, 4, 26, .45);
}
.is-cta-btn .elementor-button-icon {
  transition: transform .2s ease;
}
.is-cta-btn .elementor-button:hover .elementor-button-icon {
  transform: translateX(4px);
}

/* the four accent dots sit in a zero-height strip — never let it take space */
.is-cta-dots { height: 0; line-height: 0; }

/* ============================================================== FOOTER === */

.is-sec--footer { background: #0B0B1E; }

.is-flogo img { max-width: 190px; }

/* --- link columns --- */

.is-flinks ul { list-style: none; margin: 0; padding: 0; }
.is-flinks li { margin: 0; }
.is-flinks a {
  color: rgba(255, 255, 255, .62);
  text-decoration: none;
  transition: color .18s ease, transform .18s ease;
}
.is-flinks a:hover {
  color: #fff;
  transform: translateX(2px);
}

/* --- social icons --- */

.is-fsocial a {
  color: rgba(255, 255, 255, .85);
  transition: color .18s ease, transform .18s ease;
}
.is-fsocial a:hover {
  color: #A855F7;
  transform: translateY(-2px);
}

/* --- newsletter --- */

.is-news { display: flex; align-items: center; gap: 10px; }

.is-news input {
  flex: 1 1 auto;
  min-width: 0;
  height: 48px;
  padding: 0 16px;
  border: 1px solid rgba(255, 255, 255, .13);
  border-radius: 10px;
  background: rgba(255, 255, 255, .05);
  color: #fff;
  font-family: Poppins, sans-serif;
  font-size: 13.5px;
  outline: none;
  transition: border-color .2s ease, background .2s ease;
}
/* placeholder colour cannot be set inline — this rule is the only way */
.is-news input::placeholder { color: rgba(255, 255, 255, .40); }
.is-news input:focus {
  border-color: #A855F7;
  background: rgba(255, 255, 255, .09);
}

.is-news button {
  flex: 0 0 48px;
  width: 48px;
  height: 48px;
  padding: 0;
  border: 0;
  border-radius: 10px;
  background: linear-gradient(135deg, #7C3AED 0%, #A855F7 100%);
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: filter .2s ease, transform .2s ease;
}
.is-news button:hover { filter: brightness(1.12); transform: translateY(-1px); }

/* ========================================================== responsive === */

@media (max-width: 1024px) {
  .is-cta { text-align: left; }
  .is-cta-dots { display: none; }
}

@media (max-width: 767px) {
  /* stacked banner — the button goes full width under the copy */
  .is-cta .elementor-button {
    width: 100%;
    justify-content: center;
  }

  /* five footer columns become a single stack */
  .is-sec--footer .e-con > .e-con { width: 100%; }
}/* End custom CSS */