Showing source for: https://www.ripeinsurance.co.uk/caravan-insurance/blog/
Duration: 0.073227s
Server: Microsoft-IIS/10.0




<html>

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <!-- Google Tag Manager -->
    <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;f.parentNode.insertBefore(j,f);
    })(window,document,'script','dataLayer','GTM-N96C5ZN');</script>
    <!-- End Google Tag Manager -->

  

<title>Caravan Blog | Ripe Insurance</title>

    <meta name="description" content="Helpful guides, touring tips and expert advice for caravan owners. Read our blog for the latest caravan tips and news." />

<meta property="og:url" content="https://www.ripeinsurance.co.uk/caravan-insurance/blog/" />
<link rel="canonical" href="https://www.ripeinsurance.co.uk/caravan-insurance/blog/" />


  <link rel="preload" href="/assets/fonts/VAGRoundedStd-Light.woff" as="font" type="font/woff" crossorigin />
  <link rel="shortcut icon" href="/assets/favicon.png">


  <link href="/style.css" rel="stylesheet" />
            <style data-cms-styles="css/rte.css">


























.hyperlink:hover {
	text-decoration: none;
}


.blue-hyperlink:hover {
	text-decoration: none;
}


table {
	width: 100%;
	margin: 1.5rem 0;
	border-collapse: collapse;
	border: 1px solid #d8d8d8;
	outline: 1px solid #d8d8d8;
	outline-offset: 0;
	border-radius: 10px;
	overflow: hidden;
	background: #fff;
}

th,
td {
	border: 1px solid #d8d8d8;
	padding: 0.9rem 1rem;
	text-align: left;
	vertical-align: top;
	line-height: 1.45;
}

th {
	background: #f7f7f7;
	font-family: "VAG Rounded Std", "VAG Rounded", sans-serif;
	font-weight: 400;
}

tbody tr:nth-child(even) {
	background: #fcfcfc;
}

































/*
.content,
.content p,
.content li,
.content a,
.content span,
.content small {
	font-family: "Proxima Soft", "Proxima Nova", Arial, sans-serif;
}
*/

.content a:not([class]) {
	color: #FF8200;
	text-decoration: underline;
}

.content a:not([class]):hover {
	text-decoration: none;
}

@media screen and (max-width: 767px) {

	h1 {
		font-size: 46px;
		font-weight: 400;
		line-height: 1.2;
		margin: 0 0 2rem 0;
		padding: 0;
		font-family: "VAG Rounded Std", "VAG Rounded", sans-serif;
	}

	h2 {
		font-size: 36px;
		line-height: 1.2;
		margin: 0 0 2rem 0;
		padding: 0;
		font-weight: 400;
		font-family: "VAG Rounded Std", "VAG Rounded", sans-serif;
	}

	h3 {
		font-size: 23px;
		line-height: 1.3;
		margin: 0 0 2rem 0;
		padding: 0;
		font-weight: 400;
		font-family: "VAG Rounded Std", "VAG Rounded", sans-serif;
	}

	h4 {
		font-size: 22px;
		line-height: 1.4;
		margin: 0 0 0.8rem 0;
		padding: 0;
		font-weight: 400;
		font-family: "VAG Rounded Std", "VAG Rounded", sans-serif;
	}
}

/**umb_name:<h1>*/
h1 {
	font-size: 46px;
	font-weight: 400;
	line-height: 1.2;
	margin: 0 0 2rem 0;
	padding: 0;
	color: #000;
	font-family: "VAG Rounded Std", "VAG Rounded", sans-serif;
}

/**umb_name:<h2>*/
h2 {
	font-size: 46px;
	line-height: 1.2;
	margin: 0 0 2rem 0;
	padding: 0;
	font-weight: 400;
	color: #000;
	font-family: "VAG Rounded Std", "VAG Rounded", sans-serif;
}

/**umb_name:<h3>*/
h3 {
	font-size: 34px;
	line-height: 1.3;
	margin: 0 0 2rem 0;
	padding: 0;
	font-weight: 400;
	color: #000;
	font-family: "VAG Rounded Std", "VAG Rounded", sans-serif;
}

/**umb_name:<h4>*/
h4 {
	font-size: 26px;
	line-height: 1.4;
	margin: 0 0 0.8rem 0;
	padding: 0;
	font-weight: 400;
	font-family: "VAG Rounded Std", "VAG Rounded", sans-serif;
}

.blog-article-body :is(h2, h3, h4) ~ :is(h2, h3, h4) {
	margin-top: 3rem;
}

/**umb_name:Standard text*/
.standard-text {
	color: #292929;
}

/**umb_name:White text*/
.white-text {
	color: #CCC;
}

/**umb_name:Orange text*/
.orange-text {
	color: #FF8200;
}

/**umb_name:Black text*/
.black-text {
	color: #000;
}

/**umb_name:Bold text*/
.bold {
	font-weight: bold;
}

/**umb_name:Image Central*/
.image-central {
	display: block;
	margin: 0 auto;
	max-width: 100%;
}

/**umb_name:Tick Box Icon*/
.tickbox {
	font-size: 16px;
}

/**umb_name:Cross Icon*/
.cross {
	font-size: 16px;
}

/**umb_name:Add Icon*/
.add {
	font-size: 16px;
}

/**umb_name:Download Icon*/
.download {
	font-size: 16px;
}

.tickbox,
.cross,
.add,
.download {
	display: inline-block;
}

li:has(span.download),
li:has(span.add),
li:has(span.cross),
li:has(span.tickbox) {
	list-style: none;
}

ul:has(li span.download),
ul:has(li span.tickbox),
ul:has(li span.cross),
ul:has(li span.add) {
	display: block;
	list-style: none;
	padding: 0;
	margin: 0 0 1rem 0;
	text-align: left;
}

ul[style*="text-align: center"]:has(li span.download),
ul[style*="text-align: center"]:has(li span.tickbox),
ul[style*="text-align: center"]:has(li span.cross),
ul[style*="text-align: center"]:has(li span.add) {
	width: fit-content;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: left !important;
}

ul:has(li span.download) li,
ul:has(li span.tickbox) li,
ul:has(li span.cross) li,
ul:has(li span.add) li {
	padding: 0 0 5px 0;
}

ul:has(li span.download) .download,
ul:has(li span.tickbox) .tickbox,
ul:has(li span.cross) .cross,
ul:has(li span.add) .add {
	display: flex;
}

ul:has(li span.download) .download {
	background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"%3E%3Cpath d="M216 0h80c13.3 0 24 10.7 24 24v168h87.7c17.8 0 26.7 21.5 14.1 34.1L269.7 378.3c-7.5 7.5-19.8 7.5-27.3 0L90.1 226.1c-12.6-12.6-3.7-34.1 14.1-34.1H192V24c0-13.3 10.7-24 24-24zm296 376v112c0 13.3-10.7 24-24 24H24c-13.3 0-24-10.7-24-24V376c0-13.3 10.7-24 24-24h146.7l49 49c20.1 20.1 52.5 20.1 72.6 0l49-49H488c13.3 0 24 10.7 24 24zm-124 88c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20zm64 0c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20z" fill="%23FF8200"%3E%3C/path%3E%3C/svg%3E') no-repeat 0 5px;
	background-size: 18px;
	padding-left: 30px;
	margin-right: 12px;
}

ul:has(li span.tickbox) .tickbox {
	background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"%3E%3Cdefs%3E%3CclipPath id="7ws0e6uuia"%3E%3Cpath d="M1440 0v6374H0V0h1440z"/%3E%3C/clipPath%3E%3CclipPath id="6v5mbr9fnb"%3E%3Cpath d="M10 0c5.523 0 10 4.477 10 10s-4.477 10-10 10S0 15.523 0 10 4.477 0 10 0z"/%3E%3C/clipPath%3E%3CclipPath id="fgqjh7c4oc"%3E%3Cpath d="M10.457.142c.544.302.74.986.437 1.53l-5.157 9.284a1.127 1.127 0 0 1-1.696.325L.413 8.317a1.125 1.125 0 0 1 1.424-1.743l2.586 2.113L8.927.579a1.127 1.127 0 0 1 1.53-.437z"/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path="url(%237ws0e6uuia)" transform="translate(-158 -2530)"%3E%3Cg clip-path="url(%236v5mbr9fnb)" transform="translate(158 2530)"%3E%3Cpath fill="%23FF8200" d="M0 0h20v20H0V0z"/%3E%3C/g%3E%3Cg clip-path="url(%23fgqjh7c4oc)" transform="translate(162.482 2534.055)"%3E%3Cpath fill="%23FFF" d="M0 0h11.036v11.535H0V0z"/%3E%3C/g%3E%3C/g%3E%3C/svg%3E') no-repeat 0 1px;
	padding-left: 30px;
	margin-right: 12px;
	font-weight: 600;
}

ul:has(li span.cross) .cross {
	background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="21" height="20" viewBox="0 0 21 20"%3E%3Cdefs%3E%3CclipPath id="4fvhey57na"%3E%3Cpath d="M1440 0v6374H0V0h1440z"/%3E%3C/clipPath%3E%3CclipPath id="g0cdssh1bb"%3E%3Cpath d="M10 0c5.523 0 10 4.477 10 10s-4.477 10-10 10S0 15.523 0 10 4.477 0 10 0z"/%3E%3C/clipPath%3E%3CclipPath id="vjv8fvh2xc"%3E%3Cpath d="M12.833 0a1.167 1.167 0 0 1 0 2.333H1.167a1.167 1.167 0 1 1 0-2.333h11.666z"/%3E%3C/clipPath%3E%3CclipPath id="ymfs8h7bkd"%3E%3Cpath d="M12.833 0a1.167 1.167 0 0 1 0 2.333H1.167a1.167 1.167 0 1 1 0-2.333h11.666z"/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path="url(%234fvhey57na)" transform="translate(-548 -2616)"%3E%3Cg clip-path="url(%23g0cdssh1bb)" transform="translate(548.5 2616)"%3E%3Cpath fill="%23E1523C" d="M0 0h20v20H0V0z"/%3E%3C/g%3E%3Cg clip-path="url(%23vjv8fvh2xc)" transform="rotate(45 -2885.704 1979.303)"%3E%3Cpath fill="%23FFF" d="M0 0h14v2.333H0V0z"/%3E%3C/g%3E%3Cg clip-path="url(%23ymfs8h7bkd)" transform="rotate(135 -260.87 1427.803)"%3E%3Cpath fill="%23FFF" d="M0 0h14v2.333H0V0z"/%3E%3C/g%3E%3C/g%3E%3C/svg%3E') no-repeat 0 1px;
	padding-left: 30px;
	margin-right: 12px;
}

ul:has(li span.add) .add {
	background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="20" height="21" viewBox="0 0 20 21"%3E%3Cdefs%3E%3CclipPath id="y2kxk2m6wa"%3E%3Cpath d="M1440 0v6374H0V0h1440z"/%3E%3C/clipPath%3E%3CclipPath id="3nffbm10cb"%3E%3Cpath d="M10 0c5.523 0 10 4.477 10 10s-4.477 10-10 10S0 15.523 0 10 4.477 0 10 0z"/%3E%3C/clipPath%3E%3CclipPath id="rqm5c9vjdc"%3E%3Cpath d="M12.833 0a1.167 1.167 0 0 1 0 2.333H1.167a1.167 1.167 0 1 1 0-2.333h11.666z"/%3E%3C/clipPath%3E%3CclipPath id="ar2lb25sid"%3E%3Cpath d="M12.833 0a1.167 1.167 0 0 1 0 2.333H1.167a1.167 1.167 0 1 1 0-2.333h11.666z"/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path="url(%23y2kxk2m6wa)" transform="translate(-939 -2595)"%3E%3Cg clip-path="url(%233nffbm10cb)" transform="translate(939 2595.5)"%3E%3Cpath fill="%23FFB549" d="M0 0h20v20H0V0z"/%3E%3C/g%3E%3Cg clip-path="url(%23rqm5c9vjdc)" transform="translate(942 2604.333)"%3E%3Cpath fill="%23FFF" d="M0 0h14v2.333H0V0z"/%3E%3C/g%3E%3Cg clip-path="url(%23ar2lb25sid)" transform="rotate(90 -824.167 1774.333)"%3E%3Cpath fill="%23FFF" d="M0 0h14v2.333H0V0z"/%3E%3C/g%3E%3C/g%3E%3C/svg%3E') no-repeat 0 1px;
	padding-left: 30px;
	margin-right: 12px;
}

/**umb_name:Hyperlink*/
.hyperlink {
	color: black;
	text-decoration: underline;
	font-weight: bold;
}

/**umb_name:Blue hyperlink*/
.blue-hyperlink {
	color: #00B5A2;
	text-decoration: underline;
	font-weight: bold;
}
</style>
            <style data-cms-styles="css/secondaryContent.css">



.bg-lightgrey a {

}

