:root {
  --wb-bg-color: #000000;
}

html.scroll-locked {
  overscroll-behavior: none !important;
}

body.scroll-locked {
  touch-action: none !important;
}

.WbfirstContainer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: var(--wb-bg-color);
  position: relative;
  z-index: 2;
  min-height: clamp(300px, 40vh, 600px);
}

.WbfirstContainer h1 {
  font-size: clamp(2rem, 9vw, 100px);
  max-width: 100%;
  overflow-wrap: break-word;
}

.first-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  padding: 40px 60px;
  max-width: 80vw;
}

.section-label {
  font-family: 'Inter', sans-serif;
  font-size: 1rem;
  font-weight: 400;
  color: #8a9bb5;
  letter-spacing: 1px;
  text-transform: none;
}

.logo-area {
  margin-top: 10px;
}

.logo-badge {
  display: flex;
  align-items: center;
  gap: 14px;
  border: none;
  border-radius: 12px;
  padding: 14px 22px;
}

.logo-icon {
  font-family: 'Playfair Display', serif;
  font-weight: 900;
  font-size: 1.8rem;
  color: #4a9eff;
  padding: 6px 12px;
  border-radius: 8px;
}

.logo-text strong {
  display: block;
  font-family: 'Inter', sans-serif;
  font-size: 0.85rem;
  font-weight: 600;
  color: #fff;
  letter-spacing: 1.5px;
}

.logo-text small {
  font-size: 0.6rem;
  color: #6b7d99;
  letter-spacing: 0.5px;
  line-height: 1.4;
}

.intro-info h1 {
  font-family: 'Playfair Display', serif;
  font-size: 2rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 6px;
}

.intro-info p {
  font-family: 'Inter', sans-serif;
  font-size: 1rem;
  color: #8a9bb5;
  font-weight: 300;
}

.Wbcontainer {
  position: relative;
  width: 100vw;
  min-width: 100vw;
  height: 100vh;
  height: 100svh;
  overflow: hidden;
  background-color: var(--wb-bg-color);
  z-index: 1;
}

.wb-layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: nowrap;
  will-change: transform;
  gap: clamp(50px, 10vw,500px)
}

.wb-layer-front {
  z-index: 2;
  width: 100%;
}

.wb-layer-back {
  z-index: 1;
  pointer-events: none;
}

/* Particle canvas host for WB background. Placed at left:100vw so it
   sits behind the horizontal Wb panels but not under the intro hero.
   Matches the example placement used in the demo. */
.wb-layer-back .particle-canvas-shared {
  position: absolute;
  top: 0;
  left: 100vw;
  z-index: 0;
  pointer-events: none;
}

.wb-layer-back .particle-canvas-shared canvas {
  display: block;
}

.Wbpanel1 {
  min-height: 100svh;
  display: flex;
  flex-direction: column;
  justify-content: stretch;
  align-items: stretch;
  transform-origin: center center;
  will-change: transform;
}

.Wbpanel.wbMainvideo,
.Wbpanel.mc-grid-panel {
  transform-origin: center center;
  will-change: transform;
}

.wb-skip-button {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 1000;
  padding: 10px 14px;
  border: none;
  border-radius: 999px;
  background: rgba(8, 12, 20, 0.72);
  color: #fff;
  font-family: 'Inter', sans-serif;
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  cursor: pointer;
  backdrop-filter: blur(12px);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.35);
}

.wb-skip-button:hover {
  background: rgba(15, 22, 34, 0.88);
}

.wb-skip-button.is-hidden {
  opacity: 0;
  pointer-events: none;
}

.Wbpanel {
  position: relative;
  width: 100vw;
  min-width: 70vw;
  flex: 0 0 100vw;

  display: flex;
  flex-direction: column;
  justify-content: stretch;
  align-items: stretch;
  box-sizing: border-box;

}

