
    

   
   

   	                            	                            	                            	
		    




        
   
          
                                                                                                                                                                                                                                                                                                                                                                                                          <!DOCTYPE html>
   <html lang="en">
          





    



    
        


                                    
    <head>
            <meta charset="UTF-8">
            <meta name="viewport"                 content="width=device-width, initial-scale=1" />  
                    <title>Sex Messenger – Free Dating & Hookups Made Easy!</title>
                            <meta name="description"              content="It's never been this easy to meet hot girls online. SexMessenger dating will forever change the way you chat with beautiful girls on the web." />
                            <link rel="canonical"                 href="https://sexmessenger.info/survey-sfw-1" />
                
        <!-- Open Graph -->
                            <meta property="og:title"             content="Sex Messenger – Free Dating & Hookups Made Easy!" />
                            <meta property="og:description"       content="It's never been this easy to meet hot girls online. SexMessenger dating will forever change the way you chat with beautiful girls on the web." />
                                    <meta property="og:url"               content="https://sexmessenger.info/survey-sfw-1" />
                            <meta property="og:type"              content="website" />
                                    
        <!-- Favicons -->
        <link rel="apple-touch-icon"        sizes="180x180" href="/asset/favicon/apple-touch-icon.png" />
        <link rel="icon" type="image/png"   sizes="32x32"   href="/asset/favicon/favicon-32x32.png" />
        <link rel="icon" type="image/png"   sizes="16x16"   href="/asset/favicon/favicon-16x16.png" />
        <link rel="manifest"                                href="/asset/favicon/site.webmanifest" />
        <link rel="mask-icon"                               href="/asset/favicon/safari-pinned-tab.svg" color="#5bbad5" />
        <link rel="shortcut icon"                           href="/asset/favicon/favicon.ico" />
        <meta name="msapplication-TileColor"                content="#da532c" />
        <meta name="msapplication-config"                   content="/asset/favicon/browserconfig.xml" />
        <meta name="theme-color"                            content="#ffffff" />
        
                <!-- CSS -->
         


    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    


    <link rel="stylesheet" href="https://selfservicelps.webdev.staging.hydrahub.io/templates/survey/css/style.dotsass" as="style" />
        <link rel="stylesheet" href="/templates/survey/css/override/style.dotsass" as="style" />
        
        <!-- Fonts -->
                                
        <!-- JavaScript -->
                    <script>
    const pageEvent = {
        event: 'UA_CRData'
    }

            
    window.dataLayer = [pageEvent];

    (function (w, d, s, l, i) {
        w[l] = w[l] || [];
        w[l].push({'gtm.start': new Date().getTime(), event: 'gtm.js'});
        var f = d.getElementsByTagName(s)[0],
            j = d.createElement(s),
            dl = l != 'dataLayer'
                ? '&l=' + l
                : '';
        j.async = true;
        j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
        f
            .parentNode
            .insertBefore(j, f);
    })(window, document, 'script', 'dataLayer', 'GTM-5TPW92T');
</script>                        
    </head>
          <body id="bodyBox" class="survey-sfw-1">
                              <style>
                                                                                                  
                      header {
    background: #ffffff;
}
                                                                                                         
                      main .wrap.popup{
    background: #ffffff;
}

.couponBtn {
    background: #53a1ff;
}