/**umb_name:Light grey bg*/
.content-lightgrey {
	display: block;
	padding: 10px;
	border-radius: 10px;
	background: #f2f2f2;
}
</style>
  <script type="module" src="/main.js"></script>

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@graph": [
    {
      "@type": "Service",
      "@id": "https://www.ripeinsurance.co.uk/caravan-insurance/#service",
      "name": "Caravan Insurance",
      "description": "Specialist caravan insurance providing tailored cover for touring and static caravans, including theft, accidental damage and liability cover, arranged by Ripe Insurance.",
      "url": "https://www.ripeinsurance.co.uk/caravan-insurance/",
      "provider": {
        "@type": "InsuranceAgency",
        "name": "Ripe Insurance",
        "legalName": "Ripe Insurance Services Limited",
        "url": "https://www.ripeinsurance.co.uk/",
        "telephone": "+44 161 902 2666",
        "image": "https://www.ripeinsurance.co.uk/assets/logo.svg",
        "address": {
          "@type": "PostalAddress",
          "streetAddress": "One Stockport Exchange, Railway Road",
          "addressLocality": "Stockport",
          "postalCode": "SK1 3SW",
          "addressCountry": "GB"
        }
      },
      "areaServed": {
        "@type": "Country",
        "name": "United Kingdom"
      }
    },
    {
      "@type": "FAQPage",
      "@id": "https://www.ripeinsurance.co.uk/caravan-insurance/#faq",
      "mainEntity": [
        {
          "@type": "Question",
          "name": "What information do I need to get a caravan insurance quote?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "To get a caravan insurance quote through Ripe, you’ll need to provide your personal details such as your name and address, details of your caravan including its make, model and year of manufacture, information about where it will be stored and any security measures in place, and your claims history."
          }
        },
        {
          "@type": "Question",
          "name": "What is new-for-old cover?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "If your caravan or holiday home is damaged beyond repair or stolen, new-for-old cover reimburses you for the cost of replacing it with a new equivalent model if one is available in the UK. For static caravans, lodges, cabins and chalets, the unit must be less than 10 years old. For touring caravans, it must have been purchased brand new and be less than 15 years old."
          }
        },
        {
          "@type": "Question",
          "name": "Can I protect my no-claims discount?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Yes. If you have three years’ no-claims discount, you can choose to protect it when getting a quote or at renewal. If you make two claims within a three-year period, the discount will no longer be protected following the second claim. Protecting your no-claims discount does not guarantee your renewal premium."
          }
        },
        {
          "@type": "Question",
          "name": "What is market value cover?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Market value cover means that if your caravan or holiday home is damaged beyond repair or stolen, you will be reimbursed for its market value at the time of the loss."
          }
        },
        {
          "@type": "Question",
          "name": "Can you insure me if I live outside the UK?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Unfortunately not. Ripe can only insure permanent UK residents."
          }
        },
        {
          "@type": "Question",
          "name": "I previously made some claims. Can I still take out a policy with you?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Your claims history will be considered when you get a quote. Whether a policy can be offered depends on the number of claims you have made, their value and the circumstances."
          }
        },
        {
          "@type": "Question",
          "name": "What should I do if I need to make a claim?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "If you need to make a claim, contact the claims department as soon as possible by phone or email. Further guidance is available on the Making a claim section of the website."
          }
        },
        {
          "@type": "Question",
          "name": "Can I add extra cover to my policy later?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Yes. You can add or remove cover at any time by contacting Ripe, making it easy to adapt your policy as your needs change."
          }
        },
        {
          "@type": "Question",
          "name": "Who are Ripe?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Ripe is one of the UK’s leading specialists in niche insurance products, with over 250,000 policyholders. Ripe focuses on making insurance easy to buy, simple to understand and jargon-free, while meeting and exceeding Financial Conduct Authority standards."
          }
        },
        {
          "@type": "Question",
          "name": "Can I pay monthly?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Yes. You can choose to pay in a single lump sum by Direct Debit or card, or pay monthly by selecting the pay monthly option at checkout, paying a deposit and spreading the remaining balance over nine instalments."
          }
        }
      ]
    }
  ]
}
</script>
</head>


<body>
    <!-- Google Tag Manager (noscript) -->
    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N96C5ZN"
    height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
    <!-- End Google Tag Manager (noscript) -->
  <header 
    x-data="{ 
      mobileMenuOpen: false, 
      isMobile: window.innerWidth < 768,
      updateMobileState() {
        const wasMobile = this.isMobile;
        this.isMobile = window.innerWidth < 768;
        if (wasMobile && !this.isMobile) {
          this.mobileMenuOpen = false;
          document.body.classList.remove('no-scroll');
        }
      },
      toggleMobileMenu() {
        this.mobileMenuOpen = !this.mobileMenuOpen;
        document.body.classList.toggle('no-scroll', this.mobileMenuOpen);
      },
      handleScroll() {
        this.isFixed = window.pageYOffset > 300;
      }
    }"
    x-init="
      updateMobileState();
      window.addEventListener('resize', () => updateMobileState());
    "
    class="bg-white border-t-[3px] px-6 pt-4 pb-5 flex relative sticky z-[999] top-0 shadow-[0_2px_10px_0px_#0000001f] h-[100px] md:h-auto">

    <div x-ref="header" class="site-header-inner container flex mx-auto items-center justify-between">
      <logo class="flex items-center md:mr-auto mr-[10px]">
        <a href="/" class="max-w-[200px] md:max-w-full">
          <img src="/assets/logo.svg" alt="Ripe Insurance Logo" />
        </a>
      </logo>
      <div class="flex items-center md:block">
        <!-- Mobile chat button placeholder -->
        <div x-show="isMobile" id="mobileChatButtonPlaceholder" class="mr-[15px] ml-[20px]"></div>
        <!-- Mobile chat button placeholder -->
        <button type="button" x-ref="menuToggle" aria-label="Open navigation menu" :aria-label="mobileMenuOpen ? 'Close navigation menu' : 'Open navigation menu'" aria-expanded="false" :aria-expanded="mobileMenuOpen" aria-controls="primary-navigation" @click="toggleMobileMenu()" class="md:hidden text-primary">
          <svg aria-hidden="true" focusable="false" class="w-7 h-7 text-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path>
          </svg>
        </button>
        <nav id="primary-navigation" aria-label="Primary navigation" :inert="isMobile && !mobileMenuOpen"
          @keydown.escape="if (isMobile) { mobileMenuOpen = false; document.body.classList.remove('no-scroll'); $refs.menuToggle.focus(); }"
          x-cloak
          x-bind:class="{'opacity-0 -translate-x-full': !mobileMenuOpen, 'opacity-100 translate-x-0': mobileMenuOpen}"
          class="flex flex-col z-[998] top-full overflow-auto p-0 border-t border-solid border-[#ffffff8c] md:border-0 md:pt-2 absolute h-[calc(100vh-100px)] pb-[100px] md:overflow-visible md:top-auto md:p-0 md:h-auto md:static left-0 w-[100%] md:w-auto bg-white md:bg-transparent md:block transition-all duration-300 ease-in-out transform md:transform-none md:opacity-100 md:border-none"
        >
          
<style>
    [x-cloak] { display: none !important; }

    .menu-top-nav > li > a {
        display: inline-flex !important;
        align-items: center;
        gap: 5px;
        color: #fff;
        white-space: nowrap;
    }

    .menu-top-nav > li > a svg {
        flex-shrink: 0;
    }

    @media screen and (min-width: 768px) {
        .menu-desktop-layout {
            display: flex;
            flex-direction: column;
            align-items: flex-end;
            font-family: var(--font-heading);
            position: static;
        }

        .site-header-inner {
            position: relative;
        }

        .site-header-inner::after {
            content: "";
            position: absolute;
            top: 0;
            bottom: 0;
            right: 140px;
            width: 1px;
            background-color: #d8d8d8;
        }

        .menu-top-nav {
            order: 1;
            justify-content: flex-end;
            margin: 0 0 8px;
            padding: 0 0 0 28px;
            border-left: 0;
            gap: 4px;
        }

        .menu-top-nav > li > a {
            color: #2d2926;
            font-family: var(--font-heading);
            font-size: 14px;
            font-weight: 300;
        }

        .menu-top-nav > li > a:hover {
            color: #ff8200;
        }

        .menu-top-nav > li:first-child > a {
            padding-left: 0;
        }

        .menu-primary-wrap,
        .menu-primary-wrap .main-menu {
            order: 2;
            width: 100%;
        }

        .menu-primary-wrap .main-menu {
            align-items: center;
            justify-content: flex-end;
        }

        .menu-primary-nav {
            align-self: center;
            margin-right: 24px;
            margin-top: 3px;
        }

        .menu-primary-nav > li > :is(a, .menu-item-controls),
        .menu-primary-nav .menu-disclosure {
            color: #2d2926;
            font-family: var(--font-heading);
            font-size: 18px;
            font-weight: 300;
        }

        .menu-primary-nav > li > :is(a, .menu-item-controls) span,
        .menu-chat-action span {
            font-family: var(--font-heading);
        }

        .menu-primary-nav > li > :is(a, .menu-item-controls) svg {
            fill: #ff8200;
        }

        .main-menu-column {
            left: calc(50% - 50vw);
            right: auto;
            width: 100vw;
            max-width: none;
        }

        .menu-actions {
            min-width: 104px;
            margin-left: 32px;
            padding-left: 44px;
            align-self: stretch;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .menu-chat-action {
            margin-left: 0;
        }

        .menu-chat-action #headerChatButton > button {
            min-height: 34px;
            padding: 5px 14px;
            border-width: 1px;
        }
    }
</style>

<div class="menu-desktop-layout">
<ul class="menu-top-nav relative md:justify-end bg-darkgrey p-5 md:border-none border-t border-solid border-t-[#838383] md:p-0 md:bg-transparent md:rounded-none order-last md:order2 flex flex-col md:flex-row [&>li>a]:block [&>li>a]:py-2 md:[&>li>a]:py-0 [&>li>a]:px-3 md:[&>li>a]:border-r-[1px] [&>li:last-child>a]:border-b-0 md:[&>li:last-child>a]:border-r-0 [&>li>a]:border-r-[#d8d8d894] [&>li>a]:text-[13px] font-bold text-primary [&>li>a:hover]:underline">
        <li class="main-menu-top-item">
            <a href="/product-support-centre/" class="text-darkgrey flex items-center gap-[5px]">
                Contact
            </a>
        </li>
        <li class="main-menu-top-item">
            <a href="https://account.ripeinsurance.co.uk/login/" class="text-darkgrey flex items-center gap-[5px]">
                    <svg focusable="false" class="fill-primary" xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 16 16" aria-hidden="true">
                        <path d="M8 8a4 4 0 1 0 0-8 4 4 0 0 0 0 8Zm0 2c-3.314 0-6 1.79-6 4v1h12v-1c0-2.21-2.686-4-6-4Z" />
                    </svg>
                Login
            </a>
        </li>
</ul>

