.elementor-1228 .elementor-element.elementor-element-88846e5{--display:flex;--min-height:100vh;--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:40px 0px;--row-gap:40px;--column-gap:0px;--padding-top:150px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;--z-index:2;}.elementor-1228 .elementor-element.elementor-element-a8da531{--display:flex;}.elementor-1228 .elementor-element.elementor-element-199581e{z-index:2;text-align:center;}.elementor-1228 .elementor-element.elementor-element-2a589f4{z-index:2;text-align:center;font-family:"Inter", Sans-serif;font-size:20.4px;line-height:1.25em;color:#FFFFFF;}.elementor-1228 .elementor-element.elementor-element-e53aaf1{--display:flex;}.elementor-1228 .elementor-element.elementor-element-4079be0{z-index:2;text-align:center;}.elementor-1228 .elementor-element.elementor-element-4079be0 .elementor-heading-title{font-size:40px;}.elementor-1228 .elementor-element.elementor-element-fe4dddb.elementor-element{--align-self:center;}.elementor-1228 .elementor-element.elementor-element-5aa1cd9{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-1228 .elementor-element.elementor-element-5aa1cd9 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-1228 .elementor-element.elementor-element-5aa1cd9:after{content:"0.5";}.elementor-1228 .elementor-element.elementor-element-5aa1cd9 .elementor-post__thumbnail__link{width:100%;}.elementor-1228 .elementor-element.elementor-element-5aa1cd9 .elementor-post__meta-data span + span:before{content:"•";}.elementor-1228 .elementor-element.elementor-element-5aa1cd9 .elementor-post__card{background-color:var( --e-global-color-1111a2a );border-color:var( --e-global-color-44a69f8 );border-width:0px;}.elementor-1228 .elementor-element.elementor-element-5aa1cd9 .elementor-post__text{margin-top:20px;}.elementor-1228 .elementor-element.elementor-element-5aa1cd9 .elementor-post__title, .elementor-1228 .elementor-element.elementor-element-5aa1cd9 .elementor-post__title a{color:var( --e-global-color-c24a61e );font-family:"Inter", Sans-serif;}.elementor-1228 .elementor-element.elementor-element-5aa1cd9 .elementor-post__excerpt p{color:var( --e-global-color-c24a61e );font-family:"Inter", Sans-serif;}.elementor-1228 .elementor-element.elementor-element-5aa1cd9 .elementor-post__read-more{color:var( --e-global-color-6a9011f );}.elementor-1228 .elementor-element.elementor-element-5aa1cd9 a.elementor-post__read-more{font-family:"Inter", Sans-serif;}.elementor-1228 .elementor-element.elementor-element-5aa1cd9 .elementor-pagination{text-align:center;}.elementor-1228 .elementor-element.elementor-element-5aa1cd9 .elementor-pagination .page-numbers:not(.dots){color:var( --e-global-color-c24a61e );}body:not(.rtl) .elementor-1228 .elementor-element.elementor-element-5aa1cd9 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-1228 .elementor-element.elementor-element-5aa1cd9 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-1228 .elementor-element.elementor-element-5aa1cd9 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-1228 .elementor-element.elementor-element-5aa1cd9 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}.elementor-1228 .elementor-element.elementor-element-131a430{--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:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-1228 .elementor-element.elementor-element-131a430:not(.elementor-motion-effects-element-type-background), .elementor-1228 .elementor-element.elementor-element-131a430 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-19a61f3 );}.elementor-1228 .elementor-element.elementor-element-3151f45{width:var( --container-widget-width, 75% );max-width:75%;--container-widget-width:75%;--container-widget-flex-grow:0;text-align:center;}.elementor-1228 .elementor-element.elementor-element-3151f45.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1228 .elementor-element.elementor-element-3151f45 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:50px;line-height:1.5em;color:var( --e-global-color-c24a61e );}.elementor-1228 .elementor-element.elementor-element-eec8db9{--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;--justify-content:center;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1228 .elementor-element.elementor-element-eec8db9.e-con{--align-self:flex-start;}.elementor-1228 .elementor-element.elementor-element-6199897 .elementor-button{background-color:var( --e-global-color-c24a61e );font-family:"Inter", Sans-serif;font-size:15.3px;font-weight:600;fill:var( --e-global-color-19a61f3 );color:var( --e-global-color-19a61f3 );transition-duration:0.4s;border-radius:10px 10px 10px 10px;padding:15px 20px 15px 20px;}.elementor-1228 .elementor-element.elementor-element-6199897 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1228 .elementor-element.elementor-element-5f29c5a .elementor-button{background-color:#AEB6C166;font-family:"Inter", Sans-serif;font-size:15.3px;font-weight:600;transition-duration:0.4s;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-c24a61e );border-radius:10px 10px 10px 10px;padding:15px 20px 15px 20px;}@media(max-width:1024px){.elementor-1228 .elementor-element.elementor-element-131a430{--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-1228 .elementor-element.elementor-element-3151f45 .elementor-heading-title{font-size:35px;}.elementor-1228 .elementor-element.elementor-element-6199897 .elementor-button{font-size:14px;}.elementor-1228 .elementor-element.elementor-element-5f29c5a .elementor-button{font-size:14px;}}@media(max-width:767px){.elementor-1228 .elementor-element.elementor-element-199581e{text-align:center;}.elementor-1228 .elementor-element.elementor-element-199581e .elementor-heading-title{font-size:30px;}.elementor-1228 .elementor-element.elementor-element-4079be0{text-align:center;}.elementor-1228 .elementor-element.elementor-element-4079be0 .elementor-heading-title{font-size:30px;}.elementor-1228 .elementor-element.elementor-element-fe4dddb.elementor-element{--align-self:center;}.elementor-1228 .elementor-element.elementor-element-5aa1cd9 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-1228 .elementor-element.elementor-element-5aa1cd9:after{content:"0.5";}.elementor-1228 .elementor-element.elementor-element-5aa1cd9 .elementor-post__thumbnail__link{width:100%;}.elementor-1228 .elementor-element.elementor-element-131a430{--padding-top:60px;--padding-bottom:60px;--padding-left:10px;--padding-right:10px;}.elementor-1228 .elementor-element.elementor-element-3151f45 .elementor-heading-title{font-size:25px;}.elementor-1228 .elementor-element.elementor-element-6199897{width:100%;max-width:100%;}.elementor-1228 .elementor-element.elementor-element-5f29c5a{width:100%;max-width:100%;}}/* Start custom CSS for html, class: .elementor-element-fe4dddb *//* =========================
   RESOURCE CATEGORY BAR
   ========================= */

.resource-cat-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
  margin-bottom: 24px;
  padding: 8px 4px;
  overflow-x: auto;
  scrollbar-width: none;
}