.Wbpanel.Wbpanel1 {
  width: 100%;
  min-width: 100%;
  flex-basis: 100%;
  height: auto;
  min-height: 0;
  justify-content: center;
  align-items: center;
  padding: 30px 40px;
}

.Wbpanel.Wbpanel1 .panel-video {
  width: 100%;
  height: auto;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  background: transparent;
  box-shadow: none;
}

.Wbpanel.Wbpanel1 .panel-video video {
  width: 100%;
  height: auto;
  object-fit: contain;
  display: block;
}

/* WB panel1: lock geometry so media decode/start cannot collapse box size. */
.Wbpanel.Wbpanel1 .panel-video.wbpanel1-video-host {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  display: block;
}

.Wbpanel.Wbpanel1 .panel-video.wbpanel1-video-host #wbpanel1-video,
.Wbpanel.Wbpanel1 .panel-video.wbpanel1-video-host video {
  width: 100%;
  height: 100%;
  min-width: 100%;
  min-height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
}

.Wbpanel.Wbpanel1,
.Wbpanel.Wbpanel1 * {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

.wb-layer-front .introTextContainer {
  width: min(72ch, calc(100% - 80px));
  min-width: 0;
  flex-basis: min(72ch, calc(100% - 80px));
  justify-content: center;
  align-items: center;
  text-align: center;
}

.Wbpanel2 {
  justify-content: center;
  align-items: center;
  text-align: center;
}

.wb-layer-back .wbpanelIntro {
  width: 50vw;
  min-width: 50vw;
  flex-basis: 50vw;
  height: 100%;
  padding: 0;
  overflow: hidden;
  border-radius: 14px;
  margin: 0;
  position: relative;
  z-index: 1;
  opacity: 1;
}

.bf-scroll-bundle .panel-text {
  height: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 20px 10px;
}

.bf-scroll-bundle .fancy-heading {
  font-size: clamp(1.8rem, 4.8vw, 2.8rem);
  font-weight: 900;
  color: #fff;
  line-height: 1.1;
  margin-bottom: 0px;
  max-width: 100%;
  overflow-wrap: break-word;
}

.bf-scroll-bundle .panel-description {
  font-family: 'Inter', sans-serif;
  font-size: 1.05rem;
  font-weight: 300;
  color: #8a9bb5;
  line-height: 1.6;
}

.bf-scroll-bundle .panel-video {
  height: 50%;
  position: relative;
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 8px 40px rgba(0, 0, 0, 0.5);
}

.bf-scroll-bundle .panel-video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 24px;
}

/* wbMainvideo panels: single-cell layout with text overlay on top of video */
.Wbpanel.wbMainvideo {
  display: block;

  align-self: center;
  overflow: visible;
  transform-origin: center center;
  will-change: transform;
}

.Wbpanel.wbMainvideo .panel-video {
  width: 100%;
  height: 100%;
  border-radius: 24px !important;
  overflow: hidden !important;
  clip-path: inset(0 round 24px);
  -webkit-clip-path: inset(0 round 24px);
  display: flex;
  align-items: center;
  justify-content: center;
}

.Wbpanel.wbMainvideo .panel-video video {
  object-fit: contain;
}

/* Keep all BF2026 wbMainvideo tier videos on the exact same clip/frame rules
   as the Interviews_Commercial reference tile. */
.Wbpanel.wbMainvideo .panel-video.playbtn-host {
  border-radius: 24px !important;
  overflow: hidden !important;
  clip-path: inset(0 round 24px) !important;
  -webkit-clip-path: inset(0 round 24px) !important;
}

.Wbpanel.wbMainvideo .panel-video.playbtn-host > .tier-video[data-src^="assets/projects/businessforum-2026/generated/videos/mp4-fallbacks/"] {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 24px;
}

.Wbpanel.wbMainvideo .panel-text {
  position: absolute;
  left: clamp(14px, 2vw, 24px);
  bottom: clamp(0px, 2vw, 0px);
  z-index: 3;
  height: auto;
  max-width: min(68ch, calc(100% - 28px));
  padding: 0;
  justify-content: flex-end;
  text-shadow: 0 2px 18px rgba(0, 0, 0, 0.65);
  pointer-events: none;
}

