/* WordPress adaptations of the free React Bits interactions. All layers are transparent. */
.rb-hero-glow{display:none}
.belinh-effect-off-student_cards .rb-flex-carousel>.student-card{transition:none}
.rb-flex-carousel{display:flex!important;grid-auto-flow:initial;grid-auto-columns:initial;align-items:stretch}
.rb-flex-carousel>.student-card{flex:0 0 calc((100% - 64px)/3);min-width:0;transition:flex-basis .34s cubic-bezier(.2,.7,.2,1)}
.rb-flex-carousel .student-photo img{transition:transform .38s ease;will-change:auto}
.rb-flex-carousel .rb-student-open{cursor:zoom-in}
.rb-flex-carousel .rb-student-open:focus-visible{outline:2px solid var(--orange);outline-offset:-3px}
.course-card{--rb-pixel-color:var(--rb-highlight,#c9a45c);--rb-pixel-glow:.9;position:relative;isolation:isolate}
.course-card::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;border-radius:inherit;opacity:0;background:radial-gradient(circle 180px at var(--rb-px,50%) var(--rb-py,50%),color-mix(in srgb,var(--rb-pixel-color) 44%,transparent),color-mix(in srgb,var(--rb-pixel-color) 16%,transparent) 42%,transparent 78%);transition:opacity .18s ease}
.course-card.rb-pixel-active::before{opacity:var(--rb-pixel-glow)}
.course-card>.rb-pixel-layer{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;border-radius:inherit}
.course-card>:not(.rb-pixel-layer){position:relative;z-index:1}
.product-card{position:relative;isolation:isolate}
.product-card::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;opacity:0;background:radial-gradient(circle 220px at var(--rb-sx,50%) var(--rb-sy,50%),color-mix(in srgb,var(--rb-highlight,#c9a45c) 12%,transparent),transparent 76%);transition:opacity .24s ease}
.product-card>*{position:relative;z-index:1}
.rb-click-spark{position:fixed;inset:0;z-index:9999;pointer-events:none;display:block}
.rb-student-lightbox[hidden]{display:none}
.rb-student-lightbox{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:64px 76px 44px;background:rgba(3,4,6,.93);opacity:0;transition:opacity .22s ease}
.rb-student-lightbox.is-open{opacity:1}
.rb-student-lightbox figure{margin:0;max-width:100%;max-height:100%;display:flex;flex-direction:column;align-items:center;gap:14px;transform:scale(.96);transition:transform .22s ease}
.rb-student-lightbox.is-open figure{transform:scale(1)}
.rb-student-lightbox img{display:block;max-width:min(100%,1600px);max-height:calc(100dvh - 150px);width:auto;height:auto;object-fit:contain}
.rb-student-lightbox figcaption{text-align:center;color:var(--white);font-size:14px;line-height:1.5}
.rb-student-lightbox figcaption span{display:block;color:var(--muted);font-size:12px}
.rb-lightbox-button{position:absolute;z-index:1;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #ffffff55;border-radius:50%;background:#101216db;color:#fff;font-size:28px;line-height:1;cursor:pointer}
.rb-lightbox-button[hidden]{display:none}
.rb-lightbox-button:hover{border-color:var(--gold)}
.rb-lightbox-close{top:18px;right:18px}
.rb-lightbox-prev{left:18px;top:50%;transform:translateY(-50%)}
.rb-lightbox-next{right:18px;top:50%;transform:translateY(-50%)}
@media(max-width:600px){.rb-student-lightbox{padding:70px 14px 72px}.rb-student-lightbox img{max-height:calc(100dvh - 178px)}.rb-lightbox-prev,.rb-lightbox-next{top:auto;bottom:14px;transform:none}.rb-lightbox-prev{left:calc(50% - 58px)}.rb-lightbox-next{right:calc(50% - 58px)}}
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  .rb-hero-glow{display:block;position:absolute;z-index:1;left:var(--rb-x,65%);top:var(--rb-y,45%);width:min(56vw,680px);height:min(56vw,680px);border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;opacity:0;background:radial-gradient(circle,color-mix(in srgb,var(--rb-highlight,#c9a45c) 19%,transparent) 0%,color-mix(in srgb,var(--rb-highlight,#c9a45c) 8.5%,transparent) 34%,transparent 70%);filter:blur(18px);transition:left .16s ease-out,top .16s ease-out,opacity .3s ease}
  .hero.rb-glow-active .rb-hero-glow{opacity:1}
  .rb-flex-carousel>.student-card.rb-active{flex-basis:calc((100% - 64px)/3 + 20px)}
  .rb-flex-carousel>.student-card.rb-active .student-photo img{transform:scale(1.045)}
  .product-card.rb-spotlight-active::before{opacity:1}
}
@media (max-width:850px){.rb-flex-carousel>.student-card{flex-basis:calc((100% - 24px)/2)}}
@media (max-width:600px){.rb-flex-carousel>.student-card{flex-basis:86%}}
@media (max-width:850px){.rb-flex-carousel>.student-card.rb-active{flex-basis:calc((100% - 24px)/2)}}
@media (max-width:600px){.rb-flex-carousel>.student-card.rb-active{flex-basis:86%}}
@media (prefers-reduced-motion:reduce){.rb-flex-carousel>.student-card,.rb-flex-carousel .student-photo img,.product-card::before,.course-card::before,.rb-student-lightbox,.rb-student-lightbox figure{transition:none}}