.resource-cat-bar::-webkit-scrollbar {
  display: none;
}

/* Base pill button */
.resource-cat {
  --fle-blue: #0091FF;
  --fle-blue-light: rgba(0, 145, 255, 0.12);

  position: relative;              /* needed for glow pseudo-element */
  border-radius: 999px;
  border: 1.5px solid rgba(0,145,255,.7);
  background: transparent;
  color: #E6EDF3;
  font-family: Inter, system-ui, sans-serif;
  font-size: 14px;
  font-weight: 600;
  padding: 10px 18px;
  cursor: pointer;
  white-space: nowrap;
  transition:
    background .25s ease,
    color .25s ease,
    border-color .25s ease,
    transform .25s ease,
    opacity .25s ease;
  box-shadow: none;
  filter: none;
}

/* Hover state */
.resource-cat:hover {
  background: var(--fle-blue-light);
  border-color: rgba(0,145,255,1);
  transform: translateY(-1px);
}

/* Active pill styles */
.resource-cat.is-active {
  background: linear-gradient(180deg, #11A0FF, #0083E6);
  border-color: transparent;
  color: #ffffff;
}

/* Pill-shaped glow behind active button */
.resource-cat.is-active::before {
  content: "";
  position: absolute;
  inset: -4px;                     /* controls glow spread */
  border-radius: 999px;            /* same pill shape */
  background: radial-gradient(
    circle at 50% 50%,
    rgba(0,145,255,0.55),
    transparent 70%
  );
  opacity: 1;
  z-index: -1;                     /* behind button */
  pointer-events: none;
}

/* Hide filtered posts */
.resources-grid .elementor-post.is-hidden {
  display: none !important;
}

/* =========================
   MOBILE: CENTER CATEGORY TABS
   ========================= */
@media (max-width: 767px) {
  .resource-cat-bar {
    justify-content: center;
    text-align: center;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-88846e5 *//* 🌌 Animated Background with Editable Circles + Grid */
.elementor-1228 .elementor-element.elementor-element-88846e5 {
  position: relative;
  overflow: hidden;
  background: radial-gradient(circle at top left, #071022, #0e162c, #071022);
}

/* === GRID OVERLAY === */
.elementor-1228 .elementor-element.elementor-element-88846e5::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px);
  background-size: 60px 60px;
  mix-blend-mode: overlay;
  opacity: 0.15;
  z-index: 1;
}

/* === GLOWING CIRCLES === */
.elementor-1228 .elementor-element.elementor-element-88846e5::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  filter: blur(100px);
  opacity: 0.35;

  /* 💡 Circle definitions */
  --c1-size: 600px;
  --c1-pos: 10% 100%; /* bottom-left */

  --c2-size: 360px;
  --c2-pos: 95% 10%; /* top-right */

  --c3-size: 420px;
  --c3-pos: 10% 10%; /* top-left */

  background:
    radial-gradient(circle at var(--c1-pos), rgba(0,119,255,0.9), rgba(0,60,170,0.4) 60%) 0 0 / var(--c1-size) var(--c1-size) no-repeat,
    radial-gradient(circle at var(--c2-pos), rgba(0,200,255,0.85), rgba(0,120,255,0.4) 60%) 0 0 / var(--c2-size) var(--c2-size) no-repeat,
    radial-gradient(circle at var(--c3-pos), rgba(81,40,150,1), rgba(81,40,150,1) 60%) 0 0 / var(--c3-size) var(--c3-size) no-repeat;

  animation: moveCircles 12s ease-in-out infinite alternate;
}

/* === ANIMATION === */
@keyframes moveCircles {
  0% {
    background-position:
      10% 20%,
      85% 80%,
      60% 40%;
  }
  25% {
    background-position:
      13% 10%,
      80% 70%,
      58% 45%;
  }
  50% {
    background-position:
      8% 30%,
      88% 85%,
      65% 35%;
  }
  75% {
    background-position:
      12% 25%,
      82% 75%,
      62% 45%;
  }
  100% {
    background-position:
      10% 20%,
      85% 80%,
      60% 40%;
  }
}/* End custom CSS */