<div class="menu-primary-wrap order-3"
    x-data="{ 
        showForMobile: false,
        activeAccordion: null,
        isDesktop: window.innerWidth >= 768,
        dropdownOpen: false,
        closeAllAccordions() {
            this.activeAccordion = null;
        }
    }"
    x-init="
        $watch('isDesktop', value => {
            if (value) {
                activeAccordion = null;
            }
        });
        window.addEventListener('resize', () => {
            isDesktop = window.innerWidth >= 768;
        });
        window.addEventListener('click', (e) => {
            if (!$el.contains(e.target)) {
                closeAllAccordions();
            }
        });
    ">
    <nav class="main-menu container mx-auto md:flex md:flex-row md:items-end md:justify-end md:items-center pt-[20px] md:pt-0 border border-solid border-[#00B5A2] md:border-none multiple-menu-items">
        <ul class="menu-primary-nav md:flex justify-end [&>li>a:hover]:text-primary">
            <li x-data="{dropdownOpen: false, hasMenuColumns: true}" class="main-menu-top-item">
                    <div class="flex items-center menu-item-controls" :class="{'hidden': !isDesktop && false}">
                    <button type="button" class="menu-disclosure text-primary font-normal flex items-center md:gap-1"
                            :class="{'hidden': !isDesktop && false}"
                            aria-controls="submenu-00098b1e7b3c4a32a33e070e3ac4fdcc" aria-expanded="false" :aria-expanded="dropdownOpen"
                            @click="dropdownOpen = !dropdownOpen" @keydown.escape="dropdownOpen = false">
                            <svg aria-hidden="true" focusable="false" class="fill-primary transition-transform duration-300 order-last md:order-first" :class="{'rotate-180': dropdownOpen}" width="20" height="20" viewBox="0 0 20 20"><path d="M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z" /></svg>
                        <span class="">Lifestyle</span>
                    </button>
                    </div>
                
                    <div id="submenu-00098b1e7b3c4a32a33e070e3ac4fdcc"
                        x-cloak
                        x-show="(isDesktop && dropdownOpen) || (!isDesktop && ((dropdownOpen && hasMenuColumns) || false))"
                        :class="{'relative': !isDesktop, 'absolute z-[999]': isDesktop}"
                        @click.away="dropdownOpen = false"
                        class="main-menu-column left-0 right-0 bg-white py-6 md:pt-8 md:pb-11 md:px-5 md:mt-[17px] lg:shadow-ul w-full border-t-2 border-[#cbcbcb]"
                        x-transition:enter="transition ease-out duration-200 transform"
                        x-transition:enter-start="opacity-0 -translate-y-2"
                        x-transition:enter-end="opacity-100 translate-y-0"
                        x-transition:leave="transition ease-out duration-200"
                        x-transition:leave-start="opacity-100"
                        x-transition:leave-end="opacity-0">
                        <div class=" main-menu-column-inner flex flex-wrap container mx-auto gap-[5%]">
                                <div class="flex-1 md:max-w-[500px]">
                                    <div class="menu-column-title text-darkgrey mb-6 text-[16px] md:cursor-default flex justify-between items-center md:leading-normal">
                                            <a rel="noopener noreferrer" href="/motorhome-insurance/"
                                            class="text-darkgrey hover:text-primary transition duration-300 ease-in-out flex-grow">
                                                Motorhome Insurance
                                            </a>
                                        <button type="button"
                                            @click="!isDesktop && (activeAccordion = activeAccordion === '61d0646f-4e18-4f36-a90d-ba905b8c748a' ? null : '61d0646f-4e18-4f36-a90d-ba905b8c748a')"
                                            class="p-2 md:hidden focus-visible:outline focus-visible:outline-2 focus-visible:outline-primary"
                                            aria-label="Toggle Motorhome Insurance" aria-controls="menu-column-61d0646f-4e18-4f36-a90d-ba905b8c748a" :aria-expanded="isDesktop || activeAccordion === '61d0646f-4e18-4f36-a90d-ba905b8c748a'">
                                            <svg aria-hidden="true" focusable="false" class="w-7 h-7 fill-current text-darkgrey transition-all duration-300 ease-in-out"
                                                :class="{'rotate-180': activeAccordion === '61d0646f-4e18-4f36-a90d-ba905b8c748a'}"
                                                xmlns="http://www.w3.org/2000/svg"
                                                viewBox="0 0 20 20">
                                                <path d="M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z"/>
                                            </svg>
                                        </button>
                                    </div>
                                    <div id="menu-column-61d0646f-4e18-4f36-a90d-ba905b8c748a" x-show="isDesktop || activeAccordion === '61d0646f-4e18-4f36-a90d-ba905b8c748a'"
                                            x-collapse.duration.300ms
                                            class="md:!block main-menu-column-item">
                                        <ul class="main-menu-sub-item-wrapper">
                                                <li class="mb-2 main-menu-sub-item">
                                                    <a rel="noopener noreferrer" href="/motorhome-insurance/campervan-conversion-insurance/"
                                                    class="text-darkgrey hover:text-primary transition duration-300 ease-in-out flex items-center text-[15px]">
                                                        <svg aria-hidden="true" focusable="false" class="fill-primary -rotate-90 mr-2" xmlns="http://www.w3.org/2000/svg" width="12" height="12">
                                                            <path d="M10 2.586 11.414 4 6 9.414.586 4 2 2.586l4 4z" />
                                                        </svg>
                                                        Campervan Conversion Insurance
                                                    </a>
                                                </li>
                                                <li class="mb-2 main-menu-sub-item">
                                                    <a rel="noopener noreferrer" href="/motorhome-insurance/vw-camper-insurance/"
                                                    class="text-darkgrey hover:text-primary transition duration-300 ease-in-out flex items-center text-[15px]">
                                                        <svg aria-hidden="true" focusable="false" class="fill-primary -rotate-90 mr-2" xmlns="http://www.w3.org/2000/svg" width="12" height="12">
                                                            <path d="M10 2.586 11.414 4 6 9.414.586 4 2 2.586l4 4z" />
                                                        </svg>
                                                        VW camper insurance
                                                    </a>
                                                </li>
                                                <li class="mb-2 main-menu-sub-item">
                                                    <a rel="noopener noreferrer" href="/motorhome-insurance/important-documents/"
                                                    class="text-darkgrey hover:text-primary transition duration-300 ease-in-out flex items-center text-[15px]">
                                                        <svg aria-hidden="true" focusable="false" class="fill-primary -rotate-90 mr-2" xmlns="http://www.w3.org/2000/svg" width="12" height="12">
                                                            <path d="M10 2.586 11.414 4 6 9.414.586 4 2 2.586l4 4z" />
                                                        </svg>
                                                        Important Documents
                                                    </a>
                                                </li>
                                                <li class="mb-2 main-menu-sub-item">
                                                    <a rel="noopener noreferrer" href="/motorhome-insurance/refer-a-friend/"
                                                    class="text-darkgrey hover:text-primary transition duration-300 ease-in-out flex items-center text-[15px]">
                                                        <svg aria-hidden="true" focusable="false" class="fill-primary -rotate-90 mr-2" xmlns="http://www.w3.org/2000/svg" width="12" height="12">
                                                            <path d="M10 2.586 11.414 4 6 9.414.586 4 2 2.586l4 4z" />
                                                        </svg>
                                                        Refer a friend
                                                    </a>
                                                </li>
                                        </ul>

                                            <div class="card-item mt-6 inline-block bg-lightgrey py-3 px-6 rounded">
                                                <h4 class="card-title text-darkgrey mb-4 relative text-[16px]">Classic Motors</h4>
                                                <ul>
                                                        <li class="mb-2">
                                                            <a rel="noopener noreferrer" href="/classic-car-insurance/"
                                                            class="text-darkgrey hover:text-primary transition duration-300 ease-in-out flex items-center text-[15px]">
                                                                <svg aria-hidden="true" focusable="false" class="fill-primary -rotate-90 mr-2" xmlns="http://www.w3.org/2000/svg" width="12" height="12">
                                                                    <path d="M10 2.586 11.414 4 6 9.414.586 4 2 2.586l4 4z" />
                                                                </svg>
                                                                Classic Car Insurance
                                                            </a>
                                                        </li>
                                                        <li class="mb-2">
                                                            <a rel="noopener noreferrer" href="/classic-car-insurance/modern-classic-car-insurance/"
                                                            class="text-darkgrey hover:text-primary transition duration-300 ease-in-out flex items-center text-[15px]">
                                                                <svg aria-hidden="true" focusable="false" class="fill-primary -rotate-90 mr-2" xmlns="http://www.w3.org/2000/svg" width="12" height="12">
                                                                    <path d="M10 2.586 11.414 4 6 9.414.586 4 2 2.586l4 4z" />
                                                                </svg>
                                                                Modern Classic Car Insurance
                                                            </a>
                                                        </li>
                                                        <li class="mb-2">
                                                            <a rel="noopener noreferrer" href="/classic-car-insurance/important-documents/"
                                                            class="text-darkgrey hover:text-primary transition duration-300 ease-in-out flex items-center text-[15px]">
                                                                <svg aria-hidden="true" focusable="false" class="fill-primary -rotate-90 mr-2" xmlns="http://www.w3.org/2000/svg" width="12" height="12">
                                                                    <path d="M10 2.586 11.414 4 6 9.414.586 4 2 2.586l4 4z" />
                                                                </svg>
                                                                Important Documents
                                                            </a>
                                                        </li>
                                                </ul>
                                            </div>
                                    </div>
                                </div>
                                <div class="flex-1 md:max-w-[500px]">
                                    <div class="menu-column-title text-darkgrey mb-6 text-[16px] md:cursor-default flex justify-between items-center md:leading-normal">
                                            <a rel="noopener noreferrer" href="/caravan-insurance/"
                                            class="text-darkgrey hover:text-primary transition duration-300 ease-in-out flex-grow">
                                                Caravan Insurance
                                            </a>
                                        <button type="button"
                                            @click="!isDesktop && (activeAccordion = activeAccordion === '209de61a-dc9b-4202-b36b-4cb7aef59e48' ? null : '209de61a-dc9b-4202-b36b-4cb7aef59e48')"
                                            class="p-2 md:hidden focus-visible:outline focus-visible:outline-2 focus-visible:outline-primary"
                                            aria-label="Toggle Caravan Insurance" aria-controls="menu-column-209de61a-dc9b-4202-b36b-4cb7aef59e48" :aria-expanded="isDesktop || activeAccordion === '209de61a-dc9b-4202-b36b-4cb7aef59e48'">
                                            <svg aria-hidden="true" focusable="false" class="w-7 h-7 fill-current text-darkgrey transition-all duration-300 ease-in-out"
                                                :class="{'rotate-180': activeAccordion === '209de61a-dc9b-4202-b36b-4cb7aef59e48'}"
                                                xmlns="http://www.w3.org/2000/svg"
                                                viewBox="0 0 20 20">
                                                <path d="M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z"/>
                                            </svg>
                                        </button>
                                    </div>
                                    <div id="menu-column-209de61a-dc9b-4202-b36b-4cb7aef59e48" x-show="isDesktop || activeAccordion === '209de61a-dc9b-4202-b36b-4cb7aef59e48'"
                                            x-collapse.duration.300ms
                                            class="md:!block main-menu-column-item">
                                        <ul class="main-menu-sub-item-wrapper">
                                                <li class="mb-2 main-menu-sub-item">
                                                    <a rel="noopener noreferrer" href="/caravan-insurance/static-caravan-insurance/"
                                                    class="text-darkgrey hover:text-primary transition duration-300 ease-in-out flex items-center text-[15px]">
                                                        <svg aria-hidden="true" focusable="false" class="fill-primary -rotate-90 mr-2" xmlns="http://www.w3.org/2000/svg" width="12" height="12">
                                                            <path d="M10 2.586 11.414 4 6 9.414.586 4 2 2.586l4 4z" />
                                                        </svg>
                                                        Static Caravan Insurance
                                                    </a>
                                                </li>
                                                <li class="mb-2 main-menu-sub-item">
                                                    <a rel="noopener noreferrer" href="/caravan-insurance/touring-caravan-insurance/"
                                                    class="text-darkgrey hover:text-primary transition duration-300 ease-in-out flex items-center text-[15px]">
                                                        <svg aria-hidden="true" focusable="false" class="fill-primary -rotate-90 mr-2" xmlns="http://www.w3.org/2000/svg" width="12" height="12">
                                                            <path d="M10 2.586 11.414 4 6 9.414.586 4 2 2.586l4 4z" />
                                                        </svg>
                                                        Touring Caravan Insurance
                                                    </a>
                                                </li>
                                                <li class="mb-2 main-menu-sub-item">
                                                    <a rel="noopener noreferrer" href="/caravan-insurance/holiday-lodge-insurance/"
                                                    class="text-darkgrey hover:text-primary transition duration-300 ease-in-out flex items-center text-[15px]">
                                                        <svg aria-hidden="true" focusable="false" class="fill-primary -rotate-90 mr-2" xmlns="http://www.w3.org/2000/svg" width="12" height="12">
                                                            <path d="M10 2.586 11.414 4 6 9.414.586 4 2 2.586l4 4z" />
                                                        </svg>
                                                        Holiday Lodge Insurance
                                                    </a>
                                                </li>
                                                <li class="mb-2 main-menu-sub-item">
                                                    <a rel="noopener noreferrer" href="/park-home-insurance/"
                                                    class="text-darkgrey hover:text-primary transition duration-300 ease-in-out flex items-center text-[15px]">
                                                        <svg aria-hidden="true" focusable="false" class="fill-primary -rotate-90 mr-2" xmlns="http://www.w3.org/2000/svg" width="12" height="12">
                                                            <path d="M10 2.586 11.414 4 6 9.414.586 4 2 2.586l4 4z" />
                                                        </svg>
                                                        Park Home Insurance
                                                    </a>
                                                </li>
                                                <li class="mb-2 main-menu-sub-item">
                                                    <a rel="noopener noreferrer" href="/caravan-insurance/trailer-tent-insurance/"
                                                    class="text-darkgrey hover:text-primary transition duration-300 ease-in-out flex items-center text-[15px]">
                                                        <svg aria-hidden="true" focusable="false" class="fill-primary -rotate-90 mr-2" xmlns="http://www.w3.org/2000/svg" width="12" height="12">
                                                            <path d="M10 2.586 11.414 4 6 9.414.586 4 2 2.586l4 4z" />
                                                        </svg>
                                                        Trailer Tent Insurance
                                                    </a>
                                                </li>
                                                <li class="mb-2 main-menu-sub-item">
                                                    <a rel="noopener noreferrer" href="/caravan-insurance/folding-camper-insurance/"
                                                    class="text-darkgrey hover:text-primary transition duration-300 ease-in-out flex items-center text-[15px]">
                                                        <svg aria-hidden="true" focusable="false" class="fill-primary -rotate-90 mr-2" xmlns="http://www.w3.org/2000/svg" width="12" height="12">
                                                            <path d="M10 2.586 11.414 4 6 9.414.586 4 2 2.586l4 4z" />
                                                        </svg>
                                                        Folding Camper Insurance
                                                    </a>
                                                </li>
                                                <li class="mb-2 main-menu-sub-item">
                                                    <a rel="noopener noreferrer" href="/caravan-insurance/important-documents/"
                                                    class="text-darkgrey hover:text-primary transition duration-300 ease-in-out flex items-center text-[15px]">
                                                        <svg aria-hidden="true" focusable="false" class="fill-primary -rotate-90 mr-2" xmlns="http://www.w3.org/2000/svg" width="12" height="12">
                                                            <path d="M10 2.586 11.414 4 6 9.414.586 4 2 2.586l4 4z" />
                                                        </svg>
                                                        Important Documents
                                                    </a>
                                                </li>
                                                <li class="mb-2 main-menu-sub-item">
                                                    <a rel="noopener noreferrer" href="/caravan-insurance/refer-a-friend/"
                                                    class="text-darkgrey hover:text-primary transition duration-300 ease-in-out flex items-center text-[15px]">
                                                        <svg aria-hidden="true" focusable="false" class="fill-primary -rotate-90 mr-2" xmlns="http://www.w3.org/2000/svg" width="12" height="12">
                                                            <path d="M10 2.586 11.414 4 6 9.414.586 4 2 2.586l4 4z" />
                                                        </svg>
                                                        Refer a friend
                                                    </a>
                                                </li>
                                        </ul>

                                    </div>
                                </div>
                                <div class="flex-1 md:max-w-[500px]">
                                    <div class="menu-column-title text-darkgrey mb-6 text-[16px] md:cursor-default flex justify-between items-center md:leading-normal">
                                            <a rel="noopener noreferrer" href="/valuables-insurance/"
                                            class="text-darkgrey hover:text-primary transition duration-300 ease-in-out flex-grow">
                                                Valuables Insurance
                                            </a>
                                        <button type="button"
                                            @click="!isDesktop && (activeAccordion = activeAccordion === 'e87e577a-60de-4082-842b-dccfb548f96c' ? null : 'e87e577a-60de-4082-842b-dccfb548f96c')"
                                            class="p-2 md:hidden focus-visible:outline focus-visible:outline-2 focus-visible:outline-primary"
                                            aria-label="Toggle Valuables Insurance" aria-controls="menu-column-e87e577a-60de-4082-842b-dccfb548f96c" :aria-expanded="isDesktop || activeAccordion === 'e87e577a-60de-4082-842b-dccfb548f96c'">
                                            <svg aria-hidden="true" focusable="false" class="w-7 h-7 fill-current text-darkgrey transition-all duration-300 ease-in-out"
                                                :class="{'rotate-180': activeAccordion === 'e87e577a-60de-4082-842b-dccfb548f96c'}"
                                                xmlns="http://www.w3.org/2000/svg"
                                                viewBox="0 0 20 20">
                                                <path d="M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z"/>
                                            </svg>
                                        </button>
                                    </div>
                                    <div id="menu-column-e87e577a-60de-4082-842b-dccfb548f96c" x-show="isDesktop || activeAccordion === 'e87e577a-60de-4082-842b-dccfb548f96c'"
                                            x-collapse.duration.300ms
                                            class="md:!block main-menu-column-item">
                                        <ul class="main-menu-sub-item-wrapper">
                                                <li class="mb-2 main-menu-sub-item">
                                                    <a rel="noopener noreferrer" href="/valuables-insurance/watch-insurance/"
                                                    class="text-darkgrey hover:text-primary transition duration-300 ease-in-out flex items-center text-[15px]">
                                                        <svg aria-hidden="true" focusable="false" class="fill-primary -rotate-90 mr-2" xmlns="http://www.w3.org/2000/svg" width="12" height="12">
                                                            <path d="M10 2.586 11.414 4 6 9.414.586 4 2 2.586l4 4z" />
                                                        </svg>
                                                        Watch Insurance
                                                    </a>
                                                </li>
                                                <li class="mb-2 main-menu-sub-item">
                                                    <a rel="noopener noreferrer" href="/valuables-insurance/ring-insurance/"
                                                    class="text-darkgrey hover:text-primary transition duration-300 ease-in-out flex items-center text-[15px]">
                                                        <svg aria-hidden="true" focusable="false" class="fill-primary -rotate-90 mr-2" xmlns="http://www.w3.org/2000/svg" width="12" height="12">
                                                            <path d="M10 2.586 11.414 4 6 9.414.586 4 2 2.586l4 4z" />
                                                        </svg>
                                                        Ring Insurance
                                                    </a>
                                                </li>
                                                <li class="mb-2 main-menu-sub-item">
                                                    <a rel="noopener noreferrer" href="/valuables-insurance/jewellery-insurance/"
                                                    class="text-darkgrey hover:text-primary transition duration-300 ease-in-out flex items-center text-[15px]">
                                                        <svg aria-hidden="true" focusable="false" class="fill-primary -rotate-90 mr-2" xmlns="http://www.w3.org/2000/svg" width="12" height="12">
                                                            <path d="M10 2.586 11.414 4 6 9.414.586 4 2 2.586l4 4z" />
                                                        </svg>
                                                        Jewellery Insurance
                                                    </a>
                                                </li>
                                                <li class="mb-2 main-menu-sub-item">
                                                    <a rel="noopener noreferrer" href="/valuables-insurance/important-documents/"
                                                    class="text-darkgrey hover:text-primary transition duration-300 ease-in-out flex items-center text-[15px]">
                                                        <svg aria-hidden="true" focusable="false" class="fill-primary -rotate-90 mr-2" xmlns="http://www.w3.org/2000/svg" width="12" height="12">
                                                            <path d="M10 2.586 11.414 4 6 9.414.586 4 2 2.586l4 4z" />
                                                        </svg>
                                                        Important Documents
                                                    </a>
                                                </li>
                                                <li class="mb-2 main-menu-sub-item">
                                                    <a rel="noopener noreferrer" href="/valuables-insurance/refer-a-friend/"
                                                    class="text-darkgrey hover:text-primary transition duration-300 ease-in-out flex items-center text-[15px]">
                                                        <svg aria-hidden="true" focusable="false" class="fill-primary -rotate-90 mr-2" xmlns="http://www.w3.org/2000/svg" width="12" height="12">
                                                            <path d="M10 2.586 11.414 4 6 9.414.586 4 2 2.586l4 4z" />
                                                        </svg>
                                                        Refer a friend
                                                    </a>
                                                </li>
                                        </ul>

                                    </div>
                                </div>
                                <div class="flex-1 md:max-w-[500px]">
                                    <div class="menu-column-title text-darkgrey mb-6 text-[16px] md:cursor-default flex justify-between items-center md:leading-normal">
                                            <a rel="noopener noreferrer" href="/photography-insurance/"
                                            class="text-darkgrey hover:text-primary transition duration-300 ease-in-out flex-grow">
                                                Photography Insurance
                                            </a>
                                        <button type="button"
                                            @click="!isDesktop && (activeAccordion = activeAccordion === '6a87d518-ade8-46fc-9957-d1bfb49699a7' ? null : '6a87d518-ade8-46fc-9957-d1bfb49699a7')"
                                            class="p-2 md:hidden focus-visible:outline focus-visible:outline-2 focus-visible:outline-primary"
                                            aria-label="Toggle Photography Insurance" aria-controls="menu-column-6a87d518-ade8-46fc-9957-d1bfb49699a7" :aria-expanded="isDesktop || activeAccordion === '6a87d518-ade8-46fc-9957-d1bfb49699a7'">
                                            <svg aria-hidden="true" focusable="false" class="w-7 h-7 fill-current text-darkgrey transition-all duration-300 ease-in-out"
                                                :class="{'rotate-180': activeAccordion === '6a87d518-ade8-46fc-9957-d1bfb49699a7'}"
                                                xmlns="http://www.w3.org/2000/svg"
                                                viewBox="0 0 20 20">
                                                <path d="M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z"/>
                                            </svg>
                                        </button>
                                    </div>
                                    <div id="menu-column-6a87d518-ade8-46fc-9957-d1bfb49699a7" x-show="isDesktop || activeAccordion === '6a87d518-ade8-46fc-9957-d1bfb49699a7'"
                                            x-collapse.duration.300ms
                                            class="md:!block main-menu-column-item">
                                        <ul class="main-menu-sub-item-wrapper">
                                                <li class="mb-2 main-menu-sub-item">
                                                    <a rel="noopener noreferrer" href="/photography-insurance/professional-photography-insurance/"
                                                    class="text-darkgrey hover:text-primary transition duration-300 ease-in-out flex items-center text-[15px]">
                                                        <svg aria-hidden="true" focusable="false" class="fill-primary -rotate-90 mr-2" xmlns="http://www.w3.org/2000/svg" width="12" height="12">
                                                            <path d="M10 2.586 11.414 4 6 9.414.586 4 2 2.586l4 4z" />
                                                        </svg>
                                                        Professional Photography Insurance
                                                    </a>
                                                </li>
                                                <li class="mb-2 main-menu-sub-item">
                                                    <a rel="noopener noreferrer" href="/photography-insurance/camera-insurance/"
                                                    class="text-darkgrey hover:text-primary transition duration-300 ease-in-out flex items-center text-[15px]">
                                                        <svg aria-hidden="true" focusable="false" class="fill-primary -rotate-90 mr-2" xmlns="http://www.w3.org/2000/svg" width="12" height="12">
                                                            <path d="M10 2.586 11.414 4 6 9.414.586 4 2 2.586l4 4z" />
                                                        </svg>
                                                        Camera insurance
                                                    </a>
                                                </li>
                                                <li class="mb-2 main-menu-sub-item">
                                                    <a rel="noopener noreferrer" href="/photography-insurance/important-documents/"
                                                    class="text-darkgrey hover:text-primary transition duration-300 ease-in-out flex items-center text-[15px]">
                                                        <svg aria-hidden="true" focusable="false" class="fill-primary -rotate-90 mr-2" xmlns="http://www.w3.org/2000/svg" width="12" height="12">
                                                            <path d="M10 2.586 11.414 4 6 9.414.586 4 2 2.586l4 4z" />
                                                        </svg>
                                                        Important Documents
                                                    </a>
                                                </li>
                                                <li class="mb-2 main-menu-sub-item">
                                                    <a rel="noopener noreferrer" href="/photography-insurance/refer-a-friend/"
                                                    class="text-darkgrey hover:text-primary transition duration-300 ease-in-out flex items-center text-[15px]">
                                                        <svg aria-hidden="true" focusable="false" class="fill-primary -rotate-90 mr-2" xmlns="http://www.w3.org/2000/svg" width="12" height="12">
                                                            <path d="M10 2.586 11.414 4 6 9.414.586 4 2 2.586l4 4z" />
                                                        </svg>
                                                        Refer a friend
                                                    </a>
                                                </li>
                                        </ul>

                                    </div>
                                </div>
                                <div class="flex-1 md:max-w-[500px]">
                                    <div class="menu-column-title text-darkgrey mb-6 text-[16px] md:cursor-default flex justify-between items-center md:leading-normal">
                                            <a rel="noopener noreferrer" href="/shooting-insurance/"
                                            class="text-darkgrey hover:text-primary transition duration-300 ease-in-out flex-grow">
                                                Shooting Insurance
                                            </a>
                                        <button type="button"
                                            @click="!isDesktop && (activeAccordion = activeAccordion === '17a563d9-5f11-43a9-9648-35397e5be6f0' ? null : '17a563d9-5f11-43a9-9648-35397e5be6f0')"
                                            class="p-2 md:hidden focus-visible:outline focus-visible:outline-2 focus-visible:outline-primary"
                                            aria-label="Toggle Shooting Insurance" aria-controls="menu-column-17a563d9-5f11-43a9-9648-35397e5be6f0" :aria-expanded="isDesktop || activeAccordion === '17a563d9-5f11-43a9-9648-35397e5be6f0'">
                                            <svg aria-hidden="true" focusable="false" class="w-7 h-7 fill-current text-darkgrey transition-all duration-300 ease-in-out"
                                                :class="{'rotate-180': activeAccordion === '17a563d9-5f11-43a9-9648-35397e5be6f0'}"
                                                xmlns="http://www.w3.org/2000/svg"
                                                viewBox="0 0 20 20">
                                                <path d="M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z"/>
                                            </svg>
                                        </button>
                                    </div>
                                    <div id="menu-column-17a563d9-5f11-43a9-9648-35397e5be6f0" x-show="isDesktop || activeAccordion === '17a563d9-5f11-43a9-9648-35397e5be6f0'"
                                            x-collapse.duration.300ms
                                            class="md:!block main-menu-column-item">
                                        <ul class="main-menu-sub-item-wrapper">
                                                <li class="mb-2 main-menu-sub-item">
                                                    <a rel="noopener noreferrer" href="/shooting-insurance/important-documents/"
                                                    class="text-darkgrey hover:text-primary transition duration-300 ease-in-out flex items-center text-[15px]">
                                                        <svg aria-hidden="true" focusable="false" class="fill-primary -rotate-90 mr-2" xmlns="http://www.w3.org/2000/svg" width="12" height="12">
                                                            <path d="M10 2.586 11.414 4 6 9.414.586 4 2 2.586l4 4z" />
                                                        </svg>
                                                        Important Documents
                                                    </a>
                                                </li>
                                                <li class="mb-2 main-menu-sub-item">
                                                    <a rel="noopener noreferrer" href="/shooting-insurance/refer-a-friend/"
                                                    class="text-darkgrey hover:text-primary transition duration-300 ease-in-out flex items-center text-[15px]">
                                                        <svg aria-hidden="true" focusable="false" class="fill-primary -rotate-90 mr-2" xmlns="http://www.w3.org/2000/svg" width="12" height="12">
                                                            <path d="M10 2.586 11.414 4 6 9.414.586 4 2 2.586l4 4z" />
                                                        </svg>
                                                        Refer a friend
                                                    </a>
                                                </li>
                                        </ul>

                                            <div class="card-item mt-6 inline-block bg-lightgrey py-3 px-6 rounded">
                                                <h4 class="card-title text-darkgrey mb-4 relative text-[16px]">Other</h4>
                                                <ul>
                                                        <li class="mb-2">
                                                            <a rel="noopener noreferrer" href="/golf-insurance/"
                                                            class="text-darkgrey hover:text-primary transition duration-300 ease-in-out flex items-center text-[15px]">
                                                                <svg aria-hidden="true" focusable="false" class="fill-primary -rotate-90 mr-2" xmlns="http://www.w3.org/2000/svg" width="12" height="12">
                                                                    <path d="M10 2.586 11.414 4 6 9.414.586 4 2 2.586l4 4z" />
                                                                </svg>
                                                                Golf Insurance
                                                            </a>
                                                        </li>
                                                        <li class="mb-2">
                                                            <a rel="noopener noreferrer" href="/cycling-insurance/"
                                                            class="text-darkgrey hover:text-primary transition duration-300 ease-in-out flex items-center text-[15px]">
                                                                <svg aria-hidden="true" focusable="false" class="fill-primary -rotate-90 mr-2" xmlns="http://www.w3.org/2000/svg" width="12" height="12">
                                                                    <path d="M10 2.586 11.414 4 6 9.414.586 4 2 2.586l4 4z" />
                                                                </svg>
                                                                Cycling Insurance
                                                            </a>
                                                        </li>
                                                        <li class="mb-2">
                                                            <a rel="noopener noreferrer" href="/sports-insurance/"
                                                            class="text-darkgrey hover:text-primary transition duration-300 ease-in-out flex items-center text-[15px]">
                                                                <svg aria-hidden="true" focusable="false" class="fill-primary -rotate-90 mr-2" xmlns="http://www.w3.org/2000/svg" width="12" height="12">
                                                                    <path d="M10 2.586 11.414 4 6 9.414.586 4 2 2.586l4 4z" />
                                                                </svg>
                                                                Sports Insurance
                                                            </a>
                                                        </li>
                                                        <li class="mb-2">
                                                            <a rel="noopener noreferrer" href="/boat-insurance/"
                                                            class="text-darkgrey hover:text-primary transition duration-300 ease-in-out flex items-center text-[15px]">
                                                                <svg aria-hidden="true" focusable="false" class="fill-primary -rotate-90 mr-2" xmlns="http://www.w3.org/2000/svg" width="12" height="12">
                                                                    <path d="M10 2.586 11.414 4 6 9.414.586 4 2 2.586l4 4z" />
                                                                </svg>
                                                                Boat Insurance
                                                            </a>
                                                        </li>
                                                        <li class="mb-2">
                                                            <a rel="noopener noreferrer" href="/music-insurance/"
                                                            class="text-darkgrey hover:text-primary transition duration-300 ease-in-out flex items-center text-[15px]">
                                                                <svg aria-hidden="true" focusable="false" class="fill-primary -rotate-90 mr-2" xmlns="http://www.w3.org/2000/svg" width="12" height="12">
                                                                    <path d="M10 2.586 11.414 4 6 9.414.586 4 2 2.586l4 4z" />
                                                                </svg>
                                                                Music Insurance
                                                            </a>
                                                        </li>
                                                        <li class="mb-2">
                                                            <a rel="noopener noreferrer" href="/holiday-home-insurance/"
                                                            class="text-darkgrey hover:text-primary transition duration-300 ease-in-out flex items-center text-[15px]">
                                                                <svg aria-hidden="true" focusable="false" class="fill-primary -rotate-90 mr-2" xmlns="http://www.w3.org/2000/svg" width="12" height="12">
                                                                    <path d="M10 2.586 11.414 4 6 9.414.586 4 2 2.586l4 4z" />
                                                                </svg>
                                                                Holiday Home Insurance
                                                            </a>
                                                        </li>
                                                </ul>
                                            </div>
                                    </div>
                                </div>
                        </div>
                    </div>
            </li>
            <li x-data="{dropdownOpen: false, hasMenuColumns: true}" class="main-menu-top-item">
                    <div class="flex items-center menu-item-controls" :class="{'hidden': !isDesktop && false}">
                    <button type="button" class="menu-disclosure text-primary font-normal flex items-center md:gap-1"
                            :class="{'hidden': !isDesktop && false}"
                            aria-controls="submenu-93da5d0739164d0d9cbe45ab66a116b3" aria-expanded="false" :aria-expanded="dropdownOpen"
                            @click="dropdownOpen = !dropdownOpen" @keydown.escape="dropdownOpen = false">
                            <svg aria-hidden="true" focusable="false" class="fill-primary transition-transform duration-300 order-last md:order-first" :class="{'rotate-180': dropdownOpen}" width="20" height="20" viewBox="0 0 20 20"><path d="M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z" /></svg>
                        <span class="">Business</span>
                    </button>
                    </div>
                
                    <div id="submenu-93da5d0739164d0d9cbe45ab66a116b3"
                        x-cloak
                        x-show="(isDesktop && dropdownOpen) || (!isDesktop && ((dropdownOpen && hasMenuColumns) || false))"
                        :class="{'relative': !isDesktop, 'absolute z-[999]': isDesktop}"
                        @click.away="dropdownOpen = false"
                        class="main-menu-column left-0 right-0 bg-white py-6 md:pt-8 md:pb-11 md:px-5 md:mt-[17px] lg:shadow-ul w-full border-t-2 border-[#cbcbcb]"
                        x-transition:enter="transition ease-out duration-200 transform"
                        x-transition:enter-start="opacity-0 -translate-y-2"
                        x-transition:enter-end="opacity-100 translate-y-0"
                        x-transition:leave="transition ease-out duration-200"
                        x-transition:leave-start="opacity-100"
                        x-transition:leave-end="opacity-0">
                        <div class=" main-menu-column-inner flex flex-wrap container mx-auto gap-[5%]">
                                <div class="flex-1 md:max-w-[500px]">
                                    <div class="menu-column-title text-darkgrey mb-6 text-[16px] md:cursor-default flex justify-between items-center md:leading-normal">
                                            <a rel="noopener noreferrer" href="/club-leisure-insurance/"
                                            class="text-darkgrey hover:text-primary transition duration-300 ease-in-out flex-grow">
                                                Club Leisure Insurance
                                            </a>
                                        <button type="button"
                                            @click="!isDesktop && (activeAccordion = activeAccordion === 'fbdd548c-a766-4e75-8b00-62933d3752b5' ? null : 'fbdd548c-a766-4e75-8b00-62933d3752b5')"
                                            class="p-2 md:hidden focus-visible:outline focus-visible:outline-2 focus-visible:outline-primary"
                                            aria-label="Toggle Club Leisure Insurance" aria-controls="menu-column-fbdd548c-a766-4e75-8b00-62933d3752b5" :aria-expanded="isDesktop || activeAccordion === 'fbdd548c-a766-4e75-8b00-62933d3752b5'">
                                            <svg aria-hidden="true" focusable="false" class="w-7 h-7 fill-current text-darkgrey transition-all duration-300 ease-in-out"
                                                :class="{'rotate-180': activeAccordion === 'fbdd548c-a766-4e75-8b00-62933d3752b5'}"
                                                xmlns="http://www.w3.org/2000/svg"
                                                viewBox="0 0 20 20">
                                                <path d="M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z"/>
                                            </svg>
                                        </button>
                                    </div>
                                    <div id="menu-column-fbdd548c-a766-4e75-8b00-62933d3752b5" x-show="isDesktop || activeAccordion === 'fbdd548c-a766-4e75-8b00-62933d3752b5'"
                                            x-collapse.duration.300ms
                                            class="md:!block main-menu-column-item">
                                        <ul class="main-menu-sub-item-wrapper">
                                                <li class="mb-2 main-menu-sub-item">
                                                    <a rel="noopener noreferrer" href="/club-leisure-insurance/charity-insurance/"
                                                    class="text-darkgrey hover:text-primary transition duration-300 ease-in-out flex items-center text-[15px]">
                                                        <svg aria-hidden="true" focusable="false" class="fill-primary -rotate-90 mr-2" xmlns="http://www.w3.org/2000/svg" width="12" height="12">
                                                            <path d="M10 2.586 11.414 4 6 9.414.586 4 2 2.586l4 4z" />
                                                        </svg>
                                                        Charity Insurance
                                                    </a>
                                                </li>
                                                <li class="mb-2 main-menu-sub-item">
                                                    <a rel="noopener noreferrer" href="/club-leisure-insurance/sports-club-insurance/"
                                                    class="text-darkgrey hover:text-primary transition duration-300 ease-in-out flex items-center text-[15px]">
                                                        <svg aria-hidden="true" focusable="false" class="fill-primary -rotate-90 mr-2" xmlns="http://www.w3.org/2000/svg" width="12" height="12">
                                                            <path d="M10 2.586 11.414 4 6 9.414.586 4 2 2.586l4 4z" />
                                                        </svg>
                                                        Sports Club Insurance
                                                    </a>
                                                </li>
                                                <li class="mb-2 main-menu-sub-item">
                                                    <a rel="noopener noreferrer" href="/club-leisure-insurance/gym-studio-insurance/"
                                                    class="text-darkgrey hover:text-primary transition duration-300 ease-in-out flex items-center text-[15px]">
                                                        <svg aria-hidden="true" focusable="false" class="fill-primary -rotate-90 mr-2" xmlns="http://www.w3.org/2000/svg" width="12" height="12">
                                                            <path d="M10 2.586 11.414 4 6 9.414.586 4 2 2.586l4 4z" />
                                                        </svg>
                                                        Gym &amp; Studio Insurance
                                                    </a>
                                                </li>
                                                <li class="mb-2 main-menu-sub-item">
                                                    <a rel="noopener noreferrer" href="/club-leisure-insurance/library-insurance/"
                                                    class="text-darkgrey hover:text-primary transition duration-300 ease-in-out flex items-center text-[15px]">
                                                        <svg aria-hidden="true" focusable="false" class="fill-primary -rotate-90 mr-2" xmlns="http://www.w3.org/2000/svg" width="12" height="12">
                                                            <path d="M10 2.586 11.414 4 6 9.414.586 4 2 2.586l4 4z" />
                                                        </svg>
                                                        Library Insurance
                                                    </a>
                                                </li>
                                                <li class="mb-2 main-menu-sub-item">
                                                    <a rel="noopener noreferrer" href="/club-leisure-insurance/community-group-insurance/"
                                                    class="text-darkgrey hover:text-primary transition duration-300 ease-in-out flex items-center text-[15px]">
                                                        <svg aria-hidden="true" focusable="false" class="fill-primary -rotate-90 mr-2" xmlns="http://www.w3.org/2000/svg" width="12" height="12">
                                                            <path d="M10 2.586 11.414 4 6 9.414.586 4 2 2.586l4 4z" />
                                                        </svg>
                                                        Community group insurance
                                                    </a>
                                                </li>
                                                <li class="mb-2 main-menu-sub-item">
                                                    <a rel="noopener noreferrer" href="/club-leisure-insurance/important-documents/"
                                                    class="text-darkgrey hover:text-primary transition duration-300 ease-in-out flex items-center text-[15px]">
                                                        <svg aria-hidden="true" focusable="false" class="fill-primary -rotate-90 mr-2" xmlns="http://www.w3.org/2000/svg" width="12" height="12">
                                                            <path d="M10 2.586 11.414 4 6 9.414.586 4 2 2.586l4 4z" />
                                                        </svg>
                                                        Important Documents
                                                    </a>
                                                </li>
                                                <li class="mb-2 main-menu-sub-item">
                                                    <a rel="noopener noreferrer" href="/club-leisure-insurance/refer-a-friend/"
                                                    class="text-darkgrey hover:text-primary transition duration-300 ease-in-out flex items-center text-[15px]">
                                                        <svg aria-hidden="true" focusable="false" class="fill-primary -rotate-90 mr-2" xmlns="http://www.w3.org/2000/svg" width="12" height="12">
                                                            <path d="M10 2.586 11.414 4 6 9.414.586 4 2 2.586l4 4z" />
                                                        </svg>
                                                        Refer a friend
                                                    </a>
                                                </li>
                                        </ul>

                                    </div>
                                </div>
                                <div class="flex-1 md:max-w-[500px]">
                                    <div class="menu-column-title text-darkgrey mb-6 text-[16px] md:cursor-default flex justify-between items-center md:leading-normal">
                                            <a rel="noopener noreferrer" href="/hair-and-beauty-insurance/"
                                            class="text-darkgrey hover:text-primary transition duration-300 ease-in-out flex-grow">
                                                Hair and Beauty Insurance
                                            </a>
                                        <button type="button"
                                            @click="!isDesktop && (activeAccordion = activeAccordion === 'dcebea7c-2b76-41ca-a5d2-c48a2eca126b' ? null : 'dcebea7c-2b76-41ca-a5d2-c48a2eca126b')"
                                            class="p-2 md:hidden focus-visible:outline focus-visible:outline-2 focus-visible:outline-primary"
                                            aria-label="Toggle Hair and Beauty Insurance" aria-controls="menu-column-dcebea7c-2b76-41ca-a5d2-c48a2eca126b" :aria-expanded="isDesktop || activeAccordion === 'dcebea7c-2b76-41ca-a5d2-c48a2eca126b'">
                                            <svg aria-hidden="true" focusable="false" class="w-7 h-7 fill-current text-darkgrey transition-all duration-300 ease-in-out"
                                                :class="{'rotate-180': activeAccordion === 'dcebea7c-2b76-41ca-a5d2-c48a2eca126b'}"
                                                xmlns="http://www.w3.org/2000/svg"
                                                viewBox="0 0 20 20">
                                                <path d="M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z"/>
                                            </svg>
                                        </button>
                                    </div>
                                    <div id="menu-column-dcebea7c-2b76-41ca-a5d2-c48a2eca126b" x-show="isDesktop || activeAccordion === 'dcebea7c-2b76-41ca-a5d2-c48a2eca126b'"
                                            x-collapse.duration.300ms
                                            class="md:!block main-menu-column-item">
                                        <ul class="main-menu-sub-item-wrapper">
                                                <li class="mb-2 main-menu-sub-item">
                                                    <a rel="noopener noreferrer" href="/hair-and-beauty-insurance/barber-insurance/"
                                                    class="text-darkgrey hover:text-primary transition duration-300 ease-in-out flex items-center text-[15px]">
                                                        <svg aria-hidden="true" focusable="false" class="fill-primary -rotate-90 mr-2" xmlns="http://www.w3.org/2000/svg" width="12" height="12">
                                                            <path d="M10 2.586 11.414 4 6 9.414.586 4 2 2.586l4 4z" />
                                                        </svg>
                                                        Barber Insurance
                                                    </a>
                                                </li>
                                                <li class="mb-2 main-menu-sub-item">
                                                    <a rel="noopener noreferrer" href="/hair-and-beauty-insurance/hairdressing-insurance/"
                                                    class="text-darkgrey hover:text-primary transition duration-300 ease-in-out flex items-center text-[15px]">
                                                        <svg aria-hidden="true" focusable="false" class="fill-primary -rotate-90 mr-2" xmlns="http://www.w3.org/2000/svg" width="12" height="12">
                                                            <path d="M10 2.586 11.414 4 6 9.414.586 4 2 2.586l4 4z" />
                                                        </svg>
                                                        Hairdressing Insurance
                                                    </a>
                                                </li>
                                                <li class="mb-2 main-menu-sub-item">
                                                    <a rel="noopener noreferrer" href="/hair-and-beauty-insurance/hair-salon-insurance/"
                                                    class="text-darkgrey hover:text-primary transition duration-300 ease-in-out flex items-center text-[15px]">
                                                        <svg aria-hidden="true" focusable="false" class="fill-primary -rotate-90 mr-2" xmlns="http://www.w3.org/2000/svg" width="12" height="12">
                                                            <path d="M10 2.586 11.414 4 6 9.414.586 4 2 2.586l4 4z" />
                                                        </svg>
                                                        Hair Salon Insurance
                                                    </a>
                                                </li>
                                                <li class="mb-2 main-menu-sub-item">
                                                    <a rel="noopener noreferrer" href="/hair-and-beauty-insurance/makeup-artist-insurance/"
                                                    class="text-darkgrey hover:text-primary transition duration-300 ease-in-out flex items-center text-[15px]">
                                                        <svg aria-hidden="true" focusable="false" class="fill-primary -rotate-90 mr-2" xmlns="http://www.w3.org/2000/svg" width="12" height="12">
                                                            <path d="M10 2.586 11.414 4 6 9.414.586 4 2 2.586l4 4z" />
                                                        </svg>
                                                        Makeup Artist Insurance
                                                    </a>
                                                </li>
                                                <li class="mb-2 main-menu-sub-item">
                                                    <a rel="noopener noreferrer" href="/hair-and-beauty-insurance/hair-salon-insurance/"
                                                    class="text-darkgrey hover:text-primary transition duration-300 ease-in-out flex items-center text-[15px]">
                                                        <svg aria-hidden="true" focusable="false" class="fill-primary -rotate-90 mr-2" xmlns="http://www.w3.org/2000/svg" width="12" height="12">
                                                            <path d="M10 2.586 11.414 4 6 9.414.586 4 2 2.586l4 4z" />
                                                        </svg>
                                                        Hair Salon Insurance
                                                    </a>
                                                </li>
                                                <li class="mb-2 main-menu-sub-item">
                                                    <a rel="noopener noreferrer" href="/hair-and-beauty-insurance/beauty-salon-insurance/"
                                                    class="text-darkgrey hover:text-primary transition duration-300 ease-in-out flex items-center text-[15px]">
                                                        <svg aria-hidden="true" focusable="false" class="fill-primary -rotate-90 mr-2" xmlns="http://www.w3.org/2000/svg" width="12" height="12">
                                                            <path d="M10 2.586 11.414 4 6 9.414.586 4 2 2.586l4 4z" />
                                                        </svg>
                                                        Beauty Salon Insurance
                                                    </a>
                                                </li>
                                                <li class="mb-2 main-menu-sub-item">
                                                    <a rel="noopener noreferrer" href="/hair-and-beauty-insurance/treatments-we-cover/"
                                                    class="text-darkgrey hover:text-primary transition duration-300 ease-in-out flex items-center text-[15px]">
                                                        <svg aria-hidden="true" focusable="false" class="fill-primary -rotate-90 mr-2" xmlns="http://www.w3.org/2000/svg" width="12" height="12">
                                                            <path d="M10 2.586 11.414 4 6 9.414.586 4 2 2.586l4 4z" />
                                                        </svg>
                                                        Treatments We Cover
                                                    </a>
                                                </li>
                                                <li class="mb-2 main-menu-sub-item">
                                                    <a rel="noopener noreferrer" href="/hair-and-beauty-insurance/important-documents/"
                                                    class="text-darkgrey hover:text-primary transition duration-300 ease-in-out flex items-center text-[15px]">
                                                        <svg aria-hidden="true" focusable="false" class="fill-primary -rotate-90 mr-2" xmlns="http://www.w3.org/2000/svg" width="12" height="12">
                                                            <path d="M10 2.586 11.414 4 6 9.414.586 4 2 2.586l4 4z" />
                                                        </svg>
                                                        Important Documents
                                                    </a>
                                                </li>
                                                <li class="mb-2 main-menu-sub-item">
                                                    <a rel="noopener noreferrer" href="/hair-and-beauty-insurance/refer-a-friend/"
                                                    class="text-darkgrey hover:text-primary transition duration-300 ease-in-out flex items-center text-[15px]">
                                                        <svg aria-hidden="true" focusable="false" class="fill-primary -rotate-90 mr-2" xmlns="http://www.w3.org/2000/svg" width="12" height="12">
                                                            <path d="M10 2.586 11.414 4 6 9.414.586 4 2 2.586l4 4z" />
                                                        </svg>
                                                        Refer a friend
                                                    </a>
                                                </li>
                                        </ul>

                                    </div>
                                </div>
                                <div class="flex-1 md:max-w-[500px]">
                                    <div class="menu-column-title text-darkgrey mb-6 text-[16px] md:cursor-default flex justify-between items-center md:leading-normal">
                                            <a rel="noopener noreferrer" href="/small-business-insurance/"
                                            class="text-darkgrey hover:text-primary transition duration-300 ease-in-out flex-grow">
                                                Small Business Insurance
                                            </a>
                                        <button type="button"
                                            @click="!isDesktop && (activeAccordion = activeAccordion === '9f3a70e8-2fb0-4acc-8dd1-cd57d85aec54' ? null : '9f3a70e8-2fb0-4acc-8dd1-cd57d85aec54')"
                                            class="p-2 md:hidden focus-visible:outline focus-visible:outline-2 focus-visible:outline-primary"
                                            aria-label="Toggle Small Business Insurance" aria-controls="menu-column-9f3a70e8-2fb0-4acc-8dd1-cd57d85aec54" :aria-expanded="isDesktop || activeAccordion === '9f3a70e8-2fb0-4acc-8dd1-cd57d85aec54'">
                                            <svg aria-hidden="true" focusable="false" class="w-7 h-7 fill-current text-darkgrey transition-all duration-300 ease-in-out"
                                                :class="{'rotate-180': activeAccordion === '9f3a70e8-2fb0-4acc-8dd1-cd57d85aec54'}"
                                                xmlns="http://www.w3.org/2000/svg"
                                                viewBox="0 0 20 20">
                                                <path d="M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z"/>
                                            </svg>
                                        </button>
                                    </div>
                                    <div id="menu-column-9f3a70e8-2fb0-4acc-8dd1-cd57d85aec54" x-show="isDesktop || activeAccordion === '9f3a70e8-2fb0-4acc-8dd1-cd57d85aec54'"
                                            x-collapse.duration.300ms
                                            class="md:!block main-menu-column-item">
                                        <ul class="main-menu-sub-item-wrapper">
                                                <li class="mb-2 main-menu-sub-item">
                                                    <a rel="noopener noreferrer" href="/photography-insurance/professional-photography-insurance/"
                                                    class="text-darkgrey hover:text-primary transition duration-300 ease-in-out flex items-center text-[15px]">
                                                        <svg aria-hidden="true" focusable="false" class="fill-primary -rotate-90 mr-2" xmlns="http://www.w3.org/2000/svg" width="12" height="12">
                                                            <path d="M10 2.586 11.414 4 6 9.414.586 4 2 2.586l4 4z" />
                                                        </svg>
                                                        Professional Photography Insurance
                                                    </a>
                                                </li>
                                                <li class="mb-2 main-menu-sub-item">
                                                    <a rel="noopener noreferrer" href="/personal-trainer-insurance/"
                                                    class="text-darkgrey hover:text-primary transition duration-300 ease-in-out flex items-center text-[15px]">
                                                        <svg aria-hidden="true" focusable="false" class="fill-primary -rotate-90 mr-2" xmlns="http://www.w3.org/2000/svg" width="12" height="12">
                                                            <path d="M10 2.586 11.414 4 6 9.414.586 4 2 2.586l4 4z" />
                                                        </svg>
                                                        Personal Trainer Insurance
                                                    </a>
                                                </li>
                                                <li class="mb-2 main-menu-sub-item">
                                                    <a rel="noopener noreferrer" href="/music-insurance/"
                                                    class="text-darkgrey hover:text-primary transition duration-300 ease-in-out flex items-center text-[15px]">
                                                        <svg aria-hidden="true" focusable="false" class="fill-primary -rotate-90 mr-2" xmlns="http://www.w3.org/2000/svg" width="12" height="12">
                                                            <path d="M10 2.586 11.414 4 6 9.414.586 4 2 2.586l4 4z" />
                                                        </svg>
                                                        Music Insurance
                                                    </a>
                                                </li>
                                                <li class="mb-2 main-menu-sub-item">
                                                    <a rel="noopener noreferrer" href="/holiday-home-insurance/"
                                                    class="text-darkgrey hover:text-primary transition duration-300 ease-in-out flex items-center text-[15px]">
                                                        <svg aria-hidden="true" focusable="false" class="fill-primary -rotate-90 mr-2" xmlns="http://www.w3.org/2000/svg" width="12" height="12">
                                                            <path d="M10 2.586 11.414 4 6 9.414.586 4 2 2.586l4 4z" />
                                                        </svg>
                                                        Holiday Home Insurance
                                                    </a>
                                                </li>
                                        </ul>

                                    </div>
                                </div>
                        </div>
                    </div>
            </li>
            <li x-data="{dropdownOpen: false, hasMenuColumns: true}" class="main-menu-top-item">
                    <div class="flex items-center menu-item-controls" :class="{'hidden': !isDesktop && false}">
                    <button type="button" class="menu-disclosure text-primary font-normal flex items-center md:gap-1"
                            :class="{'hidden': !isDesktop && false}"
                            aria-controls="submenu-18490a3eb5814afea37f511de602a9fc" aria-expanded="false" :aria-expanded="dropdownOpen"
                            @click="dropdownOpen = !dropdownOpen" @keydown.escape="dropdownOpen = false">
                            <svg aria-hidden="true" focusable="false" class="fill-primary transition-transform duration-300 order-last md:order-first" :class="{'rotate-180': dropdownOpen}" width="20" height="20" viewBox="0 0 20 20"><path d="M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z" /></svg>
                        <span class="">About</span>
                    </button>
                    </div>
                
                    <div id="submenu-18490a3eb5814afea37f511de602a9fc"
                        x-cloak
                        x-show="(isDesktop && dropdownOpen) || (!isDesktop && ((dropdownOpen && hasMenuColumns) || false))"
                        :class="{'relative': !isDesktop, 'absolute z-[999]': isDesktop}"
                        @click.away="dropdownOpen = false"
                        class="main-menu-column left-0 right-0 bg-white py-6 md:pt-8 md:pb-11 md:px-5 md:mt-[17px] lg:shadow-ul w-full border-t-2 border-[#cbcbcb]"
                        x-transition:enter="transition ease-out duration-200 transform"
                        x-transition:enter-start="opacity-0 -translate-y-2"
                        x-transition:enter-end="opacity-100 translate-y-0"
                        x-transition:leave="transition ease-out duration-200"
                        x-transition:leave-start="opacity-100"
                        x-transition:leave-end="opacity-0">
                        <div class=" main-menu-column-inner flex flex-wrap container mx-auto gap-[5%]">
                                <div class="flex-1 md:max-w-[500px]">
                                    <div class="menu-column-title text-darkgrey mb-6 text-[16px] md:cursor-default flex justify-between items-center md:leading-normal">
                                            <a rel="noopener noreferrer" href="/about/"
                                            class="text-darkgrey hover:text-primary transition duration-300 ease-in-out flex-grow">
                                                About
                                            </a>
                                        <button type="button"
                                            @click="!isDesktop && (activeAccordion = activeAccordion === 'a7381183-e623-46a1-998b-432b99dc7fd5' ? null : 'a7381183-e623-46a1-998b-432b99dc7fd5')"
                                            class="p-2 md:hidden focus-visible:outline focus-visible:outline-2 focus-visible:outline-primary"
                                            aria-label="Toggle About" aria-controls="menu-column-a7381183-e623-46a1-998b-432b99dc7fd5" :aria-expanded="isDesktop || activeAccordion === 'a7381183-e623-46a1-998b-432b99dc7fd5'">
                                            <svg aria-hidden="true" focusable="false" class="w-7 h-7 fill-current text-darkgrey transition-all duration-300 ease-in-out"
                                                :class="{'rotate-180': activeAccordion === 'a7381183-e623-46a1-998b-432b99dc7fd5'}"
                                                xmlns="http://www.w3.org/2000/svg"
                                                viewBox="0 0 20 20">
                                                <path d="M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z"/>
                                            </svg>
                                        </button>
                                    </div>
                                    <div id="menu-column-a7381183-e623-46a1-998b-432b99dc7fd5" x-show="isDesktop || activeAccordion === 'a7381183-e623-46a1-998b-432b99dc7fd5'"
                                            x-collapse.duration.300ms
                                            class="md:!block main-menu-column-item">
                                        <ul class="main-menu-sub-item-wrapper">
                                                <li class="mb-2 main-menu-sub-item">
                                                    <a rel="noopener noreferrer" href="/about/"
                                                    class="text-darkgrey hover:text-primary transition duration-300 ease-in-out flex items-center text-[15px]">
                                                        <svg aria-hidden="true" focusable="false" class="fill-primary -rotate-90 mr-2" xmlns="http://www.w3.org/2000/svg" width="12" height="12">
                                                            <path d="M10 2.586 11.414 4 6 9.414.586 4 2 2.586l4 4z" />
                                                        </svg>
                                                        About
                                                    </a>
                                                </li>
                                                <li class="mb-2 main-menu-sub-item">
                                                    <a rel="noopener noreferrer" href="/important-documents/"
                                                    class="text-darkgrey hover:text-primary transition duration-300 ease-in-out flex items-center text-[15px]">
                                                        <svg aria-hidden="true" focusable="false" class="fill-primary -rotate-90 mr-2" xmlns="http://www.w3.org/2000/svg" width="12" height="12">
                                                            <path d="M10 2.586 11.414 4 6 9.414.586 4 2 2.586l4 4z" />
                                                        </svg>
                                                        Important Documents
                                                    </a>
                                                </li>
                                                <li class="mb-2 main-menu-sub-item">
                                                    <a rel="noopener noreferrer" href="/how-to-claim/"
                                                    class="text-darkgrey hover:text-primary transition duration-300 ease-in-out flex items-center text-[15px]">
                                                        <svg aria-hidden="true" focusable="false" class="fill-primary -rotate-90 mr-2" xmlns="http://www.w3.org/2000/svg" width="12" height="12">
                                                            <path d="M10 2.586 11.414 4 6 9.414.586 4 2 2.586l4 4z" />
                                                        </svg>
                                                        How to claim
                                                    </a>
                                                </li>
                                                <li class="mb-2 main-menu-sub-item">
                                                    <a rel="noopener noreferrer" href="/our-experts/"
                                                    class="text-darkgrey hover:text-primary transition duration-300 ease-in-out flex items-center text-[15px]">
                                                        <svg aria-hidden="true" focusable="false" class="fill-primary -rotate-90 mr-2" xmlns="http://www.w3.org/2000/svg" width="12" height="12">
                                                            <path d="M10 2.586 11.414 4 6 9.414.586 4 2 2.586l4 4z" />
                                                        </svg>
                                                        Our experts
                                                    </a>
                                                </li>
                                        </ul>

                                            <div class="card-item mt-6 inline-block bg-lightgrey py-3 px-6 rounded">
                                                <h4 class="card-title text-darkgrey mb-4 relative text-[16px]">Existing policyholders</h4>
                                                <ul>
                                                        <li class="mb-2">
                                                            <a rel="noopener noreferrer" href="https://account.ripeinsurance.co.uk/login/"
                                                            class="text-darkgrey hover:text-primary transition duration-300 ease-in-out flex items-center text-[15px]">
                                                                <svg aria-hidden="true" focusable="false" class="fill-primary -rotate-90 mr-2" xmlns="http://www.w3.org/2000/svg" width="12" height="12">
                                                                    <path d="M10 2.586 11.414 4 6 9.414.586 4 2 2.586l4 4z" />
                                                                </svg>
                                                                Log in
                                                            </a>
                                                        </li>
                                                </ul>
                                            </div>
                                    </div>
                                </div>
                        </div>
                    </div>
            </li>
        </ul>
            <div class="menu-actions">
            <div class="ml-6 md:ml-0">
                <a href="https://quote-caravans.ripeinsurance.co.uk/#!/your-cover/typeofhome" class="font-vag font-light updateUrl block group inline-flex rounded-[35px] text-[14px] py-2 px-8 md:py-2 md:px-6 text-center text-white no-underline bg-custom-gradient">
                    Get a quote
                </a>
            </div>

            <div class="menu-chat-action ml-6"
                 style="position: fixed; left: -9999px; top: 0; width: 1px; height: 1px; overflow: hidden; pointer-events: none;"
                 aria-hidden="true"
                 x-data="{ isOpen: false }">
            <div id="headerChatButton" x-data="liveChat">
                <button type="button" aria-label="Open live chat" :aria-label="isOpen ? 'Close live chat' : 'Open live chat'" :aria-expanded="isOpen"
                    @click="toggleWidget"
                    class="font-vag font-light block group items-center gap-[5px] inline-flex border-solid border-2 border-[color:var(--text)] rounded-[100%] md:rounded-[35px] text-[14px] p-[8px] md:p-[5px_13px] text-center text-primary no-underline transition ease-in-out duration-300 hover:border-primary hover:bg-primary hover:text-white group-hover:fill-primary">
                    <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" width="20" height="18" viewBox="0 0 20 18" fill="none">
                        <path d="M18.6606 3.81259C19.5535 4.90634 19.9999 6.10053 19.9999 7.39518C19.9999 8.68982 19.5535 9.88774 18.6606 10.9889C17.7677 12.0827 16.5549 12.9495 15.0222 13.5894C13.4895 14.2218 11.8154 14.538 9.99988 14.538C9.47905 14.538 8.93961 14.5083 8.38157 14.4487C6.90836 15.7508 5.19705 16.6511 3.24765 17.1496C2.88306 17.2538 2.45896 17.3357 1.97532 17.3952C1.84884 17.4101 1.73351 17.3766 1.62934 17.2947C1.53262 17.2129 1.46937 17.105 1.43961 16.9711V16.9599C1.41729 16.9301 1.41357 16.8855 1.42845 16.826C1.45077 16.7665 1.45821 16.7293 1.45077 16.7144C1.45077 16.6995 1.46937 16.6623 1.50657 16.6028C1.54378 16.5507 1.5661 16.5172 1.57354 16.5023C1.58098 16.4949 1.60702 16.4651 1.65166 16.413C1.69631 16.3609 1.72607 16.3275 1.74095 16.3126C1.79303 16.2531 1.90836 16.1229 2.08693 15.922C2.2655 15.7285 2.39199 15.5871 2.4664 15.4979C2.54824 15.416 2.66357 15.2709 2.81238 15.0626C2.96863 14.8543 3.0914 14.6645 3.18068 14.4934C3.26997 14.3223 3.37041 14.1028 3.48202 13.8349C3.59363 13.5671 3.69035 13.2843 3.7722 12.9867C2.60404 12.3245 1.68143 11.506 1.00434 10.5313C0.334699 9.55664 -0.00012207 8.51125 -0.00012207 7.39518C-0.00012207 6.42791 0.264015 5.5053 0.792289 4.62732C1.32056 3.7419 2.03113 2.97925 2.92399 2.33937C3.81684 1.69949 4.88083 1.19354 6.11595 0.821515C7.35107 0.442051 8.64571 0.252319 9.99988 0.252319C11.8154 0.252319 13.4895 0.57226 15.0222 1.21214C16.5549 1.84458 17.7677 2.7114 18.6606 3.81259Z" fill="#FF8200" class="transition ease-in-out duration-300 group-hover:fill-white"/>
                    </svg>
                    <span class="hidden md:block">Chat</span>
                </button>
            </div>
            </div>
            </div>
    </nav>
