.elementor-1656 .elementor-element.elementor-element-9a85d85{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:9;}.elementor-1656 .elementor-element.elementor-element-792cd58{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1656 .elementor-element.elementor-element-34f5a33{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1656 .elementor-element.elementor-element-1244610 .home2-header .company-logo img{width:200px;}.elementor-1656 .elementor-element.elementor-element-f42a606{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for html, class: .elementor-element-4a9b767 *//* ============================================================
     STICKY THUMBNAIL (small floating video card)
     ============================================================ */
  .sticky-video-widget {
    position: fixed;
    bottom: 24px;
    right: 24px;
    width: 130px;          /* thumbnail width - adjust as needed */
    aspect-ratio: 9 / 16;  /* keeps it portrait like a reel */
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
    z-index: 9999;
    cursor: pointer;
    background: #000;
    transition: transform 0.3s ease, opacity 0.3s ease;
  }

  .sticky-video-widget:hover {
    transform: scale(1.04); /* slight pop on hover */
  }

  /* Hide the widget completely once user closes it */
  .sticky-video-widget.hidden {
    opacity: 0;
    pointer-events: none;
    transform: scale(0.8);
  }

  .sticky-video-widget video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }

  /* Small close (X) button on the sticky thumbnail */
  .sticky-close-btn {
    position: absolute;
    top: 6px;
    right: 6px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.55);
    color: #fff;
    border: none;
    font-size: 14px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 2;
  }

  /* Small "play" hint icon overlay (optional visual cue) */
  .sticky-play-icon {
    position: absolute;
    bottom: 8px;
    left: 8px;
    width: 26px;
    height: 26px;
    background: rgba(255, 255, 255, 0.85);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
  }
  .sticky-play-icon::after {
    content: "";
    border-style: solid;
    border-width: 6px 0 6px 10px;
    border-color: transparent transparent transparent #111;
    margin-left: 2px;
  }

  /* ============================================================
     FULLSCREEN / EXPANDED POPUP (shown on click)
     ============================================================ */
  .video-popup-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.8);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10000;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.35s ease;
  }

  .video-popup-overlay.active {
    opacity: 1;
    visibility: visible;
  }

  .video-popup-box {
    position: relative;
    width: 80%;
    max-width: 320px;      /* smaller, more premium reel-sized box */
    aspect-ratio: 9 / 16;
    border-radius: 24px;   /* softer, more premium rounded corners */
    overflow: hidden;
    background: #000;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5); /* premium floating shadow */
    border: 1px solid rgba(255, 255, 255, 0.08); /* subtle premium edge */
    transform: scale(0.85);
    opacity: 0;
    transition: transform 0.35s ease, opacity 0.35s ease;
  }

  .video-popup-overlay.active .video-popup-box {
    transform: scale(1);
    opacity: 1;
  }

  .video-popup-box video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }

  /* Close button for the big popup video */
  .popup-close-btn {
    position: absolute;
    top: -40px;
    right: 0;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.9);
    border: none;
    font-size: 18px;
    cursor: pointer;
    z-index: 2;
  }

  /* ============================================================
     RESPONSIVENESS
     ============================================================ */
  @media (max-width: 768px) {
    .sticky-video-widget {
      width: 100px;
      bottom: 16px;
      right: 16px;
    }
  }

  @media (max-width: 480px) {
    .sticky-video-widget {
      width: 90px;
      bottom: 12px;
      right: 12px;
    }
    .video-popup-box {
      width: 78%;
      max-width: 260px;
    }
    .popup-close-btn {
      top: -36px;
      width: 30px;
      height: 30px;
    }
  }/* End custom CSS */