.elementor-4115 .elementor-element.elementor-element-3fb82f0{--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;}.elementor-4115 .elementor-element.elementor-element-e57dfa6 .elementor-repeater-item-4fb9c1c .phs-8da3eb96-overlay{background-color:rgba(0,0,0,0.4);}.elementor-4115 .elementor-element.elementor-element-e57dfa6 .elementor-repeater-item-4fb9c1c .phs-8da3eb96-buttons{justify-content:center;}.elementor-4115 .elementor-element.elementor-element-e57dfa6 .elementor-repeater-item-7f5be73 .phs-8da3eb96-overlay{background-color:rgba(0,0,0,0.4);}.elementor-4115 .elementor-element.elementor-element-e57dfa6 .elementor-repeater-item-7f5be73 .phs-8da3eb96-buttons{justify-content:center;}.elementor-4115 .elementor-element.elementor-element-e57dfa6 .elementor-repeater-item-5622db2 .phs-8da3eb96-overlay{background-color:rgba(0,0,0,0.4);}.elementor-4115 .elementor-element.elementor-element-e57dfa6 .elementor-repeater-item-5622db2 .phs-8da3eb96-buttons{justify-content:center;}.elementor-4115 .elementor-element.elementor-element-e57dfa6 .phs-8da3eb96-slider-container{height:100vh;}.elementor-4115 .elementor-element.elementor-element-e57dfa6 .phs-8da3eb96-slide-content{max-width:800px;text-align:center;}.elementor-4115 .elementor-element.elementor-element-e57dfa6 .phs-8da3eb96-slide-inner{align-items:center;justify-content:center;}.elementor-4115 .elementor-element.elementor-element-e57dfa6 .phs-8da3eb96-eyebrow{color:#E5D5C5;}.elementor-4115 .elementor-element.elementor-element-e57dfa6 .phs-8da3eb96-title{color:#FFFFFF;}.elementor-4115 .elementor-element.elementor-element-e57dfa6 .phs-8da3eb96-desc{color:#E5E7EB;}.elementor-4115 .elementor-element.elementor-element-e57dfa6 .phs-8da3eb96-price-regular{color:#9CA3AF;}.elementor-4115 .elementor-element.elementor-element-e57dfa6 .phs-8da3eb96-price-sale{color:#10B981;}.elementor-4115 .elementor-element.elementor-element-e57dfa6 .phs-8da3eb96-btn-1{color:#000000;background-color:#FFFFFF;border-radius:30px;}.elementor-4115 .elementor-element.elementor-element-e57dfa6 .phs-8da3eb96-btn-1:hover{color:#FFFFFF;background-color:#111111;}.elementor-4115 .elementor-element.elementor-element-e57dfa6 .phs-8da3eb96-btn-2{color:#FFFFFF;background-color:transparent;border-color:#FFFFFF;border-radius:30px;}.elementor-4115 .elementor-element.elementor-element-e57dfa6 .phs-8da3eb96-btn-2:hover{color:#000000;background-color:#FFFFFF;}.elementor-4115 .elementor-element.elementor-element-e57dfa6 .phs-8da3eb96-nav-arrow svg{fill:#FFFFFF;stroke:#FFFFFF;}.elementor-4115 .elementor-element.elementor-element-e57dfa6 .phs-8da3eb96-nav-arrow{color:#FFFFFF;background-color:rgba(255,255,255,0.1);}.elementor-4115 .elementor-element.elementor-element-e57dfa6 .phs-8da3eb96-nav-dot{background-color:rgba(255,255,255,0.4);}.elementor-4115 .elementor-element.elementor-element-e57dfa6 .phs-8da3eb96-nav-dot.is-active{background-color:#FFFFFF;}.elementor-4115 .elementor-element.elementor-element-e57dfa6 .phs-8da3eb96-progress-line{background-color:#FFFFFF;}.elementor-4115 .elementor-element.elementor-element-a2144e2{margin-top:20px;margin-bottom:0px;}.elementor-4115 .elementor-element.elementor-element-c7746b2 .pmcc-f875cce2-widget-wrapper{background-color:transparent;padding:80px 0px 80px 0px;background-image:linear-gradient(180deg, #000000 0%, #3E3E3E 100%);}.elementor-4115 .elementor-element.elementor-element-c7746b2 .elementor-repeater-item-a280c0f .pmcc-f875cce2-card-img{object-position:center center;}.elementor-4115 .elementor-element.elementor-element-c7746b2 .elementor-repeater-item-a280c0f .pmcc-f875cce2-media-container{opacity:1;}.elementor-4115 .elementor-element.elementor-element-c7746b2 .elementor-repeater-item-a280c0f .pmcc-f875cce2-card-content{align-items:flex-start;text-align:flex-start;}.elementor-4115 .elementor-element.elementor-element-c7746b2 .elementor-repeater-item-a280c0f .pmcc-f875cce2-card-inner{justify-content:flex-end;}.elementor-4115 .elementor-element.elementor-element-c7746b2 .elementor-repeater-item-a280c0f .pmcc-f875cce2-card-overlay{background:#0201011A;}.elementor-4115 .elementor-element.elementor-element-c7746b2 .elementor-repeater-item-04f77fc .pmcc-f875cce2-card-img{object-position:center center;}.elementor-4115 .elementor-element.elementor-element-c7746b2 .elementor-repeater-item-04f77fc .pmcc-f875cce2-media-container{opacity:1;}.elementor-4115 .elementor-element.elementor-element-c7746b2 .elementor-repeater-item-04f77fc .pmcc-f875cce2-card-content{align-items:flex-start;text-align:flex-start;}.elementor-4115 .elementor-element.elementor-element-c7746b2 .elementor-repeater-item-04f77fc .pmcc-f875cce2-card-inner{justify-content:flex-end;}.elementor-4115 .elementor-element.elementor-element-c7746b2 .elementor-repeater-item-ecc6478 .pmcc-f875cce2-card-img{object-position:center center;}.elementor-4115 .elementor-element.elementor-element-c7746b2 .elementor-repeater-item-ecc6478 .pmcc-f875cce2-media-container{opacity:1;}.elementor-4115 .elementor-element.elementor-element-c7746b2 .elementor-repeater-item-ecc6478 .pmcc-f875cce2-card-content{align-items:flex-start;text-align:flex-start;}.elementor-4115 .elementor-element.elementor-element-c7746b2 .elementor-repeater-item-ecc6478 .pmcc-f875cce2-card-inner{justify-content:flex-end;}.elementor-4115 .elementor-element.elementor-element-c7746b2 .elementor-repeater-item-029b469 .pmcc-f875cce2-card-img{object-position:center center;}.elementor-4115 .elementor-element.elementor-element-c7746b2 .elementor-repeater-item-029b469 .pmcc-f875cce2-media-container{opacity:1;}.elementor-4115 .elementor-element.elementor-element-c7746b2 .elementor-repeater-item-029b469 .pmcc-f875cce2-card-content{align-items:flex-start;text-align:flex-start;}.elementor-4115 .elementor-element.elementor-element-c7746b2 .elementor-repeater-item-029b469 .pmcc-f875cce2-card-inner{justify-content:flex-end;}.elementor-4115 .elementor-element.elementor-element-c7746b2 .elementor-repeater-item-37cbbde .pmcc-f875cce2-card-img{object-position:center center;}.elementor-4115 .elementor-element.elementor-element-c7746b2 .elementor-repeater-item-37cbbde .pmcc-f875cce2-media-container{opacity:1;}.elementor-4115 .elementor-element.elementor-element-c7746b2 .elementor-repeater-item-37cbbde .pmcc-f875cce2-card-content{align-items:flex-start;text-align:flex-start;}.elementor-4115 .elementor-element.elementor-element-c7746b2 .elementor-repeater-item-37cbbde .pmcc-f875cce2-card-inner{justify-content:flex-end;}.elementor-4115 .elementor-element.elementor-element-c7746b2 .elementor-repeater-item-824159e .pmcc-f875cce2-card-img{object-position:center center;}.elementor-4115 .elementor-element.elementor-element-c7746b2 .elementor-repeater-item-824159e .pmcc-f875cce2-media-container{opacity:1;}.elementor-4115 .elementor-element.elementor-element-c7746b2 .elementor-repeater-item-824159e .pmcc-f875cce2-card-content{align-items:flex-start;text-align:flex-start;}.elementor-4115 .elementor-element.elementor-element-c7746b2 .elementor-repeater-item-824159e .pmcc-f875cce2-card-inner{justify-content:flex-end;}.elementor-4115 .elementor-element.elementor-element-c7746b2 .pmcc-f875cce2-header-container{text-align:left;padding:0px 0px 40px 0px;}.elementor-4115 .elementor-element.elementor-element-c7746b2 .pmcc-f875cce2-header-eyebrow{color:#88888a;}.elementor-4115 .elementor-element.elementor-element-c7746b2 .pmcc-f875cce2-header-title{color:#ffffff;}.elementor-4115 .elementor-element.elementor-element-c7746b2 .pmcc-f875cce2-header-desc{color:#a3a3a8;}.elementor-4115 .elementor-element.elementor-element-c7746b2 .pmcc-f875cce2-category-card{height:250px;border-radius:16px;}.elementor-4115 .elementor-element.elementor-element-c7746b2 .pmcc-f875cce2-card-inner{padding:40px 40px 40px 40px;}.elementor-4115 .elementor-element.elementor-element-c7746b2 .pmcc-f875cce2-card-overlay{background-color:rgba(0, 0, 0, 0.45);}.elementor-4115 .elementor-element.elementor-element-c7746b2 .pmcc-f875cce2-card-num{color:#88888a;}.elementor-4115 .elementor-element.elementor-element-c7746b2 .pmcc-f875cce2-card-title{color:#ffffff;}.elementor-4115 .elementor-element.elementor-element-c7746b2 .pmcc-f875cce2-card-desc{color:#e5e7eb;}.elementor-4115 .elementor-element.elementor-element-c7746b2 .pmcc-f875cce2-card-btn{color:#000000;background-color:#ffffff;border-radius:50px;padding:12px 28px 12px 28px;}.elementor-4115 .elementor-element.elementor-element-c7746b2 .pmcc-f875cce2-card-btn:hover{color:#ffffff;background-color:#61ce70;}.elementor-4115 .elementor-element.elementor-element-c7746b2 .pmcc-f875cce2-arrow{width:50px;height:50px;color:#ffffff;background-color:rgba(255, 255, 255, 0.1);border-radius:50%;}.elementor-4115 .elementor-element.elementor-element-c7746b2 .pmcc-f875cce2-arrow i{font-size:16px;}.elementor-4115 .elementor-element.elementor-element-c7746b2 .pmcc-f875cce2-arrow:hover{color:#ffffff;background-color:#61ce70;}.elementor-4115 .elementor-element.elementor-element-c7746b2 .pmcc-f875cce2-arrows-container{gap:12px;}.elementor-4115 .elementor-element.elementor-element-c7746b2 .pmcc-f875cce2-controls-wrapper{align-items:center;}.elementor-4115 .elementor-element.elementor-element-c7746b2 .pmcc-f875cce2-total-num, .elementor-4115 .elementor-element.elementor-element-c7746b2 .pmcc-f875cce2-progress-divider{color:rgba(255, 255, 255, 0.4);}.elementor-4115 .elementor-element.elementor-element-c7746b2 .pmcc-f875cce2-current-num{color:#ffffff;}.elementor-4115 .elementor-element.elementor-element-c7746b2 .pmcc-f875cce2-progress-track{background-color:rgba(255, 255, 255, 0.15);height:2px;width:120px;}.elementor-4115 .elementor-element.elementor-element-c7746b2 .pmcc-f875cce2-progress-bar{background-color:#61ce70;}.elementor-4115 .elementor-element.elementor-element-c7746b2 .pmcc-f875cce2-swiper-container{--pmcc-gap:24px;}.elementor-4115 .elementor-element.elementor-element-1a06808{margin-top:20px;margin-bottom:0px;}.elementor-4115 .elementor-element.elementor-element-f914c42{margin-top:20px;margin-bottom:0px;}.elementor-4115 .elementor-element.elementor-element-40e2807{margin-top:20px;margin-bottom:0px;}.elementor-4115 .elementor-element.elementor-element-6990784 .klbth-coupon-banner a{background-color:#FFF5F5;}.elementor-4115 .elementor-element.elementor-element-0a663ba{margin-top:20px;margin-bottom:0px;}.elementor-4115 .elementor-element.elementor-element-acb07a8 .entry-media img{filter:brightness( 72% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-4115 .elementor-element.elementor-element-acb07a8 .entry-title{color:#FFFFFF;}.elementor-4115 .elementor-element.elementor-element-4063084 .entry-media img{filter:brightness( 72% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-4115 .elementor-element.elementor-element-4063084 .entry-title{color:#FFFFFF;}.elementor-4115 .elementor-element.elementor-element-78e1d6e{margin-top:20px;margin-bottom:0px;}.elementor-4115 .elementor-element.elementor-element-7e06a9d{margin-top:10px;margin-bottom:0px;}.elementor-4115 .elementor-element.elementor-element-c22ce48{margin-top:20px;margin-bottom:0px;}.elementor-4115 .elementor-element.elementor-element-7e3d8be .entry-media img{filter:brightness( 40% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-4115 .elementor-element.elementor-element-43f76a5 .entry-media img{filter:brightness( 40% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-4115 .elementor-element.elementor-element-5142773{margin-top:30px;margin-bottom:0px;}.elementor-4115 .elementor-element.elementor-element-e6123e4 > .elementor-widget-container{margin:0px 0px 50px 0px;}.elementor-4115 .elementor-element.elementor-element-02e9dfe{margin-top:20px;margin-bottom:0px;}.elementor-4115 .elementor-element.elementor-element-395ea25 .klbth-coupon-banner a{background-color:#FFF5F5;}.elementor-4115 .elementor-element.elementor-element-fb33384{margin-top:20px;margin-bottom:0px;}.elementor-4115 .elementor-element.elementor-element-2f32dc7{margin-top:5px;margin-bottom:0px;}.elementor-4115 .elementor-element.elementor-element-dec2c0e{--divider-border-style:solid;--divider-color:#DEE2E6;--divider-border-width:1px;}.elementor-4115 .elementor-element.elementor-element-dec2c0e .elementor-divider-separator{width:100%;}.elementor-4115 .elementor-element.elementor-element-dec2c0e .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-4115 .elementor-element.elementor-element-84d1283{--display:flex;--min-height:454px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;}.elementor-4115 .elementor-element.elementor-element-84d1283::before, .elementor-4115 .elementor-element.elementor-element-84d1283 > .elementor-background-video-container::before, .elementor-4115 .elementor-element.elementor-element-84d1283 > .e-con-inner > .elementor-background-video-container::before, .elementor-4115 .elementor-element.elementor-element-84d1283 > .elementor-background-slideshow::before, .elementor-4115 .elementor-element.elementor-element-84d1283 > .e-con-inner > .elementor-background-slideshow::before, .elementor-4115 .elementor-element.elementor-element-84d1283 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://puffmarketde.com/wp-content/uploads/2026/08/puff-market-sale-1.png");--background-overlay:'';background-position:center center;background-size:100% auto;}.elementor-4115 .elementor-element.elementor-element-2a7237c{--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;}.elementor-4115 .elementor-element.elementor-element-3725b0f .elementor-heading-title{font-size:2px;color:#FFFFFF;}.elementor-4115 .elementor-element.elementor-element-91dd085{--display:flex;--min-height:0px;--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;}.elementor-4115 .elementor-element.elementor-element-fec9f7b{--display:flex;}.elementor-4115 .elementor-element.elementor-element-ebe59cd .elementor-button{background-color:#C90101;}.elementor-4115 .elementor-element.elementor-element-ebe59cd .elementor-button:hover, .elementor-4115 .elementor-element.elementor-element-ebe59cd .elementor-button:focus{background-color:var( --e-global-color-secondary );}.elementor-4115 .elementor-element.elementor-element-ebe59cd .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-4115 .elementor-element.elementor-element-ebe59cd .elementor-button .elementor-button-content-wrapper{gap:5px;}.elementor-4115 .elementor-element.elementor-element-8595085{--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;}.elementor-4115 .elementor-element.elementor-element-a85dfdd .elementor-heading-title{font-size:1px;color:#FFFFFF;}body.elementor-page-4115 .container{max-width:1280px;}body.elementor-page-4115 .elementor-section.elementor-section-boxed>.elementor-container{max-width:1280px;}@media(min-width:768px){.elementor-4115 .elementor-element.elementor-element-2a7237c{--width:25%;}.elementor-4115 .elementor-element.elementor-element-91dd085{--width:50%;}.elementor-4115 .elementor-element.elementor-element-8595085{--width:25%;}}@media(max-width:1024px){.elementor-4115 .elementor-element.elementor-element-a2144e2{margin-top:0px;margin-bottom:0px;}.elementor-4115 .elementor-element.elementor-element-1a06808{margin-top:0px;margin-bottom:0px;}.elementor-4115 .elementor-element.elementor-element-8afc3d4{margin-top:0px;margin-bottom:0px;}.elementor-4115 .elementor-element.elementor-element-f914c42{margin-top:0px;margin-bottom:0px;}.elementor-4115 .elementor-element.elementor-element-40e2807{margin-top:0px;margin-bottom:0px;}.elementor-4115 .elementor-element.elementor-element-78e1d6e{margin-top:0px;margin-bottom:0px;}.elementor-4115 .elementor-element.elementor-element-e6123e4 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-4115 .elementor-element.elementor-element-8790924 > .elementor-widget-container{margin:0px 0px 0px 0px;}}@media(max-width:767px){.elementor-4115 .elementor-element.elementor-element-e57dfa6 > .elementor-widget-container{margin:-7px 0px 0px 0px;}.elementor-4115 .elementor-element.elementor-element-e57dfa6 .phs-8da3eb96-slider-container{height:620px;}.elementor-4115 .elementor-element.elementor-element-a2144e2{margin-top:-10px;margin-bottom:0px;}.elementor-4115 .elementor-element.elementor-element-c7746b2 .pmcc-f875cce2-category-card{height:310px;}.elementor-4115 .elementor-element.elementor-element-1a06808{margin-top:-10px;margin-bottom:0px;}.elementor-4115 .elementor-element.elementor-element-8afc3d4{margin-top:-10px;margin-bottom:0px;}.elementor-4115 .elementor-element.elementor-element-29f5cf5 > .elementor-widget-container{margin:-20px 0px 0px 0px;}.elementor-4115 .elementor-element.elementor-element-9bc0eab > .elementor-widget-container{margin:-20px 0px 0px 0px;}.elementor-4115 .elementor-element.elementor-element-f914c42{margin-top:-10px;margin-bottom:0px;}.elementor-4115 .elementor-element.elementor-element-40e2807{margin-top:-10px;margin-bottom:0px;}.elementor-4115 .elementor-element.elementor-element-0a663ba{margin-top:-10px;margin-bottom:0px;}.elementor-4115 .elementor-element.elementor-element-acb07a8 > .elementor-widget-container{margin:-20px 0px 0px 0px;}.elementor-4115 .elementor-element.elementor-element-4063084 > .elementor-widget-container{margin:-20px 0px 0px 0px;}.elementor-4115 .elementor-element.elementor-element-78e1d6e{margin-top:-10px;margin-bottom:0px;}.elementor-4115 .elementor-element.elementor-element-7e06a9d{margin-top:-10px;margin-bottom:0px;}.elementor-4115 .elementor-element.elementor-element-c22ce48{margin-top:-10px;margin-bottom:0px;}.elementor-4115 .elementor-element.elementor-element-ec7fda4 > .elementor-widget-container{margin:-20px 0px 0px 0px;}.elementor-4115 .elementor-element.elementor-element-43f76a5 > .elementor-widget-container{margin:-20px 0px 0px 0px;}.elementor-4115 .elementor-element.elementor-element-5142773{margin-top:-10px;margin-bottom:0px;}.elementor-4115 .elementor-element.elementor-element-e6123e4 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-4115 .elementor-element.elementor-element-4829821{margin-top:-10px;margin-bottom:0px;}.elementor-4115 .elementor-element.elementor-element-02e9dfe{margin-top:-10px;margin-bottom:0px;}.elementor-4115 .elementor-element.elementor-element-fb33384{margin-top:-10px;margin-bottom:0px;}.elementor-4115 .elementor-element.elementor-element-2f32dc7{margin-top:-10px;margin-bottom:0px;}.elementor-4115 .elementor-element.elementor-element-84d1283::before, .elementor-4115 .elementor-element.elementor-element-84d1283 > .elementor-background-video-container::before, .elementor-4115 .elementor-element.elementor-element-84d1283 > .e-con-inner > .elementor-background-video-container::before, .elementor-4115 .elementor-element.elementor-element-84d1283 > .elementor-background-slideshow::before, .elementor-4115 .elementor-element.elementor-element-84d1283 > .e-con-inner > .elementor-background-slideshow::before, .elementor-4115 .elementor-element.elementor-element-84d1283 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-size:cover;}}/* Start custom CSS for container, class: .elementor-element-fec9f7b *//* =========================================================
   PUFF MARKETDE — FLOWING VAPOR EFFECT
   Add class: vapor-container
   ========================================================= */

.vapor-container {
    position: relative !important;
    overflow: hidden !important;
    isolation: isolate !important;
}


/* =========================================================
   VAPOR LAYERS
   ========================================================= */

.vapor-container::before,
.vapor-container::after {
    content: "";
    position: absolute;
    z-index: 0;
    pointer-events: none;

    width: 75%;
    height: 65%;

    left: -15%;
    bottom: -20%;

    border-radius: 50%;

    background:
        radial-gradient(
            ellipse at center,
            rgba(255,255,255,0.16) 0%,
            rgba(255,255,255,0.10) 25%,
            rgba(255,255,255,0.045) 48%,
            rgba(255,255,255,0) 72%
        );

    filter: blur(28px);

    opacity: 0.7;

    transform: rotate(-12deg) scale(1);

    animation:
        puff-vapor-flow 14s ease-in-out infinite;
}


/* SECOND VAPOR CLOUD */

.vapor-container::after {
    width: 65%;
    height: 55%;

    left: 45%;
    bottom: -15%;

    opacity: 0.45;

    filter: blur(35px);

    transform: rotate(15deg) scale(1.1);

    animation:
        puff-vapor-flow-2 18s ease-in-out infinite;
}


/* =========================================================
   MAKE CONTENT STAY ABOVE THE VAPOR
   ========================================================= */

.vapor-container > * {
    position: relative;
    z-index: 2;
}


/* =========================================================
   MAIN FLOW
   ========================================================= */

@keyframes puff-vapor-flow {

    0% {
        transform:
            translate3d(-15%, 10%, 0)
            rotate(-12deg)
            scale(0.95);

        opacity: 0.25;
    }

    25% {
        transform:
            translate3d(5%, -5%, 0)
            rotate(-5deg)
            scale(1.08);

        opacity: 0.55;
    }

    50% {
        transform:
            translate3d(25%, -18%, 0)
            rotate(8deg)
            scale(1.18);

        opacity: 0.7;
    }

    75% {
        transform:
            translate3d(42%, -4%, 0)
            rotate(14deg)
            scale(1.05);

        opacity: 0.5;
    }

    100% {
        transform:
            translate3d(65%, 12%, 0)
            rotate(-5deg)
            scale(0.9);

        opacity: 0.2;
    }
}


/* =========================================================
   SECONDARY FLOW
   ========================================================= */

@keyframes puff-vapor-flow-2 {

    0% {
        transform:
            translate3d(20%, 15%, 0)
            rotate(18deg)
            scale(1);
    }

    30% {
        transform:
            translate3d(-5%, -12%, 0)
            rotate(5deg)
            scale(1.15);
    }

    60% {
        transform:
            translate3d(-28%, -2%, 0)
            rotate(-12deg)
            scale(1.25);
    }

    100% {
        transform:
            translate3d(20%, 15%, 0)
            rotate(18deg)
            scale(1);
    }
}


/* =========================================================
   MOBILE — SOFTER EFFECT
   ========================================================= */

@media (max-width: 767px) {

    .vapor-container::before {
        width: 110%;
        height: 70%;
        filter: blur(25px);
    }

    .vapor-container::after {
        width: 100%;
        height: 65%;
        filter: blur(30px);
    }
}


/* =========================================================
   ACCESSIBILITY
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .vapor-container::before,
    .vapor-container::after {
        animation: none;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84d1283 *//* =========================================================
   PUFF MARKETDE — FLOWING VAPOR EFFECT
   Add class: vapor-container
   ========================================================= */

.vapor-container {
    position: relative !important;
    overflow: hidden !important;
    isolation: isolate !important;
}


/* =========================================================
   VAPOR LAYERS
   ========================================================= */

.vapor-container::before,
.vapor-container::after {
    content: "";
    position: absolute;
    z-index: 0;
    pointer-events: none;

    width: 75%;
    height: 65%;

    left: -15%;
    bottom: -20%;

    border-radius: 50%;

    background:
        radial-gradient(
            ellipse at center,
            rgba(255,255,255,0.16) 0%,
            rgba(255,255,255,0.10) 25%,
            rgba(255,255,255,0.045) 48%,
            rgba(255,255,255,0) 72%
        );

    filter: blur(28px);

    opacity: 0.7;

    transform: rotate(-12deg) scale(1);

    animation:
        puff-vapor-flow 14s ease-in-out infinite;
}


/* SECOND VAPOR CLOUD */

.vapor-container::after {
    width: 65%;
    height: 55%;

    left: 45%;
    bottom: -15%;

    opacity: 0.45;

    filter: blur(35px);

    transform: rotate(15deg) scale(1.1);

    animation:
        puff-vapor-flow-2 18s ease-in-out infinite;
}


/* =========================================================
   MAKE CONTENT STAY ABOVE THE VAPOR
   ========================================================= */

.vapor-container > * {
    position: relative;
    z-index: 2;
}


/* =========================================================
   MAIN FLOW
   ========================================================= */

@keyframes puff-vapor-flow {

    0% {
        transform:
            translate3d(-15%, 10%, 0)
            rotate(-12deg)
            scale(0.95);

        opacity: 0.25;
    }

    25% {
        transform:
            translate3d(5%, -5%, 0)
            rotate(-5deg)
            scale(1.08);

        opacity: 0.55;
    }

    50% {
        transform:
            translate3d(25%, -18%, 0)
            rotate(8deg)
            scale(1.18);

        opacity: 0.7;
    }

    75% {
        transform:
            translate3d(42%, -4%, 0)
            rotate(14deg)
            scale(1.05);

        opacity: 0.5;
    }

    100% {
        transform:
            translate3d(65%, 12%, 0)
            rotate(-5deg)
            scale(0.9);

        opacity: 0.2;
    }
}


/* =========================================================
   SECONDARY FLOW
   ========================================================= */

@keyframes puff-vapor-flow-2 {

    0% {
        transform:
            translate3d(20%, 15%, 0)
            rotate(18deg)
            scale(1);
    }

    30% {
        transform:
            translate3d(-5%, -12%, 0)
            rotate(5deg)
            scale(1.15);
    }

    60% {
        transform:
            translate3d(-28%, -2%, 0)
            rotate(-12deg)
            scale(1.25);
    }

    100% {
        transform:
            translate3d(20%, 15%, 0)
            rotate(18deg)
            scale(1);
    }
}


/* =========================================================
   MOBILE — SOFTER EFFECT
   ========================================================= */

@media (max-width: 767px) {

    .vapor-container::before {
        width: 110%;
        height: 70%;
        filter: blur(25px);
    }

    .vapor-container::after {
        width: 100%;
        height: 65%;
        filter: blur(30px);
    }
}


/* =========================================================
   ACCESSIBILITY
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .vapor-container::before,
    .vapor-container::after {
        animation: none;
    }
}/* End custom CSS */