/**/.dmNewParagraph[data-version] .text-align-left{text-align:left!important}.dmNewParagraph[data-version] .text-align-center{text-align:center!important}.dmNewParagraph[data-version] .text-align-right{text-align:right!important}
.dmNewParagraph[data-version] .text-align-justify{text-align:justify!important}.dmNewParagraph[data-version] .ql-indent-1{padding:0 1em;padding-inline-end:0;padding-inline-start:3em}.dmNewParagraph[data-version] .ql-indent-2{padding:0 2em;padding-inline-end:0;padding-inline-start:6em}
.dmNewParagraph[data-version] .ql-indent-3{padding:0 3em;padding-inline-end:0;padding-inline-start:9em}.dmNewParagraph[data-version] .ql-indent-4{padding:0 4em;padding-inline-end:0;padding-inline-start:12em}
.dmNewParagraph[data-version] .ql-indent-5{padding:0 5em;padding-inline-end:0;padding-inline-start:15em}.dmNewParagraph[data-version] .ql-indent-6{padding:0 6em;padding-inline-end:0;padding-inline-start:18em}
.dmNewParagraph[data-version] .ql-indent-7{padding:0 7em;padding-inline-end:0;padding-inline-start:21em}.dmNewParagraph[data-version] .ql-indent-8{padding:0 8em;padding-inline-end:0;padding-inline-start:24em}
.dmNewParagraph[data-version] .ql-indent-9{padding:0 9em;padding-inline-end:0;padding-inline-start:27em}.dmNewParagraph[data-version]{line-height:initial}.dmNewParagraph[data-version] [class*=size-]{width:auto!important;height:auto!important}
.dmNewParagraph[data-version] h1,.dmNewParagraph[data-version] h2,.dmNewParagraph[data-version] h3,.dmNewParagraph[data-version] h4,.dmNewParagraph[data-version] h5,.dmNewParagraph[data-version] h6,.dmNewParagraph[data-version] ol,.dmNewParagraph[data-version] p,.dmNewParagraph[data-version] ul{margin-top:0;margin-bottom:0}
.dmNewParagraph[data-version] ol,.dmNewParagraph[data-version] ul{padding:0;counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.dmNewParagraph[data-version] ol>li,.dmNewParagraph[data-version] ul>li{list-style-type:none;text-indent:-1.5em;margin:0 1em;margin-inline-end:0;margin-inline-start:2em}
.dmNewParagraph[data-version] ol>li:before,.dmNewParagraph[data-version] ul>li:before{min-width:1em;display:inline-block;margin-right:.5em;margin-inline-start:0;margin-inline-end:.5em;text-align:right;text-align:end}
.dmNewParagraph[data-version] ul .ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-1}.dmNewParagraph[data-version] ul .ql-indent-1:before{font-weight:700;content:"○"}
.dmNewParagraph[data-version] ul .ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-2}.dmNewParagraph[data-version] ul .ql-indent-2:before,.dmNewParagraph[data-version] ul .ql-indent-3:before,.dmNewParagraph[data-version] ul .ql-indent-4:before,.dmNewParagraph[data-version] ul .ql-indent-5:before,.dmNewParagraph[data-version] ul .ql-indent-6:before,.dmNewParagraph[data-version] ul .ql-indent-7:before,.dmNewParagraph[data-version] ul .ql-indent-8:before,.dmNewParagraph[data-version] ul .ql-indent-9:before{font-weight:700;content:"■"}
.dmNewParagraph[data-version] ul .ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-3}.dmNewParagraph[data-version] ul .ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9;counter-increment:list-4}
.dmNewParagraph[data-version] ul .ql-indent-5{counter-reset:list-6 list-7 list-8 list-9;counter-increment:list-5}.dmNewParagraph[data-version] ul .ql-indent-6{counter-reset:list-7 list-8 list-9;counter-increment:list-6}
.dmNewParagraph[data-version] ul .ql-indent-7{counter-reset:list-8 list-9;counter-increment:list-7}.dmNewParagraph[data-version] ul .ql-indent-8{counter-reset:list-9;counter-increment:list-8}.dmNewParagraph[data-version] ul .ql-indent-9{counter-reset:list-10 list-9;counter-increment:list-9}
.dmNewParagraph[data-version] ul>li:before{font-weight:700;content:"•";font-family:Arial}.dmNewParagraph[data-version] ul.custom-list-1>li:not([class^=ql-indent-]):not([class*=" ql-indent-"]):before{content:"○";transform:scale(1);transform-origin:center right}
.dmNewParagraph[data-version] ul.custom-list-2>li:not([class^=ql-indent-]):not([class*=" ql-indent-"]):before{content:"★";transform:scale(.7);transform-origin:center right}
.dmNewParagraph[data-version] ul.custom-list-3>li:not([class^=ql-indent-]):not([class*=" ql-indent-"]):before{content:"➞";transform:scale(.8);transform-origin:center right}
.dmNewParagraph[data-version] ul.custom-list-4>li:not([class^=ql-indent-]):not([class*=" ql-indent-"]):before{content:"＋";transform:scale(.7);transform-origin:center right}
.dmNewParagraph[data-version] ul.custom-list-5>li:not([class^=ql-indent-]):not([class*=" ql-indent-"]):before{content:"－";transform:scale(.7);transform-origin:center right}
.dmNewParagraph[data-version] ul.custom-list-6>li:not([class^=ql-indent-]):not([class*=" ql-indent-"]):before{content:"✓";transform:scale(.8);transform-origin:center right}
.dmNewParagraph[data-version] ul.custom-list-7>li:not([class^=ql-indent-]):not([class*=" ql-indent-"]):before{content:"✗";transform:scale(.8);transform-origin:center right}
.dmNewParagraph[data-version] ol .ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-1}.dmNewParagraph[data-version] ol .ql-indent-1:before{content:counter(list-1,lower-alpha) ". "}
.dmNewParagraph[data-version] ol .ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-2}.dmNewParagraph[data-version] ol .ql-indent-2:before{content:counter(list-2,lower-roman) ". "}
.dmNewParagraph[data-version] ol .ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-3}.dmNewParagraph[data-version] ol .ql-indent-3:before{content:counter(list-3,decimal) ". "}
.dmNewParagraph[data-version] ol .ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9;counter-increment:list-4}.dmNewParagraph[data-version] ol .ql-indent-4:before{content:counter(list-4,lower-alpha) ". "}
.dmNewParagraph[data-version] ol .ql-indent-5{counter-reset:list-6 list-7 list-8 list-9;counter-increment:list-5}.dmNewParagraph[data-version] ol .ql-indent-5:before{content:counter(list-5,lower-roman) ". "}
.dmNewParagraph[data-version] ol .ql-indent-6{counter-reset:list-7 list-8 list-9;counter-increment:list-6}.dmNewParagraph[data-version] ol .ql-indent-6:before{content:counter(list-6,decimal) ". "}
.dmNewParagraph[data-version] ol .ql-indent-7{counter-reset:list-8 list-9;counter-increment:list-7}.dmNewParagraph[data-version] ol .ql-indent-7:before{content:counter(list-7,lower-alpha) ". "}
.dmNewParagraph[data-version] ol .ql-indent-8{counter-reset:list-9;counter-increment:list-8}.dmNewParagraph[data-version] ol .ql-indent-8:before{content:counter(list-8,lower-roman) ". "}
.dmNewParagraph[data-version] ol .ql-indent-9{counter-reset:list-10 list-9;counter-increment:list-9}.dmNewParagraph[data-version] ol .ql-indent-9:before{content:counter(list-9,decimal) ". "}
.dmNewParagraph[data-version] ol li{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-0}.dmNewParagraph[data-version] ol li:before{content:counter(list-0,decimal) ". "}
.dmNewParagraph[data-version] a{vertical-align:initial}@media(min-width:768px) and (max-width:1024px){.dmNewParagraph[data-version] .t-text-align-left{text-align:left!important}.dmNewParagraph[data-version] .t-text-align-center{text-align:center!important}
.dmNewParagraph[data-version] .t-text-align-right{text-align:right!important}.dmNewParagraph[data-version] .t-text-align-justify{text-align:justify!important}}@media(max-width:767px){.dmRoot .dmNewParagraph[data-version] .m-text-align-left{text-align:left!important}
.dmRoot .dmNewParagraph[data-version] .m-text-align-center{text-align:center!important}.dmRoot .dmNewParagraph[data-version] .m-text-align-right{text-align:right!important}.dmRoot .dmNewParagraph[data-version] .m-text-align-justify{text-align:justify!important}
}.inlineBindingLink{color:inherit!important;text-decoration:inherit!important}/**/.imageWidget{position:relative}.imageWidget a,.imageWidget span.image-caption{font-style:italic;text-align:center}.imageWidget a[data-caption]::after,.imageWidget span[data-caption]::after{content:attr(data-caption);display:block;line-height:100%}
.imageWidget.with-caption a::after,.imageWidget.with-caption span.image-caption::after{margin-top:12px}.imageWidget img[width][height]{height:auto}[data-flex-site] #fcontainer .imageWidget:after,[data-flex-site] #flex-footer .imageWidget:after,[data-flex-site] #flex-header .imageWidget:after{content:none}
[data-flex-site] #fcontainer .imageWidget:before,[data-flex-site] #flex-footer .imageWidget:before,[data-flex-site] #flex-header .imageWidget:before{font-size:80px;transform:none}.imageWidget.hover img.hover-image,.imageWidget:hover img.hover-image{display:initial}
.imageWidget.hover.hasHover img:not(.hover-image),.imageWidget:hover.hasHover img:not(.hover-image){display:none!important}.imageWidget img.hover-image,.imageWidget img.logo-on-scroll{display:none}/**/.hamburgerButton{display:block;background-color:transparent;border:0;padding:0;margin:0}.hamburgerButton,.hamburgerButton svg{width:100%;height:100%}
/* Custom Widgets Styles */
.widget-7f3e23 {
  /* Icon animation on hover - right position */
  /* Icon animation on hover - left position */
  /* Responsive styles */
}
.widget-7f3e23 .cta-button-wrapper {
  display: inline-block;
  width: 100%;
  text-align: center;
}
.widget-7f3e23 a {
  text-decoration: none;
  display: inline-block;
}
.widget-7f3e23 .cta-button {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 16px 32px;
  border: none;
  border-radius: 5%;
  background-color: #0066cc;
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  overflow: hidden;
  z-index: 1;
  transition: color 0.4s ease;
  min-width: 200px;
}
.widget-7f3e23 .cta-button::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #004499;
  transform: translateX(-100%);
  transition: transform 0.4s ease;
  z-index: -1;
}
.widget-7f3e23 .cta-button:hover::before {
  transform: translateX(0);
}
.widget-7f3e23 .cta-button:hover {
  color: #ffffff;
}
.widget-7f3e23 .button-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  transition: transform 0.3s ease;
}
.widget-7f3e23 .button-icon svg {
  width: 100%;
  height: 100%;
  fill: currentColor;
}
.widget-7f3e23 .cta-button:hover .button-icon.icon-right {
  transform: translateX(5px);
  animation: iconBounceRight 0.6s ease;
}
@keyframes iconBounceRight {
  0%, 100% {
    transform: translateX(5px);
  }
  50% {
    transform: translateX(10px);
  }
}
.widget-7f3e23 .cta-button:hover .button-icon.icon-left {
  transform: translateX(-5px);
  animation: iconBounceLeft 0.6s ease;
}
@keyframes iconBounceLeft {
  0%, 100% {
    transform: translateX(-5px);
  }
  50% {
    transform: translateX(-10px);
  }
}
.widget-7f3e23 .button-text {
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  .widget-7f3e23 .cta-button {
    padding: 14px 28px;
    font-size: 14px;
    min-width: 180px;
  }
  .widget-7f3e23 .button-icon {
    width: 18px;
    height: 18px;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .widget-7f3e23 .cta-button {
    padding: 15px 30px;
    font-size: 15px;
    min-width: 190px;
  }
  .widget-7f3e23 .button-icon {
    width: 19px;
    height: 19px;
  }
}

@charset "UTF-8";
.widget-5eff2d {
  --brand-purple: #4B3F9E;
  --dark-purple: #2d2660;
  --light-purple: #6b5ec7;
  --brand-orange: #E8710A;
  --light-orange: #f4941e;
  --gold: #f0b429;
  --bg-main: #1a1630;
  --bg-card: #241d4a;
  --text-white: #ffffff;
  --text-muted: #a097cc;
  --ball-fill: #E8710A;
  --ball-stroke: #c45e00;
  --ball-seam: #7a3300;
  background: var(--bg-main);
  color: var(--text-white);
  font-family: "Inter", "Segoe UI", sans-serif;
  overflow-x: hidden;
  padding: 0 !important;
  margin: 0 !important;
  display: block;
  /* ─── STICKY NAV ─── */
  /* ─── HERO ─── */
  /* ─── BALL ICON — FLAT STATIC WITH GLOW ─── */
  /* Icons are flat (no spin). Only the pulsating ring behind them animates. */
  /* Outer glow ring pulsing — wraps the icon */
  /* Custom icon picker overrides — size & colour to match basketball defaults */
  /* ─── ALTERNATING SECTIONS ─── */
  /* Decorative elements */
  /* Skill bars */
  /* Progress visual */
  /* Pillars */
  /* Challenges */
  /* ─── SERVICES SECTION ─── */
  /* ─── SECTION 05 TAG PILL (camps section override) ─── */
  /* ─── SECTION 05 ICON — white with white pulse ring ─── */
  /* ─── CAMP CARD ICONS — white with white pulse ring ─── */
  /* Placeholder/background image layer behind the icon */
  /* Dark overlay so the icon and badge stay readable over the image */
  /* Ensure icon and badge sit above the image overlay */
  /* ─── TRENDING BADGE ─── */
  /* "Registration Closed" pill */
  /* Pulsing outer ring on camp card icons */
  /* ─── RESPONSIVE: Tablet ─── */
  /* ─── RESPONSIVE: Mobile ─── */
}
.widget-5eff2d .saw-sticky-nav {
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%) translateY(-110%);
  width: 100vw;
  max-width: 100vw;
  z-index: 9999;
  background: rgba(26, 22, 48, 0.92);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  border-bottom: 1px solid rgba(232, 113, 10, 0.35);
  box-shadow: 0 4px 32px rgba(0, 0, 0, 0.55), 0 0 0 1px rgba(107, 94, 199, 0.15);
  opacity: 0;
  transition: transform 0.55s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.45s ease, width 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  pointer-events: none;
}
.widget-5eff2d .saw-sticky-nav.saw-nav--visible {
  transform: translateX(-50%) translateY(0);
  opacity: 1;
  pointer-events: all;
}
.widget-5eff2d .saw-sticky-nav.saw-nav--fading {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.7s ease;
}
.widget-5eff2d .saw-sticky-nav-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 1200px;
  margin: 0 auto;
  padding: 12px 32px;
  gap: 24px;
}
.widget-5eff2d .saw-sticky-nav-logo {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
}
.widget-5eff2d .saw-sticky-ball {
  width: 28px;
  height: 28px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.widget-5eff2d .saw-sticky-ball svg {
  width: 28px;
  height: 28px;
  filter: drop-shadow(0 0 6px rgba(232, 113, 10, 0.7));
}
.widget-5eff2d .saw-sticky-ball .saw-custom-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
.widget-5eff2d .saw-sticky-ball .saw-custom-icon svg {
  width: 28px;
  height: 28px;
  fill: var(--brand-orange);
  color: var(--brand-orange);
  filter: drop-shadow(0 0 6px rgba(232, 113, 10, 0.7));
}
.widget-5eff2d .saw-sticky-brand {
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 1px;
  color: var(--light-orange);
  text-transform: uppercase;
  white-space: nowrap;
}
.widget-5eff2d .saw-sticky-links {
  display: flex;
  align-items: center;
  gap: 6px;
}
.widget-5eff2d .saw-sticky-link {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  color: var(--text-muted);
  text-decoration: none;
  padding: 6px 14px;
  border-radius: 6px;
  border: 1px solid transparent;
  transition: color 0.25s, background 0.25s, border-color 0.25s;
}
.widget-5eff2d .saw-sticky-link:hover,
.widget-5eff2d .saw-sticky-link.saw-link--active {
  color: var(--text-white);
  background: rgba(107, 94, 199, 0.2);
  border-color: rgba(107, 94, 199, 0.35);
}
.widget-5eff2d .saw-sticky-link--cta {
  background: linear-gradient(135deg, var(--brand-orange), var(--gold)) !important;
  color: #1a1630 !important;
  border-color: transparent !important;
  font-weight: 900;
}
.widget-5eff2d .saw-sticky-link--cta:hover {
  box-shadow: 0 4px 16px rgba(232, 113, 10, 0.5);
  transform: translateY(-1px);
}
.widget-5eff2d .saw-hero {
  position: relative;
  min-height: 360px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  overflow: hidden;
  background: radial-gradient(ellipse at 30% 50%, #3a2f88 0%, var(--dark-purple) 40%, var(--bg-main) 100%);
}
.widget-5eff2d .saw-hero-overlay {
  position: absolute;
  top: -30%;
  left: 0;
  right: 0;
  height: 160%;
  background: url("https://image-res-platform.s3.amazonaws.com/md/dmaiip/aa632b87-748d-42c0-a439-6a5e48c169ea.png") center/cover no-repeat;
  opacity: 0.18;
  pointer-events: none;
  will-change: transform;
}
.widget-5eff2d .saw-hero-particles {
  position: absolute;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
}
.widget-5eff2d .saw-particle {
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--brand-orange);
  opacity: 0;
  animation: saw-float linear infinite;
}
@keyframes saw-float {
  0% {
    transform: translateY(100%) scale(0);
    opacity: 0;
  }
  10% {
    opacity: 0.7;
  }
  90% {
    opacity: 0.4;
  }
  100% {
    transform: translateY(-120vh) scale(1.5);
    opacity: 0;
  }
}
.widget-5eff2d .saw-hero-content {
  position: relative;
  z-index: 2;
  padding: 40px 24px 60px;
  max-width: 800px;
}
.widget-5eff2d .saw-hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(232, 113, 10, 0.2);
  border: 1px solid rgba(232, 113, 10, 0.5);
  border-radius: 50px;
  padding: 8px 20px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: var(--light-orange);
  margin-bottom: 24px;
  animation: saw-badge-pulse 3s ease-in-out infinite;
}
@keyframes saw-badge-pulse {
  0%, 100% {
    box-shadow: 0 0 0 0 rgba(232, 113, 10, 0.3);
  }
  50% {
    box-shadow: 0 0 0 10px rgba(232, 113, 10, 0);
  }
}
.widget-5eff2d .saw-badge-icon {
  font-size: 18px;
  animation: saw-bounce 1.5s ease-in-out infinite;
}
@keyframes saw-bounce {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-4px);
  }
}
.widget-5eff2d .saw-hero-title {
  font-size: clamp(32px, 5.5vw, 68px);
  font-weight: 900;
  line-height: 1.1;
  margin: 0 0 20px;
  background: linear-gradient(135deg, #ffffff 0%, var(--gold) 50%, var(--light-orange) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-shadow: none;
  animation: saw-title-enter 0.8s ease-out both;
}
@keyframes saw-title-enter {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.widget-5eff2d .saw-hero-subtitle {
  font-size: clamp(15px, 2vw, 19px);
  color: var(--text-muted);
  max-width: 560px;
  margin: 0 auto;
  line-height: 1.7;
  animation: saw-title-enter 0.8s 0.2s ease-out both;
}
.widget-5eff2d .saw-hero-scroll-indicator {
  position: absolute;
  bottom: 28px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 2;
}
.widget-5eff2d .saw-scroll-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--brand-orange);
  animation: saw-scroll-bounce 1.8s ease-in-out infinite;
}
@keyframes saw-scroll-bounce {
  0%, 100% {
    transform: translateY(0);
    opacity: 1;
  }
  50% {
    transform: translateY(10px);
    opacity: 0.5;
  }
}
.widget-5eff2d .saw-ball-hero {
  filter: drop-shadow(0 0 8px rgba(232, 113, 10, 0.85)) drop-shadow(0 0 18px rgba(232, 113, 10, 0.45));
}
@keyframes saw-ball-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.widget-5eff2d .saw-icon-wrap {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  background: transparent;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: none;
  position: relative;
}
.widget-5eff2d .saw-icon-wrap::after {
  content: "";
  position: absolute;
  inset: -5px;
  border-radius: 50%;
  border: 1.5px solid rgba(232, 113, 10, 0.45);
  animation: saw-icon-ring 2.5s ease-in-out infinite;
  pointer-events: none;
}
@keyframes saw-icon-ring {
  0%, 100% {
    transform: scale(1);
    opacity: 0.55;
    border-color: rgba(232, 113, 10, 0.45);
  }
  50% {
    transform: scale(1.18);
    opacity: 0.15;
    border-color: rgba(232, 113, 10, 0.15);
  }
}
.widget-5eff2d .saw-ball-icon {
  width: 40px;
  height: 40px;
}
.widget-5eff2d .saw-ball-icon--lg {
  width: 48px;
  height: 48px;
}
.widget-5eff2d .saw-icon-wrap svg {
  width: 40px;
  height: 40px;
}
.widget-5eff2d .saw-icon-wrap .saw-custom-icon,
.widget-5eff2d .saw-camp-icon .saw-custom-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
.widget-5eff2d .saw-icon-wrap .saw-custom-icon svg {
  width: 40px;
  height: 40px;
  fill: var(--brand-orange);
  color: var(--brand-orange);
}
.widget-5eff2d .saw-camp-icon .saw-custom-icon svg {
  width: 48px;
  height: 48px;
  fill: var(--brand-orange);
  color: var(--brand-orange);
}
.widget-5eff2d .saw-section {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
  min-height: 580px;
  overflow: hidden;
  position: relative;
}
.widget-5eff2d .saw-section--alt {
  background: var(--bg-card);
}
.widget-5eff2d .saw-section-image-wrap {
  position: relative;
  overflow: hidden;
  min-height: 480px;
}
.widget-5eff2d .saw-section-image-inner {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.widget-5eff2d .saw-section-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  filter: brightness(0.75) saturate(1.1);
}
.widget-5eff2d .saw-section-image-wrap:hover .saw-section-img {
  transform: scale(1.06);
}
.widget-5eff2d .saw-image-overlay-badge {
  position: absolute;
  bottom: 24px;
  left: 20px;
  right: 20px;
  background: rgba(26, 22, 48, 0.88);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(107, 94, 199, 0.4);
  border-radius: 12px;
  padding: 12px 16px;
}
.widget-5eff2d .saw-badge--right {
  left: 20px;
  right: 20px;
}
.widget-5eff2d .saw-xp-label {
  display: block;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 2px;
  color: var(--gold);
  margin-bottom: 8px;
}
.widget-5eff2d .saw-xp-bar-wrap {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 50px;
  height: 8px;
  overflow: hidden;
}
.widget-5eff2d .saw-xp-bar {
  height: 100%;
  background: linear-gradient(90deg, var(--light-purple), var(--gold));
  border-radius: 50px;
  width: 0%;
  transition: width 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  position: relative;
}
.widget-5eff2d .saw-xp-bar::after {
  content: "";
  position: absolute;
  right: -2px;
  top: 50%;
  transform: translateY(-50%);
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: var(--gold);
  box-shadow: 0 0 8px var(--gold);
}
.widget-5eff2d .saw-section-deco {
  position: absolute;
  pointer-events: none;
  z-index: 3;
}
.widget-5eff2d .saw-deco-ball {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: radial-gradient(circle at 35% 35%, var(--ball-fill) 0%, var(--ball-stroke) 60%, var(--ball-seam) 100%);
  border: 3px solid var(--ball-stroke);
  opacity: 0.35;
}
.widget-5eff2d .saw-deco-ball::before,
.widget-5eff2d .saw-deco-ball::after {
  content: "";
  position: absolute;
  border: 2px solid var(--ball-seam);
  border-radius: 50%;
}
.widget-5eff2d .saw-deco-ball::before {
  width: 50%;
  height: 80%;
  top: 10%;
  left: 25%;
}
.widget-5eff2d .saw-deco-ball::after {
  width: 80%;
  height: 50%;
  top: 25%;
  left: 10%;
}
.widget-5eff2d .saw-deco-ball--1 {
  top: -20px;
  right: -20px;
  animation: saw-spin 20s linear infinite;
}
.widget-5eff2d .saw-deco-ball--2 {
  top: -20px;
  left: -20px;
  animation: saw-spin 25s linear infinite reverse;
}
.widget-5eff2d .saw-deco-ball--3 {
  bottom: -20px;
  right: -20px;
  animation: saw-spin 18s linear infinite;
}
.widget-5eff2d .saw-deco-ball--4 {
  bottom: -20px;
  left: -20px;
  animation: saw-spin 22s linear infinite reverse;
}
@keyframes saw-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.widget-5eff2d .saw-deco-ring {
  width: 160px;
  height: 160px;
  border-radius: 50%;
  border: 3px solid rgba(107, 94, 199, 0.2);
  top: 50%;
  right: -40px;
  transform: translateY(-50%);
  animation: saw-pulse-ring 4s ease-in-out infinite;
}
.widget-5eff2d .saw-deco-ring--2 {
  left: -40px;
  right: auto;
}
@keyframes saw-pulse-ring {
  0%, 100% {
    transform: translateY(-50%) scale(1);
    opacity: 0.3;
  }
  50% {
    transform: translateY(-50%) scale(1.15);
    opacity: 0.6;
  }
}
.widget-5eff2d .saw-deco-dots {
  width: 100px;
  height: 100px;
  background-image: radial-gradient(circle, rgba(107, 94, 199, 0.4) 1.5px, transparent 1.5px);
  background-size: 16px 16px;
  bottom: 30px;
  right: 10px;
}
.widget-5eff2d .saw-deco-hex {
  width: 80px;
  height: 80px;
  background: conic-gradient(from 0deg, rgba(232, 113, 10, 0.1), rgba(107, 94, 199, 0.1), rgba(240, 180, 41, 0.1));
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
  bottom: 20px;
  left: 10px;
  animation: saw-spin 12s linear infinite;
}
.widget-5eff2d .saw-section-content {
  padding: 36px 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.widget-5eff2d .saw-section-tag {
  display: inline-block;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: var(--brand-orange);
  margin-bottom: 16px;
  opacity: 0.8;
}
.widget-5eff2d .saw-tag-center {
  text-align: center;
}
.widget-5eff2d .saw-section-icon-title {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 16px;
}
.widget-5eff2d .saw-title-center {
  justify-content: center;
}
.widget-5eff2d .saw-section-title {
  font-size: clamp(22px, 3vw, 34px);
  font-weight: 800;
  margin: 0;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  line-height: 1.2;
}
.widget-5eff2d .saw-camps-title {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: none !important;
}
.widget-5eff2d .saw-section-divider {
  display: none;
}
.widget-5eff2d .saw-divider-center {
  display: none;
}
.widget-5eff2d .saw-section-text {
  color: var(--text-muted);
  font-size: 15px;
  line-height: 1.8;
  margin-bottom: 28px;
}
.widget-5eff2d .saw-section-text p {
  margin: 0 0 14px;
}
.widget-5eff2d .saw-skill-bars {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.widget-5eff2d .saw-skill-row {
  display: flex;
  align-items: center;
  gap: 12px;
}
.widget-5eff2d .saw-skill-name {
  font-size: 12px;
  font-weight: 700;
  color: var(--text-muted);
  width: 120px;
  flex-shrink: 0;
  letter-spacing: 0.5px;
}
.widget-5eff2d .saw-skill-track {
  flex: 1;
  height: 8px;
  background: rgba(255, 255, 255, 0.08);
  border-radius: 50px;
  overflow: visible;
  position: relative;
}
.widget-5eff2d .saw-skill-fill {
  height: 100%;
  background: linear-gradient(90deg, var(--light-purple), var(--gold));
  border-radius: 50px;
  width: 0%;
  transition: width 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  position: relative;
}
.widget-5eff2d .saw-skill-fill::after {
  content: "";
  position: absolute;
  right: -3px;
  top: 50%;
  transform: translateY(-50%);
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: var(--gold);
  box-shadow: 0 0 10px var(--gold);
}
.widget-5eff2d .saw-skill-pct {
  font-size: 12px;
  font-weight: 800;
  color: var(--gold);
  width: 36px;
  text-align: right;
}
.widget-5eff2d .saw-skill-pct::after {
  content: "%";
}
.widget-5eff2d .saw-progress-visual {
  background: rgba(36, 29, 74, 0.8);
  border: 1px solid rgba(107, 94, 199, 0.3);
  border-radius: 16px;
  padding: 24px;
}
.widget-5eff2d .saw-rep-counter {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.widget-5eff2d .saw-rep-item {
  text-align: center;
}
.widget-5eff2d .saw-rep-circle {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0 auto 10px;
  border: 3px solid;
}
.widget-5eff2d .saw-rep-start {
  background: rgba(75, 63, 158, 0.3);
  border-color: var(--light-purple);
}
.widget-5eff2d .saw-rep-end {
  background: rgba(240, 180, 41, 0.15);
  border-color: var(--gold);
  box-shadow: 0 0 20px rgba(240, 180, 41, 0.3);
}
.widget-5eff2d .saw-rep-num {
  font-size: 24px;
  font-weight: 900;
  color: var(--text-white);
  line-height: 1;
}
.widget-5eff2d .saw-rep-sub {
  font-size: 10px;
  letter-spacing: 1.5px;
  color: var(--text-muted);
  text-transform: uppercase;
}
.widget-5eff2d .saw-rep-label {
  font-size: 11px;
  color: var(--text-muted);
  font-weight: 600;
}
.widget-5eff2d .saw-rep-arrow {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
}
.widget-5eff2d .saw-rep-arrow svg {
  width: 60px;
}
.widget-5eff2d .saw-rep-evolve {
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 2px;
  color: var(--brand-orange);
  text-transform: uppercase;
}
.widget-5eff2d .saw-pillars {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.widget-5eff2d .saw-pillar {
  display: flex;
  align-items: center;
  gap: 10px;
  background: rgba(36, 29, 74, 0.8);
  border: 1px solid rgba(107, 94, 199, 0.25);
  border-radius: 10px;
  padding: 12px 14px;
  transition: border-color 0.3s, transform 0.3s;
}
.widget-5eff2d .saw-pillar:hover {
  border-color: var(--brand-orange);
  transform: translateY(-2px);
}
.widget-5eff2d .saw-pillar-icon {
  font-size: 20px;
}
.widget-5eff2d .saw-pillar-text {
  font-size: 13px;
  font-weight: 700;
  color: var(--text-white);
}
.widget-5eff2d .saw-challenges-list {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.widget-5eff2d .saw-challenge-item {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  background: rgba(75, 63, 158, 0.15);
  border-left: 3px solid var(--brand-orange);
  border-radius: 0 10px 10px 0;
  padding: 14px 18px;
  transition: background 0.3s;
}
.widget-5eff2d .saw-challenge-item:hover {
  background: rgba(75, 63, 158, 0.3);
}
.widget-5eff2d .saw-challenge-icon {
  font-size: 22px;
  flex-shrink: 0;
}
.widget-5eff2d .saw-challenge-info strong {
  display: block;
  font-size: 14px;
  font-weight: 700;
  color: var(--text-white);
  margin-bottom: 2px;
}
.widget-5eff2d .saw-challenge-info p {
  margin: 0;
  font-size: 13px;
  color: var(--text-muted);
}
.widget-5eff2d .saw-services-section {
  background: #6b5ec7;
  padding: 48px 40px 24px;
  position: relative;
  overflow: hidden;
}
.widget-5eff2d .saw-services-bg-deco {
  position: absolute;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
}
.widget-5eff2d .saw-deco-court-line {
  position: absolute;
  background: rgba(107, 94, 199, 0.08);
}
.widget-5eff2d .saw-court-line-1 {
  width: 2px;
  height: 100%;
  left: 50%;
  transform: translateX(-50%);
}
.widget-5eff2d .saw-court-line-2 {
  width: 100%;
  height: 2px;
  top: 50%;
  transform: translateY(-50%);
}
.widget-5eff2d .saw-deco-court-arc {
  position: absolute;
  width: 340px;
  height: 340px;
  border-radius: 50%;
  border: 2px solid rgba(107, 94, 199, 0.1);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.widget-5eff2d .saw-services-inner {
  position: relative;
  z-index: 1;
  max-width: 1100px;
  margin: 0 auto;
}
.widget-5eff2d .saw-services-description {
  text-align: center;
  color: var(--text-muted);
  font-size: 16px;
  line-height: 1.7;
  max-width: 640px;
  margin: 0 auto 52px;
}
.widget-5eff2d .saw-services-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 24px;
}
.widget-5eff2d .saw-service-card {
  background: var(--bg-card);
  border: 1px solid rgba(107, 94, 199, 0.25);
  border-radius: 20px;
  overflow: hidden;
  transition: transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.35s, border-color 0.35s;
  cursor: default;
}
.widget-5eff2d .saw-service-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 60px rgba(75, 63, 158, 0.35);
  border-color: var(--brand-orange);
}
.widget-5eff2d .saw-service-card-top {
  background: linear-gradient(135deg, var(--brand-purple) 0%, var(--dark-purple) 100%);
  padding: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.widget-5eff2d .saw-service-icon {
  width: 56px;
  height: 56px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 26px;
}
.widget-5eff2d .saw-service-icon svg {
  width: 28px;
  height: 28px;
  fill: white;
  color: white;
}
.widget-5eff2d .saw-service-card-body {
  padding: 22px 22px 16px;
}
.widget-5eff2d .saw-service-title {
  font-size: 17px;
  font-weight: 800;
  color: var(--text-white);
  margin: 0 0 8px;
}
.widget-5eff2d .saw-service-desc {
  font-size: 13px;
  color: var(--text-muted);
  line-height: 1.7;
  margin: 0;
}
.widget-5eff2d .saw-service-card-footer {
  padding: 0 22px 18px;
}
.widget-5eff2d .saw-service-rank {
  display: flex;
  gap: 4px;
}
.widget-5eff2d .saw-rank-star {
  color: var(--gold);
  font-size: 14px;
}
.widget-5eff2d .saw-camps-section .saw-section-tag {
  display: inline-block;
  color: #ffffff;
  background: rgba(255, 255, 255, 0.18);
  border: 1px solid rgba(255, 255, 255, 0.45);
  border-radius: 50px;
  padding: 5px 18px;
  opacity: 1;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.35);
  animation: saw-pill-glow 2.8s ease-in-out infinite;
}
.widget-5eff2d .saw-camps-section .saw-section-tag::after {
  content: "";
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.35), transparent);
  animation: saw-pill-shimmer 2.8s ease-in-out infinite;
  pointer-events: none;
}
@keyframes saw-pill-glow {
  0%, 100% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.35);
  }
  50% {
    box-shadow: 0 0 0 6px rgba(255, 255, 255, 0);
  }
}
@keyframes saw-pill-shimmer {
  0% {
    left: -75%;
  }
  60%, 100% {
    left: 130%;
  }
}
.widget-5eff2d .saw-camps-section .saw-icon-wrap svg,
.widget-5eff2d .saw-camps-section .saw-icon-wrap .saw-custom-icon svg {
  fill: #ffffff !important;
  color: #ffffff !important;
  filter: drop-shadow(0 0 8px rgba(255, 255, 255, 0.7)) drop-shadow(0 0 18px rgba(255, 255, 255, 0.35));
}
.widget-5eff2d .saw-camps-section .saw-icon-wrap::after {
  border-color: rgba(255, 255, 255, 0.55);
  animation: saw-icon-ring-white 2.5s ease-in-out infinite;
}
@keyframes saw-icon-ring-white {
  0%, 100% {
    transform: scale(1);
    opacity: 0.6;
    border-color: rgba(255, 255, 255, 0.55);
  }
  50% {
    transform: scale(1.2);
    opacity: 0.15;
    border-color: rgba(255, 255, 255, 0.15);
  }
}
.widget-5eff2d .saw-camp-icon svg,
.widget-5eff2d .saw-camp-icon .saw-custom-icon svg {
  fill: #ffffff !important;
  color: #ffffff !important;
  filter: drop-shadow(0 0 6px rgba(255, 255, 255, 0.65));
}
.widget-5eff2d .saw-camp-icon::after {
  border-color: rgba(255, 255, 255, 0.5);
  animation: saw-camp-icon-ring-white 2.5s ease-in-out infinite;
}
@keyframes saw-camp-icon-ring-white {
  0%, 100% {
    transform: scale(1);
    opacity: 0.6;
    border-color: rgba(255, 255, 255, 0.5);
  }
  50% {
    transform: scale(1.2);
    opacity: 0.12;
    border-color: rgba(255, 255, 255, 0.12);
  }
}
.widget-5eff2d .saw-camps-section .saw-section-icon-title {
  margin-bottom: 0;
}
.widget-5eff2d .saw-camps-section .saw-services-description {
  margin-top: 16px;
}
.widget-5eff2d .saw-camps-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-top: 36px;
}
.widget-5eff2d .saw-camp-card {
  background: var(--bg-card);
  border: 1px solid rgba(107, 94, 199, 0.25);
  border-radius: 20px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.35s, border-color 0.35s;
}
.widget-5eff2d .saw-camp-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 60px rgba(75, 63, 158, 0.4);
  border-color: var(--brand-orange);
}
.widget-5eff2d .saw-camp-card-top {
  background: linear-gradient(135deg, var(--brand-purple) 0%, var(--dark-purple) 100%);
  padding: 28px 20px 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  position: relative;
  overflow: hidden;
}
.widget-5eff2d .saw-camp-bg-img {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 0;
}
.widget-5eff2d .saw-camp-card-top-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(160deg, rgba(26, 22, 48, 0.68) 0%, rgba(45, 38, 96, 0.72) 100%);
  z-index: 1;
}
.widget-5eff2d .saw-camp-card-top .saw-camp-icon,
.widget-5eff2d .saw-camp-card-top .saw-camp-season-badge {
  position: relative;
  z-index: 2;
}
.widget-5eff2d .saw-camp-trending-badge {
  display: none;
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 3;
  background: linear-gradient(135deg, #E8710A 0%, #f0b429 100%);
  color: #fff;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  padding: 5px 10px;
  border-radius: 20px;
  box-shadow: 0 2px 12px rgba(232, 113, 10, 0.55);
  animation: saw-trending-pulse 2s ease-in-out infinite;
  pointer-events: none;
}
.widget-5eff2d .saw-camp-trending-badge.saw-trending--visible {
  display: block;
}
@keyframes saw-trending-pulse {
  0%, 100% {
    box-shadow: 0 2px 12px rgba(232, 113, 10, 0.55);
  }
  50% {
    box-shadow: 0 2px 22px rgba(240, 180, 41, 0.85);
  }
}
.widget-5eff2d .saw-camp-closed {
  width: 100%;
  text-align: center;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: var(--text-muted);
  background: rgba(160, 151, 204, 0.12);
  border: 1px solid rgba(160, 151, 204, 0.28);
  border-radius: 4px;
  padding: 10px 16px;
}
.widget-5eff2d .saw-camp-icon {
  width: 64px;
  height: 64px;
  background: transparent;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.widget-5eff2d .saw-camp-icon::after {
  content: "";
  position: absolute;
  inset: -6px;
  border-radius: 50%;
  border: 1.5px solid rgba(232, 113, 10, 0.4);
  animation: saw-icon-ring 2.5s ease-in-out infinite;
  pointer-events: none;
}
.widget-5eff2d .saw-camp-icon svg {
  width: 48px;
  height: 48px;
}
.widget-5eff2d .saw-camp-season-badge {
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 2px;
  text-transform: uppercase;
  padding: 4px 12px;
  border-radius: 50px;
  background: rgba(232, 113, 10, 0.25);
  border: 1px solid rgba(232, 113, 10, 0.5);
  color: var(--light-orange);
}
.widget-5eff2d .saw-season-summer {
  background: rgba(240, 180, 41, 0.2);
  border-color: rgba(240, 180, 41, 0.5);
  color: var(--gold);
}
.widget-5eff2d .saw-season-school {
  background: rgba(107, 94, 199, 0.25);
  border-color: rgba(107, 94, 199, 0.5);
  color: var(--text-muted);
  font-size: 9px;
}
.widget-5eff2d .saw-season-winter {
  background: rgba(160, 151, 204, 0.2);
  border-color: rgba(160, 151, 204, 0.4);
  color: #c8c0e8;
}
.widget-5eff2d .saw-camp-card-body {
  padding: 20px 18px 12px;
  flex: 1;
}
.widget-5eff2d .saw-camp-title {
  font-size: 16px;
  font-weight: 800;
  color: #ffffff;
  margin: 0 0 8px;
}
.widget-5eff2d .saw-camp-desc {
  font-size: 13px;
  color: var(--text-muted);
  line-height: 1.65;
  margin: 0;
}
.widget-5eff2d .saw-camp-card-footer {
  padding: 12px 18px 20px;
  display: flex;
  justify-content: center;
}
.widget-5eff2d .saw-camp-register-btn {
  background: linear-gradient(135deg, var(--brand-orange), var(--gold)) !important;
  color: #1a1630 !important;
  font-weight: 800 !important;
  font-size: 13px !important;
  padding: 10px 24px !important;
  border-radius: 4px !important;
  border: none !important;
  width: 200px !important;
  text-align: center !important;
  letter-spacing: 0.5px !important;
  transition: transform 0.25s, box-shadow 0.25s !important;
}
.widget-5eff2d .saw-camp-register-btn:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 28px rgba(232, 113, 10, 0.45) !important;
}
@media (max-width: 1024px) {
  .widget-5eff2d .saw-camps-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 600px) {
  .widget-5eff2d .saw-camps-grid {
    grid-template-columns: 1fr;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .widget-5eff2d .saw-section {
    grid-template-columns: 1fr;
  }
  .widget-5eff2d .saw-section-image-wrap {
    min-height: 320px;
  }
  .widget-5eff2d .saw-section--right .saw-section-content {
    order: -1;
  }
  .widget-5eff2d .saw-section-content {
    padding: 28px 28px;
  }
  .widget-5eff2d .saw-services-section {
    padding: 36px 24px 20px;
  }
  .widget-5eff2d .saw-sticky-nav-inner {
    padding: 10px 20px;
  }
}
@media (max-width: 767px) {
  .widget-5eff2d .saw-hero-content {
    padding: 36px 20px 48px;
  }
  .widget-5eff2d .saw-section {
    grid-template-columns: 1fr;
  }
  .widget-5eff2d .saw-section-image-wrap {
    min-height: 260px;
  }
  .widget-5eff2d .saw-section--right .saw-section-content {
    order: -1;
  }
  .widget-5eff2d .saw-section-content {
    padding: 24px 20px;
  }
  .widget-5eff2d .saw-skill-name {
    width: 90px;
    font-size: 11px;
  }
  .widget-5eff2d .saw-pillars {
    grid-template-columns: 1fr;
  }
  .widget-5eff2d .saw-services-section {
    padding: 32px 20px 16px;
  }
  .widget-5eff2d .saw-services-grid {
    grid-template-columns: 1fr;
  }
  .widget-5eff2d .saw-rep-counter {
    gap: 8px;
  }
  .widget-5eff2d .saw-rep-circle {
    width: 60px;
    height: 60px;
  }
  .widget-5eff2d .saw-rep-num {
    font-size: 18px;
  }
  .widget-5eff2d .saw-sticky-links {
    gap: 2px;
  }
  .widget-5eff2d .saw-sticky-link {
    font-size: 10px;
    padding: 5px 8px;
  }
  .widget-5eff2d .saw-sticky-brand {
    display: none;
  }
  .widget-5eff2d .saw-sticky-nav-inner {
    padding: 8px 14px;
  }
}

@charset "UTF-8";
.widget-b58093 {
  --tab-accent: #f97316;
  --tab-accent-2: #3b82f6;
  --tab-bg: #ffffff;
  --tab-border: #e5e7eb;
  --tab-text: #1f2937;
  --tab-muted: #6b7280;
  --tab-radius: 16px;
  --tab-shadow: 0 4px 24px rgba(0,0,0,0.09);
  --chip-bg: #f3f4f6;
  font-family: inherit;
  contain: layout style;
  /* ── Tab Navigation ── */
  /* ── Progress Bar ── */
  /* ── Tab Panels ── */
  /* ── Image ── */
  /* ── Content ── */
  /* ── Stat Chips ── */
  /* ── CTA Button ── */
  /* ── Attribution ── */
  /* ── Gamification XP Burst ── */
  /* ── Responsive Tablet (768–1024px) ── */
  /* ── Responsive Mobile (≤767px) ── */
  /* ── Extra small (≤380px) ── */
}
.widget-b58093 .tabs-widget {
  width: 100%;
  max-width: 860px;
  margin: 0 auto;
  padding: 0 16px 32px;
  box-sizing: border-box;
}
.widget-b58093 .tab-nav {
  display: flex;
  position: relative;
  background: var(--tab-chip-bg, #f3f4f6);
  border-radius: 50px;
  padding: 5px;
  gap: 4px;
  overflow: hidden;
}
.widget-b58093 .tab-btn {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 20px;
  min-height: 48px; /* WCAG minimum touch target */
  border: none;
  background: transparent;
  border-radius: 50px;
  cursor: pointer;
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--tab-muted);
  transition: color 0.25s, background 0.25s, transform 0.15s;
  position: relative;
  z-index: 1;
  /* Prevent label overflow on narrow tabs */
  min-width: 0;
  overflow: hidden;
}
.widget-b58093 .tab-btn .tab-icon {
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: transform 0.2s;
  will-change: transform;
}
.widget-b58093 .tab-btn:not(.active):hover .tab-icon {
  transform: scale(1.15);
}
.widget-b58093 .tab-btn .tab-icon svg {
  width: 22px;
  height: 22px;
  fill: currentColor;
  display: block;
}
.widget-b58093 .tab-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.widget-b58093 .tab-xp-badge {
  font-size: 0.65rem;
  font-weight: 800;
  background: var(--tab-accent);
  color: #fff;
  border-radius: 50px;
  padding: 1px 7px;
  opacity: 0;
  transform: scale(0.7);
  transition: opacity 0.2s, transform 0.2s;
  letter-spacing: 0.04em;
  flex-shrink: 0;
  will-change: transform, opacity;
}
.widget-b58093 .tab-btn.active .tab-xp-badge {
  opacity: 1;
  transform: scale(1);
  animation: pop-xp 0.35s ease both;
}
@keyframes pop-xp {
  0% {
    transform: scale(0.5);
  }
  60% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
.widget-b58093 .tab-btn.active {
  background: var(--tab-bg);
  color: var(--tab-accent);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.widget-b58093 .tab-btn:not(.active):hover {
  color: var(--tab-text);
  transform: translateY(-1px);
}
.widget-b58093 .progress-bar-wrap {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 4px 16px;
}
.widget-b58093 .progress-bar-track {
  flex: 1;
  height: 5px;
  background: var(--tab-border);
  border-radius: 99px;
  overflow: hidden;
}
.widget-b58093 .progress-bar-fill {
  height: 100%;
  width: 50%;
  background: linear-gradient(90deg, var(--tab-accent), var(--tab-accent-2));
  border-radius: 99px;
  transition: width 0.4s ease;
  will-change: width;
}
.widget-b58093 .progress-label {
  font-size: 0.72rem;
  color: var(--tab-muted);
  font-weight: 600;
  white-space: nowrap;
  flex-shrink: 0;
}
.widget-b58093 .tab-panels {
  position: relative;
  /* Allow image badge to breathe below panels */
  overflow: visible;
}
.widget-b58093 .tab-panel {
  display: none;
}
.widget-b58093 .tab-panel[hidden] {
  display: none !important;
}
.widget-b58093 .tab-panel.active {
  display: block;
  animation: slide-in 0.35s ease both;
  will-change: opacity, transform;
}
@keyframes slide-in {
  from {
    opacity: 0;
    transform: translateX(24px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
.widget-b58093 .panel-inner {
  display: flex;
  gap: 28px;
  background: var(--tab-bg);
  border-radius: var(--tab-radius);
  box-shadow: var(--tab-shadow);
  padding: 28px;
  align-items: flex-start;
  border: 1px solid var(--tab-border);
  box-sizing: border-box;
}
.widget-b58093 .panel-image-wrap {
  position: relative;
  flex-shrink: 0;
  width: 220px;
  margin: 0;
  /* Room for the badge that pokes out below */
  padding-bottom: 20px;
}
.widget-b58093 .panel-image {
  width: 100%;
  height: 220px;
  object-fit: cover;
  border-radius: 12px;
  display: block;
  aspect-ratio: 1/1;
}
.widget-b58093 .image-badge {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background: var(--tab-accent);
  color: #fff;
  border-radius: 50px;
  padding: 5px 14px;
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 0.75rem;
  font-weight: 700;
  white-space: nowrap;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
}
.widget-b58093 .panel-content {
  flex: 1;
  min-width: 0;
  padding-top: 2px;
}
.widget-b58093 .content-header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 14px;
  flex-wrap: wrap;
}
.widget-b58093 .panel-title {
  font-size: 1.25rem;
  font-weight: 800;
  color: var(--tab-text);
  margin: 0;
  line-height: 1.3;
}
.widget-b58093 .streak-chip {
  display: flex;
  align-items: center;
  gap: 4px;
  background: linear-gradient(135deg, var(--tab-accent), var(--tab-accent-2));
  color: #fff;
  border-radius: 50px;
  padding: 4px 12px;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  animation: shimmer-chip 2.5s ease infinite;
  will-change: transform;
  flex-shrink: 0;
}
@keyframes shimmer-chip {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.97);
  }
}
.widget-b58093 .panel-text {
  font-size: 0.95rem;
  color: var(--tab-muted);
  line-height: 1.7;
  margin-bottom: 20px;
  /* Prevent text overflow on any screen */
  overflow-wrap: break-word;
  word-break: break-word;
}
.widget-b58093 .stat-chips {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.widget-b58093 .stat-chip {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
  background: var(--chip-bg);
  border-radius: 12px;
  padding: 10px 16px;
  min-width: 68px;
  border: 1px solid var(--tab-border);
  transition: transform 0.2s, box-shadow 0.2s;
  will-change: transform;
  box-sizing: border-box;
}
.widget-b58093 .stat-chip:hover {
  transform: translateY(-3px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.widget-b58093 .stat-num {
  font-size: 1.3rem;
  line-height: 1;
}
.widget-b58093 .stat-lbl {
  font-size: 0.68rem;
  font-weight: 700;
  color: var(--tab-muted);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.widget-b58093 .panel-cta-wrap {
  display: flex;
  justify-content: flex-start;
  margin-top: 20px;
}
.widget-b58093 .mission-btn {
  position: relative;
  overflow: hidden;
  padding: 14px 32px;
  display: inline-block;
  text-align: center;
  white-space: nowrap;
  border-radius: 0;
  font-weight: 700;
  font-size: 1.05rem;
  letter-spacing: 0.06em;
  cursor: pointer;
}
.widget-b58093 .mission-btn::after {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 60%;
  height: 100%;
  background: linear-gradient(120deg, transparent 0%, rgba(255, 255, 255, 0.35) 50%, transparent 100%);
  transform: skewX(-20deg);
  animation: swipe-shine 2.2s ease infinite;
  will-change: left;
}
@keyframes swipe-shine {
  0% {
    left: -100%;
  }
  60% {
    left: 150%;
  }
  100% {
    left: 150%;
  }
}
.widget-b58093 .widget-attribution {
  text-align: center;
  margin-top: 18px;
  font-size: 0.68rem;
  color: var(--tab-muted);
  opacity: 0.7;
  letter-spacing: 0.02em;
}
.widget-b58093 .widget-attribution a {
  color: var(--tab-muted);
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: border-color 0.2s, opacity 0.2s;
}
.widget-b58093 .widget-attribution a:hover {
  border-color: var(--tab-muted);
  opacity: 1;
}
.widget-b58093 .xp-toast {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -60%) scale(0.7);
  background: linear-gradient(135deg, var(--tab-accent), var(--tab-accent-2));
  color: #fff;
  border-radius: 20px;
  padding: 18px 36px;
  /* Never overflow viewport on small phones */
  max-width: calc(100vw - 32px);
  box-sizing: border-box;
  text-align: center;
  box-shadow: 0 8px 40px rgba(0, 0, 0, 0.22);
  opacity: 0;
  pointer-events: none;
  z-index: 10000;
  transition: opacity 0.3s ease, transform 0.3s ease;
  will-change: transform, opacity;
}
.widget-b58093 .xp-toast.show {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}
.widget-b58093 .xp-toast.hide {
  opacity: 0;
  transform: translate(-50%, -42%) scale(0.85);
}
.widget-b58093 .xp-toast-title {
  font-size: 1.5rem;
  font-weight: 900;
  letter-spacing: 0.04em;
  display: block;
  margin-bottom: 4px;
}
.widget-b58093 .xp-toast-sub {
  font-size: 0.85rem;
  font-weight: 600;
  opacity: 0.88;
  display: block;
}
.widget-b58093 .xp-confetti-piece {
  position: fixed;
  border-radius: 2px;
  pointer-events: none;
  z-index: 9998;
  will-change: transform, opacity;
  animation: xp-fall linear forwards;
}
@keyframes xp-fall {
  0% {
    opacity: 1;
    transform: translateY(0) rotate(0deg);
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translateY(60vh) rotate(720deg);
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .widget-b58093 {
    /* Tighten tab padding so long labels don't crowd */
  }
  .widget-b58093 .panel-image-wrap {
    width: 180px;
  }
  .widget-b58093 .panel-image {
    height: 180px;
  }
  .widget-b58093 .panel-inner {
    gap: 20px;
    padding: 22px;
  }
  .widget-b58093 .tab-btn {
    padding: 12px 14px;
    font-size: 0.88rem;
  }
  .widget-b58093 .tab-xp-badge {
    display: none;
  }
}
@media (max-width: 767px) {
  .widget-b58093 {
    /* Stack image above content */
    /* Full-width image, natural square ratio, badge clears below */
    /* Tab nav: icon only, but keep full touch area */
    /* Hide +XP badge on mobile to save space */
    /* Shrink XP toast text on very small screens */
  }
  .widget-b58093 .tabs-widget {
    padding: 0 12px 24px;
  }
  .widget-b58093 .panel-inner {
    flex-direction: column;
    padding: 20px 16px 24px;
    gap: 0;
  }
  .widget-b58093 .panel-image-wrap {
    width: 100%;
    padding-bottom: 28px;
    margin-bottom: 8px;
  }
  .widget-b58093 .panel-image {
    width: 100%;
    height: auto;
    aspect-ratio: 16/9;
  }
  .widget-b58093 .image-badge {
    font-size: 0.7rem;
    padding: 4px 12px;
  }
  .widget-b58093 .tab-btn {
    padding: 12px 10px;
    min-height: 48px;
    font-size: 0.85rem;
    gap: 6px;
  }
  .widget-b58093 .tab-label {
    display: none;
  }
  .widget-b58093 .tab-xp-badge {
    display: none;
  }
  .widget-b58093 .panel-title {
    font-size: 1.1rem;
  }
  .widget-b58093 .panel-text {
    font-size: 0.9rem;
  }
  .widget-b58093 .stat-chips {
    gap: 8px;
  }
  .widget-b58093 .stat-chip {
    padding: 8px 12px;
    min-width: 56px;
  }
  .widget-b58093 .stat-num {
    font-size: 1.15rem;
  }
  .widget-b58093 .mission-btn {
    padding: 14px 28px;
    font-size: 0.95rem;
  }
  .widget-b58093 .xp-toast-title {
    font-size: 1.2rem;
  }
  .widget-b58093 .xp-toast-sub {
    font-size: 0.78rem;
  }
}
@media (max-width: 380px) {
  .widget-b58093 .panel-inner {
    padding: 16px 12px 22px;
  }
  .widget-b58093 .panel-title {
    font-size: 1rem;
  }
  .widget-b58093 .mission-btn {
    padding: 13px 20px;
    font-size: 0.88rem;
    letter-spacing: 0.03em;
  }
}

@charset "UTF-8";
.widget-36ca93 {
  /* ── Palette defaults (overridden by JS theme adaptation) ── */
  --bball-bg: #2d2660;
  --bball-accent: #FF6B2B;
  --bball-accent2: #FFA500;
  --bball-glow: rgba(255, 107, 43, 0.28);
  --bball-text: #f0ece6;
  --bball-muted: #a8a0c8;
  --bball-surface: #231d52;
  --bball-divider: rgba(255, 107, 43, 0.35);
  --bball-input-bg: rgba(255, 255, 255, 0.07);
  --bball-btn-bg: rgba(255, 255, 255, 0.07);
  --bball-btn-bdr: rgba(255, 255, 255, 0.14);
  /* Base bg + derived vars — set by JS; these are the CSS fallbacks */
  --bball-base-bg: #1c1840;
  --bball-surface-bg: #231d52;
  --bball-tooltip-bg: #1e1a4a;
  --bball-depth-gradient: linear-gradient(135deg, #110e2e 0%, #1e1a4a 30%, #2d2660 60%, #241f56 100%);
  /* ══════════════════════════════════════════
     KEYFRAMES
  ══════════════════════════════════════════ */
  /* ══════════════════════════════════════════
     FOOTER SHELL
  ══════════════════════════════════════════ */
  /* Depth gradient — driven by --bball-depth-gradient set by JS */
  /* ══════════════════════════════════════════
     BASKETBALL PHOTO — FLUSH RIGHT
  ══════════════════════════════════════════ */
  /*
   * Overlay 1 — main left-fade blend.
   * JS overwrites this with the correct base color via inline style.
   * CSS fallback uses --bball-base-bg for graceful no-JS rendering.
   */
  /* Overlay 2 — top & bottom fades */
  /* Glow layer — JS overwrites with accent color; CSS uses default accent */
  /* ══════════════════════════════════════════
     INNER LAYOUT
  ══════════════════════════════════════════ */
  /* ── Columns ── */
  /* ── Column titles ── */
  /* ── Lists ── */
  /* ── Footer logo ── */
  /* ── Quick links ── */
  /* ── Social buttons ── */
  /* ── Newsletter ── */
  /* ── Signup row + Privacy tooltip ── */
  /* ── Bottom bar ── */
  /* ════════════════════════════════════════════
     RESPONSIVE
  ════════════════════════════════════════════ */
  /* ── Desktop (1025px – 1279px) ── */
  /* ── Tablet landscape (768px – 1024px) ── */
  /* ── Tablet portrait (480px – 767px) ── */
  /* ── Mobile (≤479px) ── */
}
@keyframes fadeSlideUp {
  from {
    opacity: 0;
    transform: translateY(22px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes flicker {
  0% {
    opacity: 0.7;
    transform: scale(1);
  }
  100% {
    opacity: 1;
    transform: scale(1.15);
  }
}
@keyframes titleGlow {
  0%, 100% {
    text-shadow: 0 0 6px transparent;
  }
  50% {
    text-shadow: 0 0 18px var(--bball-glow);
  }
}
@keyframes shimmerBar {
  0% {
    background-position: -400% center;
  }
  100% {
    background-position: 400% center;
  }
}
@keyframes ballPhotoReveal {
  from {
    opacity: 0;
    transform: translateX(60px) scale(1.04);
  }
  to {
    opacity: 1;
    transform: translateX(0) scale(1);
  }
}
@keyframes ballFloat {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-6px);
  }
}
@keyframes glowPulse {
  0%, 100% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
.widget-36ca93 .bball-footer {
  position: relative;
  width: 100%;
  overflow: hidden;
  /* Uses --bball-base-bg set by JS; falls back to CSS default */
  background: var(--bball-base-bg, #1c1840);
  font-family: inherit;
  color: var(--bball-text);
}
.widget-36ca93 .bball-footer::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--bball-depth-gradient);
  z-index: 0;
  pointer-events: none;
}
.widget-36ca93 .bball-photo-bg {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  pointer-events: none;
  will-change: transform, opacity;
  animation: ballPhotoReveal 1.4s cubic-bezier(0.22, 1, 0.36, 1) both;
  animation-delay: 0.1s;
}
.widget-36ca93 .bball-photo {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: right center;
  display: block;
  filter: grayscale(20%) contrast(1.08) brightness(0.88);
  will-change: transform;
  animation: ballFloat 9s ease-in-out 1.6s infinite;
}
.widget-36ca93 .bball-photo-overlay {
  position: absolute;
  inset: 0;
  z-index: 2;
  background: linear-gradient(to right, var(--bball-base-bg) 0%, var(--bball-base-bg) 30%, rgba(28, 24, 64, 0.99) 42%, rgba(28, 24, 64, 0.94) 52%, rgba(30, 26, 68, 0.8) 62%, rgba(33, 28, 74, 0.52) 72%, rgba(38, 32, 82, 0.22) 84%, rgba(44, 38, 92, 0.05) 93%, transparent 100%);
  pointer-events: none;
}
.widget-36ca93 .bball-photo-overlay::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(28, 24, 64, 0.7) 0%, transparent 22%, transparent 75%, rgba(28, 24, 64, 0.8) 100%);
  pointer-events: none;
}
.widget-36ca93 .bball-photo-glow {
  position: absolute;
  top: -10%;
  right: -5%;
  width: 70%;
  height: 120%;
  z-index: 3;
  pointer-events: none;
  will-change: opacity;
  background: radial-gradient(ellipse 60% 55% at 90% 42%, var(--bball-glow) 0%, rgba(255, 140, 60, 0.06) 40%, transparent 72%);
  animation: glowPulse 6s ease-in-out infinite;
}
.widget-36ca93 .footer-inner {
  position: relative;
  z-index: 4;
  max-width: 1200px;
  margin: 0 auto;
  padding: 56px 44px 32px;
}
.widget-36ca93 .footer-columns {
  display: grid;
  grid-template-columns: 1.4fr 1fr 1.6fr;
  gap: 60px;
  margin-bottom: 36px;
}
.widget-36ca93 .footer-col {
  animation: fadeSlideUp 0.7s ease both;
}
.widget-36ca93 .footer-col:nth-child(1) {
  animation-delay: 0.25s;
}
.widget-36ca93 .footer-col:nth-child(2) {
  animation-delay: 0.4s;
}
.widget-36ca93 .footer-col:nth-child(3) {
  animation-delay: 0.55s;
}
.widget-36ca93 .col-title {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.26em;
  text-transform: uppercase;
  color: #ffffff;
  margin: 0 0 18px 0;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  position: relative;
  animation: titleGlow 5s ease-in-out infinite;
}
.widget-36ca93 .col-title::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 40px;
  height: 2px;
  background: var(--bball-accent);
  box-shadow: 0 0 14px var(--bball-glow), 0 0 28px var(--bball-glow);
}
.widget-36ca93 .col-title-icon {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  color: var(--bball-accent);
  filter: drop-shadow(0 0 4px var(--bball-glow));
}
.widget-36ca93 .col-title-icon svg {
  width: 13px;
  height: 13px;
  stroke: var(--bball-accent);
}
.widget-36ca93 .footer-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 11px;
}
.widget-36ca93 .footer-list li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 0.85rem;
  color: rgba(240, 236, 230, 0.82);
  line-height: 1.5;
  transition: color 0.2s;
}
.widget-36ca93 .footer-list li:hover {
  color: #ffffff;
}
.widget-36ca93 .address-lines {
  display: flex;
  flex-direction: column;
  line-height: 1.5;
}
.widget-36ca93 .list-icon {
  flex-shrink: 0;
  font-size: 0.9rem;
  margin-top: 1px;
}
.widget-36ca93 .contact-svg-icon {
  display: flex;
  align-items: flex-start;
  padding-top: 1px;
}
.widget-36ca93 .contact-svg-icon svg {
  width: 14px;
  height: 14px;
  stroke: var(--bball-accent);
  flex-shrink: 0;
  opacity: 0.8;
  transition: opacity 0.2s, filter 0.2s;
}
.widget-36ca93 .footer-list li:hover .contact-svg-icon svg {
  opacity: 1;
  filter: drop-shadow(0 0 5px var(--bball-glow));
}
.widget-36ca93 .footer-logo-wrap {
  margin-top: 24px;
}
.widget-36ca93 .footer-logo {
  max-width: 140px;
  max-height: 70px;
  width: auto;
  height: auto;
  object-fit: contain;
  display: block;
  opacity: 0.9;
  transition: opacity 0.25s, filter 0.25s;
}
.widget-36ca93 .footer-logo:hover {
  opacity: 1;
  filter: drop-shadow(0 0 8px var(--bball-glow));
}
.widget-36ca93 .footer-logo-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 140px;
  height: 56px;
  border: 1.5px dashed rgba(255, 107, 43, 0.4);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.03);
  border-color: var(--bball-divider, rgba(255, 107, 43, 0.4));
}
.widget-36ca93 .logo-placeholder-text {
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--bball-accent);
  opacity: 0.55;
}
.widget-36ca93 .links-list li {
  cursor: pointer;
}
.widget-36ca93 .links-list li a {
  color: rgba(240, 236, 230, 0.82);
  text-decoration: none;
  transition: color 0.2s;
}
.widget-36ca93 .links-list li:hover a,
.widget-36ca93 .links-list li:hover span {
  color: #ffffff !important;
}
.widget-36ca93 .link-arrow {
  color: var(--bball-accent);
  font-size: 1.1rem;
  font-weight: 700;
  line-height: 1;
  transition: transform 0.2s;
}
.widget-36ca93 .links-list li:hover .link-arrow {
  transform: translateX(4px);
}
.widget-36ca93 .social-links {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
.widget-36ca93 .social-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 10px;
  background: var(--bball-btn-bg);
  border: 1px solid var(--bball-btn-bdr);
  color: rgba(200, 190, 185, 0.75);
  text-decoration: none;
  transition: background 0.25s, border-color 0.25s, color 0.25s, transform 0.25s, box-shadow 0.25s;
}
.widget-36ca93 .social-btn svg {
  width: 17px;
  height: 17px;
}
.widget-36ca93 .social-btn:hover {
  background: var(--bball-accent);
  border-color: var(--bball-accent);
  color: #fff;
  transform: translateY(-3px) scale(1.08);
  box-shadow: 0 6px 22px var(--bball-glow);
}
.widget-36ca93 .newsletter-label {
  font-size: 0.75rem;
  color: var(--bball-muted);
  margin: 0 0 10px 0;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.widget-36ca93 .newsletter-form {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.widget-36ca93 .email-input {
  background: var(--bball-input-bg);
  border: 1px solid var(--bball-btn-bdr);
  border-radius: 8px;
  padding: 9px 13px;
  color: var(--bball-text);
  font-size: 0.82rem;
  outline: none;
  transition: border-color 0.2s, box-shadow 0.2s;
  width: 100%;
  box-sizing: border-box;
}
.widget-36ca93 .email-input::placeholder {
  color: rgba(136, 128, 128, 0.55);
}
.widget-36ca93 .email-input:focus {
  border-color: var(--bball-accent);
  box-shadow: 0 0 0 3px var(--bball-glow);
}
.widget-36ca93 .signup-btn {
  background: linear-gradient(135deg, var(--bball-accent), var(--bball-accent-dark, #cc4a10)) !important;
  border: none !important;
  border-radius: 8px !important;
  color: #fff !important;
  font-size: 0.75rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  padding: 9px 14px !important;
  cursor: pointer !important;
  transition: all 0.25s !important;
  width: 100% !important;
  text-align: center !important;
}
.widget-36ca93 .signup-btn:hover {
  filter: brightness(1.18) !important;
  box-shadow: 0 5px 20px var(--bball-glow) !important;
  transform: translateY(-2px) !important;
}
.widget-36ca93 .signup-row {
  display: flex;
  align-items: center;
  gap: 8px;
}
.widget-36ca93 .signup-row .signup-btn {
  flex: 1;
}
.widget-36ca93 .privacy-tooltip-wrap {
  position: relative;
  flex-shrink: 0;
}
.widget-36ca93 .privacy-tip-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: var(--bball-btn-bg);
  border: 1px solid var(--bball-btn-bdr);
  color: var(--bball-muted);
  cursor: pointer;
  transition: all 0.2s;
  padding: 0;
}
.widget-36ca93 .privacy-tip-btn svg {
  width: 15px;
  height: 15px;
}
.widget-36ca93 .privacy-tip-btn:hover {
  border-color: var(--bball-accent);
  color: var(--bball-accent);
}
.widget-36ca93 .privacy-tooltip {
  position: absolute;
  bottom: calc(100% + 10px);
  right: 0;
  width: 230px;
  /* Uses --bball-tooltip-bg set by JS; falls back to CSS variable */
  background: var(--bball-tooltip-bg, #1e1a4a);
  border: 1px solid var(--bball-divider);
  border-radius: 10px;
  padding: 12px 14px;
  box-shadow: 0 10px 36px rgba(0, 0, 0, 0.75);
  opacity: 0;
  visibility: hidden;
  transform: translateY(6px);
  transition: opacity 0.22s, transform 0.22s, visibility 0.22s;
  z-index: 100;
  pointer-events: none;
}
.widget-36ca93 .privacy-tooltip::after {
  content: "";
  position: absolute;
  bottom: -6px;
  right: 11px;
  width: 10px;
  height: 10px;
  background: var(--bball-tooltip-bg, #1e1a4a);
  border-right: 1px solid var(--bball-divider);
  border-bottom: 1px solid var(--bball-divider);
  transform: rotate(45deg);
}
.widget-36ca93 .privacy-tooltip strong {
  display: block;
  font-size: 0.73rem;
  color: var(--bball-accent);
  margin-bottom: 6px;
  letter-spacing: 0.04em;
}
.widget-36ca93 .privacy-tooltip p {
  font-size: 0.72rem;
  color: rgba(136, 128, 128, 0.9);
  line-height: 1.55;
  margin: 0;
}
.widget-36ca93 .privacy-tooltip-wrap:hover .privacy-tooltip,
.widget-36ca93 .privacy-tip-btn:focus + .privacy-tooltip {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  pointer-events: auto;
}
.widget-36ca93 .bottom-divider {
  height: 1px;
  background: linear-gradient(90deg, transparent 0%, var(--bball-divider) 20%, var(--bball-accent) 50%, var(--bball-divider) 80%, transparent 100%);
  background-size: 200% 100%;
  margin-bottom: 16px;
  animation: shimmerBar 6s linear infinite;
}
.widget-36ca93 .bottom-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
}
.widget-36ca93 .copyright {
  font-size: 0.73rem;
  color: rgba(136, 128, 128, 0.65);
  letter-spacing: 0.06em;
}
.widget-36ca93 .hvd-credit {
  color: var(--bball-accent);
  text-decoration: none;
  opacity: 0.8;
  transition: opacity 0.2s ease, text-shadow 0.2s ease;
}
.widget-36ca93 .hvd-credit:hover {
  opacity: 1;
  text-shadow: 0 0 10px var(--bball-glow);
}
.widget-36ca93 .bottom-tagline {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 0.71rem;
  color: rgba(136, 128, 128, 0.6);
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.widget-36ca93 .flame-icon {
  font-size: 0.88rem;
  animation: flicker 2s ease-in-out infinite alternate;
}
@media (min-width: 1025px) and (max-width: 1279px) {
  .widget-36ca93 .footer-inner {
    padding: 48px 36px 28px;
  }
  .widget-36ca93 .footer-columns {
    grid-template-columns: 1.4fr 1fr 1.6fr;
    gap: 48px;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .widget-36ca93 .footer-inner {
    padding: 36px 28px 24px;
  }
  .widget-36ca93 .footer-columns {
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
  }
  .widget-36ca93 .bball-photo-bg {
    opacity: 0.8;
  }
  .widget-36ca93 .col-title {
    font-size: 0.62rem;
    letter-spacing: 0.16em;
    margin-bottom: 14px;
  }
  .widget-36ca93 .col-title-icon svg {
    width: 11px;
    height: 11px;
  }
  .widget-36ca93 .footer-list {
    gap: 9px;
  }
  .widget-36ca93 .footer-list li {
    font-size: 0.78rem;
    gap: 8px;
  }
  .widget-36ca93 .contact-svg-icon svg {
    width: 12px;
    height: 12px;
  }
  .widget-36ca93 .social-links {
    gap: 8px;
    margin-bottom: 14px;
  }
  .widget-36ca93 .social-btn {
    width: 34px;
    height: 34px;
    border-radius: 8px;
  }
  .widget-36ca93 .social-btn svg {
    width: 15px;
    height: 15px;
  }
  .widget-36ca93 .newsletter-label {
    font-size: 0.68rem;
    margin-bottom: 8px;
  }
  .widget-36ca93 .email-input {
    font-size: 0.76rem;
    padding: 8px 10px;
  }
  .widget-36ca93 .signup-btn {
    font-size: 0.68rem !important;
    padding: 8px 10px !important;
    letter-spacing: 0.08em !important;
  }
  .widget-36ca93 .privacy-tip-btn {
    width: 30px;
    height: 30px;
  }
  .widget-36ca93 .privacy-tooltip {
    width: 200px;
  }
  .widget-36ca93 .footer-logo {
    max-width: 110px;
    max-height: 56px;
  }
  .widget-36ca93 .footer-logo-placeholder {
    width: 110px;
    height: 46px;
  }
  .widget-36ca93 .footer-logo-wrap {
    margin-top: 20px;
  }
  .widget-36ca93 .copyright {
    font-size: 0.7rem;
  }
  .widget-36ca93 .bottom-tagline {
    font-size: 0.68rem;
  }
  .widget-36ca93 .bottom-content {
    gap: 8px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .widget-36ca93 .footer-inner {
    padding: 32px 24px 20px;
  }
  .widget-36ca93 .footer-columns {
    grid-template-columns: 1fr 1fr;
    gap: 28px 24px;
  }
  .widget-36ca93 .footer-col:nth-child(3) {
    grid-column: 1/-1;
  }
  .widget-36ca93 .bball-photo-bg {
    opacity: 0.5;
  }
  .widget-36ca93 .col-title {
    font-size: 0.64rem;
    letter-spacing: 0.18em;
    margin-bottom: 14px;
  }
  .widget-36ca93 .col-title-icon svg {
    width: 12px;
    height: 12px;
  }
  .widget-36ca93 .footer-list {
    gap: 9px;
  }
  .widget-36ca93 .footer-list li {
    font-size: 0.8rem;
    gap: 8px;
  }
  .widget-36ca93 .social-links {
    justify-content: flex-start;
    gap: 10px;
  }
  .widget-36ca93 .newsletter-form {
    max-width: 420px;
  }
  .widget-36ca93 .newsletter-label {
    font-size: 0.7rem;
  }
  .widget-36ca93 .email-input {
    font-size: 0.8rem;
    padding: 9px 12px;
  }
  .widget-36ca93 .signup-btn {
    font-size: 0.72rem !important;
    padding: 9px 12px !important;
  }
  .widget-36ca93 .footer-logo {
    max-width: 120px;
    max-height: 60px;
  }
  .widget-36ca93 .footer-logo-placeholder {
    width: 120px;
    height: 50px;
  }
  .widget-36ca93 .footer-logo-wrap {
    margin-top: 20px;
  }
  .widget-36ca93 .bottom-content {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 8px;
  }
  .widget-36ca93 .copyright {
    font-size: 0.7rem;
  }
  .widget-36ca93 .bottom-tagline {
    font-size: 0.68rem;
  }
}
@media (max-width: 479px) {
  .widget-36ca93 {
    /* Hide links column on mobile */
  }
  .widget-36ca93 .footer-inner {
    padding: 28px 18px 18px;
  }
  .widget-36ca93 .footer-columns {
    grid-template-columns: 1fr;
    gap: 28px;
  }
  .widget-36ca93 .bball-photo-bg {
    opacity: 0.22;
  }
  .widget-36ca93 .col-title {
    font-size: 0.68rem;
    letter-spacing: 0.18em;
    margin-bottom: 14px;
  }
  .widget-36ca93 .footer-list li {
    font-size: 0.83rem;
    gap: 9px;
  }
  .widget-36ca93 .links-list li {
    padding: 3px 0;
  }
  .widget-36ca93 .footer-col:nth-child(2) {
    display: none;
  }
  .widget-36ca93 .social-links {
    gap: 12px;
  }
  .widget-36ca93 .social-btn {
    width: 40px;
    height: 40px;
    border-radius: 11px;
  }
  .widget-36ca93 .social-btn svg {
    width: 18px;
    height: 18px;
  }
  .widget-36ca93 .email-input {
    padding: 11px 13px;
    font-size: 0.85rem;
  }
  .widget-36ca93 .signup-btn {
    padding: 11px 14px !important;
    font-size: 0.78rem !important;
  }
  .widget-36ca93 .privacy-tip-btn {
    width: 38px;
    height: 38px;
  }
  .widget-36ca93 .privacy-tooltip {
    width: calc(100vw - 36px);
    right: auto;
    left: 50%;
    transform: translateX(-50%) translateY(6px);
  }
  .widget-36ca93 .privacy-tooltip-wrap:hover .privacy-tooltip,
  .widget-36ca93 .privacy-tip-btn:focus + .privacy-tooltip {
    transform: translateX(-50%) translateY(0);
  }
  .widget-36ca93 .footer-logo {
    max-width: 120px;
    max-height: 60px;
  }
  .widget-36ca93 .footer-logo-placeholder {
    width: 120px;
    height: 48px;
  }
  .widget-36ca93 .footer-logo-wrap {
    margin-top: 18px;
  }
  .widget-36ca93 .bottom-content {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 8px;
  }
  .widget-36ca93 .copyright {
    font-size: 0.68rem;
    text-align: center;
  }
  .widget-36ca93 .bottom-tagline {
    font-size: 0.7rem;
  }
}

@charset "UTF-8";
/* © HVD Studios — www.hvdstudios.com */
/* ─────────────────────────────────────
   KEYFRAMES — must live at top level
───────────────────────────────────── */
@keyframes hvd-kenBurns {
  0% {
    transform: translate(-50%, -50%) scale(1);
  }
  33% {
    transform: translate(-52%, -51%) scale(1.06);
  }
  66% {
    transform: translate(-49%, -49%) scale(1.1);
  }
  100% {
    transform: translate(-51%, -52%) scale(1.07);
  }
}
@keyframes hvd-playPulse {
  0% {
    transform: scale(1);
    opacity: 0.65;
  }
  100% {
    transform: scale(2.2);
    opacity: 0;
  }
}
@keyframes hvd-fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* ─────────────────────────────────────
   REDUCED MOTION — disable all animations
───────────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
  @keyframes hvd-kenBurns {
    0%, 100% {
      transform: translate(-50%, -50%) scale(1.04);
    }
  }
  @keyframes hvd-playPulse {
    0%, 100% {
      opacity: 0;
    }
  }
  @keyframes hvd-fadeIn {
    from {
      opacity: 1;
    }
    to {
      opacity: 1;
    }
  }
}
.widget-c6a3b6 {
  /* ── Theme Color Inheritance ──
     Falls back to site-level CSS variables (primary/secondary colors),
     then to the built-in brand palette if none are set.
  */
  --accent: var(--site-color-primary, var(--color-orange));
  --accent-light: var(--site-color-secondary, var(--color-orange-light));
  --overlay-dark: var(--site-color-dark, var(--color-dark));
  /* ── Brand Tokens (fallbacks) ── */
  --color-purple-dark: #2d2660;
  --color-purple: #4B3F9E;
  --color-purple-light: #6b5ec7;
  --color-orange: #E8710A;
  --color-orange-light: #f4941e;
  --color-gold: #f0b429;
  --color-dark: #1a1630;
  display: block;
  position: relative;
  width: 100%;
  overflow: hidden;
  /* ─────────────────────────────────────
     HERO WRAPPER
  ───────────────────────────────────── */
  /* ─────────────────────────────────────
     BACKGROUND LAYER
  ───────────────────────────────────── */
  /* ─────────────────────────────────────
     BACKGROUND IMAGE
  ───────────────────────────────────── */
  /* ─────────────────────────────────────
     BACKGROUND VIDEO
  ───────────────────────────────────── */
  /* ─────────────────────────────────────
     OVERLAY GRADIENTS
  ───────────────────────────────────── */
  /* ─────────────────────────────────────
     CONTENT WRAPPER
  ───────────────────────────────────── */
  /* ─────────────────────────────────────
     LOGO
  ───────────────────────────────────── */
  /* ─────────────────────────────────────
     EYEBROW
  ───────────────────────────────────── */
  /* ─────────────────────────────────────
     HEADLINE
  ───────────────────────────────────── */
  /* ─────────────────────────────────────
     TITLE / ROLE
  ───────────────────────────────────── */
  /* ─────────────────────────────────────
     TAGLINE
  ───────────────────────────────────── */
  /* ─────────────────────────────────────
     ACTIONS ROW
  ───────────────────────────────────── */
  /* ─────────────────────────────────────
     CTA BUTTON — Ghost
  ───────────────────────────────────── */
  /* ─────────────────────────────────────
     CTA BUTTON — Solid
  ───────────────────────────────────── */
  /* ─────────────────────────────────────
     PLAY BUTTON — bottom-right corner
  ───────────────────────────────────── */
  /* ─────────────────────────────────────
     VIDEO MODAL
  ───────────────────────────────────── */
  /* ─────────────────────────────────────
     RESPONSIVE — WIDE SCREENS (1400px+)
  ───────────────────────────────────── */
  /* ─────────────────────────────────────
     RESPONSIVE — TABLET (768–1024px)
  ───────────────────────────────────── */
  /* ─────────────────────────────────────
     RESPONSIVE — MOBILE (≤767px)
  ───────────────────────────────────── */
  /* ─────────────────────────────────────
     RESPONSIVE — SMALL MOBILE (≤380px)
  ───────────────────────────────────── */
}
.widget-c6a3b6 .hero-wrapper {
  position: relative;
  width: 100%;
  min-height: 460px;
  overflow: hidden;
  display: flex;
  align-items: center;
  /* Establish a containing block so absolute children
     are clipped cleanly and don't trigger layout shift */
  contain: layout;
}
.widget-c6a3b6 .hero-bg {
  position: absolute;
  inset: 0;
  overflow: hidden;
  z-index: 0;
  /* Hint to the browser that this layer is composited separately */
  will-change: transform;
}
.widget-c6a3b6 .hero-bg-image {
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(100% + 120px);
  height: calc(100% + 120px);
  object-fit: cover;
  object-position: center;
  animation: hvd-kenBurns 16s ease-in-out infinite alternate;
  will-change: transform;
  /* Prevent the oversized image from causing a scrollbar flash */
  max-width: none;
}
.widget-c6a3b6 .hero-bg-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  /* GPU compositing layer for smooth playback */
  will-change: transform;
  transform: translateZ(0);
}
.widget-c6a3b6 .hero-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, color-mix(in srgb, var(--overlay-dark) 75%, transparent) 0%, transparent 60%), color-mix(in srgb, var(--overlay-dark) 45%, transparent);
  z-index: 1;
  transition: background 0.4s ease;
  /* Overlay is pure paint — no layout impact */
  pointer-events: none;
}
.widget-c6a3b6 .align-left .hero-overlay {
  background: linear-gradient(to right, color-mix(in srgb, var(--overlay-dark) 95%, transparent) 0%, color-mix(in srgb, var(--overlay-dark) 80%, transparent) 40%, color-mix(in srgb, var(--overlay-dark) 30%, transparent) 100%), linear-gradient(to top, color-mix(in srgb, var(--overlay-dark) 55%, transparent) 0%, transparent 55%);
}
.widget-c6a3b6 .align-right .hero-overlay {
  background: linear-gradient(to left, color-mix(in srgb, var(--overlay-dark) 95%, transparent) 0%, color-mix(in srgb, var(--overlay-dark) 80%, transparent) 40%, color-mix(in srgb, var(--overlay-dark) 30%, transparent) 100%), linear-gradient(to top, color-mix(in srgb, var(--overlay-dark) 55%, transparent) 0%, transparent 55%);
}
.widget-c6a3b6 .hero-content-wrap {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
  padding: 64px clamp(16px, 6vw, 120px);
  display: flex;
  align-items: center;
  /* Prevent content from escaping on very narrow viewports */
  box-sizing: border-box;
}
.widget-c6a3b6 .hero-content-wrap.align-left {
  justify-content: flex-start;
}
.widget-c6a3b6 .hero-content-wrap.align-right {
  justify-content: flex-end;
}
.widget-c6a3b6 .hero-content-wrap.align-center {
  justify-content: center;
}
.widget-c6a3b6 .hero-content {
  max-width: 620px;
  width: 100%;
  /* Prevent flex child overflow */
  min-width: 0;
  box-sizing: border-box;
}
.widget-c6a3b6 .align-left .hero-content {
  text-align: left;
}
.widget-c6a3b6 .align-right .hero-content {
  text-align: right;
}
.widget-c6a3b6 .align-center .hero-content {
  text-align: center;
}
.widget-c6a3b6 .hero-logo-wrap {
  margin-bottom: 16px;
  max-width: 100%;
}
.widget-c6a3b6 .hero-logo {
  max-height: 64px;
  max-width: min(200px, 100%);
  width: auto;
  height: auto;
  display: block;
  object-fit: contain;
}
.widget-c6a3b6 .align-center .hero-logo {
  margin-left: auto;
  margin-right: auto;
}
.widget-c6a3b6 .align-right .hero-logo {
  margin-left: auto;
}
.widget-c6a3b6 .hero-eyebrow-label {
  display: inline-block;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.55);
  margin-bottom: 10px;
  max-width: 100%;
}
.widget-c6a3b6 .hero-eyebrow-pill {
  display: inline-block;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  background: var(--accent);
  color: #fff;
  padding: 5px 14px;
  border-radius: 3px;
  margin-bottom: 12px;
  max-width: 100%;
}
.widget-c6a3b6 .hero-headline {
  font-size: clamp(24px, 4.5vw, 56px);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
  line-height: 1.05;
  color: #ffffff;
  margin: 0 0 10px;
  padding: 0;
  /* Prevent long words from overflowing on small screens */
  overflow-wrap: break-word;
  word-break: break-word;
}
.widget-c6a3b6 .hero-title-role {
  font-size: 13px;
  font-weight: 500;
  color: var(--accent-light);
  letter-spacing: 1.5px;
  text-transform: uppercase;
  margin-bottom: 14px;
  overflow-wrap: break-word;
}
.widget-c6a3b6 .hero-tagline {
  font-size: 14px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.8);
  line-height: 1.55;
  margin: 0 0 24px;
  overflow-wrap: break-word;
}
.widget-c6a3b6 .hero-actions {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
}
.widget-c6a3b6 .align-center .hero-actions {
  justify-content: center;
}
.widget-c6a3b6 .align-right .hero-actions {
  justify-content: flex-end;
}
.widget-c6a3b6 .hero-cta-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 200px;
  max-width: 100%;
  padding: 11px 28px;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 2.5px;
  color: #ffffff !important;
  background: transparent !important;
  border: 1.5px solid rgba(255, 255, 255, 0.55) !important;
  border-radius: 2px !important;
  cursor: pointer;
  overflow: hidden;
  transition: border-color 0.35s ease, box-shadow 0.35s ease;
  text-decoration: none;
  z-index: 0;
  white-space: nowrap;
  box-sizing: border-box;
}
.widget-c6a3b6 .hero-cta-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--accent);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: -1;
}
.widget-c6a3b6 .hero-cta-btn:hover {
  border-color: var(--accent) !important;
  box-shadow: 0 4px 20px color-mix(in srgb, var(--accent) 45%, transparent) !important;
  color: #ffffff !important;
}
.widget-c6a3b6 .hero-cta-btn:hover::before {
  transform: scaleX(1);
}
.widget-c6a3b6 .hero-cta-btn-solid {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 200px;
  max-width: 100%;
  padding: 11px 28px;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 2.5px;
  color: #ffffff !important;
  background: var(--accent) !important;
  border: 1.5px solid var(--accent) !important;
  border-radius: 2px !important;
  cursor: pointer;
  overflow: hidden;
  transition: background 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
  text-decoration: none;
  z-index: 0;
  white-space: nowrap;
  box-sizing: border-box;
}
.widget-c6a3b6 .hero-cta-btn-solid:hover {
  background: var(--accent-light) !important;
  border-color: var(--accent-light) !important;
  box-shadow: 0 4px 24px color-mix(in srgb, var(--accent) 55%, transparent) !important;
  color: #ffffff !important;
}
.widget-c6a3b6 .hero-play-wrap {
  position: absolute;
  bottom: 32px;
  right: clamp(16px, 6vw, 120px);
  z-index: 3;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
.widget-c6a3b6 .hero-play-wrap.play-label-center {
  align-items: center;
}
.widget-c6a3b6 .hero-play-wrap.play-label-left {
  align-items: flex-start;
}
.widget-c6a3b6 .hero-play-btn {
  position: relative;
  width: 80px;
  height: 80px;
  background: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  padding: 0;
  /* Ensure tap target is large enough on touch devices */
  touch-action: manipulation;
}
.widget-c6a3b6 .hero-play-pulse {
  position: absolute;
  width: 52px;
  height: 52px;
  top: 50%;
  left: 50%;
  margin-top: -26px;
  margin-left: -26px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--accent) 40%, transparent);
  animation: hvd-playPulse 2.2s ease-out infinite;
  pointer-events: none;
  transform-origin: center center;
  will-change: transform, opacity;
}
.widget-c6a3b6 .hero-play-pulse--2 {
  animation-delay: 1.1s;
}
.widget-c6a3b6 .hero-play-icon {
  position: relative;
  z-index: 2;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--accent) 90%, transparent);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.25s ease, transform 0.25s ease;
  will-change: transform;
}
.widget-c6a3b6 .hero-play-icon svg {
  width: 20px;
  height: 20px;
  color: #ffffff;
  margin-left: 3px;
  /* SVG should never trigger layout */
  flex-shrink: 0;
}
.widget-c6a3b6 .hero-play-btn:hover .hero-play-icon {
  background: var(--accent);
  transform: scale(1.08);
}
.widget-c6a3b6 .hero-play-label {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.65);
  white-space: nowrap;
}
.widget-c6a3b6 .hero-modal-overlay {
  position: fixed;
  inset: 0;
  background: rgba(10, 8, 25, 0.92);
  z-index: 9999;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 24px;
  backdrop-filter: blur(6px);
  box-sizing: border-box;
}
.widget-c6a3b6 .hero-modal-overlay.is-open {
  display: flex;
  animation: hvd-fadeIn 0.25s ease;
}
.widget-c6a3b6 .hero-modal-inner {
  position: relative;
  width: 100%;
  max-width: 960px;
}
.widget-c6a3b6 .hero-modal-close {
  position: absolute;
  top: -44px;
  right: 0;
  background: none;
  border: none;
  color: rgba(255, 255, 255, 0.75);
  font-size: 36px;
  line-height: 1;
  cursor: pointer;
  padding: 4px 8px;
  transition: color 0.2s;
  touch-action: manipulation;
}
.widget-c6a3b6 .hero-modal-close:hover {
  color: var(--accent);
}
.widget-c6a3b6 .hero-video-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  border-radius: 4px;
  background: #000;
}
.widget-c6a3b6 .hero-video-container iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: none;
}
@media (min-width: 1400px) {
  .widget-c6a3b6 .hero-wrapper {
    min-height: 540px;
  }
}
@media (min-width: 1920px) {
  .widget-c6a3b6 .hero-wrapper {
    min-height: 620px;
  }
  .widget-c6a3b6 .hero-content {
    max-width: 720px;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .widget-c6a3b6 .hero-wrapper {
    min-height: 480px;
  }
  .widget-c6a3b6 .hero-content-wrap {
    padding: 56px 48px;
  }
  .widget-c6a3b6 .hero-content {
    max-width: 540px;
  }
  .widget-c6a3b6 .hero-play-wrap {
    bottom: 28px;
    right: 40px;
  }
  .widget-c6a3b6 .hero-logo {
    max-height: 56px;
    max-width: min(180px, 100%);
  }
  .widget-c6a3b6 .hero-headline {
    font-size: clamp(32px, 5vw, 44px);
    margin-bottom: 14px;
    letter-spacing: 1.5px;
  }
  .widget-c6a3b6 .hero-tagline {
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 28px;
  }
  .widget-c6a3b6 .hero-eyebrow-label {
    font-size: 10px;
    letter-spacing: 2.5px;
    margin-bottom: 12px;
  }
  .widget-c6a3b6 .hero-eyebrow-pill {
    font-size: 10px;
    letter-spacing: 2px;
    padding: 6px 15px;
    margin-bottom: 14px;
  }
  .widget-c6a3b6 .hero-title-role {
    font-size: 12px;
    letter-spacing: 1.2px;
    margin-bottom: 16px;
  }
  .widget-c6a3b6 .hero-actions {
    gap: 12px;
  }
  .widget-c6a3b6 .hero-cta-btn,
  .widget-c6a3b6 .hero-cta-btn-solid {
    width: 180px;
    padding: 12px 24px;
    font-size: 10px;
    letter-spacing: 2px;
  }
  .widget-c6a3b6 .hero-play-btn {
    width: 72px;
    height: 72px;
  }
  .widget-c6a3b6 .hero-play-icon {
    width: 48px;
    height: 48px;
  }
  .widget-c6a3b6 .hero-play-pulse {
    width: 48px;
    height: 48px;
    margin-top: -24px;
    margin-left: -24px;
  }
  .widget-c6a3b6 .hero-play-icon svg {
    width: 18px;
    height: 18px;
  }
  .widget-c6a3b6 .hero-play-label {
    font-size: 9px;
    letter-spacing: 1.8px;
  }
}
@media (max-width: 767px) {
  .widget-c6a3b6 {
    /* Mobile alignment: center by default */
    /* Mobile alignment: left option */
  }
  .widget-c6a3b6 .hero-wrapper {
    min-height: 480px;
  }
  .widget-c6a3b6 .hero-content-wrap {
    padding: 64px 24px 120px 24px;
  }
  .widget-c6a3b6 .hero-content-wrap.mobile-align-center {
    justify-content: center !important;
  }
  .widget-c6a3b6 .hero-content-wrap.mobile-align-center .hero-content {
    text-align: center !important;
  }
  .widget-c6a3b6 .hero-content-wrap.mobile-align-center .hero-logo {
    margin-left: auto;
    margin-right: auto;
  }
  .widget-c6a3b6 .hero-content-wrap.mobile-align-center .hero-actions {
    justify-content: center !important;
    align-items: center;
  }
  .widget-c6a3b6 .hero-content-wrap.mobile-align-left {
    justify-content: flex-start !important;
  }
  .widget-c6a3b6 .hero-content-wrap.mobile-align-left .hero-content {
    text-align: left !important;
  }
  .widget-c6a3b6 .hero-content-wrap.mobile-align-left .hero-logo {
    margin-left: 0;
    margin-right: 0;
  }
  .widget-c6a3b6 .hero-content-wrap.mobile-align-left .hero-actions {
    justify-content: flex-start !important;
    align-items: flex-start;
  }
  .widget-c6a3b6 .hero-content {
    max-width: 100%;
    padding-right: 20px;
  }
  .widget-c6a3b6 .hero-logo {
    max-height: 52px;
    max-width: min(180px, 100%);
    margin-bottom: 18px;
  }
  .widget-c6a3b6 .hero-eyebrow-label {
    font-size: 10px;
    letter-spacing: 2.5px;
    margin-bottom: 12px;
  }
  .widget-c6a3b6 .hero-eyebrow-pill {
    font-size: 9px;
    letter-spacing: 2px;
    padding: 6px 14px;
    margin-bottom: 14px;
  }
  .widget-c6a3b6 .hero-headline {
    font-size: clamp(26px, 7vw, 38px);
    letter-spacing: 1.2px;
    line-height: 1.1;
    margin-bottom: 14px;
  }
  .widget-c6a3b6 .hero-title-role {
    font-size: 12px;
    letter-spacing: 1.2px;
    margin-bottom: 18px;
  }
  .widget-c6a3b6 .hero-tagline {
    font-size: 15px;
    line-height: 1.65;
    margin-bottom: 28px;
  }
  .widget-c6a3b6 .hero-actions {
    flex-direction: column;
    gap: 12px;
    width: 100%;
  }
  .widget-c6a3b6 .hero-cta-btn,
  .widget-c6a3b6 .hero-cta-btn-solid {
    width: 100%;
    max-width: 100%;
    padding: 14px 28px;
    font-size: 10px;
    letter-spacing: 2px;
  }
  .widget-c6a3b6 .align-left .hero-overlay,
  .widget-c6a3b6 .align-right .hero-overlay,
  .widget-c6a3b6 .align-center .hero-overlay {
    background: linear-gradient(to right, color-mix(in srgb, var(--overlay-dark) 92%, transparent) 0%, color-mix(in srgb, var(--overlay-dark) 70%, transparent) 55%, color-mix(in srgb, var(--overlay-dark) 35%, transparent) 100%), linear-gradient(to top, color-mix(in srgb, var(--overlay-dark) 65%, transparent) 0%, transparent 60%);
  }
  .widget-c6a3b6 .hero-play-wrap {
    bottom: 20px;
    left: 50%;
    right: auto;
    transform: translateX(-50%);
  }
  .widget-c6a3b6 .hero-play-btn {
    width: 68px;
    height: 68px;
  }
  .widget-c6a3b6 .hero-play-icon {
    width: 46px;
    height: 46px;
  }
  .widget-c6a3b6 .hero-play-pulse {
    width: 46px;
    height: 46px;
    margin-top: -23px;
    margin-left: -23px;
  }
  .widget-c6a3b6 .hero-play-icon svg {
    width: 18px;
    height: 18px;
  }
  .widget-c6a3b6 .hero-play-label {
    font-size: 9px;
    letter-spacing: 1.8px;
  }
  .widget-c6a3b6 .hero-modal-overlay {
    padding: 20px;
  }
  .widget-c6a3b6 .hero-modal-close {
    top: -40px;
    font-size: 32px;
  }
}
@media (max-width: 380px) {
  .widget-c6a3b6 .hero-wrapper {
    min-height: 440px;
  }
  .widget-c6a3b6 .hero-content-wrap {
    padding: 56px 20px 110px 20px;
  }
  .widget-c6a3b6 .hero-content {
    padding-right: 16px;
  }
  .widget-c6a3b6 .hero-headline {
    font-size: clamp(22px, 8vw, 32px);
    margin-bottom: 12px;
  }
  .widget-c6a3b6 .hero-logo {
    max-height: 44px;
    max-width: min(160px, 100%);
  }
  .widget-c6a3b6 .hero-tagline {
    font-size: 14px;
    margin-bottom: 24px;
  }
  .widget-c6a3b6 .hero-eyebrow-label,
  .widget-c6a3b6 .hero-eyebrow-pill {
    font-size: 9px;
    letter-spacing: 2px;
  }
  .widget-c6a3b6 .hero-title-role {
    font-size: 11px;
    letter-spacing: 1px;
  }
  .widget-c6a3b6 .hero-cta-btn,
  .widget-c6a3b6 .hero-cta-btn-solid {
    padding: 13px 24px;
    font-size: 9px;
    letter-spacing: 1.8px;
  }
  .widget-c6a3b6 .hero-play-wrap {
    bottom: 16px;
    left: 50%;
    right: auto;
    transform: translateX(-50%);
  }
  .widget-c6a3b6 .hero-play-btn {
    width: 60px;
    height: 60px;
  }
  .widget-c6a3b6 .hero-play-icon {
    width: 42px;
    height: 42px;
  }
  .widget-c6a3b6 .hero-play-pulse {
    width: 42px;
    height: 42px;
    margin-top: -21px;
    margin-left: -21px;
  }
  .widget-c6a3b6 .hero-play-icon svg {
    width: 16px;
    height: 16px;
  }
}

@charset "UTF-8";
/* ============================================================
   Testimonial Slider Widget
   (c) hvdstudios — www.hvdstudios.com
   ============================================================ */
.widget-fb4809 {
  --accent: #6366f1;
  --accent-light: #e0e7ff;
  --card-bg: #ffffff;
  --card-border: #e5e7eb;
  --card-radius: 16px;
  --card-shadow: 0 4px 24px rgba(0,0,0,0.08);
  --text-primary: #111827;
  --text-secondary: #6b7280;
  --star-color: #f59e0b;
  --dot-inactive: #d1d5db;
  --nav-bg: #f3f4f6;
  --nav-hover: #e0e7ff;
  font-family: inherit;
  box-sizing: border-box;
  /* Header */
  /* Slider Wrapper */
  /* Card — width is set by JS to guarantee pixel-perfect sizing */
  /* Avatar Area — fixed height so card size stays constant */
  /* Stars */
  /* Quote */
  /* Author */
  /* Navigation */
  /* Dots */
  /* CTA */
  /* ===== Tablet ===== */
  /* ===== Mobile ===== */
}
.widget-fb4809 .testimonial-widget {
  width: 100%;
  padding: 40px 24px;
}
.widget-fb4809 .testimonial-header {
  text-align: center;
  margin-bottom: 36px;
}
.widget-fb4809 .testimonial-title {
  font-size: 2rem;
  font-weight: 700;
  color: var(--text-primary);
  margin: 0 0 10px;
  letter-spacing: -0.02em;
}
.widget-fb4809 .testimonial-subtitle {
  font-size: 1.05rem;
  color: var(--text-secondary);
  margin: 0;
}
.widget-fb4809 .testimonial-slider-outer {
  overflow: hidden;
  width: 100%;
  position: relative;
  margin: 0 -20px;
  padding: 0 20px;
  box-sizing: content-box;
}
.widget-fb4809 .testimonial-slider-wrapper {
  overflow: visible;
  width: 100%;
  position: relative;
  padding: 12px 0 16px;
}
.widget-fb4809 .testimonial-track {
  display: flex;
  gap: 20px;
  transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1);
  align-items: stretch;
}
.widget-fb4809 .testimonial-card {
  flex-shrink: 0;
  box-sizing: border-box;
  display: flex;
}
.widget-fb4809 .testimonial-card-inner {
  background: var(--card-bg);
  border: 1px solid var(--card-border);
  border-radius: var(--card-radius);
  box-shadow: var(--card-shadow);
  padding: 28px 24px 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  box-sizing: border-box;
  height: 100%;
}
.widget-fb4809 .testimonial-card-inner:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.13);
}
.widget-fb4809 .avatar-area {
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 14px;
  flex-shrink: 0;
}
.widget-fb4809 .avatar-wrapper {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  overflow: hidden;
  border: 3px solid var(--accent-light);
  box-shadow: 0 0 0 2px var(--accent);
  flex-shrink: 0;
}
.widget-fb4809 .avatar-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.widget-fb4809 .avatar-fallback {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: var(--accent);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0;
}
.widget-fb4809 .avatar-placeholder {
  width: 64px;
  height: 64px;
  /* invisible spacer — keeps layout identical */
  visibility: hidden;
}
.widget-fb4809 .star-row {
  font-size: 1.1rem;
  color: var(--star-color);
  margin-bottom: 12px;
  letter-spacing: 2px;
  flex-shrink: 0;
}
.widget-fb4809 .testimonial-quote {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.widget-fb4809 .quote-mark {
  font-size: 3rem;
  line-height: 1;
  color: var(--accent);
  font-family: Georgia, serif;
  margin-bottom: -8px;
  display: block;
  flex-shrink: 0;
}
.widget-fb4809 .quote-text {
  font-size: 0.9rem;
  color: var(--text-secondary);
  line-height: 1.65;
  margin: 0;
}
.widget-fb4809 .testimonial-author {
  margin-top: 14px;
  flex-shrink: 0;
}
.widget-fb4809 .author-name {
  display: block;
  font-size: 0.93rem;
  font-weight: 700;
  color: var(--text-primary);
}
.widget-fb4809 .author-role {
  display: block;
  font-size: 0.8rem;
  color: var(--text-secondary);
  margin-top: 2px;
}
.widget-fb4809 .testimonial-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  margin-top: 28px;
}
.widget-fb4809 .nav-btn {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: none;
  background: var(--nav-bg);
  color: var(--text-primary);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s ease, transform 0.15s ease;
  flex-shrink: 0;
}
.widget-fb4809 .nav-btn svg {
  width: 18px;
  height: 18px;
}
.widget-fb4809 .nav-btn:hover {
  background: var(--nav-hover);
  transform: scale(1.08);
}
.widget-fb4809 .nav-btn:disabled {
  opacity: 0.35;
  cursor: not-allowed;
  transform: none;
}
.widget-fb4809 .dot-container {
  display: flex;
  align-items: center;
  gap: 8px;
}
.widget-fb4809 .dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--dot-inactive);
  transition: background 0.25s ease, transform 0.25s ease;
  cursor: pointer;
  border: none;
  padding: 0;
  flex-shrink: 0;
}
.widget-fb4809 .dot.active {
  background: var(--accent);
  transform: scale(1.35);
}
.widget-fb4809 .testimonial-cta {
  display: flex;
  justify-content: center;
  margin-top: 32px;
}
.widget-fb4809 .cta-button {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 13px 28px 13px 32px;
  background: var(--accent);
  color: #fff;
  border: none;
  border-radius: 50px;
  font-size: 0.95rem;
  font-weight: 600;
  cursor: pointer;
  text-decoration: none;
  letter-spacing: 0.01em;
  box-shadow: 0 4px 14px rgba(99, 102, 241, 0.35);
  position: relative;
  overflow: hidden;
  transition: box-shadow 0.3s ease, transform 0.25s ease;
}
.widget-fb4809 .cta-button::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(120deg, transparent 0%, rgba(255, 255, 255, 0.18) 50%, transparent 100%);
  transform: translateX(-100%);
  transition: transform 0.45s ease;
  pointer-events: none;
  border-radius: inherit;
}
.widget-fb4809 .cta-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 28px rgba(99, 102, 241, 0.48);
}
.widget-fb4809 .cta-button:hover::before {
  transform: translateX(100%);
}
.widget-fb4809 .cta-label {
  position: relative;
  z-index: 1;
}
.widget-fb4809 .cta-arrow {
  display: inline-flex;
  align-items: center;
  position: relative;
  z-index: 1;
  transition: transform 0.25s ease;
}
.widget-fb4809 .cta-arrow svg {
  width: 18px;
  height: 18px;
  display: block;
}
.widget-fb4809 .cta-button:hover .cta-arrow {
  transform: translateX(5px);
}
@media (max-width: 1024px) {
  .widget-fb4809 .testimonial-widget {
    padding: 32px 20px;
  }
}
@media (max-width: 767px) {
  .widget-fb4809 .testimonial-title {
    font-size: 1.5rem;
  }
  .widget-fb4809 .testimonial-subtitle {
    font-size: 0.95rem;
  }
  .widget-fb4809 .testimonial-widget {
    padding: 28px 16px;
  }
  .widget-fb4809 .testimonial-track {
    gap: 12px;
  }
  .widget-fb4809 .testimonial-nav {
    margin-top: 20px;
  }
}