</div>
</div>

<script>
    document.addEventListener('DOMContentLoaded', function() {
        const showHeaderChatButton = false;
        const chatButton = document.getElementById('headerChatButton');
        const mobilePlaceholder = document.getElementById('mobileChatButtonPlaceholder');
        const originalParent = chatButton ? chatButton.parentElement : null;

        function moveChatButton() {
            if (!showHeaderChatButton || !chatButton || !mobilePlaceholder || !originalParent) return;

            if (window.innerWidth < 768) {
            mobilePlaceholder.appendChild(chatButton);
            chatButton.style.display = 'block';
            } else {
            originalParent.appendChild(chatButton);
            chatButton.style.display = 'block';
            }
        }

        window.addEventListener('resize', moveChatButton);
        moveChatButton();
    });
</script>

        </nav>
      </div>
    </div>
      </div>
  </header>

  
<div class="bg-lightgrey py-2 px-0">
    <div class="container m-auto">
        <ul class="flex text-xs">
                <li class="mr-2"><a class="text-primary" href="/">Home</a> ></li>
                <li class="mr-2"><a class="text-primary" href="/caravan-insurance/">Caravan Insurance</a> ></li>
            <li>Blog</li>
        </ul>
    </div>
</div>

<div class="bg-primary text-center flex justify-center items-center px-4 py-8">
    <h2 class="text-white m-0 p-0">Ripe Insurance Blog</h2>
