.elementor-77 .elementor-element.elementor-element-29c3543{--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:-9px;--margin-left:0px;--margin-right:0px;}.elementor-77 .elementor-element.elementor-element-1286f1e > .elementor-widget-container{margin:-8px 0px 0px 0px;}.elementor-77 .elementor-element.elementor-element-9dfc903{--display:flex;--padding-top:70px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-77 .elementor-element.elementor-element-86b6ec4 > .elementor-widget-container{padding:25px 0px 40px 0px;}.elementor-77 .elementor-element.elementor-element-86b6ec4{text-align:center;}.elementor-77 .elementor-element.elementor-element-86b6ec4 .elementor-heading-title{font-family:"Rammetto One", Sans-serif;font-size:45px;font-weight:600;text-transform:capitalize;color:#FFFFFF;}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products{--products-title-color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.products-heading-show .related-products > h2, .elementor-widget-woocommerce-products.products-heading-show .upsells > h2, .elementor-widget-woocommerce-products.products-heading-show .cross-sells > h2{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del {font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-77 .elementor-element.elementor-element-504f558.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-77 .elementor-element.elementor-element-504f558.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:#FFFFFF;}.elementor-77 .elementor-element.elementor-element-504f558.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:#FFFFFF;}.elementor-77 .elementor-element.elementor-element-504f558.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-77 .elementor-element.elementor-element-504f558.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:"Roboto", Sans-serif;font-weight:800;}.elementor-77 .elementor-element.elementor-element-504f558.elementor-wc-products ul.products li.product .button:hover{color:#000000;}.elementor-77 .elementor-element.elementor-element-504f558.elementor-wc-products ul.products li.product .button{border-style:none;}.elementor-77 .elementor-element.elementor-element-504f558.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-77 .elementor-element.elementor-element-cd4bea1{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:stretch;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-77 .elementor-element.elementor-element-708fe46{--e-image-carousel-slides-to-show:1;}.elementor-77 .elementor-element.elementor-element-708fe46 > .elementor-widget-container{margin:-10px -20px -38px -20px;}@media(max-width:1024px){.elementor-77 .elementor-element.elementor-element-504f558.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-77 .elementor-element.elementor-element-29c3543{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-77 .elementor-element.elementor-element-1286f1e > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-77 .elementor-element.elementor-element-9dfc903{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-77 .elementor-element.elementor-element-86b6ec4 .elementor-heading-title{font-size:24px;}.elementor-77 .elementor-element.elementor-element-504f558.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(min-width:768px){.elementor-77 .elementor-element.elementor-element-9dfc903{--content-width:1440px;}}/* Start custom CSS for html, class: .elementor-element-1286f1e */<style>
  @media only screen and (max-width: 767px) {
    .video-wrapper {
      aspect-ratio: 16 / 9 !important;
      height: auto !important;
    }

    .video-wrapper video {
      object-fit: contain !important;
    }
  }
</style>

<div class="video-wrapper" style="position: relative; width: 100%; max-width: 100%; aspect-ratio: 16 / 9; overflow: hidden;">
  <video autoplay muted loop playsinline
         style="width: 100%; height: 100%; object-fit: contain; display: block;">
    <source src="https://champsvapes.com/wp-content/uploads/2025/07/champs-vapes-3d-ad.mp4" type="video/mp4">
    Your browser does not support the video tag.
  </video>
</div>/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-29c3543 */.elementor-77 .elementor-element.elementor-element-29c3543 {
  background: linear-gradient(90deg, #f9d423 0%, #ff4e50 50%, #1e90ff 100%);
  background-size: 300% 300%;
  animation: comicGradientMove 10s ease infinite;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

/* Gradient animation keyframes */
@keyframes comicGradientMove {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
/* Header height set to 80px *//* End custom CSS */
/* Start custom CSS for woocommerce-products, class: .elementor-element-504f558 */.elementor-77 .elementor-element.elementor-element-504f558 .woocommerce-loop-product__title {
    color: #ffffff;
    font-weight: bold;
    transition: all 0.3s ease;
}

.elementor-77 .elementor-element.elementor-element-504f558 {
    background-color: transparent !important;
}

.elementor-77 .elementor-element.elementor-element-504f558 img {
    background-color: transparent !important;
}
/* Parent container ko relative position dein */
.elementor-77 .elementor-element.elementor-element-504f558:hover {
  position: relative;
  display: inline-block; /* ya block, jo aapke layout ke liye sahi ho */
}

/* Pseudo-element ko parent pe lagayen, image ke peeche */
.elementor-77 .elementor-element.elementor-element-504f558:hover::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  z-index: 0;
  border-radius: 4px; /* Agar image rounded hai */
  background: linear-gradient(90deg, #f9d423 0%, #ff4e50 50%, #1e90ff 100%);
  background-size: 300% 300%;
  animation: comicGradientMove 10s ease infinite;
  pointer-events: none;
}

/* Image ko z-index 1 dein taake pseudo-element ke upar rahe */
.elementor-77 .elementor-element.elementor-element-504f558:hover img {
  position: relative;
  z-index: 1;
  display: block; /* layout ke liye */
}

/* Animation keyframes (jo pehle diye thay) */
@keyframes comicGradientMove {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9dfc903 */.elementor-77 .elementor-element.elementor-element-9dfc903 {
  background: linear-gradient(90deg, #f9d423 0%, #ff4e50 50%, #1e90ff 100%);
  background-size: 300% 300%;
  animation: comicGradientMove 10s ease infinite;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

/* Gradient animation keyframes */
@keyframes comicGradientMove {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
/* Header height set to 80px *//* End custom CSS */