Staysure™ Travel Insurance - It's Worth Doing Right

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>Staysure™ Travel Insurance - It's Worth Doing Right</title> <meta name="description" content="Get up to unlimited medical expenses with our award-winning Travel Insurance. 24 hr emergency helpline. UK contact centres. No upper age limit."> <link rel="canonical" href="https://www.staysure.co.uk/" /> <link rel="icon" type="image/x-icon" href="/wp-content/themes/staysure-wdr/assets/hp-assets/images/global/favicon.png" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="format-detection" content="telephone=no">  <script async src='https://www.google-analytics.com/analytics.js'></script> <script>(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+ '&gtm_auth=Sc0-XkgGDcBYSKFL3vsHfg&gtm_preview=env-47&gtm_cookies_win=x';f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-5Q3TP4');</script>  <script src="https://cdn-pci.optimizely.com/js/19950350606.js"></script>  <meta property="og:locale" content="en_GB" /> <meta property="og:type" content="website" /> <meta property="og:title" content="Staysure™ Travel Insurance - It's Worth Doing Right" /> <meta property="og:description" content="Get up to unlimited medical expenses with our award-winning Travel Insurance. 24 hr emergency helpline. UK contact centres. No upper age limit." /> <meta property="og:url" content="https://www.staysure.co.uk/" /> <meta property="og:site_name" content="Staysure" />  <meta property="article:publisher" content="https://www.facebook.com/staysure" /> <meta property="article:modified_time" content="2023-08-29T13:50:19+00:00" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="@staysure" /> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>  <link rel="preload" href="https://www.staysure.co.uk/wp-content/themes/staysure-wdr/assets/fonts/CiutadellaRounded-SmBd.woff2" as="font" type="font/woff2" crossorigin> <link rel="preload" href="https://www.staysure.co.uk/wp-content/themes/staysure-wdr/assets/fonts/CiutadellaRounded-Bd.woff2" as="font" type="font/woff2" crossorigin> <link rel="preload" href="https://www.staysure.co.uk/wp-content/themes/staysure-wdr/assets/fonts/CiutadellaRounded-Md.woff2" as="font" type="font/woff2" crossorigin> <link rel="preload" href="https://www.staysure.co.uk/wp-content/themes/staysure-wdr/assets/fonts/CiutadellaRounded-Rg.woff2" as="font" type="font/woff2" crossorigin> <link rel="preload" href="https://www.staysure.co.uk/wp-content/themes/staysure-wdr/assets/fonts/ProximaNova-Regular.woff2" as="font" type="font/woff2" crossorigin> <link rel="preload" href="https://www.staysure.co.uk/wp-content/themes/staysure-wdr/assets/fonts/ProximaNova-Semibold.woff2" as="font" type="font/woff2" crossorigin> <link rel="preload" href="https://www.staysure.co.uk/wp-content/themes/staysure-wdr/assets/fonts/ProximaNova-Bold.woff2" as="font" type="font/woff2" crossorigin> <link rel="preload" href="https://www.staysure.co.uk/wp-content/themes/staysure-wdr/assets/fonts/OpenSans-Reg.woff2" as="font" type="font/woff2" crossorigin> <link rel="preload" href="https://www.staysure.co.uk/wp-content/themes/staysure-wdr/assets/fonts/OpenSans-Md.woff2" as="font" type="font/woff2" crossorigin> <link rel="preload" href="https://www.staysure.co.uk/wp-content/themes/staysure-wdr/assets/fonts/OpenSans-SB.woff2" as="font" type="font/woff2" crossorigin> <link rel="preload" href="https://www.staysure.co.uk/wp-content/themes/staysure-wdr/assets/fonts/OpenSans-Bd.woff2" as="font" type="font/woff2" crossorigin> <link rel="preload" href="https://www.staysure.co.uk/wp-content/themes/staysure-wdr/assets/fonts/DMSerifDisplay-Reg.woff2" as="font" type="font/woff2" crossorigin>  <link rel="stylesheet" href="/wp-content/themes/staysure-wdr/assets/hp-assets/css/normalize.min.css?v=1.0.6"> <link rel="stylesheet" href="/wp-content/themes/staysure-wdr/assets/hp-assets/css/global.css?v=1.0.8"> <link rel="stylesheet" href="/wp-content/themes/staysure-wdr/assets/extracss/constant.min.css?v=1.1.2">   <script src="/wp-content/themes/staysure-wdr/assets/hp-assets/js/modernizr-custom.js?v=1.0.3"></script> <style type="text/css"> @font-face { font-family: 'Ciutadella Rounded'; src: url('https://www.staysure.co.uk/wp-content/themes/staysure-wdr/assets/fonts/CiutadellaRounded-Rg.woff2') format('woff2'), url('https://www.staysure.co.uk/wp-content/themes/staysure-wdr/assets/fonts/CiutadellaRounded-Rg.woff') format('woff'), url('https://www.staysure.co.uk/wp-content/themes/staysure-wdr/assets/fonts/CiutadellaRounded-Rg.ttf') format('truetype'); font-display: swap; font-weight: 400; font-style: normal; } @font-face { font-family: 'Ciutadella Rounded'; src: url('https://www.staysure.co.uk/wp-content/themes/staysure-wdr/assets/fonts/CiutadellaRounded-Md.woff2') format('woff2'), url('https://www.staysure.co.uk/wp-content/themes/staysure-wdr/assets/fonts/CiutadellaRounded-Md.woff') format('woff'), url('https://www.staysure.co.uk/wp-content/themes/staysure-wdr/assets/fonts/CiutadellaRounded-Md.ttf') format('truetype'); font-display: swap; font-weight: 500; font-style: normal } @font-face { font-family: 'Ciutadella Rounded'; src: url('https://www.staysure.co.uk/wp-content/themes/staysure-wdr/assets/fonts/CiutadellaRounded-SmBd.woff2') format('woff2'), url('https://www.staysure.co.uk/wp-content/themes/staysure-wdr/assets/fonts/CiutadellaRounded-SmBd.woff') format('woff'), url('https://www.staysure.co.uk/wp-content/themes/staysure-wdr/assets/fonts/CiutadellaRounded-SmBd.ttf') format('truetype'); font-display: swap; font-weight: 600; font-style: normal; } @font-face { font-family: 'Ciutadella Rounded'; src: url('https://www.staysure.co.uk/wp-content/themes/staysure-wdr/assets/fonts/CiutadellaRounded-Bd.woff2') format('woff2'), url('https://www.staysure.co.uk/wp-content/themes/staysure-wdr/assets/fonts/CiutadellaRounded-Bd.woff') format('woff'), url('https://www.staysure.co.uk/wp-content/themes/staysure-wdr/assets/fonts/CiutadellaRounded-Bd.ttf') format('truetype'); font-display: swap; font-weight: 700; font-style: normal } @font-face { font-family: 'DM Serif Display'; src: url('https://www.staysure.co.uk/wp-content/themes/staysure-wdr/assets/fonts/DMSerifDisplay-Reg.woff2') format('woff2'), url('https://www.staysure.co.uk/wp-content/themes/staysure-wdr/assets/fonts/DMSerifDisplay-Reg.woff') format('woff'), url('https://www.staysure.co.uk/wp-content/themes/staysure-wdr/assets/fonts/DMSerifDisplay-Reg.ttf') format('truetype'); font-display: swap; font-weight: 400; font-style: normal; } @font-face { font-family: 'Open Sans'; src: url('https://www.staysure.co.uk/wp-content/themes/staysure-wdr/assets/fonts/OpenSans-Reg.woff2') format('woff2'), url('https://www.staysure.co.uk/wp-content/themes/staysure-wdr/assets/fonts/OpenSans-Reg.woff') format('woff'), url('https://www.staysure.co.uk/wp-content/themes/staysure-wdr/assets/fonts/OpenSans-Reg.ttf') format('truetype'); font-display: swap; font-style: normal; font-weight: normal; } @font-face { font-family: 'Open Sans'; src: url('https://www.staysure.co.uk/wp-content/themes/staysure-wdr/assets/fonts/OpenSans-Md.woff2') format('woff2'), url('https://www.staysure.co.uk/wp-content/themes/staysure-wdr/assets/fonts/OpenSans-Md.woff') format('woff'), url('https://www.staysure.co.uk/wp-content/themes/staysure-wdr/assets/fonts/OpenSans-Md.ttf') format('truetype'); font-display: swap; font-style: normal; font-weight: 500; } @font-face { font-family: 'Open Sans'; src: url('https://www.staysure.co.uk/wp-content/themes/staysure-wdr/assets/fonts/OpenSans-SB.woff2') format('woff2'), url('https://www.staysure.co.uk/wp-content/themes/staysure-wdr/assets/fonts/OpenSans-SB.woff') format('woff'), url('https://www.staysure.co.uk/wp-content/themes/staysure-wdr/assets/fonts/OpenSans-SB.ttf') format('truetype'); font-display: swap; font-style: normal; font-weight: 600; } @font-face { font-family: 'Open Sans'; src: url('https://www.staysure.co.uk/wp-content/themes/staysure-wdr/assets/fonts/OpenSans-Bd.woff2') format('woff2'), url('https://www.staysure.co.uk/wp-content/themes/staysure-wdr/assets/fonts/OpenSans-Bd.woff') format('woff'), url('https://www.staysure.co.uk/wp-content/themes/staysure-wdr/assets/fonts/OpenSans-Bd.ttf') format('truetype'); font-display: swap; font-style: normal; font-weight: 700; } @font-face { font-family: 'Proxima Nova'; src: url('https://www.staysure.co.uk/wp-content/themes/staysure-wdr/assets/fonts/ProximaNova-Regular.woff2') format('woff2'), url('https://www.staysure.co.uk/wp-content/themes/staysure-wdr/assets/fonts/ProximaNova-Regular.woff') format('woff'), url('https://www.staysure.co.uk/wp-content/themes/staysure-wdr/assets/fonts/ProximaNova-Regular.ttf') format('truetype'); font-display: swap; font-style: normal; font-weight: 400; } @font-face { font-family: 'Proxima Nova'; src: url('https://www.staysure.co.uk/wp-content/themes/staysure-wdr/assets/fonts/ProximaNova-Semibold.woff2') format('woff2'), url('https://www.staysure.co.uk/wp-content/themes/staysure-wdr/assets/fonts/ProximaNova-Semibold.woff') format('woff'), url('https://www.staysure.co.uk/wp-content/themes/staysure-wdr/assets/fonts/ProximaNova-Semibold.ttf') format('truetype'); font-display: swap; font-style: normal; font-weight: 600; } @font-face { font-family: 'Proxima Nova'; src: url('https://www.staysure.co.uk/wp-content/themes/staysure-wdr/assets/fonts/ProximaNova-Bold.woff2') format('woff2'), url('https://www.staysure.co.uk/wp-content/themes/staysure-wdr/assets/fonts/ProximaNova-Bold.woff') format('woff'), url('https://www.staysure.co.uk/wp-content/themes/staysure-wdr/assets/fonts/ProximaNova-Bold.ttf') format('truetype'); font-display: swap; font-style: normal; font-weight: 700; } </style> </head> <body>  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5Q3TP4&gtm_auth=Sc0-XkgGDcBYSKFL3vsHfg&gtm_preview=env-47&gtm_cookies_win=x" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <link rel="stylesheet" href="/wp-content/themes/staysure-wdr/partials/homepage/sections/header/header.css?v=5.2.2"> <link rel="stylesheet" href="/wp-content/themes/staysure-wdr/assets/hp-assets/css/overlays.css?v=2.6.7"> <link rel="stylesheet" href="/wp-content/themes/staysure-wdr/assets/hp-assets/css/normalize.min.css?v=1.0.7"> <link rel="stylesheet" href="/wp-content/themes/staysure-wdr/assets/hp-assets/css/global.css?v=1.0.8"> <link rel="stylesheet" href="/wp-content/themes/staysure-wdr/partials/homepage/sections/nav/nav.css?v=4.4.7"> <script src='/wp-content/themes/staysure-wdr/includes/js/google-event.js?v=1.5'></script> <div class="header-awards"> <div class="awards"> <div class="banner active"> <div class="one"> <picture> <source media="(max-width: 767px)" srcset="https://www.staysure.co.uk/wp-content/uploads/2025/01/BTA-Award-24-Mobile.png.webp"> <source media="(min-width: 768px)" srcset="https://www.staysure.co.uk/wp-content/uploads/2025/01/BTA-Award-24-Desktop.png.webp"> <img width="44" height="46" src="https://www.staysure.co.uk/wp-content/uploads/2025/01/BTA-Award-24-Desktop.png.webp" alt="Most reviewed travel insurance provider"> </picture> <div class="two"> Voted Best Company for Travel Insurance 8 years in a row by the British Travel Awards </div> </div> </div> <div class="banner"> <div class="one"> <picture> <source media="(max-width: 767px)" srcset="/wp-content/themes/staysure-wdr/assets/images/trustpilot-strip-mob-2.svg"> <source media="(min-width: 768px)" srcset="/wp-content/themes/staysure-wdr/assets/images/trustpilot-strip-2.svg"> <img src="/wp-content/themes/staysure-wdr/assets/images/trustpilot-strip-2.svg" alt="Most reviewed travel insurance provider"> </picture> <div class="two"> Most reviewed travel insurance provider with 453,389 reviews </div> </div> </div> <div class="banner"> <div class="one"> <picture> <source media="(max-width: 767px)" srcset="https://www.staysure.co.uk/wp-content/uploads/2024/07/staysure-defaqto-2024.jpg-300x254-1.webp"> <source media="(min-width: 768px)" srcset="https://www.staysure.co.uk/wp-content/uploads/2024/07/staysure-defaqto-2024.jpg-300x254-1.webp"> <img width="62" height="53" src="https://www.staysure.co.uk/wp-content/uploads/2024/07/staysure-defaqto-2024.jpg-300x254-1.webp" alt="Most reviewed travel insurance provider"> </picture> <div class="two"> Defaqto 5 star rated Travel Insurance Comprehensive and Signature cover </div> </div> </div> </div> </div> <script> /* swap top header banner every 6 seconds and fade in */ var banners = document.querySelectorAll('.banner'); var bannerIndex = 0; var bannerInterval = setInterval(function() { banners[bannerIndex].classList.remove('active'); bannerIndex = (bannerIndex + 1) % banners.length; banners[bannerIndex].classList.add('active'); banners[bannerIndex].classList.add('fade-in'); }, 6000); </script> <style> .banner { display: none; } .banner.active { display: inline-block; } </style> </div> <style> </style> <header class="mobile"> <a href="/" style="display: contents;"> <img width="300" height="45" src="/wp-content/themes/staysure-wdr/partials/homepage/sections/header/images/staysure--nostrapline.svg" alt="Staysure logo" /> </a> <div> <a href="https://my.staysure.co.uk/signin"> <div class="menu-icon-border"> <svg xmlns="http://www.w3.org/2000/svg" width="19" height="19" viewBox="0 0 19 19" fill="none"> <g clip-path="url(#clip0_2312_558)"> <path d="M9.74121 10.625C12.5361 10.625 14.8037 8.35742 14.8037 5.5625C14.8037 2.76758 12.5361 0.5 9.74121 0.5C6.94629 0.5 4.67871 2.76758 4.67871 5.5625C4.67871 8.35742 6.94629 10.625 9.74121 10.625ZM14.2412 11.75H12.3041C11.5236 12.1086 10.6553 12.3125 9.74121 12.3125C8.82715 12.3125 7.96231 12.1086 7.17832 11.75H5.24121C2.75566 11.75 0.741211 13.7645 0.741211 16.25V16.8125C0.741211 17.7441 1.49707 18.5 2.42871 18.5H17.0537C17.9854 18.5 18.7412 17.7441 18.7412 16.8125V16.25C18.7412 13.7645 16.7268 11.75 14.2412 11.75Z" fill="#522367" /> </g> <defs> <clipPath id="clip0_2312_558"> <rect width="18" height="18" fill="white" transform="translate(0.741211 0.5)" /> </clipPath> </defs> </svg> </div> </a> <div id="csOpen" class="menu-icon-border" onclick="reverttoButton()"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="18px" height="18px" viewBox="0 0 18 18" version="1.1"> <defs /> <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Mobile-Button---Call" transform="translate(-6.000000, -9.000000)" fill="#522367"> <path d="M11.7226256,22.050675 C10.5551173,20.8833917 9.83535257,19.8666313 7.2620644,21.9348017 C4.68855123,24.0038721 6.66514794,25.3824273 7.79598176,26.5137111 C9.10096308,27.8184675 13.9656185,26.5823352 18.7740247,21.774604 C23.5817558,16.9657478 24.8187881,12.1010924 23.5129068,10.7956611 C22.381848,9.66460226 21.0032927,7.68868054 18.9351223,10.2624187 C16.866502,12.8350319 17.8828124,13.5550216 19.0505457,14.7225299 C19.865484,15.5379182 18.1631584,17.6004637 16.3818589,19.3819882 C14.6005594,21.1632877 12.5377889,22.8660633 11.7226256,22.050675 Z" id="Shape" transform="translate(14.999850, 18.000000) scale(-1, 1) translate(-14.999850, -18.000000) " /> </g> </g> </svg> </div> <div style="display: none;" id="csClose" class="menu-icon-border"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="18px" height="18px" viewBox="0 0 16 16" version="1.1"> <defs /> <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g transform="translate(-242.000000, -20.000000)" fill="#522367"> <g id="Header" transform="translate(-868.000000, 0.000000)"> <g id="Close" transform="translate(1110.000000, 20.000000)"> <rect id="Container" transform="translate(8.000000, 8.000000) rotate(-315.000000) translate(-8.000000, -8.000000) " x="-2" y="7" width="20" height="2" rx="1" /> <rect id="Container" transform="translate(8.000000, 8.000000) rotate(-45.000000) translate(-8.000000, -8.000000) " x="-2" y="7" width="20" height="2" rx="1" /> </g> </g> </g> </g> </svg> </div> <div id="menuOpen" class="menu-icon-border"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20px" height="14px" viewBox="0 0 20 14" version="1.1"> <defs /> <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g transform="translate(-7.000000, -11.000000)" fill="#FFFFFF"> <g id="Group" transform="translate(7.000000, 11.000000)"> <rect id="Container" x="0" y="6" width="20" height="2" rx="1" /> <rect id="Container" x="0" y="0" width="20" height="2" rx="1" /> <rect id="Container" x="0" y="12" width="20" height="2" rx="1" /> </g> </g> </g> </svg> </div> <div style="display: none;" id="menuClose" class="menu-icon-border"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="18px" height="18px" viewBox="0 0 16 16" version="1.1"> <defs /> <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g transform="translate(-242.000000, -20.000000)" fill="#FFFFFF"> <g id="Header" transform="translate(-868.000000, 0.000000)"> <g id="Close" transform="translate(1110.000000, 20.000000)"> <rect id="Container" transform="translate(8.000000, 8.000000) rotate(-315.000000) translate(-8.000000, -8.000000) " x="-2" y="7" width="20" height="2" rx="1" /> <rect id="Container" transform="translate(8.000000, 8.000000) rotate(-45.000000) translate(-8.000000, -8.000000) " x="-2" y="7" width="20" height="2" rx="1" /> </g> </g> </g> </g> </svg> </div> <script> // when click id="menuOpen" hide and show id="menuClose" document.getElementById("menuOpen").addEventListener("click", function() { document.body.scrollTop = 0; document.documentElement.scrollTop = 0; document.body.style.overflow = "hidden"; document.getElementById("SliderTel").classList.remove("slide-down-tel"); document.getElementById("csOpen").style.display = "flex"; document.getElementById("csClose").style.display = "none"; document.getElementById("menuOpen").style.display = "none"; document.getElementById("menuClose").style.display = "flex"; triggerMenu(); }); // when click id="menuClose" hide and show id="menuOpen" document.getElementById("menuClose").addEventListener("click", function() { document.body.style.overflow = "auto"; document.getElementById("menuClose").style.display = "none"; document.getElementById("menuOpen").style.display = "flex"; triggerMenu(); }); // when click id="menuOpen" hide and show id="menuClose" document.getElementById("csOpen").addEventListener("click", function() { document.body.scrollTop = 0; document.documentElement.scrollTop = 0; document.body.style.overflow = "hidden"; document.getElementById("SliderMenu").classList.remove("slide-down-menu"); document.getElementById("menuOpen").style.display = "flex"; document.getElementById("menuClose").style.display = "none"; document.getElementById("csOpen").style.display = "none"; document.getElementById("csClose").style.display = "flex"; triggerTel(); }); // when click id="menuClose" cs and show id="menuOpen" document.getElementById("csClose").addEventListener("click", function() { document.body.style.overflow = "auto"; document.getElementById("csClose").style.display = "none"; document.getElementById("csOpen").style.display = "flex"; triggerTel(); }); </script> </div> </header> <style> #SliderTel .callus-wrapper { display: flex; flex-direction: column; row-gap: 15px; } #SliderTel .callus-wrapper .callus__title { font-family: "Ciutadella Rounded", Helvetica, Arial, sans-serif; font-weight: 600; color: #212427; font-size: 1em; line-height: 25.6px; } #SliderTel .cServices { border-right: 0; border-left: 0; display: flex; align-items: center; justify-content: center; } </style> <div id="SliderTel" class="slide-up-tel"> <div style=" position: fixed; z-index: 99997; width: 100%; background: rgb(0 0 0 / 70%); height: -webkit-fill-available; overflow-y: auto; "> <div class="contents" style=" width: 100vw; background: white; "> <div id="contactDiv" class="callus-wrapper"> <div class="callus callus--sales-team"> <div class="callus__title">Sales Team</div> <div class="callus__tel"><a class="callus__tel_no" href="tel:0333 006 8052">0333 006 8052</a></div> <div class="callus__tagline"> <div class="callus__viewtimes tooltip three dropdown"> <svg style="height: 10px; width:auto;" xmlns="http://www.w3.org/2000/svg" fill="#66509C" fill-rule="evenodd" clip-rule="evenodd" viewBox="0 0 336 511.46"> <path fill-rule="nonzero" d="M0 469V42.42c.02-9.89 3.46-19.81 10.45-27.85 15.39-17.66 42.2-19.53 59.86-4.15L321.46 229.2c1.69 1.51 3.32 3.17 4.81 4.97 14.92 18.04 12.4 44.78-5.64 59.7L71.14 500.3c-7.56 6.93-17.62 11.16-28.68 11.16C19.02 511.46 0 492.44 0 469z" /> </svg> <span class="opening-hours-label">Opening hours</span> <span class="tooltiptext"> <span class="title">Telephone Hours</span> <ul> <li>Monday - Friday: 8:30am - 8pm</li> <li>Saturday: 9am - 5.30pm</li> <li>Sunday: 10am - 4pm</li> </ul> </span> </div> </div> </div> <div class="callus callus--customer-service"> <div class="callus__title">Customer Services</div> <p class="callus__cservice-desc"> Get a faster response from a member of our team. </p> <div class="callus__tagline"> <div class="callus__viewtimes tooltip tooltip--top three dropdown"> <svg style="height: 10px; width:auto;" xmlns="http://www.w3.org/2000/svg" fill="#66509C" fill-rule="evenodd" clip-rule="evenodd" viewBox="0 0 336 511.46"> <path fill-rule="nonzero" d="M0 469V42.42c.02-9.89 3.46-19.81 10.45-27.85 15.39-17.66 42.2-19.53 59.86-4.15L321.46 229.2c1.69 1.51 3.32 3.17 4.81 4.97 14.92 18.04 12.4 44.78-5.64 59.7L71.14 500.3c-7.56 6.93-17.62 11.16-28.68 11.16C19.02 511.46 0 492.44 0 469z" /> </svg> <span class="opening-hours-label">Opening hours</span> <span class="tooltiptext"> <span class="title">Telephone Hours</span> <ul> <li>Mon-Fri: 8:30am to 6pm</li> <li>Sat: 9am to 5pm</li> <li>Sun: Closed</li> </ul> </span> </div> </div> </div> <a href="javascript:void(0);" class="callus__btn callus__btn--chat-now" onclick="openChat()">Chat Now</a> <div class="callus"> <p class="callus__desc">Alternatively, you can give us a call. You may be charged a £15 fee for making a change to your policy over the phone. You can make changes without additional charge by logging into <a href="https://my.staysure.co.uk/signin" target="_blank" rel="noreferrer" class="callus__desc--link">My Staysure</a>. </p> <div class="callus__tagline"> <div class="callus__viewtimes tooltip tooltip--top three dropdown"> <svg style="height: 10px; width:auto;" xmlns="http://www.w3.org/2000/svg" fill="#66509C" fill-rule="evenodd" clip-rule="evenodd" viewBox="0 0 336 511.46"> <path fill-rule="nonzero" d="M0 469V42.42c.02-9.89 3.46-19.81 10.45-27.85 15.39-17.66 42.2-19.53 59.86-4.15L321.46 229.2c1.69 1.51 3.32 3.17 4.81 4.97 14.92 18.04 12.4 44.78-5.64 59.7L71.14 500.3c-7.56 6.93-17.62 11.16-28.68 11.16C19.02 511.46 0 492.44 0 469z"></path> </svg> <span class="opening-hours-label">Opening hours</span> <span class="tooltiptext"> <span class="title">Telephone Hours</span> <ul> <li>Mon - Fri: 8:30am to 8pm</li> <li>Sat : 9am to 5.30pm</li> <li>Sun: 10am to 4pm</li> </ul> </span> </div> </div> </div> <a href="javascript:void(0);" class="callus__btn callus__btn--call-us" id="call_button_m" onclick="showNumberMobile()">Call Us</a> <a href="tel:03330 144512" class="callus__btn-number" id="contact_number_m">03330 144512</a> </div> </div> </div> </div> <script> function OpenChat() { zE('messenger', 'open'); } function showNumberMobile() { document.getElementById("call_button_m").style.display = "none"; document.getElementById("contact_number_m").style.display = "flex"; } </script> <style> #SliderMenu { position: fixed; z-index: 999; width: 100%; } #SliderMenu .content { margin: 20px; } #SliderMenu ul { list-style-type: none; padding: 0; animation: fade-in 1s; margin-top: 0; } #SliderSubMenu ul { margin-left: 20px; width: 90%; } #SliderSubMenu ul li { padding: 0; } #SliderMenu li { border-top: 1px solid #795487; padding: 13px 10px 13px 10px; } #SliderMenu a { width: 100%; font-size: 1.1em; color: #fff; } #SliderMenu a { color: #fff; text-decoration: none; display: table; } #SliderMenu .menu-drop { border-top: 1px solid #795487; width: 100%; font-size: 1.1em; display: block; color: #fff; } #SliderMenu .menu-drop span { padding: 13px 10px 13px 10px; display: block; } #SliderSubMenu { background: #522367; } #SliderSubMenu .content { margin: 20px; } #SliderSubMenu ul { list-style-type: none; padding: 0; animation: fade-in 1s; } #SliderSubMenu li { border-top: 1px solid #795487; } #SliderSubMenu a { width: 100%; font-size: 1.1em; display: block; color: #fff; padding: 10px 10px 10px 10px; } #SliderSubMenu a { color: #fff; text-decoration: none; } </style> <div id="SliderMenu" class="slide-up-menu"> <div style=" background: rgb(0 0 0 / 70%); height: 100vh; width: 100vw; overflow: auto; "> <div class="contents" style="background: #522367; scroll-behavior: auto;"> <div style="position: relative;" class="menu-drop" onclick="triggerSubMenu()"><span>Travel Insurance</span><svg style=" position: absolute; right: 20px; top: 17px; width: 20px; height: 15px; " xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="9px" height="7px" viewBox="0 0 9 7" version="1.1">  <title>nav-arrow</title> <desc>Created with Sketch.</desc> <defs /> <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="WK-Icon" stroke-width="1" stroke="#FFFFFF"> <polyline id="nav-arrow" transform="translate(4.535534, 1.535534) rotate(45.000000) translate(-4.535534, -1.535534) " points="6.60019377 -0.964466179 7.0355337 4.03553382 2.03553394 3.60019402" /> </g> </g> </svg> </div> <div id="SliderSubMenu" class="slide-up-submenu">  <div class="contents"> <ul> <li><a href="/travel-insurance/">Travel Insurance</a></li> <li><a href="/single-trip-insurance/">Single Trip Travel Insurance</a></li> <li><a href="/annual-travel-insurance/">Annual Travel Insurance</a></li> <li><a href="/medical-travel-insurance/">Medical Travel Insurance</a></li> <li><a href="/coronavirus-travel-insurance/">Coronavirus Travel Insurance</a></li> <li><a href="/worldwide-travel-insurance/">Worldwide Travel Insurance</a></li> <li><a href="/europe-travel-insurance/">Europe Travel Insurance</a></li> <li><a href="/uk-travel-insurance/">UK Travel Insurance</a></li> <li><a href="/long-stay-travel-insurance/">Long Stay Travel Insurance</a></li> <li><a href="/cruise-travel-insurance/">Cruise Travel Insurance</a></li> <li><a href="/winter-sports-travel-insurance/">Winter Sports Travel Insurance</a></li> <li><a href="/over-50-travel-insurance/">Over 50s Travel Insurance</a></li> </ul> </div> </div> <ul> <li><a href="/products/">Other Products</a></li> <li><a href="/why-staysure/">Why Staysure</a></li> <li><a href="/claims/">Claims</a></li> <li><a href="/category/lifestyle/">Lifestyle</a></li> <li><a href="https://help.staysure.co.uk/hc/en-us">Help</a></li> </ul> </div> </div> </div> <header class="desktop"> <div class="wrapper _flex"> <div class="actions _flex"> <div class="logo"> <a href="/"> <picture> <source media="(max-width: 935px)" srcset="/wp-content/themes/staysure-wdr/partials/homepage/sections/header/images/staysure--nostrapline.svg" /> <img width="300" height="45" src="/wp-content/themes/staysure-wdr/partials/homepage/sections/header/images/staysure--strapline.svg" alt="Staysure logo" /> </picture> </a> </div> <div class="sales"> <div> <span class="one">Sales Team</span> <span class="two"> <a class="callus__tel_no" href="tel:+440333 006 8052">0333 006 8052</a> </span> <div class="tooltip three dropdown"> Opening times <span class="tooltiptext"> <span class="title">Telephone Hours</span> <ul> <li> Monday - Friday: 8:30am - 8pm </li> <li> Saturday: 9am - 5.30pm </li> <li> Sunday: 10am - 4pm </li> </ul> </span> </div> </div> </div> <style> .tooltip { position: relative; display: inline-block; } .tooltip .tooltiptext { font-family: "Open Sans", Helvetica, Arial, sans-serif; visibility: hidden; width: auto; background-color: #522367; color: #fff; text-align: left; border-radius: 6px; padding: 1.5em 4em 1.5em 1em; position: absolute; z-index: 999; top: 150%; left: 50%; margin-left: -60px; } .tooltip .tooltiptext .title { font-weight: 700; color: var(--staysure-orange-200, #FD9); font-size: 16px; font-weight: bold; } .tooltip .tooltiptext ul { white-space: nowrap; line-height: 27px; list-style-type: none; padding-left: 0; margin-top: 5px; margin-bottom: 0; } .tooltip .tooltiptext::after { content: ""; position: absolute; bottom: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: transparent transparent #522367 transparent; } .tooltip:hover .tooltiptext { visibility: visible; } </style> <div class="cServices trigger-CS-overlay" type="button" onclick="reverttoButton()"> <div class="container" tabindex="0"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25" fill="none"> <path d="M9.00098 19.4999H8.50098C4.50098 19.4999 2.50098 18.4999 2.50098 13.4999V8.49988C2.50098 4.49988 4.50098 2.49988 8.50098 2.49988H16.501C20.501 2.49988 22.501 4.49988 22.501 8.49988V13.4999C22.501 17.4999 20.501 19.4999 16.501 19.4999H16.001C15.691 19.4999 15.391 19.6499 15.201 19.8999L13.701 21.8999C13.041 22.7799 11.961 22.7799 11.301 21.8999L9.80098 19.8999C9.64098 19.6799 9.27098 19.4999 9.00098 19.4999Z" fill="#522367" /> <path d="M16.4955 11.5H16.5045" stroke="white" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" /> <path d="M12.4965 11.5H12.5054" stroke="white" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" /> <path d="M8.49451 11.5H8.50349" stroke="white" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" /> </svg> <div class="title">Customer Service</div> </div> </div> <div class="getQuote"> <span class="two"> <a id="get-a-quote-header" href="https://travelinsurance.staysure.co.uk/quote/policy-details" target="_blank" rel="noreferrer" tabindex="0" onclick="newGlobalGoogleEventTrigger_ButtonClicks('content_cta' , 'cta_get_a_quote' , 'header')" class="btn btn-orange"><i class="fa fa-caret-right"></i> Get a quote</a> </span> <span class="three"> <a href="https://my.staysure.co.uk/signin" tabindex="0" onclick="newGlobalGoogleEventTrigger_ButtonClicks('content_cta' , 'cta_log_in' , 'header')" class="btn btn-white"><i class="fa fa-user"></i> Log in</a> </span> </div> </div> </div> <script> // overlay sliders triggerTel = function() { SliderTel.classList.toggle("slide-down-tel") //Slider.classList.toggle("slideup") }; triggerMenu = function() { SliderMenu.classList.toggle("slide-down-menu") //Slider.classList.toggle("slideup") }; triggerSubMenu = function() { SliderSubMenu.classList.toggle("slide-down-submenu") //Slider.classList.toggle("slideup") }; function reverttoButton() { document.getElementById("call_button").style.display = "flex"; document.getElementById("contact_number").style.display = "none"; document.getElementById("opening_time").style.display = "none"; document.getElementById("call_button_m").style.display = "flex"; document.getElementById("contact_number_m").style.display = "none"; newGlobalGoogleEventTrigger_ButtonClicks('content_cta' , 'cta_customer_service' , 'header' ) } </script> </header> <div class="chat-wrapper" id="chat-wrapper" style="display: none;"> <button class="chat-wrapper__chat-button zd-btn-click" onclick="openChat()"> <svg position="right" class="chat-wrapper__chat-button-svg zd-btn-click" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <path d="M10,18 L6,22 L6,18 L10,18 Z M17,6 C19.7614237,6 22,8.23857625 22,11 C22,13.7614237 19.7614237,16 17,16 L17,16 L7,16 C4.23857625,16 2,13.7614237 2,11 C2,8.23857625 4.23857625,6 7,6 L7,6 Z" transform="translate(12.000000, 14.000000) scale(-1, 1) translate(-12.000000, -14.000000) "></path> </svg> </button> </div> <script> function hideChatButton(){ document.getElementById("chat-wrapper").style.display = "none" } </script> <script> //add local storage to track the chat open status window.addEventListener("load", (event) => { window.localStorage.setItem("isChatOpen", "false"); }); //open chat when user click on chat button in the header function openChat(){ if(document.getElementById("ze-snippet")){ zE("messenger", "show"); zE('messenger', 'open'); }else{ //loading zendesk script from js after the page load var script = document.createElement('script'); script.type = 'text/javascript'; script.id = 'ze-snippet'; script.async = true; script.src = 'https://static.zdassets.com/ekr/snippet.js?key=c1898fd6-6388-47c3-ba6e-025dfc02d64d'; document.getElementsByTagName('footer')[0].appendChild(script); //set timeout till loading the widget setTimeout(()=> { openChatWindow(); }, 1200); } } //open chat window function openChatWindow(){ document.getElementById("chat-wrapper").style.display = "none" zE("messenger", "open"); } </script> <script> // window.addEventListener("load", newGlobalGoogleEventTrigger_pageLoad("" , "https://www.staysure.co.uk/" , "home page revamp")); </script> <script> function parseJwt(token) { if (token) { var base64Url = token.split('.')[1]; if (base64Url && base64Url.length) { var base64 = base64Url.replace(/-/g, '+').replace(/_/g, '/'); var jsonPayload = decodeURIComponent(window.atob(base64).split('').map(function(c) { return '%' + ('00' + c.charCodeAt(0).toString(16)).slice(-2); }).join('')); return JSON.parse(jsonPayload); } } }; function getCookie(cname) { //Get cookie values using JS let name = cname + "="; let ca = document.cookie.split(';'); for (let i = 0; i < ca.length; i++) { let c = ca[i]; while (c.charAt(0) == ' ') { c = c.substring(1); } if (c.indexOf(name) == 0) { return c.substring(name.length, c.length); } } return ""; } var myaccount_token_js = getCookie("DOC_JWT_AUTH"); var php_var = `` || myaccount_token_js; var val = parseJwt(php_var); function dateFormatChange(unformatted) { var d = new Date(unformatted); var curr_date = ("0" + d.getDate()).slice(-2); var curr_month = ("0" + (d.getMonth() + 1)).slice(-2); var curr_year = d.getFullYear(); return curr_year + "-" + curr_month + "-" + curr_date; } function triggerGolbalGoogleEvents_Global(type, published, update, category = null, title = null) { published = dateFormatChange(published); update = dateFormatChange(update); console.log("STAYSURE_Global: ", type, ' - ', published, ' - ', update, ' - ', category, ' - ', title); window.dataLayer = window.dataLayer || []; category = category.trim(); if (category) { window.dataLayer.push({ event: "dataLoaded", user: { status: val && val.myacid ? 'logged-in' : 'logged-out', id: val && val.myacid || "", }, page: { type: type, published: published, update: update, category: category, title: title }, }); newGlobalGoogleEventTrigger_pageLoad("" , "https://www.staysure.co.uk/" , "home page revamp" , val && val.myacid ? 'logged-in' : 'logged-out' , val && val.myacid || ""); } else if (!category && title) { window.dataLayer.push({ event: "dataLoaded", user: { status: val && val.myacid ? 'logged-in' : 'logged-out', id: val && val.myacid || "", }, page: { type: type, published: published, update: update, title: title }, }); newGlobalGoogleEventTrigger_pageLoad("" , "https://www.staysure.co.uk/" , "home page revamp" , val && val.myacid ? 'logged-in' : 'logged-out' , val && val.myacid || ""); } else { window.dataLayer.push({ event: "dataLoaded", user: { status: val && val.myacid ? 'logged-in' : 'logged-out', id: val && val.myacid || "", }, page: { type: type, published: published, update: update }, }); newGlobalGoogleEventTrigger_pageLoad("" , "https://www.staysure.co.uk/" , "home page revamp" , val && val.myacid ? 'logged-in' : 'logged-out' , val && val.myacid || ""); } } function triggerGolbalGoogleEvents_Standard(name, block, obj) { let accordian_status = obj.ariaExpanded; if (accordian_status != 'true') { //Accordian close will ignore adding an new event console.log("STAYSURE_Standard: ", name, ' - ', block); //old GA event window.dataLayer = window.dataLayer || []; window.dataLayer.push({ event: "ga_event", ga_event: { name: name, block: block, location: window.location.pathname }, }); //new GA4 events if(name == 'cta'){ newGlobalGoogleEventTrigger_ButtonClicks('content_cta' , 'cta_get_a_quote' , block); }else if(name == 'Accordion Open'){ newGlobalGoogleEventTrigger_Accordian_CLicks('content_accordion' , 'accordion' , block); }else if(name == 'Anchor Navigation'){ newGlobalGoogleEventTrigger_InPafe_Popup_Clicks('content_pop_up' , 'content_auto_scroll' , block); } } } function triggerGolbalGoogleEvents_SignUp(name, action, obj) { console.log("STAYSURE_SignUp: ", name, ' - ', action); window.dataLayer = window.dataLayer || []; window.dataLayer.push({ event: "ga_event", ga_event: { name: name, action: action, location: window.location.pathname }, }); } function triggerGolbalGoogleEvents_ZeroSearch(name, term, title) { console.log("STAYSURE_ZeroSearch: ", name, ' - ', term, ' - ', title); window.dataLayer = window.dataLayer || []; window.dataLayer.push({ event: "ga_event", ga_event: { name: name, term: term, content: title }, }); } function triggerGolbalGoogleEvents_Email(name, action) { console.log("STAYSURE_EmailSignup: ", name, ' - ', action); window.dataLayer = window.dataLayer || []; window.dataLayer.push({ event: "ga_event", ga_event: { name: name, action: action, location: window.location.pathname }, }); } function triggerGolbalGoogleEvents_Share(name, method, content) { console.log("STAYSURE_Share: ", name, ' - ', method, ' - ', content); window.dataLayer = window.dataLayer || []; window.dataLayer.push({ event: "ga_event", ga_event: { name: name, method: method, content: content }, }); } function triggerGolbalGoogleEvents_Virtual(journey, step) { console.log("STAYSURE_Vertual: ", journey, ' - ', step); window.dataLayer = window.dataLayer || []; //old GA events window.dataLayer.push({ event: "ga_virtualPageview", ga_virtual: { journey: journey, step: step }, }); //new GA4 events if(journey == 'Claim'){ newGlobalGoogleEventTrigger_Widget_Cta_Click('content_widget_cta','content_widget_cta',journey, step); } } function triggerGolbalGoogleEvents_Download(action, label) { console.log("STAYSURE_Download: ", action, ' - ', label); window.dataLayer = window.dataLayer || []; window.dataLayer.push({ event: "ga_event", ga_event: { category: 'download', action: action, label: label, value: 0, nonInteraction: 0 }, }); } var publishedDate = "November 27, 2023"; var modifiedDate = "March 1, 2025" triggerGolbalGoogleEvents_Global(`Home Page`, publishedDate, modifiedDate, "", document.title) </script> <link rel="stylesheet" href="/wp-content/themes/staysure-wdr/partials/homepage/sections/nav/nav.css?v=4.4.8"> <nav class="desktop"> <ul> <li class="hasDropdown" tabindex="0"><span>Travel Insurance</span> <ul> <li><a href="/travel-insurance/" >Travel Insurance</a></li> <li><a href="/single-trip-insurance/" >Single Trip Travel Insurance</a></li> <li><a href="/annual-travel-insurance/" >Annual Travel Insurance</a></li> <li><a href="/medical-travel-insurance/" >Medical Travel Insurance</a></li> <li><a href="/coronavirus-travel-insurance/" >Coronavirus Travel Insurance</a></li> <li><a href="/worldwide-travel-insurance/" >Worldwide Travel Insurance</a></li> <li><a href="/europe-travel-insurance/" >Europe Travel Insurance</a></li> <li><a href="/uk-travel-insurance/" >UK Travel Insurance</a></li> <li><a href="/long-stay-travel-insurance/" >Long Stay Travel Insurance</a></li> <li><a href="/cruise-travel-insurance/" >Cruise Travel Insurance</a></li> <li><a href="/winter-sports-travel-insurance/" >Winter Sports Travel Insurance</a></li> <li><a href="/over-50-travel-insurance/" >Over 50s Travel Insurance</a></li> </ul> </li> <li><a href="/products/">Other Products</a></li> <li><a href="/why-staysure/">Why Staysure</a></li> <li><a href="/claims/">Claims</a></li> <li><a href="/category/lifestyle/">Lifestyle</a></li> <li class="hasDropdown" tabindex="0"><span>Help</span> <ul> <li><a href="https://help.staysure.co.uk/hc/en-us" >Help</a></li> <li><a href="/contact-us/" target="_blank" rel="noopener">Contact us</a></li> </ul> </li> </ul> </nav> <div id="cs-overlay" class="overlay overlay-trans" style="opacity: 0"> <div class="container"> <div class="one"> Chat to us for a quicker response </div> <div class="two"> </div> <div class="three"> Get a faster response from a member of our team. </div> <div class="four"> <a class="popupChatNow" onclick="openChat();newGlobalGoogleEventTrigger_Widget_Cta_Click('content_widget_cta','content_widget_cta','chat to us for a quicker response','chat now')" href="javascript:void(0);"> Chat Now </a> </div> <div class="five"> <span class="five__bold"> Chat opening hours:</span> <span class="five__semi-bold">Mon-Fri</span> <span class="five__normal">8:30am to 6pm,</span> <span class="five__semi-bold">Sat</span> <span class="five__normal">9am to 5pm,</span> <span class="five__semi-bold">Sun</span> <span class="five__normal">Closed,</span> </div> <div class="six"> </div> <div class="seven"> Alternatively, you can give us a call. You may be charged a £15 admin fee for making a change to your policy over the phone. You can make changes without additional charge by logging into <a href="https://my.staysure.co.uk/signin" target="_blank" rel="noreferrer" class="seven__link">My Staysure</a>. </div> <div class="eight"> <a class="callus__tel_no" href="javascript:void(0);" onclick="showNumber();newGlobalGoogleEventTrigger_Widget_Cta_Click('content_widget_cta','content_widget_cta','chat to us for a quicker response','Call us')" id="call_button"> Call Us </a> <a href="tel:+03330 144512" class="c-support__number" id="contact_number">03330 144512</a> <div class="five call-opening-time" id="opening_time"> <span class="five__bold">Opening hours:</span> <span class="five__semi-bold">Mon–Fri</span> <span class="five__normal">8:30am to 8pm,</span> <span class="five__semi-bold">Sat</span> <span class="five__normal">9am to 5:30pm,</span> <span class="five__semi-bold">Sun</span> <span class="five__normal">10am to 4pm,</span> </div> </div> <span class="overlay-close"> <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none"> <path d="M4.40039 8.26692C3.86654 7.73307 3.86654 6.86751 4.40039 6.33366L6.33366 4.40039C6.86751 3.86654 7.73306 3.86654 8.26692 4.40039L27.5996 23.733C28.1334 24.2669 28.1334 25.1324 27.5996 25.6663L25.6663 27.5996C25.1324 28.1334 24.2669 28.1334 23.733 27.5996L4.40039 8.26692Z" fill="#522367" /> <path d="M8.26696 27.5996C7.73311 28.1335 6.86755 28.1335 6.3337 27.5996L4.40043 25.6663C3.86658 25.1325 3.86658 24.2669 4.40043 23.7331L23.7331 4.40043C24.2669 3.86658 25.1325 3.86658 25.6663 4.40043L27.5996 6.3337C28.1335 6.86755 28.1335 7.73311 27.5996 8.26696L8.26696 27.5996Z" fill="#522367" /> </svg> </span> </div> </div> <script> function OpenChat() { zE('messenger', 'open'); } function showNumber() { document.getElementById("call_button").style.display = "none"; document.getElementById("contact_number").style.display = "flex"; document.getElementById("opening_time").style.display = "block"; } </script> <main> <link rel="stylesheet" href="/wp-content/themes/staysure-wdr/partials/homepage/sections/hero/hero.css?v=4.4.7"> <section id="hero" > <script> window.addEventListener("load", function() { const bgv = document.getElementById("bgvid"); const visible = bgv.offsetWidth || bgv.offsetHeight || bgv.getClientRects().length; if (visible) { const children = bgv.getElementsByTagName("source"); for (let i = 0; i < children.length; ++i) { children[i].src = children[i].dataset.src; } } bgv.load(); }); </script> <video id="bgvid" class="video-hidden" poster="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" playsinline autoplay muted loop> <source data-src="/wp-content/themes/staysure-wdr/partials/homepage/sections/hero/videos/beach-flipped.webm" type="video/webm"> <source data-src="/wp-content/themes/staysure-wdr/partials/homepage/sections/hero/videos/beach-flipped.mp4" type="video/mp4"> <track data-src="/wp-content/themes/staysure-wdr/partials/homepage/sections/hero/videos/video_en.vtt" kind="captions" srclang="en" label="English"> </video> <div class="container"> <div class="title"> Travel insurance </div> <div class="rotation"> <div class="slide"> <div class="banner-hero active"> <img src="https://www.staysure.co.uk/wp-content/uploads/2023/11/svgviewer-output33.png.webp" /><br /> with over 360,000 5-star Trustpilot <span class="soft-return-1">reviews from happy customers</span> <span class="small">Accurate as of 1 March</span> </div> <div class="banner-hero banner-hero--million"> with over 2.8 million travellers chose Staysure for cover <span class="soft-return-2"></span> <span class="small">in 2024</span> </div> <div class="banner-hero banner-hero--help"> <div class="banner-hero--help-desktop">with over 1.1 million policies<br>covering medical conditions sold</div> <div class="banner-hero--help-mobile">with over 1.1 million policies covering medical conditions sold</div> <span class="small">in 2024</span> </div> </div> </div> <script> /* swap banner every 6 seconds and fade in */ var bannerHeros = document.querySelectorAll('.banner-hero'); var bannerHeroIndex = 0; var bannerHeroInterval = setInterval(function() { bannerHeros[bannerHeroIndex].classList.remove('active'); bannerHeroIndex = (bannerHeroIndex + 1) % bannerHeros.length; bannerHeros[bannerHeroIndex].classList.add('active'); bannerHeros[bannerHeroIndex].classList.add('fade-in'); }, 6000); // fade up scrolling text var rotation = document.querySelector('.slide'); var rotationInterval = setInterval(function() { rotation.classList.add('fade-up'); }, 200); </script> <div class="button-container"> <a id="fixed-quote" class="get-a-quote-hero" target="_blank" rel="noreferrer" href="https://travelinsurance.staysure.co.uk/quote/policy-details" onclick="newGlobalGoogleEventTrigger_ButtonClicks('content_cta' , 'cta_get_a_quote' , 'home page banner')"> <div class="get-quote" tabindex="0"> Get a quote </div> </a> <div class="need-help"> <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none"> <path d="M16.5 30C23.9558 30 30 23.9558 30 16.5C30 9.04416 23.9558 3 16.5 3C9.04416 3 3 9.04416 3 16.5C3 23.9558 9.04416 30 16.5 30Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /> <path d="M7.58862 26.1166C9.34023 23.482 12.6023 21.713 16.3327 21.713C20.0632 21.713 23.3252 23.482 25.0768 26.1166" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /> <path d="M10.5007 12.552C10.5007 15.8668 13.1879 18.554 16.5027 18.554C19.4256 18.554 21.8605 16.4646 22.3954 13.698C22.4671 13.327 22.5047 12.9439 22.5047 12.552C22.5047 9.77903 20.6242 7.44525 18.0688 6.75643C17.5695 6.62184 17.0445 6.55005 16.5027 6.55005C13.1879 6.55005 10.5007 9.23722 10.5007 12.552Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /> </svg> <span onclick="newGlobalGoogleEventTrigger_InPafe_Popup_Clicks('content_pop_up' , 'content_pop_up_clicks' , 'existing customer')" href="#" style="z-index: 9999999; cursor: pointer;" id="trigger-help-overlay" type="button" tabindex="0">Existing customer?</span> </div> </div> </div> </section><link rel="preload" href="/wp-content/themes/staysure-wdr/partials/homepage/sections/claims-messaging-v2/claims-messaging.css?v=4.4.8" as="style" onload="this.onload=null;this.rel='stylesheet'"> <noscript> <link rel="stylesheet" href="/wp-content/themes/staysure-wdr/partials/homepage/sections/claims-messaging-v2/claims-messaging.css?v=4.4.8"> </noscript> <section id="claims-messaging"> <style> scroll-content::-webkit-scrollbar { width: 0; } .btnExpand { position: absolute; transition: all 0.4s ease-in-out; top: -30px; left: 50%; transform: translateX(-50%); min-width: 60px; width: auto; height: 60px; border-radius: 100px; line-height: 60px; text-align: center; font-size: 30px; font-weight: bold; color: #fff; background-color: #222429; overflow: hidden; transition: all 0.4s ease; cursor: pointer; z-index: 999; } .btnExpand:hover:before, .btnExpand:hover:after { width: 100%; height: 100%; opacity: 0.3; } .btnExpand:hover label { width: 250px; opacity: 0.8; margin-left: 10px; } .btnExpand:before, .btnExpand:after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 0; height: 0; border-radius: 100px; background-color: #222429; opacity: 0; transition: all 0.4s ease; transition-delay: 0.1s; z-index: 0; } .btnExpand:after { transition-delay: 0.1s; } .btnExpand span { font-size: 30px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); vertical-align: top; z-index: 2; pointer-events: none; } .btnExpand span svg { padding-top: 20px; transition: all 0.9s ease; width: 30px; height: 30px; stroke: #fff; } .btnExpand:hover span svg { width: 20px; height: 20px; transition: all 0.4s ease-in-out; stroke: #FFDD99 !important; } .btnExpand label { width: 80px; margin-top: -10px; position: relative; display: inline-block; vertical-align: top; width: 0; white-space: nowrap; opacity: 0; overflow: hidden; z-index: 1; font-size: 16px; font-weight: normal; transition: all 0.4s ease; pointer-events: none; } .btnExpand:hover>span { margin-top: 12px; font-size: 15px; transition: all 0.4s ease-in-out; } .pin-spacer { z-index: 1 !important; } </style> <span onclick="scrollToClaimsMessaging()"> <div class="btnExpand"> <span> <svg width="30" height="30" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M18.0701 14.43L12.0001 20.5L5.93007 14.43" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" /> <path d="M12 3.5L12 20.33" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" /> </svg> </span><label>Read the latest</label> </div> </span> <div id="js" class="container"> <div class="gsap-animation"> <div class="holding title">In the last 18 months we've paid<br> over £128 million<br> on more than 68,000 claims<br> <br> Our highest paid claim<br> during that time was £335,352 <style>@media screen and (max-width: 415px){.banner-hero.banner-hero--million {max-width: unset;}}</style></div> </div> <div class="no-gsap-animation"> <div class="holding title"> In the last 18 months we've paid<br> over £128 million<br> on more than 68,000 claims<br> <br> Our highest paid claim<br> during that time was £335,352 <style>@media screen and (max-width: 415px){.banner-hero.banner-hero--million {max-width: unset;}}</style> </div> </div> <div class="claimsSubtitle">That's why people choose Staysure. </div> </div> </section> <script> // Smooth scroll function scrollToClaimsMessaging() { document.getElementById("claims-messaging").scrollIntoView({ behavior: 'smooth' }); } function scrollToUserStories() { document.getElementById("user-stories").scrollIntoView({ behavior: 'smooth' }); } </script> <style> #claims-messaging .title { color: #fff !important; } </style><link rel="preload" href="/wp-content/themes/staysure-wdr/partials/homepage/sections/user-stories/user-stories.css?v=4.4.5" as="style" onload="this.onload=null;this.rel='stylesheet'"> <noscript><link rel="stylesheet" href="/wp-content/themes/staysure-wdr/partials/homepage/sections/user-stories/user-stories.css?v=4.4.5"></noscript> <section id="user-stories"> <div class="container"> <div class="yellow-highlight"> Staysure brings couple home safely </div> <div class="title"> “You don't know how good a company is until you have to use them.” </div> <div class="subtitle"> While stuck in a Cologne hospital, Janet and her husband found out how Staysure would rescue them… </div> <button id="user-stories-btn" class="link">Read the story here<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="11" cy="11" r="10.0833" stroke="#FFC700" stroke-width="1.83333"/> <path d="M14.8812 11.4486L9.74229 16.5874C9.49445 16.8353 9.09263 16.8353 8.84482 16.5874L8.24545 15.9881C7.99803 15.7407 7.99755 15.3397 8.24439 15.0917L12.3171 10.9998L8.24439 6.908C7.99755 6.66 7.99803 6.259 8.24545 6.01158L8.84482 5.41222C9.09266 5.16437 9.49448 5.16437 9.74229 5.41222L14.8812 10.5511C15.129 10.7989 15.129 11.2007 14.8812 11.4486Z" fill="#FFC700"/> </svg> </button> </div> </section>  <div id="user-stories-modal" class="user-stories-modal">  <div class="user-stories-modal-content" id="model_content"> <div class="modal-header"> <span class="close" id="user_stories_model_close"><img src="/homepage/sections/user-stories/images/close-circle.svg" /></span> <picture> <source media="(max-width: 767px)" srcset="/homepage/sections/user-stories/images/pop-up-img-mobile1.webp" type="image/webp"> <source media="(min-width: 768px)" srcset="/homepage/sections/user-stories/images/pop-up-img-mobile1.webp" type="image/webp"> <source media="(max-width: 768px)" srcset="/homepage/sections/user-stories/images/pop-up-img-mobile1.jpg" type="image/jpg"> <img src="/homepage/sections/user-stories/images/pop-up-img-mobile1.jpg" alt="Picure of a cathedral"> </picture> </div> <div class="modal-body"> <h1>Staysure to the rescue in Cologne</h1> <p>While on holiday in Cologne, Janet’s husband was taken to hospital, where he stayed for 12 days. As well as medical expenses and helping to bring them both back home as safely as possible, we also helped Janet with extra hotel costs.</p> <p>Janet said “Everything was arranged for us [by Staysure], an ambulance picked us up from the hotel and an ambulance was waiting for us at the airport when we reached England and brought us home.</p> <p>“Submitting paperwork to claim back our medical expenses and Hotel costs was very easy and Staysure paid everything without question.”</p> <p>She’s since chosen to renew her policy with Staysure.</p> <style>/* #hero video{object-fit:cover !important}.webp #hero{background-position-y:-143px !important;} */</style> </div> </div> </div> <script> // Get the modal var userStoriesModal = document.getElementById("user-stories-modal"); // Get the button that opens the modal var userStoriesBtn = document.getElementById("user-stories-btn"); // Get the <span> element that closes the modal // var userStoriesSpan = document.getElementsByClassName("close")[0]; var userStoriesSpan = document.getElementById("user_stories_model_close"); // When the user clicks the button, open the modal userStoriesBtn.onclick = function() { newGlobalGoogleEventTrigger_InPafe_Popup_Clicks('content_pop_up' , 'content_pop_up_clicks' , 'Read the story here') userStoriesModal.style.display = "flex"; } // When the user clicks on <span> (x), close the modal userStoriesSpan.onclick = function() { var model_content = document.getElementById("model_content"); model_content.classList.add("modal--close"); setTimeout(() => { userStoriesModal.style.display = "none"; model_content.classList.remove("modal--close"); }, "600"); } // When the user clicks anywhere outside of the modal, close it window.onclick = function(event) { if (event.target == userStoriesModal) { userStoriesModal.style.display = "none"; } } </script> <link rel="preload" href="/wp-content/themes/staysure-wdr/partials/homepage/sections/stacked-trustpilot-cards/stacked-trustpilot-cards.css?v=4.4.7" as="style" onload="this.onload=null;this.rel='stylesheet'"> <noscript> <link rel="stylesheet" href="/wp-content/themes/staysure-wdr/partials/homepage/sections/stacked-trustpilot-cards/stacked-trustpilot-cards.css?v=4.4.7"> </noscript> <section id="stacked-trustpilot-cards"> <div class="container"> <div class="left"> <svg width="196" height="49" viewBox="0 0 196 49" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1680_48953)"> <path d="M51.2997 17.5117H71.0644V21.204H63.2929V41.9603H59.0195V21.204H51.2825V17.5117H51.2997ZM70.22 24.2579H73.8731V27.6741H73.9421C74.0627 27.191 74.2867 26.7252 74.6141 26.2766C74.9415 25.828 75.3378 25.3966 75.8031 25.0343C76.2683 24.6547 76.7853 24.3614 77.3539 24.1199C77.9226 23.8956 78.5085 23.7748 79.0943 23.7748C79.5424 23.7748 79.8698 23.792 80.0421 23.8093C80.2144 23.8265 80.3867 23.861 80.5763 23.8783V27.6396C80.3006 27.5879 80.0248 27.5534 79.7319 27.5188C79.439 27.4843 79.1633 27.4671 78.8876 27.4671C78.2327 27.4671 77.6124 27.6051 77.0265 27.8639C76.4407 28.1227 75.9409 28.5196 75.5102 29.0199C75.0794 29.5375 74.7347 30.1587 74.4763 30.9178C74.2178 31.677 74.0972 32.5397 74.0972 33.5232V41.943H70.2028V24.2579H70.22ZM98.4799 41.9603H94.6545V39.493H94.5856C94.1031 40.3902 93.3966 41.0976 92.4489 41.6324C91.5011 42.1673 90.5361 42.4434 89.5539 42.4434C87.2277 42.4434 85.539 41.874 84.5051 40.718C83.4712 39.562 82.9542 37.8194 82.9542 35.4901V24.2579H86.8486V35.1105C86.8486 36.6634 87.1415 37.7676 87.7446 38.406C88.3305 39.0444 89.1748 39.3722 90.2432 39.3722C91.0703 39.3722 91.7424 39.2514 92.2938 38.9926C92.8452 38.7338 93.2932 38.406 93.6206 37.9746C93.9652 37.5605 94.2065 37.0429 94.3616 36.4563C94.5166 35.8697 94.5856 35.2313 94.5856 34.5411V24.2751H98.4799V41.9603ZM105.114 36.2838C105.235 37.4225 105.666 38.2162 106.406 38.682C107.165 39.1306 108.061 39.3722 109.112 39.3722C109.474 39.3722 109.887 39.3377 110.353 39.2859C110.818 39.2342 111.266 39.1134 111.662 38.9581C112.076 38.8028 112.403 38.5613 112.679 38.2507C112.937 37.9401 113.058 37.5433 113.041 37.0429C113.023 36.5426 112.834 36.1285 112.489 35.8179C112.145 35.4901 111.714 35.2485 111.18 35.0415C110.645 34.8517 110.042 34.6792 109.353 34.5411C108.664 34.4031 107.975 34.2478 107.268 34.0925C106.544 33.9373 105.838 33.7302 105.166 33.5059C104.494 33.2816 103.891 32.971 103.356 32.5742C102.822 32.1946 102.392 31.6943 102.081 31.0904C101.754 30.4865 101.599 29.7446 101.599 28.8474C101.599 27.8812 101.84 27.0875 102.305 26.4319C102.771 25.7762 103.374 25.2586 104.08 24.8618C104.804 24.4649 105.597 24.1889 106.475 24.0163C107.354 23.861 108.199 23.7748 108.991 23.7748C109.905 23.7748 110.783 23.8783 111.61 24.0681C112.438 24.2579 113.196 24.5685 113.868 25.0171C114.54 25.4484 115.091 26.0178 115.539 26.7079C115.987 27.3981 116.263 28.2435 116.384 29.227H112.317C112.127 28.2953 111.714 27.6569 111.042 27.3463C110.37 27.0185 109.594 26.8632 108.733 26.8632C108.457 26.8632 108.13 26.8805 107.751 26.9322C107.371 26.984 107.027 27.0702 106.682 27.191C106.355 27.3118 106.079 27.5016 105.838 27.7431C105.614 27.9847 105.493 28.2953 105.493 28.6921C105.493 29.1752 105.666 29.5548 105.993 29.8481C106.32 30.1414 106.751 30.383 107.285 30.59C107.819 30.7798 108.423 30.9523 109.112 31.0904C109.801 31.2284 110.508 31.3837 111.231 31.539C111.938 31.6943 112.627 31.9013 113.316 32.1256C114.006 32.3499 114.609 32.6605 115.143 33.0573C115.677 33.4541 116.108 33.9373 116.435 34.5239C116.763 35.1105 116.935 35.8524 116.935 36.7151C116.935 37.7676 116.694 38.6475 116.211 39.3894C115.729 40.1141 115.108 40.718 114.35 41.1666C113.592 41.6152 112.73 41.9603 111.8 42.1673C110.869 42.3743 109.939 42.4779 109.026 42.4779C107.906 42.4779 106.872 42.3571 105.924 42.0983C104.976 41.8395 104.149 41.4599 103.46 40.9595C102.771 40.4419 102.219 39.8035 101.823 39.0444C101.427 38.2852 101.22 37.3708 101.185 36.3183H105.114V36.2838ZM117.969 24.2579H120.916V18.9437H124.81V24.2579H128.325V27.1738H124.81V36.6288C124.81 37.0429 124.827 37.388 124.862 37.6986C124.896 37.9919 124.982 38.2507 125.103 38.4577C125.223 38.6648 125.413 38.8201 125.671 38.9236C125.93 39.0271 126.257 39.0789 126.705 39.0789C126.981 39.0789 127.257 39.0789 127.532 39.0616C127.808 39.0444 128.084 39.0099 128.36 38.9408V41.9603C127.929 42.012 127.498 42.0465 127.102 42.0983C126.688 42.15 126.275 42.1673 125.844 42.1673C124.81 42.1673 123.983 42.0638 123.362 41.874C122.742 41.6842 122.242 41.3909 121.898 41.0113C121.536 40.6317 121.312 40.1659 121.174 39.5965C121.053 39.0271 120.967 38.3715 120.95 37.6468V27.2083H118.003V24.2579H117.969ZM131.082 24.2579H134.77V26.6562H134.839C135.39 25.6209 136.148 24.8963 137.13 24.4477C138.113 23.9991 139.164 23.7748 140.318 23.7748C141.714 23.7748 142.92 24.0163 143.954 24.5167C144.988 24.9998 145.85 25.6727 146.539 26.5354C147.228 27.3981 147.728 28.3988 148.073 29.5375C148.417 30.6763 148.59 31.9013 148.59 33.1953C148.59 34.3859 148.434 35.5419 148.124 36.6461C147.814 37.7676 147.349 38.7511 146.729 39.6137C146.108 40.4764 145.316 41.1493 144.351 41.6669C143.386 42.1846 142.266 42.4434 140.956 42.4434C140.387 42.4434 139.819 42.3916 139.25 42.2881C138.681 42.1846 138.13 42.012 137.613 41.7877C137.096 41.5634 136.596 41.2701 136.166 40.9078C135.717 40.5455 135.356 40.1314 135.045 39.6655H134.977V48.4994H131.082V24.2579ZM144.695 33.1263C144.695 32.3327 144.592 31.5562 144.385 30.7971C144.178 30.0379 143.868 29.3823 143.455 28.7956C143.041 28.209 142.524 27.7431 141.921 27.3981C141.301 27.053 140.594 26.8632 139.801 26.8632C138.164 26.8632 136.924 27.4326 136.097 28.5713C135.269 29.7101 134.856 31.2284 134.856 33.1263C134.856 34.0235 134.959 34.8517 135.183 35.6109C135.407 36.37 135.717 37.0257 136.166 37.5778C136.596 38.1299 137.113 38.5613 137.716 38.8718C138.319 39.1997 139.026 39.3549 139.819 39.3549C140.715 39.3549 141.456 39.1651 142.076 38.8028C142.696 38.4405 143.196 37.9574 143.592 37.388C143.989 36.8014 144.282 36.1457 144.454 35.4038C144.609 34.6619 144.695 33.9027 144.695 33.1263ZM151.571 17.5117H155.465V21.204H151.571V17.5117ZM151.571 24.2579H155.465V41.9603H151.571V24.2579ZM158.946 17.5117H162.84V41.9603H158.946V17.5117ZM174.782 42.4434C173.369 42.4434 172.111 42.2018 171.008 41.736C169.905 41.2701 168.975 40.6145 168.199 39.8035C167.441 38.9754 166.855 37.9919 166.459 36.8531C166.062 35.7144 165.856 34.4549 165.856 33.0918C165.856 31.746 166.062 30.5038 166.459 29.365C166.855 28.2263 167.441 27.2428 168.199 26.4146C168.957 25.5864 169.905 24.948 171.008 24.4822C172.111 24.0163 173.369 23.7748 174.782 23.7748C176.195 23.7748 177.453 24.0163 178.555 24.4822C179.658 24.948 180.589 25.6037 181.364 26.4146C182.122 27.2428 182.708 28.2263 183.105 29.365C183.501 30.5038 183.708 31.746 183.708 33.0918C183.708 34.4549 183.501 35.7144 183.105 36.8531C182.708 37.9919 182.122 38.9754 181.364 39.8035C180.606 40.6317 179.658 41.2701 178.555 41.736C177.453 42.2018 176.195 42.4434 174.782 42.4434ZM174.782 39.3549C175.643 39.3549 176.401 39.1651 177.039 38.8028C177.677 38.4405 178.193 37.9574 178.607 37.3708C179.021 36.7841 179.314 36.1112 179.52 35.3693C179.71 34.6274 179.813 33.8682 179.813 33.0918C179.813 32.3327 179.71 31.5907 179.52 30.8316C179.331 30.0724 179.021 29.4168 178.607 28.8301C178.193 28.2435 177.677 27.7777 177.039 27.4153C176.401 27.053 175.643 26.8632 174.782 26.8632C173.92 26.8632 173.162 27.053 172.524 27.4153C171.887 27.7777 171.37 28.2608 170.956 28.8301C170.543 29.4168 170.25 30.0724 170.043 30.8316C169.853 31.5907 169.75 32.3327 169.75 33.0918C169.75 33.8682 169.853 34.6274 170.043 35.3693C170.232 36.1112 170.543 36.7841 170.956 37.3708C171.37 37.9574 171.887 38.4405 172.524 38.8028C173.162 39.1824 173.92 39.3549 174.782 39.3549ZM184.845 24.2579H187.792V18.9437H191.686V24.2579H195.201V27.1738H191.686V36.6288C191.686 37.0429 191.703 37.388 191.738 37.6986C191.772 37.9919 191.858 38.2507 191.979 38.4577C192.099 38.6648 192.289 38.8201 192.547 38.9236C192.806 39.0271 193.133 39.0789 193.581 39.0789C193.857 39.0789 194.133 39.0789 194.408 39.0616C194.684 39.0444 194.96 39.0099 195.236 38.9408V41.9603C194.805 42.012 194.374 42.0465 193.978 42.0983C193.564 42.15 193.151 42.1673 192.72 42.1673C191.686 42.1673 190.859 42.0638 190.238 41.874C189.618 41.6842 189.118 41.3909 188.774 41.0113C188.412 40.6317 188.188 40.1659 188.05 39.5965C187.929 39.0271 187.843 38.3715 187.826 37.6468V27.2083H184.879V24.2579H184.845Z" fill="white" /> <path d="M46.7494 17.5121H28.8975L23.3833 0.499878L17.852 17.5121L0 17.4948L14.4573 28.0196L8.92599 45.0146L23.3833 34.5071L37.8234 45.0146L32.3093 28.0196L46.7494 17.5121Z" fill="#00B67A" /> <path d="M33.5495 31.867L32.3088 28.0194L23.3828 34.5068L33.5495 31.867Z" fill="#005128" /> </g> <defs> <clipPath id="clip0_1680_48953"> <rect width="195.2" height="48" fill="white" transform="translate(0 0.5)" /> </clipPath> </defs> </svg> <div class="title">We get double the love of other insurers</div> <div class="subtitle"> Twice as many people give us 5* reviews on Trustpilot than any other <a style="color:#fff" href="https://www.staysure.co.uk/travel-insurance/">travel insurance</a> provider. That’s over 280,000 reviews. And counting. </div> </div> <div class="right"> <div id="trustPilotCards" class="right-container">  <script>console.log('Trustpilot API: 200OK' );</script> <div id="mobslideone" class="card class-one card--one card--one-mob" style="display: none; cursor:pointer"> <div class="card-inner-one card-container"> <a rel="nofollow noopener noreferrer" style="text-decoration:none" href="https://uk.trustpilot.com/reviews/67ed89f64004e4c07e11458b" target="_blank"> <img class="trustpilot_ratings_5star-RGB" src="/wp-content/themes/staysure-wdr/partials/homepage/sections/stacked-trustpilot-cards/images/stars-5 1.svg" alt="star rating" /> <br><br> <div class="title">Be Sure with Staysure </div> <br> <div class="subtitle"> I have used Staysure for the past 5 years for my travel insurance. I find the staff at the other end of the phone to be very helpful and friendly. <div><br> <span class="name"> Mrs Carr, </span> <span class="time"> 7 hours ago </span> </div> </div> </a> </div> </div> <div id="mobslidetwo" class="card class-two card--two card--two-mob" style="display: none; cursor:pointer"> <div class="card-inner-two card-container"> <a rel="nofollow noopener noreferrer" style="text-decoration:none" href="https://uk.trustpilot.com/reviews/67ed8eee241d692e962182ca" target="_blank"> <img class="trustpilot_ratings_5star-RGB" src="/wp-content/themes/staysure-wdr/partials/homepage/sections/stacked-trustpilot-cards/images/stars-5 1.svg" alt="star rating" /> <br><br> <div class="title">Very efficient and easy to apply</div> <br> <div class="subtitle"> Very efficient and easy to apply. Also a competitive quote, thank you. <div><br> <span class="name"> Linda, </span> <span class="time"> 6 hours ago </span> </div> </div> </a> </div> </div> <div id="mobslidethree" class="card class-three card--three card--three-mob" style="display: none; cursor:pointer"> <div class="card-inner-three card-container"> <a rel="nofollow noopener noreferrer" style="text-decoration:none" href="https://uk.trustpilot.com/reviews/67ed9d41e197a53017894b45" target="_blank"> <img class="trustpilot_ratings_5star-RGB" src="/wp-content/themes/staysure-wdr/partials/homepage/sections/stacked-trustpilot-cards/images/stars-5 1.svg" alt="star rating" /> <br><br> <div class="title">Easy renewal</div> <br> <div class="subtitle"> Prompt response. Very helpful member of staff, at 7pm. All done within 20 minutes. Andy Gunn <div><br> <span class="name"> Andrew RUGG-GUNN, </span> <span class="time"> 5 hours ago </span> </div> </div> </a> </div> </div>  </div> <div id="bubbleButton"> <div id="btn_one" class="button active"></div> <div id="btn_two" class="button"></div> <div id="btn_three" class="button"></div> </div> </div> </div> </section> <script> /* William: JS for the bubble pagination buttons */ const buttons = document.querySelectorAll('.button'); buttons.forEach(button => { button.addEventListener('click', () => { buttons.forEach(btn => btn.classList.remove('active')); button.classList.add('active'); }) }); // if screen greater than 550px if (window.matchMedia("(min-width: 550px)").matches) { var options = { root: null, rootMargin: '0px', threshold: 0.5 } var callback = function(entries, observer) { entries.forEach(entry => { if (entry.isIntersecting) { setTimeout(() => { document.querySelector(".card--one").style.display = "block"; document.querySelector(".card--one").style.animation = "fadeIn 500ms ease-in-out"; }, 500); setTimeout(() => { document.querySelector(".card--two").style.display = "block"; document.querySelector(".card--two").style.animation = "fadeIn 500ms ease-in-out"; }, 1000); setTimeout(() => { document.querySelector(".card--three").style.display = "block"; document.querySelector(".card--three").style.animation = "fadeIn 500ms ease-in-out"; }, 1500); } }); }; var observer = new IntersectionObserver(callback, options); observer.observe(document.querySelector("#trustPilotCards")); document.getElementById("btn_one").addEventListener("click", function() { // swap div contents before sliding/transitioning var one = document.querySelector(".card-inner-one").innerHTML; var two = document.querySelector(".card-inner-two").innerHTML; var three = document.querySelector(".card-inner-three").innerHTML; document.querySelector(".card-inner-one").innerHTML = two; document.querySelector(".card-inner-two").innerHTML = three; document.querySelector(".card-inner-three").innerHTML = one; document.querySelector(".class-one").style.marginTop = "3px"; document.querySelector(".class-one").style.marginRight = "-3px"; // document.querySelector(".class-one").style.transform = "rotate(17deg)"; document.querySelector(".class-one").style.transform = "rotate(3deg)"; document.querySelector(".class-one").style.transition = "all 0.4s ease-in-out"; document.querySelector(".class-two").style.marginTop = "5px"; document.querySelector(".class-two").style.marginRight = "-5px"; // document.querySelector(".class-two").style.transform = "rotate(-17deg)"; document.querySelector(".class-two").style.transform = "rotate(-3deg)"; document.querySelector(".class-two").style.transition = "all 0.4s ease-in-out"; document.querySelector(".class-three").style.marginTop = "5px"; document.querySelector(".class-three").style.marginRight = "-5px"; document.querySelector(".class-three").style.transform = "rotate(3deg)"; document.querySelector(".class-three").style.transition = "all 0.4s ease-in-out"; }) document.getElementById("btn_two").addEventListener("click", function() { // swap div contents before sliding/transitioning var one = document.querySelector(".class-one").innerHTML; var two = document.querySelector(".class-two").innerHTML; var three = document.querySelector(".class-three").innerHTML; document.querySelector(".class-one").innerHTML = two; document.querySelector(".class-two").innerHTML = three; document.querySelector(".class-three").innerHTML = one; document.querySelector(".class-one").style.marginTop = "-3px"; document.querySelector(".class-one").style.marginRight = "-3px"; // document.querySelector(".class-one").style.transform = "rotate(17deg)"; document.querySelector(".class-one").style.transform = "rotate(3deg)"; document.querySelector(".class-one").style.transition = "all 0.4s ease-in-out"; document.querySelector(".class-two").style.marginTop = "5px"; document.querySelector(".class-two").style.marginRight = "-5px"; // document.querySelector(".class-two").style.transform = "rotate(-6deg)"; document.querySelector(".class-two").style.transform = "rotate(-3deg)"; document.querySelector(".class-two").style.transition = "all 0.4s ease-in-out"; document.querySelector(".class-three").style.marginTop = "-3px"; document.querySelector(".class-three").style.marginRight = "3px"; // document.querySelector(".class-three").style.transform = "rotate(-31deg)"; document.querySelector(".class-three").style.transform = "rotate(-3deg)"; document.querySelector(".class-three").style.transition = "all 0.4s ease-in-out"; }) document.getElementById("btn_three").addEventListener("click", function() { // swap div contents before sliding/transitioning var one = document.querySelector(".class-one").innerHTML; var two = document.querySelector(".class-two").innerHTML; var three = document.querySelector(".class-three").innerHTML; document.querySelector(".class-one").innerHTML = two; document.querySelector(".class-two").innerHTML = three; document.querySelector(".class-three").innerHTML = one; document.querySelector(".class-one").style.marginTop = "-40px"; document.querySelector(".class-one").style.marginRight = "5px"; document.querySelector(".class-one").style.transform = "rotate(-2deg)"; document.querySelector(".class-one").style.transition = "all 0.4s ease-in-out"; document.querySelector(".class-two").style.marginTop = "-7px"; document.querySelector(".class-two").style.marginRight = "20px"; // document.querySelector(".class-two").style.transform = "rotate(23deg)"; document.querySelector(".class-two").style.transform = "rotate(2deg)"; document.querySelector(".class-two").style.transition = "all 0.4s ease-in-out"; document.querySelector(".class-three").style.marginTop = "-5px"; document.querySelector(".class-three").style.marginRight = "7px"; // document.querySelector(".class-three").style.transform = "rotate(-15deg)"; document.querySelector(".class-three").style.transform = "rotate(-5deg)"; document.querySelector(".class-three").style.transition = "all 0.4s ease-in-out"; }) } // if screen less than 500px if (window.matchMedia("(max-width: 550px)").matches) { document.querySelector("#mobslidetwo").style.display = "none"; document.querySelector("#mobslidethree").style.display = "none"; // create slider for mobile, when using buttons document.getElementById("btn_one").addEventListener("click", function() { document.querySelector("#mobslideone").style.display = "block"; document.querySelector("#mobslidetwo").style.display = "none"; document.querySelector("#mobslidethree").style.display = "none"; }) document.getElementById("btn_two").addEventListener("click", function() { document.querySelector("#mobslideone").style.display = "none"; document.querySelector("#mobslidetwo").style.display = "block"; document.querySelector("#mobslidethree").style.display = "none"; }) document.getElementById("btn_three").addEventListener("click", function() { document.querySelector("#mobslideone").style.display = "none"; document.querySelector("#mobslidetwo").style.display = "none"; document.querySelector("#mobslidethree").style.display = "block"; }) var options = { root: null, rootMargin: '0px', threshold: 0.5 } var callback = function(entries, observer) { entries.forEach(entry => { if (entry.isIntersecting) { setTimeout(() => { document.querySelector(".card--one").style.display = "block"; document.querySelector(".card--one").style.animation = "fadeIn 500ms ease-in-out"; }, 500); setTimeout(() => { document.querySelector(".card--two").style.display = "none"; document.querySelector(".card--two").style.animation = "fadeIn 500ms ease-in-out"; }, 1000); setTimeout(() => { document.querySelector(".card--three").style.display = "none"; document.querySelector(".card--three").style.animation = "fadeIn 500ms ease-in-out"; }, 1500); } }); }; var observer = new IntersectionObserver(callback, options); observer.observe(document.querySelector("#trustPilotCards")); } </script><link rel="preload" href="/wp-content/themes/staysure-wdr/partials/homepage/sections/policy-benefits-scroller/policy-benefits-scroller.css?v=4.4.5" as="style" onload="this.onload=null;this.rel='stylesheet'"> <noscript> <link rel="stylesheet" href="/wp-content/themes/staysure-wdr/partials/homepage/sections/policy-benefits-scroller/policy-benefits-scroller.css?v=4.4.5"> </noscript> <section id="policy-benefits-scroller"> <div class="container"> Take the worry out of your trip </div> <div class="b-card b-card--open"> <div class="image-slider"> <div class="slides-div active" id="slide-1" style="z-index: -9999;"> <div class="b-card__item b-card__item--medical" id="card1"> <img src="https://www.staysure.co.uk/wp-content/uploads/2024/01/Volcano.svg" /> <p class="b-card__item-title title--emx" style=" color: #ca302b; ">Natural disasters</p> <p class="b-card__item-stitle">If the Foreign Office advise against travel due to natural disasters such as earthquake or wildfire, you can cancel your holiday without worry.</p> </div> <a href="javascript:void(0)" class="button" id="button-1"></a> </div> <div class="slides-div" id="slide-2" style="z-index: -9999;"> <div class="b-card__item b-card__item--medical" id="card1"> <img src="https://www.staysure.co.uk/wp-content/uploads/2023/11/svgviewer-output17.svg" /> <p class="b-card__item-title title--emx" style=" color: #0aa7ad; ">Emergency medical expenses</p> <p class="b-card__item-stitle">Have unlimited medical expenses when you choose our Comprehensive or Signature policies, or up to £5 million when you choose Basic.</p> </div> <a href="javascript:void(0)" class="button" id="button-2"></a> </div> <div class="slides-div" id="slide-3" style="z-index: -9999;"> <div class="b-card__item b-card__item--medical" id="card1"> <img src="https://www.staysure.co.uk/wp-content/uploads/2023/11/svgviewer-output19.svg" /> <p class="b-card__item-title title--emx" style=" color: #1173d5; ">Trip cancellation cover</p> <p class="b-card__item-stitle">Our Signature policy covers you up to £10k, so you can rebook your trip as soon as you're ready.</p> </div> <a href="javascript:void(0)" class="button" id="button-3"></a> </div> <div class="slides-div" id="slide-4" style="z-index: -9999;"> <div class="b-card__item b-card__item--medical" id="card1"> <img src="https://www.staysure.co.uk/wp-content/uploads/2023/11/svgviewer-output21.svg" /> <p class="b-card__item-title title--emx" style=" color: #008205; ">Flight delays</p> <p class="b-card__item-stitle">Although we can't make your plane take off on time, we can help make sure you're not out of pocket when you've waited more than 12 hours.</p> </div> <a href="javascript:void(0)" class="button" id="button-4"></a> </div> <div class="slides-div" id="slide-5" style="z-index: -9999;"> <div class="b-card__item b-card__item--medical" id="card1"> <img src="https://www.staysure.co.uk/wp-content/uploads/2024/01/Lost-luggage.svg" /> <p class="b-card__item-title title--emx" style=" color: #8f3f96; ">Lost or delayed baggage</p> <p class="b-card__item-stitle">If your suitcase doesn’t turn up, we’ll pay up to £500 towards the essentials.</p> </div> <a href="javascript:void(0)" class="button" id="button-5"></a> </div> </div> </div> <div class="b-swapper"> <div id="swapper-btn1" class="b-swapper__btn active"></div> <div id="swapper-btn2" class="b-swapper__btn"></div> <div id="swapper-btn3" class="b-swapper__btn"></div> <div id="swapper-btn4" class="b-swapper__btn"></div> <div id="swapper-btn5" class="b-swapper__btn"></div>  </div>   </section> <script> const imageSlider = document.querySelector('.image-slider'); const slide1 = document.getElementById('slide-1'); //let browserWidth = window.innerWidth; let browserWidth = document.documentElement.clientWidth; if (browserWidth < 1920) { browserWidth = browserWidth; } else { browserWidth = 1920; } const viewportWidth = browserWidth; const viewportCentreX = viewportWidth / 2; const viewportCentreXSlide1 = viewportCentreX - 150; imageSlider.style.transform = 'translateX(' + (-slide1.offsetLeft + viewportCentreXSlide1) + 'px)'; const viewportCentreXSlide2 = viewportCentreXSlide1 - 0; const viewportCentreXSlide3 = viewportCentreXSlide2 - 0; const viewportCentreXSlide4 = viewportCentreXSlide3 - 0; const viewportCentreXSlide5 = viewportCentreXSlide4 - 0; // const viewportCentreXSlide6 = viewportCentreXSlide5 - 0; const slider1 = document.getElementById('swapper-btn1'); const slider2 = document.getElementById('swapper-btn2'); const slider3 = document.getElementById('swapper-btn3'); const slider4 = document.getElementById('swapper-btn4'); const slider5 = document.getElementById('swapper-btn5'); // const slider6 = document.getElementById('swapper-btn6'); const button1 = document.getElementById('button-1'); const button2 = document.getElementById('button-2'); const button3 = document.getElementById('button-3'); const button4 = document.getElementById('button-4'); const button5 = document.getElementById('button-5'); const button6 = document.getElementById('button-6'); const slide2 = document.getElementById('slide-2'); const slide3 = document.getElementById('slide-3'); const slide4 = document.getElementById('slide-4'); const slide5 = document.getElementById('slide-5'); // const slide6 = document.getElementById('slide-6'); slider1.addEventListener('click', () => { slider1.classList.add('active'); slider2.classList.remove('active'); slider3.classList.remove('active'); slider4.classList.remove('active'); slider5.classList.remove('active'); // slider6.classList.remove('active'); slide1.classList.add('active'); slide2.classList.remove('active'); slide3.classList.remove('active'); slide4.classList.remove('active'); slide5.classList.remove('active'); // slide6.classList.remove('active'); imageSlider.style.transform = 'translateX(' + (-slide1.offsetLeft + viewportCentreXSlide1) + 'px)'; }); slider2.addEventListener('click', () => { slider1.classList.remove('active'); slider2.classList.add('active'); slider3.classList.remove('active'); slider4.classList.remove('active'); slider5.classList.remove('active'); // slider6.classList.remove('active'); slide1.classList.remove('active'); slide2.classList.add('active'); slide3.classList.remove('active'); slide4.classList.remove('active'); slide5.classList.remove('active'); // slide6.classList.remove('active'); imageSlider.style.transform = 'translateX(' + (-slide2.offsetLeft + viewportCentreXSlide2) + 'px)'; }); slider3.addEventListener('click', () => { slider1.classList.remove('active'); slider2.classList.remove('active'); slider3.classList.add('active'); slider4.classList.remove('active'); slider5.classList.remove('active'); // slider6.classList.remove('active'); slide1.classList.remove('active'); slide2.classList.remove('active'); slide3.classList.add('active'); slide4.classList.remove('active'); slide5.classList.remove('active'); // slide6.classList.remove('active'); imageSlider.style.transform = 'translateX(' + (-slide3.offsetLeft + viewportCentreXSlide3) + 'px)'; }); slider4.addEventListener('click', () => { slider1.classList.remove('active'); slider2.classList.remove('active'); slider3.classList.remove('active'); slider4.classList.add('active'); slider5.classList.remove('active'); // slider6.classList.remove('active'); slide1.classList.remove('active'); slide2.classList.remove('active'); slide3.classList.remove('active'); slide4.classList.add('active'); slide5.classList.remove('active'); // slide6.classList.remove('active'); imageSlider.style.transform = 'translateX(' + (-slide4.offsetLeft + viewportCentreXSlide4) + 'px)'; }); slider5.addEventListener('click', () => { slider1.classList.remove('active'); slider2.classList.remove('active'); slider3.classList.remove('active'); slider4.classList.remove('active'); slider5.classList.add('active'); // slider6.classList.remove('active'); slide1.classList.remove('active'); slide2.classList.remove('active'); slide3.classList.remove('active'); slide4.classList.remove('active'); slide5.classList.add('active'); // slide6.classList.remove('active'); imageSlider.style.transform = 'translateX(' + (-slide5.offsetLeft + viewportCentreXSlide5) + 'px)'; }); // slider6.addEventListener('click', () => { // slider1.classList.remove('active'); // slider2.classList.remove('active'); // slider3.classList.remove('active'); // slider4.classList.remove('active'); // slider5.classList.remove('active'); // // slider6.classList.add('active'); // slide1.classList.remove('active'); // slide2.classList.remove('active'); // slide3.classList.remove('active'); // slide4.classList.remove('active'); // slide5.classList.remove('active'); // // slide6.classList.add('active'); // imageSlider.style.transform = 'translateX(' + (-slide6.offsetLeft + viewportCentreXSlide6) + 'px)'; // }); button1.addEventListener('click', () => { slider1.classList.add('active'); slider2.classList.remove('active'); slider3.classList.remove('active'); slider4.classList.remove('active'); slider5.classList.remove('active'); // slider6.classList.remove('active'); slide1.classList.add('active'); slide2.classList.remove('active'); slide3.classList.remove('active'); slide4.classList.remove('active'); slide5.classList.remove('active'); // slide6.classList.remove('active'); imageSlider.style.transform = 'translateX(' + (-slide1.offsetLeft + viewportCentreXSlide1) + 'px)'; }); button2.addEventListener('click', () => { slider1.classList.remove('active'); slider2.classList.add('active'); slider3.classList.remove('active'); slider4.classList.remove('active'); slider5.classList.remove('active'); // slider6.classList.remove('active'); slide1.classList.remove('active'); slide2.classList.add('active'); slide3.classList.remove('active'); slide4.classList.remove('active'); slide5.classList.remove('active'); // slide6.classList.remove('active'); imageSlider.style.transform = 'translateX(' + (-slide2.offsetLeft + viewportCentreXSlide2) + 'px)'; }); button3.addEventListener('click', () => { slider1.classList.remove('active'); slider2.classList.remove('active'); slider3.classList.add('active'); slider4.classList.remove('active'); slider5.classList.remove('active'); // slider6.classList.remove('active'); slide1.classList.remove('active'); slide2.classList.remove('active'); slide3.classList.add('active'); slide4.classList.remove('active'); slide5.classList.remove('active'); // slide6.classList.remove('active'); imageSlider.style.transform = 'translateX(' + (-slide3.offsetLeft + viewportCentreXSlide3) + 'px)'; }); button4.addEventListener('click', () => { slider1.classList.remove('active'); slider2.classList.remove('active'); slider3.classList.remove('active'); slider4.classList.add('active'); slider5.classList.remove('active'); // slider6.classList.remove('active'); slide1.classList.remove('active'); slide2.classList.remove('active'); slide3.classList.remove('active'); slide4.classList.add('active'); slide5.classList.remove('active'); // slide6.classList.remove('active'); imageSlider.style.transform = 'translateX(' + (-slide4.offsetLeft + viewportCentreXSlide4) + 'px)'; }); button5.addEventListener('click', () => { slider1.classList.remove('active'); slider2.classList.remove('active'); slider3.classList.remove('active'); slider4.classList.remove('active'); slider5.classList.add('active'); // slider6.classList.remove('active'); slide1.classList.remove('active'); slide2.classList.remove('active'); slide3.classList.remove('active'); slide4.classList.remove('active'); slide5.classList.add('active'); // slide6.classList.remove('active'); imageSlider.style.transform = 'translateX(' + (-slide5.offsetLeft + viewportCentreXSlide5) + 'px)'; }); // button6.addEventListener('click', () => { // slider1.classList.remove('active'); // slider2.classList.remove('active'); // slider3.classList.remove('active'); // slider4.classList.remove('active'); // slider5.classList.remove('active'); // // slider6.classList.add('active'); // slide1.classList.remove('active'); // slide2.classList.remove('active'); // slide3.classList.remove('active'); // slide4.classList.remove('active'); // slide5.classList.remove('active'); // // slide6.classList.add('active'); // imageSlider.style.transform = 'translateX(' + (-slide6.offsetLeft + viewportCentreXSlide6) + 'px)'; // }); </script> <style> #policy-benefits-scroller .slides-div.active { transform: scale(1.4); -moz-transform: scale(1.4); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; z-index: 9999 !important; } #policy-benefits-scroller .active .b-card__item { background: #fff; opacity: 1; } #policy-benefits-scroller { max-width: 1920px; border-radius: 16px; width: 100%; margin: 0 auto; margin-bottom: 16px; background: #522367; color: #fff; overflow: hidden; position: relative; } #policy-benefits-scroller .container { padding-top: 80px; text-align: center; color: #fff; font-family: 'DM Serif Display', serif; font-size: 52px; line-height: 130%; position: relative; overflow: hidden !important; } #policy-benefits-scroller .top-card { display: flex; position: relative; max-width: 357px; width: 100%; padding: 32px; flex-direction: column; align-items: center; gap: 16px; flex-shrink: 0; border-radius: 32px; background: #fff; box-shadow: 0px 0px 25.3125px 0px rgba(0, 0, 0, 0.15); z-index: 1; } #policy-benefits-scroller .top-card .title { max-width: 280px; margin: 0 auto; color: #008205; text-align: center; font-family: 'DM Serif Text', serif; font-size: 36px; line-height: 110%; } #policy-benefits-scroller .top-card .subtitle { align-self: stretch; color: #212427; text-align: center; font-size: 20px; font-weight: 400; line-height: 160%; } #policy-benefits-scroller .sub-card { display: flex; width: 250px; padding: 24px; flex-direction: column; align-items: center; gap: 8px; flex: 1 0 0; border-radius: 24px; background: #fff; opacity: 0.9; /* filter: blur(2px);*/ box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); position: absolute; z-index: 0; /* top: 45%; */ top: 41%; } #policy-benefits-scroller .sub-card .title { align-self: stretch; color: #1173d5; text-align: center; font-family: 'DM Serif Text', serif; font-size: 26px; font-weight: 400; line-height: 110%; mix-blend-mode: multiply; } #policy-benefits-scroller .sub-card .subtitle { align-self: stretch; color: #212427; text-align: center; font-size: 13px; font-weight: 400; line-height: 160%; } #policy-benefits-scroller .b-swapper { display: block; position: absolute; bottom: 80px; left: calc(50% - 96px); } /* Mobile swapper button */ .b-swapper__btn { width: 16px; height: 16px; float: left; margin-right: 16px; background-color: #DBDDDD; border-radius: 16px; cursor: pointer; transition: 0.3s ease width; } .b-swapper__btn:last-child { margin-right: 0; } .b-swapper__btn.active { width: 64px; cursor: auto; background-color: rgba(255, 221, 153, 1) } /* Card */ .b-card { width: 100%; /* height:100%; */ } .image-slider { width: 100%; margin-top: 20px; position: absolute; left: 0; top: 260px; display: flex; justify-content: flex-start; justify-content: flex-start; transition: 1s; } .slides-div { display: flex; align-items: center; justify-content: center; margin: 0 40px 0 0; /* position: absolute; */ } .img { position: relative; width: 240px; height: 370px; transition: 0.5s; } #policy-benefits-scroller .button { padding: 32px; position: absolute; width: 236px; height: 230px; transition: 0.3s; border-radius: 32px; background: transparent; box-shadow: 0px 0px 25.3125px 0px rgba(0, 0, 0, 0.15); } .b-card__item { display: grid; align-content: center; justify-items: center; grid-row-gap: 6px; padding: 32px; width: 236px; height: 230px; opacity: 0.9; box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.15); /* filter: blur(2px);*/ background: white; border-radius: 32px; } .b-card__item-title { margin: 0; color: #008205; text-align: center; font-family: 'DM Serif Display', serif; font-size: 26px; line-height: 110%; } .b-card__item-title.title--emx { color: #0AA7AD; } .b-card__item-title.title--cc { color: #1173D5; } .b-card__item-title.title--atcd { color: #7966AA; } .b-card__item-title.title--lsb { color: #77A72F; } .b-card__item-title.title--ff { color: #CA4F0C; } .b-card__item-stitle { margin: 0; color: #212427; text-align: center; font-family: Open Sans; font-size: 13px; line-height: 160%; } @media screen and (max-device-width: 1919px) { #policy-benefits-scroller { margin-bottom: 0px; border-radius: 0px; } } @media only screen and (max-width: 1100px) { #policy-benefits-scroller .container { max-width: 500px; margin: 0 auto; padding-top: 100px; } .b-card .b-card__item { grid-row-gap: 6px; padding: 22px; } .b-card .b-card__item svg { width: 60px; height: 60px; } .slides-div { margin: 0 10px; } #policy-benefits-scroller .button { padding: 22px; } /* Card 1 */ .slider-span--one.active~.image-slider #card1, .slider-span--one.active~.image-slider #button-1 { width: 326px; height: 290px; } .slider-span--one.active~.image-slider #card1 .b-card__item-title { font-size: 28px; } .slider-span--one.active~.image-slider #card1 .b-card__item-stitle { font-size: 18px; } .slider-span--one.active~.image-slider #card1 svg { width: 90px; height: 90px; } /* Card 2 */ .slider-span--two.active~.image-slider #card2, .slider-span--two.active~.image-slider #button-2 { width: 326px; height: 290px; } .slider-span--two.active~.image-slider #card2 .b-card__item-title { font-size: 28px; } .slider-span--two.active~.image-slider #card2 .b-card__item-stitle { font-size: 18px; } .slider-span--two.active~.image-slider #card2 svg { width: 90px; height: 90px; } /* Card 3 */ .slider-span--three.active~.image-slider #card3, .slider-span--three.active~.image-slider #button-3 { width: 326px; height: 290px; } .slider-span--three.active~.image-slider #card3 .b-card__item-title { font-size: 28px; } .slider-span--three.active~.image-slider #card3 .b-card__item-stitle { font-size: 18px; } .slider-span--three.active~.image-slider #card3 svg { width: 90px; height: 90px; } /* Card 4 */ .slider-span--four.active~.image-slider #card4, .slider-span--four.active~.image-slider #button-4 { width: 326px; height: 290px; } .slider-span--four.active~.image-slider #card4 .b-card__item-title { font-size: 28px; } .slider-span--four.active~.image-slider #card4 .b-card__item-stitle { font-size: 18px; } .slider-span--four.active~.image-slider #card4 svg { width: 90px; height: 90px; } /* Card 5 */ .slider-span--five.active~.image-slider #card5, .slider-span--five.active~.image-slider #button-5 { width: 326px; height: 290px; } .slider-span--five.active~.image-slider #card5 .b-card__item-stitle { font-size: 18px; } .slider-span--five.active~.image-slider #card5 .b-card__item-title { font-size: 28px; } .slider-span--five.active~.image-slider #card5 svg { width: 90px; height: 90px; } /* Card 6 */ .slider-span--five.active~.image-slider #card6, .slider-span--five.active~.image-slider #button-6 { width: 326px; height: 290px; } .slider-span--six.active~.image-slider #card6 .b-card__item-stitle { font-size: 18px; } .slider-span--six.active~.image-slider #card6 .b-card__item-title { font-size: 28px; } .slider-span--six.active~.image-slider #card6 svg { width: 90px; height: 90px; } .slider-span--one.active~.image-slider { left: 75%; } .slider-span--two.active~.image-slider { left: 37.5%; } .slider-span--three.active~.image-slider { left: 0%; } .slider-span--four.active~.image-slider { left: -37.5%; } .slider-span--five.active~.image-slider { left: -75%; } .slider-span--six.active~.image-slider { left: -75%; } } @media only screen and (max-width: 566px) { #policy-benefits-scroller { height: 737px; gap: 48px; margin-bottom: 0; border-radius: 0; } #policy-benefits-scroller .top-card { max-width: 252px; padding: 24px; } #policy-benefits-scroller .top-card .title { font-size: 26px; line-height: 120%; } #policy-benefits-scroller .top-card .subtitle { font-size: 13px; line-height: 160%; } #policy-benefits-scroller .container { padding-top: 80px; margin: 0 auto; font-size: 40px; line-height: 100%; letter-spacing: -0.4px; padding-left: 20px; padding-right: 20px; } .b-card__item { width: 252px; height: 230px; } #policy-benefits-scroller .button { width: 252px; height: 230px; } .b-card .image-slider { margin: 48px 0; top: 185px; } #policy-benefits-scroller .b-swapper { display: flex; justify-content: center; align-items: center; height: 32px; position: absolute; bottom: 100px; left: 50%; transform: translateX(-50%); } } @media only screen and (max-width: 460px) { .b-card .b-card__item { grid-row-gap: 8px; padding: 24px; } .b-card .b-card__item svg { width: 60px; height: 60px; } .slides-div { margin: 0 10px; } #policy-benefits-scroller .button { padding: 24px; } /* Card 1 */ .slider-span--one.active~.image-slider #card1, .slider-span--one.active~.image-slider #button-1 { width: 252px; height: 221px; } .slider-span--one.active~.image-slider #card1 .b-card__item-title { font-size: 26px; } .slider-span--one.active~.image-slider #card1 .b-card__item-stitle { font-size: 13px; } .slider-span--one.active~.image-slider #card1 svg { width: 80px; height: 80px; } /* Card 2 */ .slider-span--two.active~.image-slider #card2, .slider-span--two.active~.image-slider #button-2 { width: 252px; height: 221px; } .slider-span--two.active~.image-slider #card2 .b-card__item-title { font-size: 26px; } .slider-span--two.active~.image-slider #card2 .b-card__item-stitle { font-size: 13px; } .slider-span--two.active~.image-slider #card2 svg { width: 80px; height: 80px; } /* Card 3 */ .slider-span--three.active~.image-slider #card3, .slider-span--three.active~.image-slider #button-3 { width: 252px; height: 221px; } .slider-span--three.active~.image-slider #card3 .b-card__item-title { font-size: 26px; } .slider-span--three.active~.image-slider #card3 .b-card__item-stitle { font-size: 13px; } .slider-span--three.active~.image-slider #card3 svg { width: 80px; height: 80px; } /* Card 4 */ .slider-span--four.active~.image-slider #card4, .slider-span--four.active~.image-slider #button-4 { width: 252px; height: 221px; } .slider-span--four.active~.image-slider #card4 .b-card__item-title { font-size: 26px; } .slider-span--four.active~.image-slider #card4 .b-card__item-stitle { font-size: 13px; } .slider-span--four.active~.image-slider #card4 svg { width: 80px; height: 80px; } /* Card 5 */ .slider-span--five.active~.image-slider #card5, .slider-span--five.active~.image-slider #button-5 { width: 252px; height: 221px; } .slider-span--five.active~.image-slider #card5 .b-card__item-title { font-size: 26px; } .slider-span--five.active~.image-slider #card5 .b-card__item-stitle { font-size: 13px; } .slider-span--five.active~.image-slider #card5 svg { width: 80px; height: 80px; } } @media only screen and (max-width: 500px) { #policy-benefits-scroller .slides-div.active { transform: scale(1.0); -moz-transform: scale(1.0); } } </style><link rel="preload" href="/wp-content/themes/staysure-wdr/partials/homepage/sections/cover-options-tab/cover-options-tab.css?v=4.4.7" as="style" onload="this.onload=null;this.rel='stylesheet'"> <noscript><link rel="stylesheet" href="/wp-content/themes/staysure-wdr/partials/homepage/sections/cover-options-tab/cover-options-tab.css?v=4.4.7"></noscript> <section id="cover-options-tab"> <div class="cover-opt container"> <h2 class="cover-opt__title"> Flexible cover options to suit you </h2> <div class="cover-opt__types"> <div class="cover-opt__item"> <div class="cover-opt__item-header close" onclick="newGlobalGoogleEventTrigger_Accordian_CLicks('content_accordion' , 'accordion' , 'Single trip cover')"> <h4 class="cover-opt__item-title">Single trip cover</h4> <svg class="cover-opt__item-arrow" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path d="M10.705 17.8815L1.59514 8.77158C1.15579 8.33223 1.15579 7.61991 1.59514 7.1806L2.65766 6.11808C3.09627 5.67947 3.80713 5.67863 4.24677 6.11621L11.5005 13.3359L18.7542 6.11621C19.1938 5.67863 19.9047 5.67947 20.3433 6.11808L21.4058 7.1806C21.8451 7.61996 21.8451 8.33227 21.4058 8.77158L12.296 17.8815C11.8566 18.3208 11.1443 18.3208 10.705 17.8815Z" fill="white"/> </svg> </div> <div class="cover-opt__item-body"> <div class="item-body__container"> <div class="item-body__header"> <h4 class="item-body__title">Over 85,000 new trips covered since January</h4> </div> <p class="item-body__content">Covering you for one trip with no upper age limit. Cancellation cover starts immediately when you buy your cover, which is why travel experts say to buy as soon as you book your trip!</p> </div> <a id="go-to-single-trip" onclick="triggerGolbalGoogleEvents_Standard(`new-hp-go-to-single-trip`, `Header`, this)" href="/single-trip-insurance/"> <button class="item-body__compare">Single trip travel insurance <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none"> <circle cx="9" cy="9" r="8.25" stroke="#D4E7F4" stroke-width="1.5"/> <path d="M12.174 9.367 7.97 13.57a.52.52 0 0 1-.735 0l-.49-.49a.52.52 0 0 1-.001-.734L10.076 9 6.744 5.652a.52.52 0 0 1 0-.734l.491-.49a.52.52 0 0 1 .735 0l4.204 4.204a.52.52 0 0 1 0 .735Z" fill="#D4E7F4"/> </svg> </button> </a> </div> </div> <div class="cover-opt__item"> <div class="cover-opt__item-header close" onclick="newGlobalGoogleEventTrigger_Accordian_CLicks('content_accordion' , 'accordion' , 'Multi-trip cover')"> <h4 class="cover-opt__item-title">Multi-trip cover</h4> <svg class="cover-opt__item-arrow" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path d="M10.705 17.8815L1.59514 8.77158C1.15579 8.33223 1.15579 7.61991 1.59514 7.1806L2.65766 6.11808C3.09627 5.67947 3.80713 5.67863 4.24677 6.11621L11.5005 13.3359L18.7542 6.11621C19.1938 5.67863 19.9047 5.67947 20.3433 6.11808L21.4058 7.1806C21.8451 7.61996 21.8451 8.33227 21.4058 8.77158L12.296 17.8815C11.8566 18.3208 11.1443 18.3208 10.705 17.8815Z" fill="white"/> </svg> </div> <div class="cover-opt__item-body"> <div class="item-body__container"> <div class="item-body__header"> <h4 class="item-body__title">1 in 3 people choose an annual policy</h4> </div> <p class="item-body__content">If you’re looking for peace of mind all year round, choose an annual policy. Annual policies also give you the option to <span id="trigger-spread-overlay" style="text-decoration: underline;cursor: pointer">spread the cost</span> if your policy is £80 or over.</p> </div> <a id="go-to-single-trip" onclick="triggerGolbalGoogleEvents_Standard(`new-hp-go-to-single-trip`, `Header`, this)" href="/annual-travel-insurance/"> <button class="item-body__compare">Multi-trip travel insurance <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none"> <circle cx="9" cy="9" r="8.25" stroke="#D4E7F4" stroke-width="1.5"/> <path d="M12.174 9.367 7.97 13.57a.52.52 0 0 1-.735 0l-.49-.49a.52.52 0 0 1-.001-.734L10.076 9 6.744 5.652a.52.52 0 0 1 0-.734l.491-.49a.52.52 0 0 1 .735 0l4.204 4.204a.52.52 0 0 1 0 .735Z" fill="#D4E7F4"/> </svg> </button> </a> </div> </div> <div class="cover-opt__item"> <div class="cover-opt__item-header close" onclick="newGlobalGoogleEventTrigger_Accordian_CLicks('content_accordion' , 'accordion' , 'Medical cover')"> <h4 class="cover-opt__item-title">Medical cover</h4> <svg class="cover-opt__item-arrow" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path d="M10.705 17.8815L1.59514 8.77158C1.15579 8.33223 1.15579 7.61991 1.59514 7.1806L2.65766 6.11808C3.09627 5.67947 3.80713 5.67863 4.24677 6.11621L11.5005 13.3359L18.7542 6.11621C19.1938 5.67863 19.9047 5.67947 20.3433 6.11808L21.4058 7.1806C21.8451 7.61996 21.8451 8.33227 21.4058 8.77158L12.296 17.8815C11.8566 18.3208 11.1443 18.3208 10.705 17.8815Z" fill="white"/> </svg> </div> <div class="cover-opt__item-body"> <div class="item-body__container"> <div class="item-body__header"> <h4 class="item-body__title">We can cover 97% of people, even if you have medical conditions</h4> </div> <p class="item-body__content">Telling us about your medical conditions when you take out your policy will make sure you're covered. Treatment for illnesses when you're abroad can be huge – in the USA, the average cost of holiday medical treatment is £9,941 (gov.uk data 2019).</p> </div> <a id="go-to-single-trip" onclick="triggerGolbalGoogleEvents_Standard(`new-hp-go-to-single-trip`, `Header`, this)" href="/medical-travel-insurance/"> <button class="item-body__compare">Medical cover <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none"> <circle cx="9" cy="9" r="8.25" stroke="#D4E7F4" stroke-width="1.5"/> <path d="M12.174 9.367 7.97 13.57a.52.52 0 0 1-.735 0l-.49-.49a.52.52 0 0 1-.001-.734L10.076 9 6.744 5.652a.52.52 0 0 1 0-.734l.491-.49a.52.52 0 0 1 .735 0l4.204 4.204a.52.52 0 0 1 0 .735Z" fill="#D4E7F4"/> </svg> </button> </a> </div> </div> <div class="cover-opt__item"> <div class="cover-opt__item-header open" onclick="newGlobalGoogleEventTrigger_Accordian_CLicks('content_accordion' , 'accordion' , 'Our cover levels')"> <h4 class="cover-opt__item-title">Our cover levels</h4> <svg class="cover-opt__item-arrow" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path d="M10.705 17.8815L1.59514 8.77158C1.15579 8.33223 1.15579 7.61991 1.59514 7.1806L2.65766 6.11808C3.09627 5.67947 3.80713 5.67863 4.24677 6.11621L11.5005 13.3359L18.7542 6.11621C19.1938 5.67863 19.9047 5.67947 20.3433 6.11808L21.4058 7.1806C21.8451 7.61996 21.8451 8.33227 21.4058 8.77158L12.296 17.8815C11.8566 18.3208 11.1443 18.3208 10.705 17.8815Z" fill="white"/> </svg> </div> <div class="cover-opt__item-body"> <div class="item-body__container"> <div class="item-body__header"> <h4 class="item-body__title">Signature</h4> <img class="item-body__defaqto" src = "https://www.staysure.co.uk/wp-content/uploads/2024/04/DSN24_117_SS_Defaqto_web_images_DSN24_117_Defaqto5star.svg" /> </div> <p class="item-body__content">Up to £10k cancellation per person and some helpful extras like gadget cover and a zero excess included.</p> </div> <div class="item-body__container"> <div class="item-body__header"> <h4 class="item-body__title">Comprehensive</h4> <img class="item-body__defaqto" src = "https://www.staysure.co.uk/wp-content/uploads/2024/04/DSN24_117_SS_Defaqto_web_images_DSN24_117_Defaqto5star.svg" /> </div> <p class="item-body__content">Up to £5k cancellation per person. Add optional extras like cruise cover and winter sports cover.</p> </div> <div class="item-body__container"> <div class="item-body__header"> <h4 class="item-body__title">Basic</h4> <img class="item-body__defaqto" src = "https://www.staysure.co.uk/wp-content/uploads/2024/04/DSN24_117_SS_Defaqto_web_images_DSN24_117_Defaqto2star.svg" /> </div> <p class="item-body__content">Up to £500 cancellation per person. Not all features are available.</p> </div> <button onclick="newGlobalGoogleEventTrigger_InPafe_Popup_Clicks('content_pop_up' , 'content_pop_up_clicks' , 'Compare cover levels')" id="trigger-table-overlay" class="item-body__compare">Compare cover levels <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none"> <circle cx="9" cy="9" r="8.25" stroke="#D4E7F4" stroke-width="1.5"/> <path d="M12.174 9.367 7.97 13.57a.52.52 0 0 1-.735 0l-.49-.49a.52.52 0 0 1-.001-.734L10.076 9 6.744 5.652a.52.52 0 0 1 0-.734l.491-.49a.52.52 0 0 1 .735 0l4.204 4.204a.52.52 0 0 1 0 .735Z" fill="#D4E7F4"/> </svg> </button> </div> </div> </div> </div> <script> var accItem = document.getElementsByClassName('cover-opt__item'); var accHD = document.getElementsByClassName('cover-opt__item-header'); for (i = 0; i < accHD.length; i++) { accHD[i].addEventListener('click', toggleItem, false); } function toggleItem() { var itemClass = this.className; // for (i = 0; i < accItem.length; i++) { // accHD[i].className = 'cover-opt__item-header close'; // } if (itemClass == 'cover-opt__item-header close') { this.className = 'cover-opt__item-header open'; } if (itemClass == 'cover-opt__item-header open') { this.className = 'cover-opt__item-header close'; } } </script> </section> <link rel="preload" href="/wp-content/themes/staysure-wdr/partials/homepage/sections/footer/footer.css?v=4.4.4" as="style" onload="this.onload=null;this.rel='stylesheet'"> <noscript><link rel="stylesheet" href="/wp-content/themes/staysure-wdr/partials/homepage/sections/footer/footer.css?v=4.4.4"></noscript> <footer> <div class="wrapper"> <div class="footer-top"> <div class="footer-top-col help"> <div class="title">Need Help?</div> <div class="ul-container"> <ul> <li><a href="/contact-us/">Contact us</a></li> <li><a href="/complaints/">Complaints</a></li> <li><a href="/claims/">Claims</a></li> <li><a href="/reviews/">Reviews</a></li> </ul> <ul> <li><a href="/policy-documents/travel-insurance/">Policy Documents</a></li> <li><a href="/why-staysure/">Why Staysure</a></li> <li><a href="/affiliates/">Affiliates</a></li> </ul> </div> </div> <div class="footer-top-col company"> <div class="title">Company</div> <div class="ul-container"> <ul> <li><a href="/terms-and-conditions/">Terms and Conditions</a></li> <li><a href="/terms-of-business/">Terms of Business</a></li> <li><a href="/privacy-policy/">Privacy Policy</a></li> <li><a href="/cookie-policy/">Cookie Policy</a></li> <li><a href="javascript:void(0)" id="ot-sdk-btn" onClick="cookieManageModalOpen()">Manage Cookies</a></li> </ul> <ul> <li><a href="/accessibility/">Accessibility</a></li> <li><a href="https://careers.staysuregroup.co.uk/">Careers</a></li> <li><a href="/gender-pay-gap-summary/">Gender Pay Gap Report</a></li> <li><a href="/modern-slavery/">Modern Slavery Statement</a></li> </ul> </div> </div> <div class="footer-top-col follow"> <div class="title">Follow Us</div> <ul class="social"> <li class="facebook"> <a href="https://www.facebook.com/Staysure/" target="_blank" rel="noreferrer"> <img src="/wp-content/themes/staysure-wdr/assets/hp-assets/images/footer/facebook.svg" width="21" height="22" alt="Cookie Image" loading="lazy"> </a> </li> <li class="intagram"> <a href="https://www.instagram.com/staysuretravelinsurance/" target="_blank" rel="noreferrer"><img src="/wp-content/themes/staysure-wdr/assets/hp-assets/images/footer/insta.svg" width="21" height="21" alt="Cookie Image" loading="lazy"> </a> </li> <li class="linkdin"> <a href="https://www.linkedin.com/company/staysuregroup" target="_blank" rel="noreferrer"><img src="/wp-content/themes/staysure-wdr/assets/hp-assets/images/footer/linkdin.svg" width="21" height="22" alt="Cookie Image" loading="lazy"> </a> </li> <li class="twitter"> <a href="https://twitter.com/staysure/" target="_blank" rel="noreferrer"> <img src="/wp-content/themes/staysure-wdr/assets/hp-assets/images/footer/twitter.svg" width="26" height="22" alt="Cookie Image" loading="lazy"> </a> </li> </ul> <div class="trustpilot"> <a target="_blank" rel="noreferrer" href="https://uk.trustpilot.com/review/www.staysure.co.uk?utm_medium=trustbox&utm_source=Mini"> <img src="/wp-content/themes/staysure-wdr/assets/hp-assets/images/footer/header_trust-pilot-white.png" alt="Cookie Image" loading="lazy" width="225" height="18"> </a> </div> <div class="copyright">&copy 2024 Staysure </div> </div> </div> <div class="footer-bottom"> <a id="mainLogoFooter" class="footer-bottom-logo" href="https://www.staysure.co.uk/" itemprop="url"> <picture> <img width="500" height="90" src="/wp-content/themes/staysure-wdr/assets/hp-assets/images/footer/footer-logo-white.svg" alt="Footer logo" id="footer-logo" class="entered" loading="lazy"> </picture> </a> <div class="footer-bottom-para"> <p>Staysure is a trading name of TICORP Limited. Staysure Travel Insurance is arranged by TICORP Limited which is registered in Gibraltar company number 111526. Registered ofﬁce: First Floor, Grand Ocean Plaza, Ocean Village, Gibraltar. TICORP Limited is authorised and regulated by the Gibraltar Financial Services Commission and trades into the UK on a freedom of services basis, Financial Conduct Authority FRN 663617.</p> <p>Staysure Travel Insurance is administered by Howserv Limited which is registered in England andWales number 03882026. Registered office: Britannia House, 3-5 Rushmills Business Park, Bedford Road, Northampton, NN4 7YB. Howserv Limited is authorised and regulated by the Financial Conduct Authority FRN 599282.</p> <p>We receive payment from the Insurer for the sale, service and renewal of your insurance policy.This payment is included in the premium you pay and is not an extra fee. Our staff may receive monthly or periodic rewards and bonus payments for their performance. This is based on various targets, including the quality of service provided to you, and is designed to ensure they act in your best interests.</p> </div> </div> </div> <script> (function() { // Get the URL parameters var urlParams = new URLSearchParams(window.location.search); // If URL parameter "utm_source" is present and the value is "quidcoph" or "topcashback" if ( urlParams.has('utm_source') && ( urlParams.get('utm_source') == 'quidcoph' /* Ignore cash back site */ || urlParams.get('utm_source') == 'topcashback' /* Ignore cash back site */ ) ) { // Delete cookie if it exists and return document.cookie = "__sts_bf2023=; expires=Thu, 01 Jan 1970 00:00:00 GMT; domain=.staysure.co.uk; path=/;"; return; } // If cookie "__sts_bf2023" is not set if (document.cookie.indexOf('__sts_bf2023') == -1) { // check if the folliwng are set then set cookie if ( (urlParams.has('gclid') && !urlParams.has('msclkid')) /* Google CPC */ || urlParams.has('stsbf') /* Email or SMS */ || (urlParams.has('utm_source') && urlParams.get('utm_source') == 'bing' && (urlParams.has('utm_medium') && urlParams.get('utm_medium') == 'cpc')) /* Bing CPC */ || (urlParams.has('utm_medium') && urlParams.get('utm_medium') == 'Affiliates') /* Affiliates */ || (urlParams.has('utm_medium') && urlParams.get('utm_medium').includes('paidsocial')) /* Paid Social */ ) { document.cookie = "__sts_bf2023=true; expires=Thurs, 30 Nov 2023 23:59:00 GMT; domain=.staysure.co.uk; path=/" /* Set Cookie */ ; } } console.log("liser called "); const is_normal_banner = "noprint"; const is_countdown_banner = "noprint"; console.log("is_normal_banner", is_normal_banner); console.log("is_countdown_banner", is_countdown_banner); if (is_normal_banner == "print" || is_countdown_banner == "print") { console.log("got inside "); if (document.cookie.indexOf('__sts_bf2023') != -1) { // add controlling styles // add or change style on .bf-banner to display:block var bfBannerNormal = document.querySelector('#bfBannerNormalNewHome'); var bfBannerCountDown = document.querySelector('#bfBannerCountDownNewHome'); console.log("is_normal_banner 1", is_normal_banner); console.log("is_countdown_banner 1", is_countdown_banner); if (bfBannerNormal && is_normal_banner == "print") { bfBannerNormal.style.display = 'grid'; } if (bfBannerCountDown && is_countdown_banner == "print") { bfBannerCountDown.style.display = 'grid'; } console.log("test 12"); let BfcommercialBanner = document.querySelector('.blackfriday-commercial-banner'); let mainBanner = document.getElementById('heroMainBanner'); let mainBannerNew = document.getElementById('hero'); if(BfcommercialBanner){ console.log("test 12 1 BfcommercialBanner",BfcommercialBanner); BfcommercialBanner.style.display = 'grid'; } console.log("test 12 1 1"); if(mainBanner){ mainBanner.style.display = 'none'; } if(mainBannerNew){ mainBannerNew.style.display = 'none'; } console.log("test 12 1 1 1"); } else { var bfBannerNormal = document.querySelector('#bfBannerNormalNewHome'); var bfBannerCountDown = document.querySelector('#bfBannerCountDownNewHome'); var BfcommercialBanner = document.querySelector('.blackfriday-commercial-banner'); if (bfBannerNormal) { bfBannerNormal.style.display = 'none'; } if (bfBannerCountDown) { bfBannerCountDown.style.display = 'none'; } if (BfcommercialBanner) { BfcommercialBanner.style.display = 'none'; } var mainBanner = document.querySelector('#heroMainBanner'); let mainBannerNew = document.getElementById('hero'); if (mainBanner) { mainBanner.style.display = 'block'; } if(mainBannerNew){ mainBannerNew.style.display = 'grid'; } } }else{ var bfBannerNormal = document.querySelector('#bfBannerNormalNewHome'); var bfBannerCountDown = document.querySelector('#bfBannerCountDownNewHome'); var BfcommercialBanner = document.querySelector('.blackfriday-commercial-banner'); if (bfBannerNormal) { bfBannerNormal.style.display = 'none'; } if (bfBannerCountDown) { bfBannerCountDown.style.display = 'none'; } if (BfcommercialBanner) { BfcommercialBanner.style.display = 'none'; } var mainBanner = document.querySelector('#heroMainBanner'); let mainBannerNew = document.getElementById('hero'); if (mainBanner) { mainBanner.style.display = 'block'; } if(mainBannerNew){ mainBannerNew.style.display = 'grid'; } } })(); function getCookie(name) { const value = `; ${document.cookie}`; const parts = value.split(`; ${name}=`); if (parts.length === 2) return parts.pop().split(';').shift(); } function checkCookie() { let isHave = false; if(getCookie("OptanonAlertBoxClosed") != undefined){ isHave = true; } return isHave; }; window.addEventListener("load", (event) => { const queryString = window.location.search; const urlParams = new URLSearchParams(queryString); const chat = urlParams.get('chat'); console.log("chat",chat) let intervelwrapperDisplay = setInterval(function name(params) { if(checkCookie() === true){ document.getElementById("chat-wrapper").style.display = "block" clearInterval(intervelwrapperDisplay); } }, 1000); if(chat){ if(chat == 'open'){ let intervel = setInterval(function name(params) { if(checkCookie() === true){ console.log("cokkie have"); if(document.getElementById("ze-snippet")){ zE("messenger", "show"); zE('messenger', 'open'); }else{ //loading zendesk script from js after the page load var script = document.createElement('script'); script.type = 'text/javascript'; script.id = 'ze-snippet'; script.async = true; script.src = 'https://static.zdassets.com/ekr/snippet.js?key=c1898fd6-6388-47c3-ba6e-025dfc02d64d'; document.getElementsByTagName('footer')[0].appendChild(script); //set timeout till loading the widget setTimeout(()=> { document.getElementById("chat-wrapper").style.display = "none" zE("messenger", "open"); }, 1000); } clearInterval(intervel); }else{ console.log("cokkie not have"); } }, 1000); } } }) </script> <script> function cookieManageModalOpen () { if (typeof window !== "undefined" && window.OneTrust && typeof window.OneTrust.ToggleInfoDisplay === "function") { document.getElementById("onetrust-consent-sdk").style.display = "block" window.OneTrust.ToggleInfoDisplay(); const oneTrustCloseButton = document.querySelector(".ot-floating-button__close"); } else { console.error("OneTrust function to open cookie preferences is not available."); } } </script> <style> .onetrust-pc-dark-filter{ z-index: 0 !important; } </style> </main>    <div id="help-overlay" class="overlay-trans overlay" style="opacity: 0; align-items: end;"> <div class="container" style="border-radius: 16px 16px 0px 0px;"> <div class="body"> <a href="https://my.staysure.co.uk/signin" style="text-decoration: none;"> <div class="top"> <img src="https://www.staysure.co.uk/wp-content/uploads/2023/11/svgviewer-output34.svg" /> <span class="title">Log in to your account <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none"> <circle cx="9" cy="9" r="8.0625" stroke="#1173D5" stroke-width="1.875" /> <path d="M12.1758 9.36656L7.9712 13.5711C7.76841 13.7739 7.43965 13.7739 7.23689 13.5711L6.7465 13.0807C6.54407 12.8783 6.54368 12.5502 6.74564 12.3473L10.0778 8.9994L6.74564 5.65155C6.54368 5.44864 6.54407 5.12055 6.7465 4.91811L7.23689 4.42772C7.43968 4.22494 7.76844 4.22494 7.9712 4.42772L12.1757 8.63226C12.3785 8.83502 12.3785 9.16378 12.1758 9.36656Z" fill="#1173D5" /> </svg></span> <span class="subtitle">View your policy, make changes and renew online.</span> </div> </a> <a href="https://www.staysure.co.uk/claims/" style="text-decoration: none;"> <div class="middle"> <img src="https://www.staysure.co.uk/wp-content/uploads/2023/11/svgviewer-output36.svg" /> <span class="title">Make a claim <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none"> <circle cx="9" cy="9" r="8.0625" stroke="#1173D5" stroke-width="1.875" /> <path d="M12.1758 9.36656L7.9712 13.5711C7.76841 13.7739 7.43965 13.7739 7.23689 13.5711L6.7465 13.0807C6.54407 12.8783 6.54368 12.5502 6.74564 12.3473L10.0778 8.9994L6.74564 5.65155C6.54368 5.44864 6.54407 5.12055 6.7465 4.91811L7.23689 4.42772C7.43968 4.22494 7.76844 4.22494 7.9712 4.42772L12.1757 8.63226C12.3785 8.83502 12.3785 9.16378 12.1758 9.36656Z" fill="#1173D5" /> </svg></span> <span class="subtitle">Start a new claim or manage an existing claim.</span> </div> </a> <a class="popupChatNow" href="javascript:void(0);" style="text-decoration: none;"> <div class="bottom"> <img src="https://www.staysure.co.uk/wp-content/uploads/2023/11/svgviewer-output38.svg" /> <span class="title">Ask a question <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none"> <circle cx="9" cy="9" r="8.0625" stroke="#1173D5" stroke-width="1.875" /> <path d="M12.1758 9.36656L7.9712 13.5711C7.76841 13.7739 7.43965 13.7739 7.23689 13.5711L6.7465 13.0807C6.54407 12.8783 6.54368 12.5502 6.74564 12.3473L10.0778 8.9994L6.74564 5.65155C6.54368 5.44864 6.54407 5.12055 6.7465 4.91811L7.23689 4.42772C7.43968 4.22494 7.76844 4.22494 7.9712 4.42772L12.1757 8.63226C12.3785 8.83502 12.3785 9.16378 12.1758 9.36656Z" fill="#1173D5" /> </svg></span> <span class="subtitle">Get online help or ask us a question.</span> </div> </a> </div> <span class="overlay-close"> <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none"> <path d="M20 36.6667C29.1666 36.6667 36.6666 29.1667 36.6666 20C36.6666 10.8334 29.1666 3.33337 20 3.33337C10.8333 3.33337 3.33331 10.8334 3.33331 20C3.33331 29.1667 10.8333 36.6667 20 36.6667Z" stroke="#1173D5" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" /> <path d="M15.2832 24.7165L24.7165 15.2832" stroke="#1173D5" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" /> <path d="M24.7165 24.7165L15.2832 15.2832" stroke="#1173D5" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" /> </svg> </span> </div> </div>  <div id="spread-overlay" class="overlay-trans overlay" style="opacity: 0;"> <div class="container"> <div class="body"> <div class="top"> <div class="title">Spreading the cost of annual policies</div> <div class="subtitle"> <p>Available on Annual Multi-trip policies to the value of £80 and over. Howserv Ltd use Premium Credit Ltd ((PLC) an external credit provider) to provide finance. Howserv is a credit broker not a lender and receive a commission for introducing customers to PCL. </p> <p>On acceptance, a credit agreement will be set up. Representative example based on a £200 policy (net of the paid deposit of £18.23). An Annual Percentage Rate of 19.9% will be charged with a fixed interest rate of 10.2%. Amount of interest over 11 months = £18.54. Monthly repayments of £18.21. Total amount payable £218.54. Correct at time of publishing.</p> </div> </div> </div> <span class="overlay-close"> <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none"> <path d="M20 36.6667C29.1666 36.6667 36.6666 29.1667 36.6666 20C36.6666 10.8334 29.1666 3.33337 20 3.33337C10.8333 3.33337 3.33331 10.8334 3.33331 20C3.33331 29.1667 10.8333 36.6667 20 36.6667Z" stroke="#1173D5" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" /> <path d="M15.2832 24.7165L24.7165 15.2832" stroke="#1173D5" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" /> <path d="M24.7165 24.7165L15.2832 15.2832" stroke="#1173D5" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" /> </svg> </span> </div> </div>     <div id="table-overlay" class="overlay-trans overlay c-modal" style="opacity: 0;"> <div class="container"> <div class="body c-modal__content"> <div class="c-modal__header"> <div class="c-modal__close"> <span class="overlay-close"> <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none"> <path d="M20 36.6667C29.1666 36.6667 36.6666 29.1667 36.6666 20C36.6666 10.8334 29.1666 3.33337 20 3.33337C10.8333 3.33337 3.33331 10.8334 3.33331 20C3.33331 29.1667 10.8333 36.6667 20 36.6667Z" stroke="#1173D5" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" /> <path d="M15.2832 24.7165L24.7165 15.2832" stroke="#1173D5" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" /> <path d="M24.7165 24.7165L15.2832 15.2832" stroke="#1173D5" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" /> </svg> </span> </div> <h2 class="c-modal__title">Our cover levels </h2> </div> <div class="c-modal__body"> <div class="c-modal__body-grid c-grid"> <div class="c-grid__header"> <div class="c-grid__header-item item-basic">Basic</div> <div class="c-grid__header-item item-comp">Comprehensive</div> <div class="c-grid__header-item item-sign">Signature</div> </div> <div class="c-grid__row-block"> <div class="c-grid__row-full">Medical emergency & repatriation (up to)</div> <div class="c-grid__row"> <div class="c-grid__row-item">£5m</div> <div class="c-grid__row-item c-grid__row-item--center">Unlimited</div> <div class="c-grid__row-item">Unlimited</div> </div> </div> <div class="c-grid__row-block bg-filled"> <div class="c-grid__row-full">Cancellation (up to)</div> <div class="c-grid__row"> <div class="c-grid__row-item">£500</div> <div class="c-grid__row-item c-grid__row-item--center">£5k</div> <div class="c-grid__row-item">£10k</div> </div> </div> <div class="c-grid__row-block"> <div class="c-grid__row-full">Cutting your holiday short (up to)</div> <div class="c-grid__row"> <div class="c-grid__row-item">£500</div> <div class="c-grid__row-item c-grid__row-item--center">£5k</div> <div class="c-grid__row-item">£10k</div> </div> </div> <div class="c-grid__row-block bg-filled"> <div class="c-grid__row-full">Baggage (up to)</div> <div class="c-grid__row"> <div class="c-grid__row-item">£300</div> <div class="c-grid__row-item c-grid__row-item--center">£2.5k</div> <div class="c-grid__row-item">£5k</div> </div> </div> <div class="c-grid__row-block"> <div class="c-grid__row-full">Travel delay (up to)</div> <div class="c-grid__row"> <div class="c-grid__row-item">£300</div> <div class="c-grid__row-item c-grid__row-item--center">£1.5k</div> <div class="c-grid__row-item">£1.5k</div> </div> </div> <div class="c-grid__row-block bg-filled"> <div class="c-grid__row-full">Money & passport (up to)</div> <div class="c-grid__row"> <div class="c-grid__row-item">£300</div> <div class="c-grid__row-item c-grid__row-item--center">£500</div> <div class="c-grid__row-item">£500</div> </div> </div> <div class="c-grid__row-block"> <div class="c-grid__row-full">Excess</div> <div class="c-grid__row"> <div class="c-grid__row-item">£129</div> <div class="c-grid__row-item c-grid__row-item--center">£99</div> <div class="c-grid__row-item">£0</div> </div> </div> <div class="c-grid__row-block bg-filled"> <div class="c-grid__row-full">COVID-19</div> <div class="c-grid__row"> <div class="c-grid__row-item"> </div> <div class="c-grid__row-item c-grid__row-item--center"> </div> <div class="c-grid__row-item"> </div> </div> </div> </div> </div> </div> </div> </div> <script src="/wp-content/themes/staysure-wdr/assets/hp-assets/js/classie.js"></script> <script src="/wp-content/themes/staysure-wdr/assets/hp-assets/js/overlay-triggers.js?v=2.7.4"></script> </footer> <link rel="stylesheet" href="/wp-content/themes/staysure-wdr/assets/hp-assets/css/overlays.css?v=2.5.8"> <script> var options = { root: null, rootMargin: '250px', threshold: 0.3 } /* var callback = function(entries1, observer1) { entries1.forEach(entry1 => { if (entry1.isIntersecting) { setTimeout(() => { document.querySelector("#claims-messaging").style.transition = "all 2s"; document.querySelector("#user-stories").style.filter = "grayscale(0%)"; document.querySelector("#claims-messaging").style.marginTop = "0px"; }, 0); } }); }; var observer1 = new IntersectionObserver(callback, options); observer1.observe(document.querySelector("#claims-messaging")); */ var callback = function(entries2, observer2) { entries2.forEach(entry2 => { if (entry2.isIntersecting) { setTimeout(() => { document.querySelector("#user-stories").style.transition = "all 1s"; document.querySelector("#user-stories").style.filter = "blur(0px)"; document.querySelector("#user-stories").style.marginTop = "0px"; }, 0); } }); }; var observer2 = new IntersectionObserver(callback, options); observer2.observe(document.querySelector("#user-stories")); var callback = function(entries3, observer3) { entries3.forEach(entry3 => { if (entry3.isIntersecting) { setTimeout(() => { document.querySelector("#stacked-trustpilot-cards").style.transition = "all 1s"; document.querySelector("#stacked-trustpilot-cards").style.filter = "blur(0px)"; document.querySelector("#stacked-trustpilot-cards").style.marginTop = "0px"; }, 0); } }); }; var observer3 = new IntersectionObserver(callback, options); observer3.observe(document.querySelector("#stacked-trustpilot-cards")); var callback = function(entries4, observer4) { entries4.forEach(entry4 => { if (entry4.isIntersecting) { setTimeout(() => { document.querySelector("#policy-benefits-scroller").style.transition = "all 1s"; document.querySelector("#policy-benefits-scroller").style.filter = "blur(0px)"; document.querySelector("#policy-benefits-scroller").style.marginTop = "0px"; }, 0); } }); }; var observer4 = new IntersectionObserver(callback, options); observer4.observe(document.querySelector("#policy-benefits-scroller")); var callback = function(entries5, observer5) { entries5.forEach(entry5 => { if (entry5.isIntersecting) { setTimeout(() => { document.querySelector("#cover-options-tab").style.transition = "all 1s"; document.querySelector("#cover-options-tab").style.filter = "blur(0px)"; document.querySelector("#cover-options-tab").style.marginTop = "0px"; }, 0); } }); }; var observer5 = new IntersectionObserver(callback, options); observer5.observe(document.querySelector("#cover-options-tab")); </script>  <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "Organization", "name": "Staysure", "legalName": "TICORP Limited", "url": "https://www.staysure.co.uk", "logo": "https://www.staysure.co.uk/wp-content/themes/staysure-wdr/assets/img/staysure-logo-strapline.svg", "foundingDate": "2015", "founders": [{ "@type": "Person", "name": "Ryan Howsam" }], "address": { "@type": "PostalAddress", "streetAddress": "Britannia House, 3-5 Rushmills Business Park, Bedford Road", "addressLocality": "", "addressRegion": "Northampton", "postalCode": "NN47YB", "addressCountry": "UK" }, "contactPoint": [{ "@type": "ContactPoint", "telephone": "+443330068052", "contactType": "Sales" }, { "@type": "ContactPoint", "telephone": "+441604552925", "contactType": "Customer Service" } ], "sameAs": [ "https://www.facebook.com/Staysure", "https://www.instagram.com/staysuretravelinsurance", "https://www.linkedin.com/company/staysuregroup/", "https://twitter.com/staysure/", "https://uk.trustpilot.com/review/www.staysure.co.uk" ] } </script>  <script type="application/ld+json"> { "@context": "https://schema.org", "@graph": [{ "@type": "WebPage", "@id": "https://www.staysure.co.uk/", "url": "https://www.staysure.co.uk/", "name": "Staysure™ Travel Insurance - It's Worth Doing Right", "isPartOf": { "@id": "https://www.staysure.co.uk/#website" }, "datePublished": "2016-08-23T09:02:12+00:00", "dateModified": "2023-08-29T13:50:19+00:00", "description": "Get up to unlimited medical expenses with our award-winning Travel Insurance. 24 hr emergency helpline. UK contact centres. No upper age limit.", "breadcrumb": { "@id": "https://www.staysure.co.uk/#breadcrumb" }, "inLanguage": "en-GB", "potentialAction": [{ "@type": "ReadAction", "target": ["https://www.staysure.co.uk/"] }] }, { "@type": "BreadcrumbList", "@id": "https://www.staysure.co.uk/#breadcrumb", "itemListElement": [{ "@type": "ListItem", "position": 1, "name": "Home" }] }] } </script> <script> // ZenDesk chat popup var popupChatNow = document.getElementsByClassName("popupChatNow"); for (var i = 0; i < popupChatNow.length; i++) { popupChatNow[i].addEventListener('click', function() { zE('messenger', 'open'); }); } </script> <style> #ot-sdk-btn-floating.ot-floating-button { position: fixed; bottom: 26px !important; z-index: 99990!important; } </style> <div id="sticky-quote" style=" margin-bottom: -100px;"> <style> .show { display: block; } #sticky-quote { height: 84px; background: rgba(32, 32, 32, 0.70); backdrop-filter: blur(4px); margin: 0 auto; width: 100%; position: fixed; bottom: 0; display: flex; padding: 9.5px 0; justify-content: center; align-items: center; z-index: 99990; } #sticky-button { display: flex; height: 35px; padding: 9.5px 24px; justify-content: center; align-items: center; border-radius: 8px; background: #EA580C; width: 238px; color: #fff; text-align: center; font-size: 20px; font-weight: 700; cursor: pointer; text-decoration: none; } #sticky-button:hover { background: #ef7d0a; border: 2px solid #ef7d0a; } #sticky-button:focus { border: 2px solid hsla(220, 100%, 50%, 80%); background: var(--staysure-orange-100-main, #ea580c); box-shadow: 0 0 0 2px hsla(220, 100%, 50%, 80%); color: #fff; } @media only screen and (max-width: 550px) { #sticky-button { width: 100%; margin: 0px 90px; } } </style> <a id="sticky-button" target="_blank" rel="noreferrer" href="https://travelinsurance.staysure.co.uk/quote/policy-details" onclick="newGlobalGoogleEventTrigger_ButtonClicks('content_cta' , 'cta_get_a_quote' , 'sticky footer')"> <div class="get-quote" tabindex="0"> Get a quote </div> </a> </div> <script> window.onscroll = function() { scrollFunction() }; function scrollFunction() { if (document.body.scrollTop > 450 || document.documentElement.scrollTop > 700) { document.getElementById("sticky-quote").style.marginBottom = "0px"; document.getElementById("sticky-quote").style.transition = "all 0.5s ease-in-out"; } else { document.getElementById("sticky-quote").style.marginBottom = "-100px"; document.getElementById("sticky-quote").style.transition = "all 0.5s ease-in-out"; } } </script> <script> // // Get the modal // var modal = document.getElementById("winter-modal"); // // Get the button that opens the modal // var btn = document.getElementById("modal-button"); // // Get the <span> element that closes the modal // var span = document.getElementsByClassName("close")[0]; // // When the user clicks the button, open the modal // btn.onclick = function() { // modal.style.opacity = "1"; // modal.style.display = "flex"; // } // // When the user clicks on <span> (x), close the modal // span.onclick = function() { // modal.style.opacity = "0"; // modal.style.display = "none"; // } // // When the user clicks anywhere outside of the modal, close it // window.onclick = function(event) { // if (event.target == modal) { // modal.style.opacity = "0"; // modal.style.display = "none"; // } // } // // Get the modal // var modal = document.getElementById("winter-modal1"); // // Get the button that opens the modal // var btn = document.getElementById("modal-button1"); // // Get the <span> element that closes the modal // var span = document.getElementsByClassName("close1")[0]; // // When the user clicks the button, open the modal // if(btn){ // btn.onclick = function() { // modal.style.display = "flex"; // } // } // // When the user clicks on <span> (x), close the modal // if(span){ // span.onclick = function() { // var model_content = document.getElementById("winter-modal-content"); // model_content.classList.add("modal--close"); // setTimeout(() => { // modal.style.display = "none"; // model_content.classList.remove("modal--close"); // }, "600"); // } // } // // When the user clicks anywhere outside of the modal, close it // window.onclick = function(event) { // if (event.target == modal) { // if(modal){ // modal.style.display = "none"; // } // } // } // // Get the modal V2 // var modal2 = document.getElementById("winter-modal2"); // // Get the button that opens the modal V2 // var btn2 = document.getElementById("modal-button2"); // // Get the <span> element that closes the modal V2 // var span2 = document.getElementsByClassName("close2")[0]; // // When the user clicks the button, open the modal V2 // if(btn2){ // btn2.onclick = function() { // modal2.style.display = "flex"; // } // } // // When the user clicks on <span> (x), close the modal V2 // if(span2){ // span2.onclick = function() { // var model_content = document.getElementById("winter-modal2-content"); // model_content.classList.add("modal--close"); // setTimeout(() => { // modal2.style.display = "none"; // model_content.classList.remove("modal--close"); // }, "600"); // } // } // // When the user clicks anywhere outside of the modal, close it // window.onclick = function(event) { // if (event.target == modal2) { // if(modal2){ // modal2.style.display = "none"; // } // } // } </script> </body> </html>

CINXE.COM

Staysure™ Travel Insurance - It's Worth Doing Right