</div>

<main>
    <div class="container m-auto md:px-0">
    

        <div>
            <div x-data="{ showFilters: false }" class="mt-6 mb-6 flex relative px-4">
                <!-- Button to toggle filters -->
                <button type="button"
                    class="flex mb-4 sm:mb-0" 
                    aria-controls="blog-filters" :aria-expanded="showFilters" @click="showFilters = !showFilters"
                >
                    <svg aria-hidden="true" focusable="false" class="mr-3" width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M5.84511 18.9285V20.9999H0.148682V18.9285H5.84511ZM11.5415 16.8571C11.822 16.8571 12.0648 16.9596 12.2698 17.1646C12.4748 17.3695 12.5773 17.6123 12.5773 17.8928V22.0356C12.5773 22.3162 12.4748 22.5589 12.2698 22.7639C12.0648 22.9689 11.822 23.0714 11.5415 23.0714H7.39868C7.11818 23.0714 6.87543 22.9689 6.67045 22.7639C6.46546 22.5589 6.36297 22.3162 6.36297 22.0356V17.8928C6.36297 17.6123 6.46546 17.3695 6.67045 17.1646C6.87543 16.9596 7.11818 16.8571 7.39868 16.8571H11.5415ZM14.1308 10.6428V12.7142H0.148682V10.6428H14.1308ZM3.77368 2.35707V4.4285H0.148682V2.35707H3.77368ZM25.0058 18.9285V20.9999H13.0951V18.9285H25.0058ZM9.47011 0.285645C9.75062 0.285645 9.99336 0.388137 10.1983 0.593122C10.4033 0.798107 10.5058 1.04085 10.5058 1.32136V5.46422C10.5058 5.74472 10.4033 5.98747 10.1983 6.19245C9.99336 6.39744 9.75062 6.49993 9.47011 6.49993H5.32725C5.04675 6.49993 4.804 6.39744 4.59902 6.19245C4.39403 5.98747 4.29154 5.74472 4.29154 5.46422V1.32136C4.29154 1.04085 4.39403 0.798107 4.59902 0.593122C4.804 0.388137 5.04675 0.285645 5.32725 0.285645H9.47011ZM19.8273 8.57136C20.1078 8.57136 20.3505 8.67385 20.5555 8.87884C20.7605 9.08382 20.863 9.32657 20.863 9.60707V13.7499C20.863 14.0304 20.7605 14.2732 20.5555 14.4782C20.3505 14.6832 20.1078 14.7856 19.8273 14.7856H15.6844C15.4039 14.7856 15.1611 14.6832 14.9562 14.4782C14.7512 14.2732 14.6487 14.0304 14.6487 13.7499V9.60707C14.6487 9.32657 14.7512 9.08382 14.9562 8.87884C15.1611 8.67385 15.4039 8.57136 15.6844 8.57136H19.8273ZM25.0058 10.6428V12.7142H21.3808V10.6428H25.0058ZM25.0058 2.35707V4.4285H11.0237V2.35707H25.0058Z" fill="#FF8200"/>
                    </svg>
                    <span class="text-[15px] bold hover:underline">Categories</span>
                </button>

                <!-- Dynamic category spans -->
                <p class="ml-4">
                </p>

                <!-- Filter options div -->
                <div id="blog-filters" x-show="showFilters" @click.away="showFilters = false" class="bg-white rounded-lg shadow-lg p-4 absolute top-[25px] left-[-5px] mt-2 border z-[999]">
                        <a 
                            href="/caravan-insurance/blog/categories/caravan-buying-guides/"
                            class="block mr-2 mb-2 px-4 py-2 border rounded uppercase text-sm bg-[#D8D8D8] text-[#55565A] hover:bg-primary hover:text-black">
                            Caravan Buying Guides
                        </a>
                        <a 
                            href="/caravan-insurance/blog/categories/touring-sites-and-travel-tips/"
                            class="block mr-2 mb-2 px-4 py-2 border rounded uppercase text-sm bg-[#D8D8D8] text-[#55565A] hover:bg-primary hover:text-black">
                            Touring, sites and travel tips
                        </a>
                        <a 
                            href="/caravan-insurance/blog/categories/maintenance-and-safety/"
                            class="block mr-2 mb-2 px-4 py-2 border rounded uppercase text-sm bg-[#D8D8D8] text-[#55565A] hover:bg-primary hover:text-black">
                            Maintenance and safety
                        </a>
                        <a 
                            href="/caravan-insurance/blog/categories/claims-cover-and-security/"
                            class="block mr-2 mb-2 px-4 py-2 border rounded uppercase text-sm bg-[#D8D8D8] text-[#55565A] hover:bg-primary hover:text-black">
                            Claims, cover and security
                        </a>
                        <a 
                            href="/caravan-insurance/blog/categories/storage-winterising-and-care/"
                            class="block mr-2 mb-2 px-4 py-2 border rounded uppercase text-sm bg-[#D8D8D8] text-[#55565A] hover:bg-primary hover:text-black">
                            Storage, winterising and care
                        </a>
                        <a 
                            href="/caravan-insurance/blog/categories/general-and-news/"
                            class="block mr-2 mb-2 px-4 py-2 border rounded uppercase text-sm bg-[#D8D8D8] text-[#55565A] hover:bg-primary hover:text-black">
                            General and news
                        </a>
                </div>
            </div>

            <!-- Blog Items Grid -->
                <div class="grid md:grid-cols-4 md:gap-5 mb-8 px-4">
                        <div class="blog-item bg-white shadow-lg rounded-lg overflow-hidden relative mb-4">
                                <div class="h-48 bg-cover bg-center" style="background-image: url('/media/zwojsw1x/caravan-storage.webp')"></div>
                            <div class="flex flex-col justify-between p-6">
                                <a href="/caravan-insurance/blog/static-caravan-storage/" class="block mb-4">
                                    17 static caravan storage ideas to transform your space
                                </a>
                            </div>
                        </div>
                        <div class="blog-item bg-white shadow-lg rounded-lg overflow-hidden relative mb-4">
                                <div class="h-48 bg-cover bg-center" style="background-image: url('/media/woynqiwp/caravan-claims.webp')"></div>
                            <div class="flex flex-col justify-between p-6">
                                <a href="/caravan-insurance/blog/caravan-claims-index/" class="block mb-4">
                                    Ripe Caravan Insurance Claims Index 2026
                                </a>
                            </div>
                        </div>
                        <div class="blog-item bg-white shadow-lg rounded-lg overflow-hidden relative mb-4">
                                <div class="h-48 bg-cover bg-center" style="background-image: url('/media/regntouc/static-caravan-site-fees.webp')"></div>
                            <div class="flex flex-col justify-between p-6">
                                <a href="/caravan-insurance/blog/cheapest-caravan-sites/" class="block mb-4">
                                    The 7 cheapest caravan sites in the UK
                                </a>
                            </div>
                        </div>
                        <div class="blog-item bg-white shadow-lg rounded-lg overflow-hidden relative mb-4">
                                <div class="h-48 bg-cover bg-center" style="background-image: url('/media/orfn1at3/caravan-roof.webp')"></div>
                            <div class="flex flex-col justify-between p-6">
                                <a href="/caravan-insurance/blog/how-to-clean-a-caravan-roof/" class="block mb-4">
                                    How to clean a caravan roof
                                </a>
                            </div>
                        </div>
                        <div class="blog-item bg-white shadow-lg rounded-lg overflow-hidden relative mb-4">
                                <div class="h-48 bg-cover bg-center" style="background-image: url('/media/rxtbjnue/caravan-starts-to-swing-from-side-to-side.webp')"></div>
                            <div class="flex flex-col justify-between p-6">
                                <a href="/caravan-insurance/blog/what-to-do-when-your-caravan-starts-to-swing-from-side-to-side/" class="block mb-4">
                                    What to do when your caravan starts to swing from side to side
                                </a>
                            </div>
                        </div>
                        <div class="blog-item bg-white shadow-lg rounded-lg overflow-hidden relative mb-4">
                                <div class="h-48 bg-cover bg-center" style="background-image: url('/media/weoeag4j/paint-a-caravan.webp')"></div>
                            <div class="flex flex-col justify-between p-6">
                                <a href="/caravan-insurance/blog/painting-caravan-exterior/" class="block mb-4">
                                    Guide to painting a caravan exterior
                                </a>
                            </div>
                        </div>
                        <div class="blog-item bg-white shadow-lg rounded-lg overflow-hidden relative mb-4">
                                <div class="h-48 bg-cover bg-center" style="background-image: url('/media/3cng5axm/does-car-insurance-cover-caravans.webp')"></div>
                            <div class="flex flex-col justify-between p-6">
                                <a href="/caravan-insurance/blog/does-my-car-insurance-cover-towing-a-caravan/" class="block mb-4">
                                    Does my car insurance cover towing a caravan?
                                </a>
                            </div>
                        </div>
                        <div class="blog-item bg-white shadow-lg rounded-lg overflow-hidden relative mb-4">
                                <div class="h-48 bg-cover bg-center" style="background-image: url('/media/5tfavwlk/park-caravan-on-road.webp')"></div>
                            <div class="flex flex-col justify-between p-6">
                                <a href="/caravan-insurance/blog/can-you-park-a-caravan-on-the-road/" class="block mb-4">
                                    Can you park a caravan on the road?
                                </a>
                            </div>
                        </div>
                        <div class="blog-item bg-white shadow-lg rounded-lg overflow-hidden relative mb-4">
                                <div class="h-48 bg-cover bg-center" style="background-image: url('/media/kuub0inn/damp-meter.webp')"></div>
                            <div class="flex flex-col justify-between p-6">
                                <a href="/caravan-insurance/blog/caravan-damp-meters/" class="block mb-4">
                                    The 7 best caravan damp meters
                                </a>
                            </div>
                        </div>
                        <div class="blog-item bg-white shadow-lg rounded-lg overflow-hidden relative mb-4">
                                <div class="h-48 bg-cover bg-center" style="background-image: url('/media/cs5f5hj0/whale-water.webp')"></div>
                            <div class="flex flex-col justify-between p-6">
                                <a href="/caravan-insurance/blog/whale-water-pump-problems/" class="block mb-4">
                                    Common Whale water pump problems and how to solve them
                                </a>
                            </div>
                        </div>
                        <div class="blog-item bg-white shadow-lg rounded-lg overflow-hidden relative mb-4">
                                <div class="h-48 bg-cover bg-center" style="background-image: url('/media/f5fdjg1r/damp-repair.webp')"></div>
                            <div class="flex flex-col justify-between p-6">
                                <a href="/caravan-insurance/blog/caravan-damp-repair/" class="block mb-4">
                                    Caravan damp repair: How to fix damp in a caravan
                                </a>
                            </div>
                        </div>
                        <div class="blog-item bg-white shadow-lg rounded-lg overflow-hidden relative mb-4">
                                <div class="h-48 bg-cover bg-center" style="background-image: url('/media/j30gki2n/match-car-and-a-caravan.webp')"></div>
                            <div class="flex flex-col justify-between p-6">
                                <a href="/caravan-insurance/blog/match-caravan-and-car/" class="block mb-4">
                                    How to match a caravan and a car
                                </a>
                            </div>
                        </div>
                        <div class="blog-item bg-white shadow-lg rounded-lg overflow-hidden relative mb-4">
                                <div class="h-48 bg-cover bg-center" style="background-image: url('/media/yp3ijuzi/caravan-wiring-system.webp')"></div>
                            <div class="flex flex-col justify-between p-6">
                                <a href="/caravan-insurance/blog/caravan-wiring-diagrams/" class="block mb-4">
                                    Caravan wiring diagrams: Understanding your electrical system
                                </a>
                            </div>
                        </div>
                        <div class="blog-item bg-white shadow-lg rounded-lg overflow-hidden relative mb-4">
                                <div class="h-48 bg-cover bg-center" style="background-image: url('/media/bfkadf2m/caravan-winter-insulation.webp')"></div>
                            <div class="flex flex-col justify-between p-6">
                                <a href="/caravan-insurance/blog/moving-a-static-caravan/" class="block mb-4">
                                    How much does it cost to move a static caravan
                                </a>
                            </div>
                        </div>
                        <div class="blog-item bg-white shadow-lg rounded-lg overflow-hidden relative mb-4">
                                <div class="h-48 bg-cover bg-center" style="background-image: url('/media/dylcrxnp/touring-caravan-fees.webp')"></div>
                            <div class="flex flex-col justify-between p-6">
                                <a href="/caravan-insurance/blog/touring-caravan-site-fees/" class="block mb-4">
                                    How much are touring caravan site fees?
                                </a>
                            </div>
                        </div>
                        <div class="blog-item bg-white shadow-lg rounded-lg overflow-hidden relative mb-4">
                                <div class="h-48 bg-cover bg-center" style="background-image: url('/media/wbudp0ek/electric-car-towing-caravan.webp')"></div>
                            <div class="flex flex-col justify-between p-6">
                                <a href="/caravan-insurance/blog/electric-car-caravan/" class="block mb-4">
                                    Can electric cars tow caravans?
                                </a>
                            </div>
                        </div>
                </div>

            <!-- Pagination Controls -->
            <div class="pagination-controls flex justify-center mb-8">

                    <a href="/caravan-insurance/blog/"
                       class="text-center mx-2 h-[50px] w-[50px] p-4 rounded-[30px] bg-black text-primary">
                        1
                    </a>
                    <a href="/caravan-insurance/blog/page/2/"
                       class="text-center mx-2 h-[50px] w-[50px] p-4 rounded-[30px] bg-primary text-black">
                        2
                    </a>
                    <a href="/caravan-insurance/blog/page/3/"
                       class="text-center mx-2 h-[50px] w-[50px] p-4 rounded-[30px] bg-primary text-black">
                        3
                    </a>
                    <a href="/caravan-insurance/blog/page/4/"
                       class="text-center mx-2 h-[50px] w-[50px] p-4 rounded-[30px] bg-primary text-black">
                        4
                    </a>

                    <a href="/caravan-insurance/blog/page/2/" class="mx-2 p-4">Next</a>
            </div>
        </div>
    </div>