.progress-bar {
    background: repeating-linear-gradient(45deg,
            #53a1ff,
            #53a1ff 50%,
            #b7ec43 50%,
            #b7ec43 75%) 0% 0% / 40px 40px;
}                                                                                                         
                                                           body {
            color: #003c84;
         }
         .btn, .cta {
            background: #b7ec43;
            color: #003c84;
         }
         header ul, main .wrap {
            background: #fff;
         }
         .wysiwyg-container {
            background-color: $content.seoBgColor;
         }
      </style>
                                                                                                         
                                                                                                                                   
                        <main class="row ">
        <div class="background-link">                            <img class="desktop background" src="/dA/a85176fcdd/bgDesktop/DAT-459_DESIGN-24792_sexmessenger_LP-survey_bg_mosaic-dark_sfw_19201080.jpg"/>
                <img class="mobile background" src="/dA/a85176fcdd/bgMobile/DAT-459_DESIGN-24792_sexmessenger_LP-survey_bg_mosaic-dark_sfw_7501334.jpg"/>
                    </div>        <div class="wrap column popup">
                <div class="steps-container column">
                
                                                                                                                                                                                                                                                                                                                                            
                                 
            <div class="step column">
         <div class="wysiwyg-content"><h2 style="text-align: center;">This is NOT a dating site</h2>
<p style="text-align: center;">Before we can show you a list of women who are ready to sext with you and send you nudes right now, we need to ask a few quick questions.</p></div>
            <ul class="container-btn row">

                                                <li style="color:$item.answer1CtaColor;background-color:$item.answer1BgColor;" class="btn btn-choice" data-event-label="OK" data-event-category="Step 1">OK</li>

                  
                  
                                 
               
            </ul>
      </div>
   
            <div class="step column">
         <div class="wysiwyg-content"><p style="text-align: center;">These women want to share their nude private pictures with you.</p>
<p style="text-align: center;">Do you accept?</p></div>
            <ul class="container-btn row">

                                                <li style="color:$item.answer1CtaColor;background-color:$item.answer1BgColor;" class="btn btn-choice" data-event-label="YES" data-event-category="Step 2">YES</li>

                                       <li style="color:$item.answer2CtaColor;background-color:$item.answer2BgColor;" class="btn btn-choice" data-event-label="NO" data-event-category="Step 2">NO</li>
                  
                  
                                 
               
            </ul>
      </div>
   
            <div class="step column">
         <div class="wysiwyg-content"><p style="text-align: center;">Many of these women are desperate single moms and cheating wives looking for some fun. They could be your neighbors or someone you know.</p>
<p style="text-align: center;">Do you agree to keep the identity of these women a secret?</p></div>
            <ul class="container-btn row">

                                                <li style="color:$item.answer1CtaColor;background-color:$item.answer1BgColor;" class="btn btn-choice" data-event-label="YES" data-event-category="Step 3">YES</li>

                                       <li style="color:$item.answer2CtaColor;background-color:$item.answer2BgColor;" class="btn btn-choice" data-event-label="NO" data-event-category="Step 3">NO</li>
                  
                  
                                 
               
            </ul>
      </div>
   
            <div class="step column">
         <div class="wysiwyg-content"><p>These women have asked us to not allow men that are seeking a 'relationship'. They only want to flirt.</p>
<p>Do you agree to this request?</p></div>
            <ul class="container-btn row">

                                                <li style="color:$item.answer1CtaColor;background-color:$item.answer1BgColor;" class="btn btn-choice" data-event-label="YES" data-event-category="Step 4">YES</li>

                                       <li style="color:$item.answer2CtaColor;background-color:$item.answer2BgColor;" class="btn btn-choice" data-event-label="NO" data-event-category="Step 4">NO</li>
                  
                  
                                 
               
            </ul>
      </div>
   
            <div class="step column">
         <div class="wysiwyg-content"><p style="text-align: center;">Are you at least 35 years old?</p>
<p style="text-align: center;">These women have requested contacts from older men only.</p></div>
            <ul class="container-btn row">

                                                <li style="color:$item.answer1CtaColor;background-color:$item.answer1BgColor;" class="btn btn-choice" data-event-label="YES" data-event-category="Step 5">YES</li>

                                       <li style="color:$item.answer2CtaColor;background-color:$item.answer2BgColor;" class="btn btn-choice" data-event-label="NO" data-event-category="Step 5">NO</li>
                  
                  
                                 
               
            </ul>
      </div>
   
            <div class="step column step-checker">
         <div class="wysiwyg-content"><h2 style="text-align: center;">YOU ARE SUITABLE TO REGISTER!</h2>
<p style="text-align: center;">Accept the following rules:</p></div>

         
         <div class="progress">
            <div class="progress-bar"></div>
         </div>

         <ul class="container-checklist">
            <li class="checklist row" data-event-label="Respect and uphold the sexual desires of other members">
               <div class="svg-container">
                  <svg xmlns="http://www.w3.org/2000/svg" class="check-icon" stroke="#b7ec43" id="Layer_1" data-name="Layer 1" viewBox="0 0 24 24" data-darkreader-mode="filter"><defs><style>.cls-1{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;}</style></defs><circle class="cls-1" cx="12" cy="12" r="10"/><polyline class="cls-1" points="9 12 11 14 15 10"/></svg>
               </div>
               Respect and uphold the sexual desires of other members
            </li>
                           <li class="checklist row" data-event-label="Do not be rude to other members">
                  <div class="svg-container">
                     <svg xmlns="http://www.w3.org/2000/svg" class="check-icon" stroke="#b7ec43" id="Layer_1" data-name="Layer 1" viewBox="0 0 24 24" data-darkreader-mode="filter"><defs><style>.cls-1{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;}</style></defs><circle class="cls-1" cx="12" cy="12" r="10"/><polyline class="cls-1" points="9 12 11 14 15 10"/></svg>
                  </div>
                  Do not be rude to other members
               </li>
                                       <li class="checklist row" data-event-label="If you see someone you know, please be discreet">
                  <div class="svg-container">
                     <svg xmlns="http://www.w3.org/2000/svg" class="check-icon" stroke="#b7ec43" id="Layer_1" data-name="Layer 1" viewBox="0 0 24 24" data-darkreader-mode="filter"><defs><style>.cls-1{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;}</style></defs><circle class="cls-1" cx="12" cy="12" r="10"/><polyline class="cls-1" points="9 12 11 14 15 10"/></svg>
                  </div>
                  If you see someone you know, please be discreet
               </li>
                                 </ul>
                           <div class="cta-container row">
                        <a href="" class="cta urlManager" rel="nofollow"
               data-event-label="CTA - Continue"
               data-event-category="Last step"
               target="">
                                 Continue
                           </a>
         </div>
               </div>
                                                                </div>
            </div>
			
                  		</main>
                                                                                                             
                                <footer class="row footer-container column column-between" style="background-color: #ffffff; color: #003c84; order: 7;">
            					<a href="" aria-label="Sex Messenger Logo" data-event-label="footer - Logo">
						<img class="logo"
							src="/dA/068b6cc8b0/image/SexMessenger-Dark.png"
							alt="Sex Messenger Logo" />
					</a>
								<div class="wysiwyg column column-end" >
               <p>© Copyright <span class="datetime"></span> – All Rights Reserved</p>
               <p>
                                                                <a
                         href="/2257"
                         target="_blank"
                         rel="nofollow"
                         data-event-label="footer - 2257">2257</a>
                                                                                                                                    </p>
               <p>
                                                                                                                                                      </p>
               <p>
                                                                                                                                             <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 33.34 11.98" style="height: 15px;max-width: 35px;">
                           <defs>
                              <style>
                                    .cls-1 {
                                       fill: #ffffff;
                                    }
                              </style>
                           </defs>
                           <g id="Calque_2" data-name="Calque 2">
                              <g id="Layer_1" data-name="Layer 1">
                                    <path
                                       class="cls-1"
                                       d="M29.66,2.31h0c-.29-.77-.59-1.54-.89-2.31H0V2.13H0V12H3.92V7.18a1.31,1.31,0,0,1,1.48.63L7.71,12h4.44L10.63,9.24A9.58,9.58,0,0,0,10,8.11,4.31,4.31,0,0,0,8.6,6.69l.46-.29c2-1.29,1.72-1.8,2.11-3.38h3.45v9h3.86V3h4.87L20.1,11.67,20,12h3.82l0-.08h.05c.18-.54.35-1,.52-1.51l.14-.39h4l.53,1.4.16.47h0l0,.11h4ZM4.09,4.72l-.17,0V2.46c.8,0,1.56,0,2.3,0l.17,0a1.15,1.15,0,0,1,.76,1v.06A1.14,1.14,0,0,1,6,4.72Zm22.46,0,1,2.54H25.6Z"></path>
                              </g>
                           </g>
                        </svg>
                                                      </p>
            </div>
         </footer>
                                                                          <script>
                    //pass custom override_url to TBGlobal sesion widget for tests on staging
                    if(window.location.href.includes("webdev.staging"))
                    {
                        var customOverrideUrl = "https://sexmessenger.info"; 
                    }
                </script>
                                <script src="https://gateway.sexmessenger.info/wswidget/ws-session-widget.min.js"></script>
<script>
    let useFallbackLinks = false
    let reasonError = ''
    
    const widgetAffId = typeof customAffId !== 'undefined' ? customAffId : '5545';
    const widgetOfferId = typeof customOfferId !== 'undefined' ? customOfferId : '9863';
    const widgetUrlId = typeof customUrlId !== 'undefined' ? customUrlId : '37998';
    const outlinks_set_id = typeof customOutlinksId !== 'undefined' ? customOutlinksId : '9863';
    const overrideUrl = typeof customOverrideUrl !== 'undefined' ? customOverrideUrl : 'https://sexmessenger.info';
    const useCampaignId = typeof customUseCampaignId !== 'undefined' ? customUseCampaignId :  false ;
    const campaignId = typeof customCampaignId !== 'undefined' ? customCampaignId : '$CAMPAIGNID';
    
    const sessionWidgetLoaded = new Promise((resolve, reject) => {
        sessionWidgetLoadedCorrectly = resolve
        sessionWidgetNotLoadedCorrectly = reject
    })

    const generateFailData = () => {
        const params = new URLSearchParams(window.location.search)

        const affId = params.get('aff_id')
        const offerId = params.get('offer_id') 
        const urlId = params.get('url_id') 

        const transactionId = 'FAILED_'.concat(affId ? affId : widgetAffId, '_', offerId ? offerId : widgetOfferId, '_', urlId ? urlId : widgetUrlId)
        const sessionData = {
            session: {
            aff_id: affId ? affId : widgetAffId, 
            offer_id: offerId ? offerId : widgetOfferId,
            url_id: urlId ? urlId : widgetUrlId,
            transaction_id: transactionId
            }
        }

        return sessionData
    }

    const generateReasonError = (session) => {
         const reason = `reason=NOWIDGET&aff_id=${session.aff_id}&offer_id=${session.offer_id}&url_id=${session.url_id}` 
        return btoa(reason).replace(/\+/g, '-').replace(/\//g, '_').replace(/=/g, '')
    }

    try {
        let options = {
            aff_id: widgetAffId, 
            override_url: overrideUrl,
            outlinks_set_id: outlinks_set_id,
                        fallback_outlinks: {
                            }
        }
        if(useCampaignId && campaignId){
            options.campaign_id = campaignId;
        }
        else{
            options.offer_id = widgetOfferId;
            options.url_id = widgetUrlId;
        }
    sessionWidget.init(options,
        function callback (isSuccessful) { 
            if(!isSuccessful) throw 'Unexpected loading Error'
            sessionWidgetLoadedCorrectly()
        })
        
    } catch (err) {
        console.error('Could not load session', err)
        sessionWidgetNotLoadedCorrectly()
        if(typeof(sessionWidget) == 'undefined') {
            localStorage.setItem('sessionWidget', JSON.stringify(generateFailData()))
        } else {
            useFallbackLinks = true
            reasonError = generateReasonError(sessionWidget.session)
        }
    }

    const fallbackUrls = {  }

    const getDefaultOulink = (outlinkTag = "signup") => {
        const currentSession = JSON.parse(localStorage.getItem('sessionWidget')).session
        let newUrl = fallbackUrls[outlinkTag]

        if (!newUrl) {
            console.error('URL not found')
            console.info('Default link used')
            newUrl = fallbackUrls["signup"]
        }

        Object.keys(currentSession).forEach(key => {
            const reg = new RegExp(`{${key}}`, 'g')
            newUrl = newUrl.replace(reg, currentSession[key] || '')
        })

        return newUrl
    }
</script>


                  
                    

<script>
    const outlinkType = "signup-join2" || "signup"
    const coupon = ''

    const originalLinkDomain = ''
    const replacementLinkTemplate = ''
    const defaultOutlink = ''

    const replaceCTAUrlFromParameterLocation = () => {

	    const params = new URLSearchParams(window.location.search)
	    const offer_id = params.get('offer_id')
	    const campaign_id = params.get('campaign_id')
	    const aff_id = params.get('aff_id')
	    const aff_sub = params.get('aff_sub')
	    const aff_sub2 = params.get('aff_sub2')
	    const aff_sub3 = params.get('aff_sub3')
	    const aff_sub4 = params.get('aff_sub4')
	    const aff_sub5 = params.get('aff_sub5')
	    const source = params.get('source')
	    const actions = params.get('actions')
	    const file_id = params.get('file_id')

        const vlmd = params.get('vlmd')

        let url;

        if(vlmd) {
            url = `${vlmd}/click`

            if (!vlmd.includes('http://') && !vlmd.includes('https://')) {
                url = `https://${url}`
            }
        }
        else {
            url = replacementLinkTemplate
        }
        
        const newUrl = new URL(url)

		if (offer_id || campaign_id || aff_id || aff_sub || aff_sub2 || aff_sub3 || aff_sub4 || aff_sub5 || source || file_id) {

			if (offer_id) {
				newUrl.searchParams.set('offer_id', offer_id)
			}
			if (campaign_id) {
				newUrl.searchParams.set('campaign_id', campaign_id)
			}
			if (aff_id) {
				newUrl.searchParams.set('aff_id', aff_id)
			}
			if (aff_sub) {
				newUrl.searchParams.set('aff_sub', aff_sub)
			}
			if (aff_sub2) {
				newUrl.searchParams.set('aff_sub2', aff_sub2)
			}
			if (aff_sub3) {
				newUrl.searchParams.set('aff_sub3', aff_sub3)
			}
			if (aff_sub4) {
				newUrl.searchParams.set('aff_sub4', aff_sub4)
			}
			if (aff_sub5) {
				newUrl.searchParams.set('aff_sub5', aff_sub5)
			}
			if (source) {
				newUrl.searchParams.set('source', source)
			}
			if (actions) {
				newUrl.searchParams.set('actions', actions)
			}
			if (file_id) {
				newUrl.searchParams.set('file_id', file_id)
			}
			return newUrl.toString()
		}
        else return ''
    }

    const setElementsHref = (key = "signup", className = "urlManager", fallback = false) => {

            
            const outlinks = document.querySelectorAll(`.${className}`);
            outlinks.forEach(element => {

                if(element.tagName !== 'A') {
                    return
                }

                const existingHref = element.getAttribute("href");
                const outRoute = existingHref?.includes('/out')

                //if link exists and is external, add the aff params, for internal /path link, the try/catch will fail, no nothing
                if(!outRoute && existingHref && typeof sessionWidget !== 'undefined') {
                    try {
                        let outlink = new URL(existingHref);
                        const session = sessionWidget.session;

                        const params = {
                            aff_id: session.aff_id,
                            transaction_id: session.transaction_id,
                            xid: session.outlinks_set_id
                        }
            			
                        for (const key in params) {
                            const value = params[key];
                            outlink.searchParams.set(key, value);
                        }
                        
                        //sfw params
                        const paramsPage = new URLSearchParams(window.location.search)
	                    const up = paramsPage.get('up');
            			if (up) {
            				outlink.searchParams.set('up', up);
            			}
            			
            			const imgfrm = paramsPage.get('imgfrm');
            			if (imgfrm) {
            				outlink.searchParams.set('imgfrm', imgfrm);
            			}
            			

                        element.href = outlink.href;

                    } catch (e) {
                    
                    }

                    return
                }

                //pname and smid data attributes on the link, passed on as params to the session widget
                const pname = element.getAttribute('data-pname')
                const smid = element.getAttribute('data-smid')
                //custom outlink type on an individual link, pass this key to the session widget
                const dataOutlinkType = element.getAttribute('data-outlinkType')
                //key for the session widget, needs to be looped here, because each div can have custom key attriubutes
                let sessionWidgetKey = key;
                
                const params = {};

                if(pname) {
                    params.pname = pname;
                }

                if(smid) {
                    params.smid = smid;
                }

                if(dataOutlinkType) {
                    sessionWidgetKey = dataOutlinkType;
                }

                const outlink = !fallback ? sessionWidget.getOutlink(sessionWidgetKey, params) : getDefaultOulink()
                
                element.setAttribute("href", outlink)
            })
        
    }

    const setElementsHrefWithCoupon = (coupon, key = "signup", className = "urlManager") => {
        const outlink = sessionWidget.getOutlinkDetails(key, coupon)
        
            document.querySelectorAll(`.${className}`).forEach((element) => element.setAttribute("href", outlink.url))
        
    }

    const setElementsHrefWithVoluum = (coupon, key = "signup", className = "urlManager") => {
        const outlink = replaceCTAUrlFromParameterLocation()
        
            document.querySelectorAll(`.${className}`).forEach((element) => element.setAttribute("href", outlink))
        
    }

    const setElementsJoinRoute = (form, urlParams, className = "urlManager") => {

        if (typeof sessionWidget !== 'undefined') {

            const params = {};

            let pname = urlParams.get('pname')
            let smid = urlParams.get('smid')

            if(pname) {
                params.pname = pname;
            }
            if(smid) {
                params.smid = smid;
            }

                
                const outlinks = document.querySelectorAll(`.${className}`);
                
                outlinks.forEach(element => {

                    let dataPname = element.getAttribute('data-pname')
                    let dataSmid = element.getAttribute('data-smid')

                    if(dataPname) {
                        params.pname = dataPname;
                    }
                    if(dataSmid) {
                        params.smid = dataSmid;
                    }

                    element.href = sessionWidget.getOutlinkDetails('signup-hp', params).url

                })
            

        }
    }
    const setSessionWidget = () => {
                    sessionWidgetLoaded?.then(() => {
                if (typeof vlmParam !== 'undefined' && vlmParam) return

                const queryString = window.location.search;
                const urlParams = new URLSearchParams(queryString);
                const allUrlParams = new URL(window.location.href).searchParams;
                const form = urlParams.get('form')

                if((form === '9') || (form === '10')) {
                    setElementsJoinRoute(form, urlParams)
                } else if (coupon) {
                    setElementsHrefWithCoupon({ coupon }, outlinkType)
                } else {
                    setElementsHref(outlinkType)
                }

            }).catch((error) => {
                error ? console.error(error) : console.error('Session Widget failed to load, using fallback')

                if (useFallbackLinks) {
                    const ctaUrlError =  `/out/signup?err=${reasonError}` 
                    document.querySelectorAll(".urlManager").forEach((element) => element.setAttribute("href", ctaUrlError))
                    return
                }

                setElementsHref("signup", "urlManager", true)
            })

            }

        setSessionWidget()
</script>

            
                   <script>
   const fontFamily = '' || 'Montserrat'
   const fontWeights = '' || 'Montserrat[400,500,600,700,800]'
   
   if (fontFamily !== '') {
      const cleanFontWeights = fontWeights.split(`${fontFamily}`)[1].split('[')[1].split(']')[0].split(',').sort().map(w => w = `${w}`).toString().replaceAll(',', ';')
      const finalGoogleFontUrl =  `https://fonts.googleapis.com/css2?family=${fontFamily}:wght@${cleanFontWeights}&display=swap` 
      const htmlHeadElement = document.querySelector('head')
      Array.from(htmlHeadElement.childNodes).find(node => {
         if (node.nodeValue === " Fonts ") {
            const linkElement = document.createElement('link')
            linkElement.href = finalGoogleFontUrl
            linkElement.rel = "stylesheet"

            var css = `*, button { font-family: "${fontFamily.replaceAll('+', ' ')}", sans-serif;}`,
            head = document.head || document.getElementsByTagName('head')[0],
            style = document.createElement('style');

            style.type = 'text/css';
            if (style.styleSheet){
               // This is required for IE8 and below.
               style.styleSheet.cssText = css;
            } else {
               style.appendChild(document.createTextNode(css));
            }
            document.querySelector('head').insertBefore(linkElement, node.nextSibling)
            document.querySelector('head').insertBefore(style, linkElement)
         }
      })
   }
</script>                                                                                                                                                                                                                                                <script>
        let stepIndex = 0
        const videosElement = document.querySelectorAll('.asset-container video')
        const hasRewards = document.querySelector('.rewards')
        const images = document.querySelectorAll('.image')
        const assetContainers = document.querySelectorAll('.asset-container')
        // Velocity features
        const isAgeFeatureOn = false
        const surveyHandler = (element) => {
            const steps = document.querySelectorAll('.step')
            const isAgeValidationStep = element?.classList?.contains('age-validation')
            const isStepChecker = steps[stepIndex + 1]?.classList?.contains('step-checker')
            const toNextQuestion = (nextImage) => {
                steps[stepIndex]?.classList?.toggle('active')
                
                const currentVideoContainer = assetContainers[stepIndex];
                const nextVideoContainer = assetContainers[stepIndex + 1];
                
                if(videosElement[stepIndex]?.src !== videosElement[stepIndex + 1]?.src && videosElement[stepIndex + 1]?.src !== undefined) {
                    if(!videosElement[0].currentTime > 0) {
                        videosElement[stepIndex]?.pause()
                    }
                }

                const hasVideoAndNextContainer = currentVideoContainer && nextVideoContainer;

                if (hasVideoAndNextContainer) {
                    currentVideoContainer.classList.remove('active');
                    nextVideoContainer.classList.add('active');
                } else if (currentVideoContainer && !nextVideoContainer) {
                } else if (assetContainers[0]) {
                    assetContainers[0].classList.add('active');
                }
                
                stepIndex++
                steps[stepIndex]?.classList?.toggle('active')
                
                if(videosElement[stepIndex]?.src === videosElement[stepIndex + 1]?.src && videosElement[stepIndex + 1]?.src === undefined) {
                    if (videosElement[0]?.autoplay) {
                        videosElement[0]?.play()
                        playBtns[0]?.classList?.add('playing')
                    }
                }
                if (isStepChecker) animateRequirements()
                if (videosElement[stepIndex]?.src !== videosElement[stepIndex + 1]?.src && videosElement[stepIndex + 1]?.src !== undefined) {
                    const videoIndex = stepIndex;
                    if(videosElement[videoIndex]?.autoplay) {
                        videosElement[videoIndex]?.play()
                        playBtns[videoIndex]?.classList.add('playing')
                    }
                }
                
                if (!nextVideoContainer && currentVideoContainer && currentVideoContainer.querySelector('video')) {
                    const mainVideo = currentVideoContainer.querySelector('video');
                    const playBtn = currentVideoContainer.querySelector('.btn-play');
                    if (mainVideo.autoplay && mainVideo.paused) {
                        mainVideo.play();
                        if (playBtn) playBtn.classList.add('playing');
                    }
                }

                //THIS WAS A BREAKING CHANGE, OVERWROTE THE CLAS CHANGE ON LINE 91, POSSIBLE SIDE EFFECTS, 
                //ADDED && !hasVideoAndNextContainer
                if(videosElement?.length === 0 && !hasVideoAndNextContainer){
                    nextImage && images[stepIndex]?.classList?.toggle('active')
                }
            }
            
            if (isAgeFeatureOn && isAgeValidationStep) {
                const isOver18Result = isOver18();
                if (isOver18Result) {
                    toNextQuestion(false);
                    // Fix for overlapping videos - ensure only one plays at a time
                    setTimeout(() => {
                        // First pause ALL videos
                        document.querySelectorAll('.asset-container video').forEach(video => {
                            video.pause();
                            const btn = video.parentElement.querySelector('.btn-play');
                            if (btn) btn.classList.remove('playing');
                        });
                        
                        // Find the active container after navigation
                        const activeContainer = document.querySelector('.asset-container.active');
                        if (activeContainer) {
                            // Play only the video in the active container
                            const activeVideo = activeContainer.querySelector('video');
                            if (activeVideo) {
                                activeVideo.play().catch(e => console.log('Video autoplay prevented:', e));
                                const playBtn = activeContainer.querySelector('.btn-play');
                                if (playBtn) playBtn.classList.add('playing');
                            }
                        } else {
                            // If no active container, activate the first question container
                            const questionContainers = document.querySelectorAll('.asset-container');
                            if (questionContainers.length > 0) {
                                // Deactivate all containers
                                document.querySelectorAll('.asset-container').forEach(c => c.classList.remove('active'));
                                // Activate the first question container
                                questionContainers[0].classList.add('active');
                                
                                // Play only this video
                                const video = questionContainers[0].querySelector('video');
                                if (video) {
                                    video.play().catch(e => console.log('Video autoplay prevented:', e));
                                    const playBtn = questionContainers[0].querySelector('.btn-play');
                                    if (playBtn) playBtn.classList.add('playing');
                                }
                            }
                        }
                    }, 100);
                }
            } else {
                toNextQuestion(true)
            }
        }
        const animateRequirements = () => {
            const ctaContainer = document.querySelector('.cta-container')
            const checks = document.querySelectorAll('.checklist')
            let interval = 800
            checks.forEach((check, index) => {
                setTimeout(() => {
                    check.classList.add('show')
                }, interval)
                interval += 800
                if (index === checks.length - 1) {
                    setTimeout(() => {
                        if(hasRewards) {
                            hasRewards.classList.remove('hidden')
                            document.querySelector('.wrap').classList.add('hidden')
                        }
                        else {
                            ctaContainer.classList.add('show')
                        }
                    }, interval)
                }
            })
        }
        // Activate survey actions
        const steps = document.querySelectorAll('.step')
        if (steps.length === 1) animateRequirements()
        document.querySelectorAll('.step .btn').forEach((element) => {
            element.addEventListener('click', () => {
                if (steps.length > 1) {
                    if (videosElement[0]?.autoplay) {
                        videosElement[0]?.play();
                        playBtns[0]?.classList?.add('playing');
                    }
                }
                surveyHandler(element.closest('.step'))
            })
        })
        // Activate first survey modal
        document.querySelector('.step').classList.add('active')
        document.querySelector('.image').classList.add('active')
        
        const mainVideoContainer = document.querySelector('.asset-container.with-video.active');
        if (mainVideoContainer) {
            const mainVideo = mainVideoContainer.querySelector('video');
            const mainPlayBtn = mainVideoContainer.querySelector('.btn-play');
            if (mainVideo && mainVideo.autoplay) {
                mainVideo.play().catch(e => console.log('Video autoplay prevented:', e));
                if (mainPlayBtn) mainPlayBtn.classList.add('playing');
            }
        } else {
            // If no active video container is found, activate the first one
            const firstVideoContainer = document.querySelector('.asset-container.with-video');
            if (firstVideoContainer) {
                firstVideoContainer.classList.add('active');
                const video = firstVideoContainer.querySelector('video');
                const playBtn = firstVideoContainer.querySelector('.btn-play');
                if (video && video.autoplay) {
                    video.play().catch(e => console.log('Video autoplay prevented:', e));
                    if (playBtn) playBtn.classList.add('playing');
                }
            }
        }
    </script>
<script>
    const playBtns = document.querySelectorAll('.asset-container.with-video img')
    const videoElements = document.querySelectorAll('.asset-container video')
    videoElements.forEach((videoElement, index) => {
        videoElement.addEventListener('click', () => {
            playBtns[index].classList.toggle('playing')
            videoElement.paused ? videoElement?.play() : videoElement.pause()
        })
        
        videoElement.addEventListener('play', () => {
            playBtns[index].classList.add('playing')
        })
        
        videoElement.addEventListener('pause', () => {
            playBtns[index].classList.remove('playing')
        })
    })
</script>
<script>
!function(n,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(n="undefined"!=typeof globalThis?globalThis:n||self).EmblaCarousel=t()}(this,(function(){"use strict";function n(n){return"number"==typeof n}function t(n){return"string"==typeof n}function e(n){return"boolean"==typeof n}function r(n){return"[object Object]"===Object.prototype.toString.call(n)}function o(n){return"undefined"!=typeof MouseEvent&&n instanceof MouseEvent}function i(n){return Math.abs(n)}function c(n){return Math.sign(n)}function u(n,t){return i(n-t)}function s(n){return l(n).map(Number)}function a(n){return n[d(n)]}function d(n){return Math.max(0,n.length-1)}function l(n){return Object.keys(n)}function f(n,t){return[n,t].reduce(((n,t)=>(l(t).forEach((e=>{const o=n[e],i=t[e],c=r(o)&&r(i);n[e]=c?f(o,i):i})),n)),{})}function p(t,e){const r={start:function(){return 0},center:function(n){return o(n)/2},end:o};function o(n){return e-n}return{measure:function(o){return n(t)?e*Number(t):r[t](o)}}}function m(){let n=[];const t={add:function(e,r,o,i={passive:!0}){return e.addEventListener(r,o,i),n.push((()=>e.removeEventListener(r,o,i))),t},clear:function(){n=n.filter((n=>n()))}};return t}function g(n,t){const e=i(n-t);function r(t){return t<n}function o(n){return n>t}function c(n){return r(n)||o(n)}return{length:e,max:t,min:n,constrain:function(e){return c(e)?r(e)?n:t:e},reachedAny:c,reachedMax:o,reachedMin:r,removeOffset:function(n){return e?n-e*Math.ceil((n-t)/e):n}}}function h(n,t,e){const{min:r,constrain:o}=g(0,n),c=n+1;let u=s(t);function s(n){return e?i((c+n)%c):o(n)}function a(){return u}function d(n){return u=s(n),l}const l={add:function(n){return d(a()+n)},clone:function(){return h(n,a(),e)},get:a,set:d,min:r,max:n};return l}function x(t){let e=t;function r(n){return e/=n,i}function o(t){return n(t)?t:t.get()}const i={add:function(n){return e+=o(n),i},divide:r,get:function(){return e},multiply:function(n){return e*=n,i},normalize:function(){return 0!==e&&r(e),i},set:function(n){return e=o(n),i},subtract:function(n){return e-=o(n),i}};return i}function y(n,t,r,s,a,d,l,f,p,h,y,v,b,S,w,E){const{cross:M}=n,D=["INPUT","SELECT","TEXTAREA"],A={passive:!1},I=x(0),O=m(),P=m(),z=g(50,225).constrain(b.measure(20)),T={mouse:300,touch:400},L={mouse:500,touch:600},k=S?43:25;let B=!1,H=0,F=0,N=!1,C=!1,R=!1,V=!1;function j(n){if(!C&&!V){if(!n.cancelable)return U(n);const t=a.readPoint(n),e=a.readPoint(n,M),r=u(t,H),o=u(e,F);if(C=r>o,!C)return U(n)}const e=a.pointerMove(n);e&&(R=!0),p.useFriction(.3).useDuration(1),l.start(),s.add(t.apply(e)),n.preventDefault()}function U(n){const e=h.byDistance(0,!1).index!==y.get(),r=a.pointerUp(n)*(S?L:T)[V?"mouse":"touch"],o=function(n,t){const e=y.clone().add(-1*c(n)),r=h.byDistance(n,!S).distance;return S||i(n)<z?r:w&&t?.5*r:h.byIndex(e.get(),0).distance}(t.apply(r),e),s=function(n,t){if(0===n||0===t)return 0;if(i(n)<=i(t))return 0;const e=u(i(n),i(t));return i(e/n)}(r,o),d=k-10*s,l=E+s/50;C=!1,N=!1,P.clear(),p.useDuration(d).useFriction(l),f.distance(o,!S),V=!1,v.emit("pointerUp")}function q(n){R&&(n.stopPropagation(),n.preventDefault())}return{init:function(n,t){if(!t)return;function i(i){(e(t)||t(n,i))&&function(n){const t=o(n);if(V=t,t&&0!==n.button)return;if(function(n){const t=n.nodeName||"";return D.includes(t)}(n.target))return;R=S&&t&&!n.buttons&&B,B=u(s.get(),d.get())>=2,N=!0,a.pointerDown(n),I.set(s),p.useFriction(0).useDuration(0),s.set(d),function(){const n=V?document:r;P.add(n,"touchmove",j,A).add(n,"touchend",U).add(n,"mousemove",j,A).add(n,"mouseup",U)}(),H=a.readPoint(n),F=a.readPoint(n,M),v.emit("pointerDown")}(i)}const c=r;O.add(c,"dragstart",(n=>n.preventDefault()),A).add(c,"touchmove",(()=>{}),A).add(c,"touchend",(()=>{})).add(c,"touchstart",i).add(c,"mousedown",i).add(c,"touchcancel",U).add(c,"contextmenu",U).add(c,"click",q,!0)},pointerDown:function(){return N},destroy:function(){O.clear(),P.clear()}}}function v(n){let t,e;function r(n){return n.timeStamp}function c(t,e){const r="client"+("x"===(e||n.scroll)?"X":"Y");return(o(t)?t:t.touches[0])[r]}return{pointerDown:function(n){return t=n,e=n,c(n)},pointerMove:function(n){const o=c(n)-c(e),i=r(n)-r(t)>170;return e=n,i&&(t=n),o},pointerUp:function(n){if(!t||!e)return 0;const o=c(e)-c(t),u=r(n)-r(t),s=r(n)-r(e)>170,a=o/u;return u&&!s&&i(a)>.1?a:0},readPoint:c}}function b(n,t,r,o){let i,c,u=[],s=!1;function a(n){return r.measureSize(n.getBoundingClientRect())}return{init:function(r,d){if(!d)return;c=a(n),u=t.map(a),i=new ResizeObserver((i=>{s||(e(d)||d(r,i))&&function(e){for(const i of e){const e=i.target===n,s=t.indexOf(i.target);if((e?c:u[s])!==a(e?n:t[s])){r.reInit(),o.emit("resize");break}}}(i)})),[n].concat(t).forEach((n=>i.observe(n)))},destroy:function(){i&&i.disconnect(),s=!0}}}function S(n,t,e){const r=function(n){const t=Math.pow(10,n);return n=>Math.round(n*t)/t}(2),o=x(0);let i=0,u=t,s=e;function a(n){return u=n,l}function d(n){return s=n,l}const l={direction:function(){return i},seek:function(t){const e=t.get()-n.get();return!s||!u?(o.set(0),n.set(t)):(o.add(e/u),o.multiply(s),n.add(o)),i=c(o.get()||e),l},settle:function(t){const e=t.get()-n.get(),o=!r(e);return o&&n.set(t),o},useBaseFriction:function(){return d(e)},useBaseDuration:function(){return a(t)},useFriction:d,useDuration:a};return l}function w(n,t,e,r,o){const c=o.measure(10),u=o.measure(50),s=g(.1,.99);let a=!1;return{constrain:function(o){if(a||!n.reachedAny(e.get())||!n.reachedAny(t.get()))return;const d=n.reachedMin(t.get())?"min":"max",l=i(n[d]-t.get()),f=e.get()-t.get(),p=s.constrain(l/u);e.subtract(f*p),!o&&i(f)<c&&(e.set(n.constrain(e.get())),r.useDuration(25).useBaseFriction())},toggleActive:function(n){a=!n}}}function E(n,t,e,r){const o=g(-t+n,e[0]),i=e.map(o.constrain);return{snapsContained:function(){if(t<=n)return[o.max];if("keepSnaps"===r)return i;const{min:e,max:c}=function(){const n=i[0],t=a(i),e=i.lastIndexOf(n),r=i.indexOf(t)+1;return g(e,r)}();return i.slice(e,c)}()}}function M(n,t,e,r){const o=t.min+.1,i=t.max+.1,{reachedMin:c,reachedMax:u}=g(o,i);return{loop:function(t){if(!function(n){return 1===n?u(e.get()):-1===n&&c(e.get())}(t))return;const o=n*(-1*t);r.forEach((n=>n.add(o)))}}}function D(n){const{max:t,length:e}=n;return{get:function(n){return(n-t)/-e}}}function A(n,t,e,r,o){const{reachedAny:u,removeOffset:s,constrain:a}=r;function d(n){return n.concat().sort(((n,t)=>i(n)-i(t)))[0]}function l(t,r){const o=[t,t+e,t-e];if(!n)return o[0];if(!r)return d(o);return d(o.filter((n=>c(n)===r)))}return{byDistance:function(e,r){const c=o.get()+e,{index:d,distance:f}=function(e){const r=n?s(e):a(e),o=t.map((n=>n-r)).map((n=>l(n,0))).map(((n,t)=>({diff:n,index:t}))).sort(((n,t)=>i(n.diff)-i(t.diff))),{index:c}=o[0];return{index:c,distance:r}}(c),p=!n&&u(c);return!r||p?{index:d,distance:e}:{index:d,distance:e+l(t[d]-f,0)}},byIndex:function(n,e){return{index:n,distance:l(t[n]-o.get(),e)}},shortcut:l}}function I(n,t,e){const r="x"===n.scroll?function(n){return`translate3d(${n}px,0px,0px)`}:function(n){return`translate3d(0px,${n}px,0px)`},o=e.style;let i=!1;return{clear:function(){i||(o.transform="",e.getAttribute("style")||e.removeAttribute("style"))},to:function(n){i||(o.transform=r(t.apply(n.get())))},toggleActive:function(n){i=!n}}}function O(n,t,e,r,o,i,c,u,a){const d=s(o),l=s(o).reverse(),f=function(){const n=i[0]-1;return g(m(l,n),"end")}().concat(function(){const n=e-i[0]-1;return g(m(d,n),"start")}());function p(n,t){return n.reduce(((n,t)=>n-o[t]),t)}function m(n,t){return n.reduce(((n,e)=>p(n,t)>0?n.concat([e]):n),[])}function g(e,o){const i="start"===o,s=i?-r:r,d=c.findSlideBounds([s]);return e.map((e=>{const o=i?0:-r,c=i?r:0,s=d.filter((n=>n.index===e))[0][i?"end":"start"],l=x(-1),f=x(-1),p=I(n,t,a[e]);return{index:e,location:f,translate:p,target:()=>l.set(u.get()>s?o:c)}}))}return{canLoop:function(){return f.every((({index:n})=>p(d.filter((t=>t!==n)),e)<=.1))},clear:function(){f.forEach((n=>n.translate.clear()))},loop:function(){f.forEach((n=>{const{target:t,translate:e,location:r}=n,o=t();o.get()!==r.get()&&(0===o.get()?e.clear():e.to(o),r.set(o))}))},loopPoints:f}}function P(n,t){let r,o=!1;return{init:function(i,c){c&&(r=new MutationObserver((n=>{o||(e(c)||c(i,n))&&function(n){for(const e of n)if("childList"===e.type){i.reInit(),t.emit("slidesChanged");break}}(n)})),r.observe(n,{childList:!0}))},destroy:function(){r&&r.disconnect(),o=!0}}}function z(n,t,e,r,o,i,c){const{removeOffset:u,constrain:s}=o,a=i?[0,t,-t]:[0],d=l(a,c);function l(t,o){const i=t||a,c=function(n){const t=n||0;return e.map((n=>g(.5,n-.5).constrain(n*t)))}(o);return i.reduce(((t,o)=>{const i=r.map(((t,r)=>({start:t-e[r]+c[r]+o,end:t+n-c[r]+o,index:r})));return t.concat(i)}),[])}return{check:function(n,t){const e=i?u(n):s(n);return(t||d).reduce(((n,t)=>{const{index:r,start:o,end:i}=t;return!n.includes(r)&&(o<e&&i>e)?n.concat([r]):n}),[])},findSlideBounds:l}}function T(t,e,r){const o=n(r);return{groupSlides:function(n){return o?function(n,t){return s(n).filter((n=>n%t==0)).map((e=>n.slice(e,e+t)))}(n,r):function(n){return s(n).reduce(((n,r)=>{const o=e.slice(a(n),r+1).reduce(((n,t)=>n+t),0);return!r||o>t?n.concat(r):n}),[]).map(((t,e,r)=>n.slice(t,r[e+1])))}(n)}}}function L(n,t,e,r,o){const{align:c,axis:u,direction:l,startIndex:f,inViewThreshold:L,loop:k,duration:B,dragFree:H,slidesToScroll:F,skipSnaps:N,containScroll:C}=r,R=t.getBoundingClientRect(),V=e.map((n=>n.getBoundingClientRect())),j=function(n){const t="rtl"===n?-1:1;return{apply:function(n){return n*t}}}(l),U=function(n,t){const e="y"===n?"y":"x";return{scroll:e,cross:"y"===n?"x":"y",startEdge:"y"===e?"top":"rtl"===t?"right":"left",endEdge:"y"===e?"bottom":"rtl"===t?"left":"right",measureSize:function(n){const{width:t,height:r}=n;return"x"===e?t:r}}}(u,l),q=U.measureSize(R),$=function(n){return{measure:function(t){return n*(t/100)}}}(q),G=p(c,q),Q=!k&&!!C,W=k||!!C,{slideSizes:X,slideSizesWithGaps:Y}=function(n,t,e,r,o){const{measureSize:c,startEdge:u,endEdge:s}=n,l=e[0]&&o,f=function(){if(!l)return 0;const n=e[0];return i(t[u]-n[u])}(),p=function(){if(!l)return 0;const n=window.getComputedStyle(a(r));return parseFloat(n.getPropertyValue(`margin-${s}`))}(),m=e.map(c),g=e.map(((n,t,e)=>{const r=!t,o=t===d(e);return r?m[t]+f:o?m[t]+p:e[t+1][u]-n[u]})).map(i);return{slideSizes:m,slideSizesWithGaps:g}}(U,R,V,e,W),J=T(q,Y,F),{snaps:K,snapsAligned:Z}=function(n,t,e,r,o,c,u){const{startEdge:s,endEdge:l}=n,{groupSlides:f}=c,p=f(r).map((n=>a(n)[l]-n[0][s])).map(i).map(t.measure),m=r.map((n=>e[s]-n[s])).map((n=>-i(n))),g=function(){const n=a(m)-a(o);return f(m).map((n=>n[0])).map(((t,e,r)=>{const o=!e,i=e===d(r);return u&&o?0:u&&i?n:t+p[e]}))}();return{snaps:m,snapsAligned:g}}(U,G,R,V,Y,J,Q),_=-a(K)+a(Y),{snapsContained:nn}=E(q,_,Z,C),tn=Q?nn:Z,{limit:en}=function(n,t,e){return{limit:function(){const r=t[0],o=a(t);return g(e?r-n:o,r)}()}}(_,tn,k),rn=h(d(tn),f,k),on=rn.clone(),cn=s(e);const un=function(n,t){const e=m(),r=1e3/60;let o,i=null,c=0,u=0;function s(n,t){return()=>{n===!!u&&t()}}function a(e){if(!i)return i=e,d();for(c+=e-i,i=e;c>=r;)n(o),c-=r;t(o),u&&d()}function d(){u=window.requestAnimationFrame(a)}function l(){window.cancelAnimationFrame(u),i=null,u=0}return{init:function(n){o=n,e.add(document,"visibilitychange",(()=>{document.hidden&&(i=null)}))},destroy:function(){l(),e.clear()},start:s(!1,d),stop:s(!0,l)}}((function({target:n,dragHandler:t,scrollBody:e,scrollBounds:r,scrollLooper:o,slideLooper:i,eventHandler:c,animation:u}){const s=t.pointerDown();k||r.constrain(s);const a=e.seek(n).settle(n);a&&!s&&(u.stop(),c.emit("settle")),a||c.emit("scroll"),k&&(o.loop(e.direction()),i.loop())}),(function({translate:n,location:t}){n.to(t)})),sn=tn[rn.get()],an=x(sn),dn=x(sn),ln=S(an,B,.68),fn=A(k,tn,_,en,dn),pn=function(n,t,e,r,o,i){function c(r){const c=r.distance,u=r.index!==t.get();c&&(n.start(),o.add(c)),u&&(e.set(t.get()),t.set(r.index),i.emit("select"))}return{distance:function(n,t){c(r.byDistance(n,t))},index:function(n,e){const o=t.clone().set(n);c(r.byIndex(o.get(),e))}}}(un,rn,on,fn,dn,o),mn=z(q,_,X,K,en,k,L);return{eventHandler:o,containerRect:R,slideRects:V,animation:un,axis:U,direction:j,dragHandler:y(U,j,n,dn,v(U),an,un,pn,ln,fn,rn,o,$,H,N,.68),eventStore:m(),percentOfView:$,index:rn,indexPrevious:on,limit:en,location:an,options:r,resizeHandler:b(t,e,U,o),scrollBody:ln,scrollBounds:w(en,an,dn,ln,$),scrollLooper:M(_,en,an,[an,dn]),scrollProgress:D(en),scrollSnaps:tn,scrollTarget:fn,scrollTo:pn,slideLooper:O(U,j,q,_,Y,tn,mn,an,e),slidesHandler:P(t,o),slidesInView:mn,slideIndexes:cn,slidesToScroll:J,target:dn,translate:I(U,j,t)}}const k={align:"center",axis:"x",container:null,slides:null,containScroll:null,direction:"ltr",slidesToScroll:1,breakpoints:{},dragFree:!1,inViewThreshold:0,loop:!1,skipSnaps:!1,duration:25,startIndex:0,active:!0,watchDrag:!0,watchResize:!0,watchSlides:!0};function B(){function n(n,t){return f(n,t||{})}const t={mergeOptions:n,optionsAtMedia:function(t){const e=t.breakpoints||{},r=l(e).filter((n=>window.matchMedia(n).matches)).map((n=>e[n])).reduce(((t,e)=>n(t,e)),{});return n(t,r)},optionsMediaQueries:function(n){return n.map((n=>l(n.breakpoints||{}))).reduce(((n,t)=>n.concat(t)),[]).map(window.matchMedia)}};return t}function H(n,e,r){const o=m(),i=function(){const n=B();let t=[];return{init:function(e,r){return t=e.filter((({options:t})=>!1!==n.optionsAtMedia(t).active)),t.forEach((t=>t.init(r,n))),e.reduce(((n,t)=>Object.assign(n,{[t.name]:t})),{})},destroy:function(){t=t.filter((n=>n.destroy()))}}}(),c=function(){const n={};let t;function e(t){return n[t]||[]}const r={init:function(n){t=n},emit:function(n){return e(n).forEach((e=>e(t,n))),r},off:function(t,o){return n[t]=e(t).filter((n=>n!==o)),r},on:function(t,o){return n[t]=e(t).concat([o]),r}};return r}(),{mergeOptions:u,optionsAtMedia:s,optionsMediaQueries:a}=B(),{on:d,off:l,emit:f}=c,p=M;let g,h,x,y,v=!1,b=u(k,H.globalOptions),S=u(b),w=[];function E(e,r){if(!v){if(b=u(b,e),S=s(b),function(){const{container:e,slides:r}=S,o=t(e)?n.querySelector(e):e;x=o||n.children[0];const i=t(r)?x.querySelectorAll(r):r;y=[].slice.call(i||x.children)}(),g=L(n,x,y,S,c),!S.active)return D();if(g.translate.to(g.location),w=r||w,h=i.init(w,P),a([b,...w.map((({options:n})=>n))]).forEach((n=>o.add(n,"change",M))),g.animation.init(g),g.eventHandler.init(P),g.resizeHandler.init(P,S.watchResize),g.slidesHandler.init(P,S.watchSlides),S.loop){if(!g.slideLooper.canLoop())return D(),E({loop:!1},r),void(b=u(b,{loop:!0}));g.slideLooper.loop()}x.offsetParent&&y.length&&g.dragHandler.init(P,S.watchDrag)}}function M(n,t){const e=O();D(),E(u({startIndex:e},n),t),c.emit("reInit")}function D(){g.dragHandler.destroy(),g.animation.destroy(),g.eventStore.clear(),g.translate.clear(),g.slideLooper.clear(),g.resizeHandler.destroy(),g.slidesHandler.destroy(),i.destroy(),o.clear()}function A(n){const t=g[n?"target":"location"].get(),e=S.loop?"removeOffset":"constrain";return g.slidesInView.check(g.limit[e](t))}function I(n,t,e){S.active&&!v&&(g.scrollBody.useBaseFriction().useDuration(t?0:S.duration),g.scrollTo.index(n,e||0))}function O(){return g.index.get()}const P={canScrollNext:function(){return g.index.clone().add(1).get()!==O()},canScrollPrev:function(){return g.index.clone().add(-1).get()!==O()},containerNode:function(){return x},internalEngine:function(){return g},destroy:function(){v||(v=!0,o.clear(),D(),c.emit("destroy"))},off:l,on:d,emit:f,plugins:function(){return h},previousScrollSnap:function(){return g.indexPrevious.get()},reInit:p,rootNode:function(){return n},scrollNext:function(n){I(g.index.clone().add(1).get(),!0===n,-1)},scrollPrev:function(n){I(g.index.clone().add(-1).get(),!0===n,1)},scrollProgress:function(){return g.scrollProgress.get(g.location.get())},scrollSnapList:function(){return g.scrollSnaps.map(g.scrollProgress.get)},scrollTo:I,selectedScrollSnap:O,slideNodes:function(){return y},slidesInView:A,slidesNotInView:function(n){const t=A(n);return g.slideIndexes.filter((n=>!t.includes(n)))}};return E(e,r),setTimeout((()=>c.emit("init")),0),P}return H.globalOptions=void 0,H}));
</script><script>
    const emblaNode = document.querySelector('.embla')
    if(emblaNode) {
        const OPTIONS = { loop: true, align: 'start' }
        const viewportNode = emblaNode.querySelector('.embla__viewport')
        // @ts-ignore
        const emblaApi = EmblaCarousel(viewportNode, OPTIONS)
        const nextSlide = document.querySelector('.btn-next')
        const prevSlide = document.querySelector('.btn-prev')
        const maxSlide = document.querySelectorAll('.embla__slide').length - 1
        let currentSlide = 0
        emblaApi.on('init', function(e){
            nextSlide.addEventListener('click', () => {
                if (currentSlide === maxSlide) {
                    currentSlide = 0
                } else {
                    currentSlide++
                }
                emblaApi.scrollTo(currentSlide)
            })
            prevSlide.addEventListener('click', () => {
                if (currentSlide === 0) {
                    currentSlide = maxSlide
                } else {
                    currentSlide--
                }
                emblaApi.scrollTo(currentSlide)
            })
        })
    }
</script>
<script>
    document.querySelectorAll('[class*="urlManager-"]').forEach((element) => {
        Object.values(element.classList).find((e) => {
            if (e.includes('urlManager-')) {
                const outlinkType = e.split('urlManager-')[1]
                element.dataset.type = setElementsHref(outlinkType, `urlManager-${outlinkType}` )
            }
        })
    })
</script>
<script>
    const closeMultiSelect = () => {
        const selectOptions = document.querySelectorAll('.mainOption');
        if(!selectOptions?.length) {
            return
        }
        selectOptions.forEach(optionBox => {
            const optionsBox = optionBox.nextElementSibling;
            optionsBox.classList.remove('active');
            optionBox.classList.remove('active');
        })
    }
    document.addEventListener('DOMContentLoaded', (event) => {
        document.addEventListener("click", closeMultiSelect);
    });
    const openMultiSelect = (event, location) => {
        event.stopPropagation();
        const optionsBox = location.nextElementSibling;
        location.classList.add('active');
        if(optionsBox.classList.contains('active')) {
            closeMultiSelect();
        } else {
            optionsBox.classList.add('active');
        }
    }
    const multiSelectOptionClick = (event, location) => {
        event.stopPropagation();
        const SELECT_TYPES = {
            select: 'select',
            multiSelect: 'multiSelect',
        }
        const parent = location.closest('.selectOptionsDropdown');
        const mainInput = parent.previousElementSibling.querySelector('span');
        const selectType = parent.getAttribute("data-select");
        const isSelect = selectType === SELECT_TYPES.select;
        let valueString = '';
        if(isSelect) {
                        const options = parent.querySelectorAll('.selectOption');
            options.forEach(option => option.classList.remove('active'))
            location.classList.add('active');
            valueString = location.textContent;
            closeMultiSelect();
        } else {
                        if(location.classList.contains('active')) {
                location.classList.remove('active');
            } else {
                location.classList.add('active');
            }
            const valuesText = [];
            const parentGetUpdatedNodes = location.closest('.selectOptionsDropdown');
            const options = parentGetUpdatedNodes.querySelectorAll('.selectOption');
            const getPlaceholderFromDisabledOption = parentGetUpdatedNodes.querySelector('.disabled').textContent;
            options.forEach(option => {
                if(option.classList.contains('active')) {
                    const text = option.textContent;
                    valuesText.push(text)
                }
            })
            valueString = valuesText.length ? valuesText.join(', ') : getPlaceholderFromDisabledOption.trim();
        }
         mainInput.textContent = valueString;
    }
    const multiSelectDisabledOptionClick = (event) => {
        event.stopPropagation();
    }
</script>                                                                                                                 <script>
    const dateTimeElement = document.querySelector('.datetime')
    dateTimeElement.innerHTML = new Date().getFullYear()
</script>                                        
            <script>console.log(1,"$VOLUUMOUTLINK")</script>
              
    </body>
   </html>
   