.Wbpanel.wbMainvideo .panel-text .panel-description {
  color: #d4e0ec;
}

.video-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 14px 22px;
  font-family: 'Inter', sans-serif;
  font-size: 0.85rem;
  font-weight: 300;
  color: #c0cfdf;
  font-style: italic;
  background: linear-gradient(to top, rgba(6, 12, 24, 0.85) 0%, transparent 100%);
}

.mc-grid-panel {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: repeat(2, minmax(0, 1fr));
  gap: 40px;
  align-items: stretch;
  justify-items: stretch;
  flex-direction: unset;
  flex-wrap: unset;
  width: 70vw;
  min-width: 70vw;
  flex-basis: 70vw;
  flex: 0 0 70vw;
  height: 80%;
}

.mc-grid-panel .mc-grid-item {
  width: 100%;
  height: 100%;
}

.mc-grid-panel .mc-grid-item.panel-video {
  height: 100%;
  position: relative;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 8px 40px rgba(0, 0, 0, 0.5);
}

.mc-grid-panel .mc-grid-item video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.WblastContainer {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100svh;
  color: #8a9bb5;
  font-family: 'Inter', sans-serif;
  font-size: 1.2rem;
  font-weight: 300;
}

.geo-panel-section {
  width: 100%;
  margin-left: 0;
  padding: 0 0 40px;
  background: #000;
}

.geo-panel-video {
  display: block;
  width: 100%;
  height: auto;
  max-height: 80vh;
  object-fit: cover;
}

.fsbf-section-2026 .fsbf-layout {
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  gap: 0.5rem;
  width: 100%;
  padding: 0.5rem 0;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x proximity;
}

.fsbf-section-2026 .fsbf-reels {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.5rem;
  align-items: flex-end;
  min-width: max-content;
}

.fsbf-section-2026 .fsbf-reel-card {
  flex: 0 0 160px;
  scroll-snap-align: start;
}

/* Dynamic controls: horizontal layout tweaks when the video is wider */
.dynamic-video-controls-wrap.horizontal {
  display: block;
}
.dynamic-video-controls-wrap.horizontal video {
  width: 100%;
  height: auto;
  object-fit: contain;
}
.dynamic-video-controls-wrap.horizontal .controls-bar {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  padding: 8px 12px;
  position: absolute;
  /* Center the controls bar over the video and prevent it
     from stretching beyond the video's visible width. This
     avoids the bar being pushed out of frame for wide layout
     containers while affecting only horizontal videos. */
  left: 50%;
  transform: translateX(-50%);
  bottom: 12px;
  max-width: calc(100% - 24px);
  box-sizing: border-box;
}

.fsbf-section-2026 .fsbf-reel-video,
.fsbf-section-2026 .fsbf-feature-video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0;
}

/* aspect-ratio lives on the card now; video fills absolutely via base rule */

.fsbf-section-2026 .fsbf-feature {
  flex: 0 0 min(58vw, 760px);
  scroll-snap-align: start;
}

.fsbf-section-2026 .fsbf-feature-video {
  aspect-ratio: 16 / 9;
}

.fsbf-section-2026 .fsbf-reel-label {
  color: #fff;
  font-size: 0.9rem;
  line-height: 1.2;
}

.Wbpanel.Wbpanel1 .panel-video.is-wb-native-fullscreen-host:fullscreen,
.Wbpanel.Wbpanel1 .panel-video.is-wb-native-fullscreen-host:-webkit-full-screen {
  background: #000 !important;
  width: 100%;
  height: 100dvh;
  padding: 0;
  margin: 0;
  border-radius: 0;
  box-shadow: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

.Wbpanel.Wbpanel1 .panel-video.is-wb-native-fullscreen-host:fullscreen video,
.Wbpanel.Wbpanel1 .panel-video.is-wb-native-fullscreen-host:-webkit-full-screen video {
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: #000;
}

#hero-debug-overlay {
  display: none !important;
}