</main>


  

<footer class="mt-8">
    <div class="bg-white border-b-[3px] border-primary">
        <div class="max-w-screen-xl m-auto px-4 py-4 md:py-5">
            <div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-4 gap-4 items-center justify-items-center">
                    <div class="w-full flex justify-center p-[10px]">
                        <img loading="lazy" src="/assets/awards/ica-best-big-blue-2023.svg"
                             alt="Insurance Choice Awards Best Big Insurance Company Winner 2023"
                             class="w-full max-w-[320px] h-auto object-contain" />
                    </div>
                    <div class="w-full flex justify-center p-[10px]">
                        <img loading="lazy" src="/assets/awards/ica-best-british-insurance-company-blue-2024.svg"
                             alt="Insurance Choice Awards Best British Insurance Company Winner 2024"
                             class="w-full max-w-[320px] h-auto object-contain" />
                    </div>
                    <div class="w-full flex justify-center p-[10px]">
                        <img loading="lazy" src="/assets/awards/ICA-Treating-Customers-Fairly-Blue-2023.svg"
                             alt="Insurance Choice Awards Treating Customers Fairly Champion Winner 2023"
                             class="w-full max-w-[320px] h-auto object-contain" />
                    </div>
                    <div class="w-full flex justify-center p-[10px]">
                        <img loading="lazy" src="/assets/awards/ICA-Win25-mHome-RB.png"
                             alt="Insurance Choice Awards Best Motorhome Insurance Provider Winner 2025"
                             class="w-full max-w-[320px] h-auto object-contain" />
                    </div>
            </div>
        </div>
    </div>

    <div class="bg-[#2d2926]">
        <div class="max-w-screen-xl m-auto px-4 py-5">
            <div class="flex flex-col gap-5 xl:grid xl:grid-cols-[1fr_auto_1fr] xl:items-center">
                <ul class="flex flex-wrap justify-center xl:justify-center gap-x-4 gap-y-2 [&>li>a]:text-white [&>li>a]:text-[13px] [&>li>a:hover]:underline">
                        <li><a href="/about/">About</a></li>
                        <li><a href="/work-for-us/">Work for us</a></li>
                        <li><a href="https://www.ripethinking.co.uk/">Corporate site</a></li>
                        <li><a href="/sitemap/">Sitemap</a></li>
                        <li><a href="/how-to-claim/">How to claim</a></li>
                </ul>

                <div class="flex items-center justify-center gap-3"
                     data-footer-section="ripe-motors">
                    <a href="https://www.facebook.com/RipeMotors"
                       class="inline-flex items-center justify-center"
                       aria-label="Visit Ripe Motors Facebook">
                        <img loading="lazy" src="/assets/icon-fb.svg" alt="" class="w-[32px] h-[32px]" />
                    </a>
                        <a href="/caravan-insurance/blog/"
                           class="inline-flex items-center justify-center"
                           aria-label="Visit Blog">
                            <img loading="lazy" src="/assets/icon-blog.svg" alt="" class="w-[32px] h-[32px]" />
                        </a>
                    <a href="https://www.instagram.com/ripemotors"
                       class="inline-flex items-center justify-center"
                       aria-label="Visit Ripe Motors Instagram">
                        <img loading="lazy" src="/assets/icon-insta.svg" alt="" class="w-[32px] h-[32px]" />
                    </a>
                </div>

                <ul class="flex flex-wrap justify-center xl:justify-center gap-x-4 gap-y-2 [&>li>a]:text-white [&>li>a]:text-[13px] [&>li>a:hover]:underline">
                        <li><a href="https://files.ripeinsurance.co.uk/Documents/TOBA/misc_print_14736_termsofbusiness_july2023.pdf">Terms of Business</a></li>
                        <li><a href="/terms-of-use/">Terms of use</a></li>
                        <li><a href="/privacy-policy/">Privacy policy</a></li>
                        <li><a href="/cookies/">Cookie policy</a></li>
                        <li><a href="/how-to-complain/">How to complain</a></li>
                </ul>
            </div>
        </div>
    </div>

    <div class="bg-white">
        <div class="max-w-screen-xl m-auto px-4 py-5 md:py-6 text-center [&>p]:text-[11px] [&>p]:leading-relaxed [&>p]:mb-1 [&>p]:text-[#2d2926]">
            <p>&copy; Ripe Thinking Limited 2026. Ripe Insurance Services Limited is Authorised and Regulated by the Financial Conduct Authority No.313411.</p>
            <p>Registered office: One Stockport Exchange, Railway Road, Stockport, United Kingdom, SK1 3SW. Registered in England No 04507332.</p>
        </div>
    </div>