/* Generic fullscreen presentation for dynamic video hosts */
.dynamic-video-controls-wrap.is-native-fullscreen-host:fullscreen,
.dynamic-video-controls-wrap.is-native-fullscreen-host:-webkit-full-screen,
.Wbpanel.Wbpanel1 .panel-video.is-native-fullscreen-host:fullscreen,
.Wbpanel.Wbpanel1 .panel-video.is-native-fullscreen-host:-webkit-full-screen {
  background: #000 !important;
  width: 100%;
  height: 100dvh;
  padding: 0;
  margin: 0;
  border-radius: 0;
  box-shadow: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

.dynamic-video-controls-wrap.is-native-fullscreen-host:fullscreen video,
.dynamic-video-controls-wrap.is-native-fullscreen-host:-webkit-full-screen video,
.Wbpanel.Wbpanel1 .panel-video.is-native-fullscreen-host:fullscreen video,
.Wbpanel.Wbpanel1 .panel-video.is-native-fullscreen-host:-webkit-full-screen video,
video:fullscreen,
video:-webkit-full-screen {
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: #000;
}

/* Hide custom overlays while in native/fullscreen presentation */
.dynamic-video-controls-wrap.is-native-fullscreen-host:fullscreen .controls-bar,
.dynamic-video-controls-wrap.is-native-fullscreen-host:-webkit-full-screen .controls-bar,
.dynamic-video-controls-wrap.is-native-fullscreen-host:fullscreen .overlay-play,
.dynamic-video-controls-wrap.is-native-fullscreen-host:-webkit-full-screen .overlay-play,
.Wbpanel.Wbpanel1 .panel-video.is-native-fullscreen-host:fullscreen .controls-bar,
.Wbpanel.Wbpanel1 .panel-video.is-native-fullscreen-host:-webkit-full-screen .controls-bar,
.Wbpanel.Wbpanel1 .panel-video.is-native-fullscreen-host:fullscreen .overlay-play,
.Wbpanel.Wbpanel1 .panel-video.is-native-fullscreen-host:-webkit-full-screen .overlay-play {
  display: none !important;
  pointer-events: none !important;
}

/* Fallback styling when JS sets a global flag (useful when automation or
   vendor prefixes prevent :fullscreen from applying during testing). */
.video-fullscreen-active .dynamic-video-controls-wrap.is-native-fullscreen-host,
.video-fullscreen-active .Wbpanel.Wbpanel1 .panel-video.is-native-fullscreen-host {
  background: #000 !important;
  width: 100%;
  height: 100dvh;
  padding: 0;
  margin: 0;
  border-radius: 0;
  box-shadow: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

.video-fullscreen-active .dynamic-video-controls-wrap.is-native-fullscreen-host video,
.video-fullscreen-active .Wbpanel.Wbpanel1 .panel-video.is-native-fullscreen-host video {
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: #000;
}

.video-fullscreen-active .dynamic-video-controls-wrap.is-native-fullscreen-host .controls-bar,
.video-fullscreen-active .dynamic-video-controls-wrap.is-native-fullscreen-host .overlay-play,
.video-fullscreen-active .Wbpanel.Wbpanel1 .panel-video.is-native-fullscreen-host .controls-bar,
.video-fullscreen-active .Wbpanel.Wbpanel1 .panel-video.is-native-fullscreen-host .overlay-play {
  display: none !important;
  pointer-events: none !important;
}

@media (max-width: 1080px) {


  .Wbpanel {
    width: 82vw;
    min-width: 82vw;
    flex-basis: 82vw;
    padding: 24px 20px;
  }

  .wb-layer-front .introTextContainer {
    width: min(72ch, calc(100% - 40px));
    min-width: 0;
    flex-basis: min(72ch, calc(100% - 40px));
  }

  .fsbf-section-2026 .fsbf-layout {
    padding: 0.5rem 0;
  }

  .fsbf-section-2026 .fsbf-feature {
    flex-basis: min(76vw, 760px);
  }
}

@media (max-width: 740px) {

  .bf-scroll-bundle.is-wb-vertical-stack .Wbpanel.wbMainvideo {
 
  margin-bottom: 0px!important;
}

  .WbfirstContainer h1 {
    font-size: 42px;
  }

  .first-content {
    max-width:100vw!important;
    
    padding: 10px 20px;
    padding-top: 20px;
  }

  .Wbcontainer {
    height: 100dvh;
  }

  .Wbpanel {
    width: 90vw;
    min-width: 90vw;
    flex-basis: 90vw;
    padding: 10px 8px;
  }

  .bf-scroll-bundle .fancy-heading {
    margin: 0;
  }

  
  .panel-text h2 {
    margin:0;
  }

  .fsbf-description{
    text-align: center;
  }


  .bf-scroll-bundle .panel-description {
    font-size: 0.58rem;
  }

  .Wbpanel.wbMainvideo .panel-text {
position: absolute;
  left: clamp(14px, 2vw, 24px);
  bottom: clamp(14px, 2vw, 24px);
  z-index: 3;
  height: auto;
  max-width: min(68ch, calc(100% - 28px));
  padding: 0;
  justify-content: flex-end;
  text-shadow: 0 2px 18px rgba(0, 0, 0, 0.65);
  pointer-events: none;
  }

  .mc-grid-panel {
    gap: 16px;
    width: 90vw;
    min-width: 90vw;
    flex-basis: 90vw;
  }

  .fsbf-section-2026 .fsbf-layout {
    padding: 0.5rem 0;
  }

  .fsbf-section-2026 .fsbf-reel-card {
    flex-basis: 42vw;
  }

  .fsbf-section-2026 .fsbf-feature {
    flex-basis: 82vw;
  }

  .hideOnMobil{
    display:none!important;
  }

}

/* Vertical fallback for touch/mobile/low-tier runtime.
   Applied via .bf-scroll-bundle.is-wb-vertical-stack from wbpanel1-intro.js. */



.bf-scroll-bundle.is-wb-vertical-stack .Wbcontainer {
  height: auto;
  min-height: auto;
  overflow: visible;
}

.bf-scroll-bundle.is-wb-vertical-stack .wb-layer {
  position: relative;
  inset: auto;
  display: block;
  height: auto;
  gap: 0;
  transform: none !important;
  will-change: auto;
}

.bf-scroll-bundle.is-wb-vertical-stack .wb-layer-back {
  display: none;
}

.bf-scroll-bundle.is-wb-vertical-stack .wb-layer-front {
  position: relative;
  z-index: 2;
}

.bf-scroll-bundle.is-wb-vertical-stack .Wbpanel {
  width: 100%;
  min-width: 0;
  flex: none;
  min-height: 0;
}

.bf-scroll-bundle.is-wb-vertical-stack .Wbpanel.Wbpanel1 {
  display: none !important;
}

.bf-scroll-bundle.is-wb-vertical-stack .wb-layer-front .introTextContainer {
  width: 100%;
  max-width: 72ch;
  margin: 0 auto;
  flex-basis: auto;
}

/* On touch / vertical-stack runtime the horizontal scroll bundle is disabled.
   The wbMainvideo panels stack vertically — give them a defined height so the
   videos (lazy-loaded by IntersectionObserver in pageMediaInit.js) have room. */
.bf-scroll-bundle.is-wb-vertical-stack .Wbpanel.wbMainvideo {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: auto;
  padding: 0;
  --wb-caption-inset: clamp(12px, 2vw, 24px);
}

.bf-scroll-bundle.is-wb-vertical-stack .Wbpanel.wbMainvideo .panel-video {
  position: relative;
  aspect-ratio: auto;
  width: 100%;
  height: auto;
  overflow: hidden;

}

.bf-scroll-bundle.is-wb-vertical-stack .Wbpanel.wbMainvideo .panel-video video {
  object-fit: cover;
}

.bf-scroll-bundle.is-wb-vertical-stack .Wbpanel.wbMainvideo .panel-text {
  left: var(--wb-caption-inset);
  right: auto;
  bottom: var(--wb-caption-inset);
  top: auto;
  z-index: 3;
  max-width: calc(100% - (var(--wb-caption-inset) * 2));
  padding: 0;
  box-sizing: border-box;
}

/* Touch-capable fallback: mirrors JS vertical-stack gating without pixel bounds. */
@media (pointer: coarse), (any-pointer: coarse) {
  .Wbpanel.Wbpanel1 {
    display: none !important;
  }

  .Wbpanel.Wbpanel1 .panel-video.wbpanel1-video-host {
    display: none !important;
  }

/* Poster overlay for wbpanel1 video: shown when video is not playing */
.panel-video.wbpanel1-video-host {
  /* Let the `video` element present its `poster` attribute. */
  position: relative;
  background: transparent;
}

.panel-video.wbpanel1-video-host video {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

/* Keep wbpanel1 media geometry stable at all times to avoid layout shift
   during source attach / first frame decode. */
.Wbpanel.Wbpanel1 {
  position: relative;
}

.Wbpanel.Wbpanel1 .panel-video.wbpanel1-video-host {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 1px;
  overflow: hidden;
}

.Wbpanel.Wbpanel1 .panel-video.wbpanel1-video-host video {
  width: 100%;
  height: 100%;
  min-width: 100%;
  min-height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
}


  .bf-scroll-bundle.is-wb-vertical-stack .Wbpanel.wbMainvideo {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: auto;
    padding: 0;
    --wb-caption-inset: clamp(12px, 1.8vw, 28px);
    --wb-caption-width: clamp(180px, 70vw, 720px);
  }

  .bf-scroll-bundle.is-wb-vertical-stack .Wbpanel.wbMainvideo .panel-video {
    position: relative;
     aspect-ratio: auto;
    width: 100%;
    height: auto;
    overflow: hidden;
  }

  .bf-scroll-bundle.is-wb-vertical-stack .Wbpanel.wbMainvideo .panel-video video {
    object-fit: cover;
  }

  .bf-scroll-bundle.is-wb-vertical-stack .Wbpanel.wbMainvideo .panel-text {
    position: absolute;
    left: var(--wb-caption-inset);
    right: auto;
    bottom: var(--wb-caption-inset);
    top: auto;
    z-index: 3;
    width: min(var(--wb-caption-width), calc(100% - (var(--wb-caption-inset) * 2)));
    max-width: calc(100% - (var(--wb-caption-inset) * 2));
    padding: 0;
    box-sizing: border-box;
    text-align: left;
    pointer-events: none;
  }

  .bf-scroll-bundle.is-wb-vertical-stack .Wbpanel.wbMainvideo .panel-text .fancy-heading {
    font-size: clamp(1.05rem, 3.2vw, 2.2rem);
  
   margin-bottom: 0px;
  }

  .bf-scroll-bundle.is-wb-vertical-stack .Wbpanel.wbMainvideo .panel-text .panel-description {
    font-size: clamp(0.72rem, 1.3vw, 1.05rem);
    max-width: 100%;
     margin-bottom: 0;
  }

  .bf-scroll-bundle.is-wb-vertical-stack .wbMainvideo {
    border-width: 10px 20px;
    border-style: solid;
    border-color: transparent;
    box-sizing: border-box;
  }

  @media (max-width: 740px) {
    .bf-scroll-bundle.is-wb-vertical-stack .wbMainvideo {
      border-width: 7px 10px;
    }
  }

  


}