</footer>


      <script>
        window.addEventListener('load', function () {
          // The tag manager may already provide this library. Authored consent tags above stay intact.
          if (window.Trustpilot || document.querySelector('script[src*="widget.trustpilot.com/bootstrap/"]')) return;
          const script = document.createElement('script');
          script.src = 'https://widget.trustpilot.com/bootstrap/v5/tp.widget.bootstrap.min.js';
          script.async = true;
          document.body.appendChild(script);
        }, { once: true });
      </script>
 
<script>
    var juiceUrl = "https://proxy.ripethinking.co.uk";
    var quoteUrl = "https://quote-caravans.ripeinsurance.co.uk/#!/your-cover/typeofhome";
    var quoteRefStorageKey = "quoteRef";
    var quoteRefCampaignStorageKey = "quoteRefCampaignUniqueId";
    var quoteRefByProductStorageKey = "quoteRefByProduct";
    var lastLoggedMarketingCode;

    function normaliseQuoteProductName(productName) {
        return (productName || '').toString().trim().toLowerCase();
    }

    function getStoredProductQuoteRefs() {
        try {
            return JSON.parse(sessionStorage.getItem(quoteRefByProductStorageKey) || '{}');
        } catch {
            return {};
        }
    }

    function setStoredProductQuoteRef(productName, ref, campaignUniqueId) {
        const productKey = normaliseQuoteProductName(productName);

        if (!productKey || !ref) {
            return;
        }

        const productRefs = getStoredProductQuoteRefs();
        productRefs[productKey] = {
            ref,
            campaignUniqueId: campaignUniqueId || null
        };

        sessionStorage.setItem(quoteRefByProductStorageKey, JSON.stringify(productRefs));
    }

    window.setQuoteReferralRef = function (ref, productName, campaignUniqueId) {
        if (!ref) {
            return;
        }

        sessionStorage.setItem(quoteRefStorageKey, ref);

        if (campaignUniqueId) {
            sessionStorage.setItem(quoteRefCampaignStorageKey, campaignUniqueId);
        } else {
            sessionStorage.removeItem(quoteRefCampaignStorageKey);
        }

        setStoredProductQuoteRef(productName, ref, campaignUniqueId);
    };

    function getPageQuoteRef() {
        const urlParams = new URLSearchParams(window.location.search);
        const pageRefEntry = Array.from(urlParams.entries())
            .find(([key, value]) => key.toLowerCase() === 'ref' && value);

        return pageRefEntry ? pageRefEntry[1] : null;
    }

    window.getQuoteReferralRef = function (productName) {
        const pageRef = getPageQuoteRef();

        if (pageRef) {
            window.setQuoteReferralRef(pageRef, productName || window.currentJuiceProductName);
            return pageRef;
        }

        const productKey = normaliseQuoteProductName(productName || window.currentJuiceProductName);
        const productRef = productKey ? getStoredProductQuoteRefs()[productKey] : null;

        if (productKey) {
            return productRef?.ref || null;
        }

        return sessionStorage.getItem(quoteRefStorageKey);
    };

    window.getQuoteReferralCampaignUniqueId = function (productName) {
        const productKey = normaliseQuoteProductName(productName || window.currentJuiceProductName);
        const productRef = productKey ? getStoredProductQuoteRefs()[productKey] : null;

        if (productKey) {
            return productRef?.campaignUniqueId || null;
        }

        return sessionStorage.getItem(quoteRefCampaignStorageKey);
    };

    function removeRefParameter(href) {
        return href
            .replace(/([?&])ref=[^&#]*&?/gi, '$1')
            .replace(/\?&/g, '?')
            .replace(/[?&](?=#|$)/g, '');
    }

    function getQuoteRefSeparator(href) {
        const hashIndex = href.indexOf('#');
        const quoteAppRoute = hashIndex === -1 ? href : href.slice(hashIndex);

        return quoteAppRoute.includes('?') ? '&' : '?';
    }

    window.updateAnchorsWithWebCode = function (webCode) {
        const anchors = document.querySelectorAll('a.updateUrl, a[href*="quote"]');

        anchors.forEach(anchor => {
            let href = anchor.getAttribute('href');

            if (!href || !href.toLowerCase().includes("quote")) {
                return;
            }

            href = removeRefParameter(href);

            if (webCode) {
                href += `${getQuoteRefSeparator(href)}ref=${encodeURIComponent(webCode)}`;
            }

            anchor.setAttribute('href', href);
        });

        if (lastLoggedMarketingCode !== webCode) {
            console.info('Current offer marketing code:', webCode || 'none');
            lastLoggedMarketingCode = webCode;
        }
    };

    function updateQuoteRefs() {
        const activeRef = window.getQuoteReferralRef(window.currentJuiceProductName);

        updateAnchorsWithWebCode(activeRef);
    }

    updateQuoteRefs();

    if (document.readyState === 'loading') {
        document.addEventListener('DOMContentLoaded', updateQuoteRefs);
    }

    window.addEventListener('load', updateQuoteRefs);

    new MutationObserver(updateQuoteRefs).observe(document.body, {
        childList: true,
        subtree: true
    });
</script>





  </body>
</html>

Latest requests

# Url Url Source Date
1 https://www.ripeinsurance.co.uk/ca… 2026-10-17 12:01:35
2 https://www.thebolditalic.com/?gi=… 2026-10-17 12:01:35
3 https://articlescad.com/keyword-su… 2026-10-17 12:01:35
4 https://www.thebolditalic.com/?gi=… 2026-10-17 12:01:34
5 https://www.thebolditalic.com/?gi=… 2026-10-17 12:01:34
6 https://www.thebolditalic.com/?gi=… 2026-10-17 12:01:34
7 https://www.texarkanatwins.com/%25… 2026-10-17 12:01:33
8 https://www.texarkanatwins.com/%25… 2026-10-17 12:01:32
9 https://www.texarkanatwins.com/%25… 2026-10-17 12:01:32
10 https://www.texarkanatwins.com/%25… 2026-10-17 12:01:31
11 https://www.texarkanatwins.com/%25… 2026-10-17 12:01:31
12 https://www.texarkanatwins.com/%25… 2026-10-17 12:01:30
13 https://www.texarkanatwins.com/%25… 2026-10-17 12:01:29
14 https://www.texarkanatwins.com/%25… 2026-10-17 12:01:29
15 https://auth.mediacorp.sg/u/login?… 2026-10-17 12:01:28
16 https://www.texarkanatwins.com/%25… 2026-10-17 12:01:28
17 https://www.texarkanatwins.com/%25… 2026-10-17 12:01:28
18 https://www.texarkanatwins.com/%25… 2026-10-17 12:01:27
19 https://www.thebolditalic.com/?gi=… 2026-10-17 12:01:26
20 https://www.texarkanatwins.com/%25… 2026-10-17 12:01:26