{"version":3,"names":[],"mappings":"","sources":["main.css"],"sourcesContent":["*,\n*::before,\n*::after {\n  margin: 0;\n  padding: 0;\n  -webkit-box-sizing: border-box;\n     -moz-box-sizing: border-box;\n          box-sizing: border-box;\n  font-style: normal;\n}\n\n.header ul,\n.footer ul {\n  list-style: none;\n}\n\nform *,\ninput,\nbutton,\nselect {\n  font-family: inherit;\n}\n\n:root {\n  --white: #fff;\n  --black: #111;\n  --turquoise: #0CE2C8;\n  --mid-turquoise: #8eeddf;\n  --light-turquoise: #e4fefa;\n  --pink: #FF829A;\n}\n\nbody {\n  background-color: var(--white);\n  color: var(--black);\n  font-family: \"Poppins\", sans-serif;\n  font-weight: 400;\n  font-style: normal;\n}\n\na {\n  -webkit-transition: all ease 500ms;\n  transition: all ease 500ms;\n  text-decoration: none; /* make sure it can wrap at all */\n}\n\n.container {\n  margin: 0 auto;\n  padding-inline: 30px;\n}\n@media only screen and (min-width: 768px) {\n  .container {\n    padding-inline: 50px;\n  }\n}\n@media only screen and (min-width: 1280px) {\n  .container {\n    padding-inline: 60px;\n  }\n}\n@media only screen and (min-width: 1600px) {\n  .container {\n    padding-inline: 100px;\n  }\n}\n@media only screen and (min-width: 1920px) {\n  .container {\n    padding-inline: 130px;\n  }\n}\n\n#wpadminbar ul#wp-admin-bar-top-secondary,\n#wpadminbar ul li#wp-admin-bar-wpseo-menu,\n#wpadminbar ul li#wp-admin-bar-duplicate-post {\n  display: none;\n}\n\n/* Content */\n.content {\n  font-size: 16px;\n  line-height: 26px;\n  font-weight: 500;\n}\n@media only screen and (min-width: 1280px) {\n  .content {\n    font-size: 24px;\n    line-height: 45px;\n  }\n}\n.content ul,\n.content ol {\n  padding-left: 1.5em;\n}\n.content > *:not(:last-child) {\n  margin-bottom: 20px;\n}\n.content a {\n  overflow-wrap: anywhere; /* modern preferred */\n  word-break: break-word; /* fallback for older specs */\n  word-break: break-all; /* Safari/iOS helper for long URLs */\n  white-space: normal;\n}\n.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {\n  margin-bottom: 10px;\n}\n.content h1:not(:first-child), .content h2:not(:first-child), .content h3:not(:first-child), .content h4:not(:first-child), .content h5:not(:first-child), .content h6:not(:first-child) {\n  margin-top: 40px;\n}\n\n/* Buttons */\n.btn {\n  display: inline-block;\n  text-align: center;\n  border-radius: 15px;\n  border: none;\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  cursor: pointer;\n}\n\n.btn-small {\n  background-color: var(--pink);\n  font-size: 12px;\n  line-height: 30px;\n  font-weight: 700;\n  padding: 0 24px;\n  color: #031602;\n  display: block;\n  width: 100%;\n}\n@media only screen and (min-width: 768px) {\n  .btn-small {\n    display: inline-block;\n    width: auto;\n    font-size: 16px;\n    line-height: 40px;\n    padding: 0 34px;\n  }\n}\n.btn-small:hover {\n  background-color: var(--turquoise);\n}\n\n.btn-large {\n  background-color: var(--pink);\n  font-size: 20px;\n  line-height: 30px;\n  font-weight: 700;\n  padding: 12px 24px;\n  color: #031602;\n  display: block;\n  width: 100%;\n}\n@media only screen and (min-width: 768px) {\n  .btn-large {\n    display: inline-block;\n    width: auto;\n    font-size: 24px;\n    line-height: 60px;\n    padding: 0 34px;\n  }\n}\n@media only screen and (min-width: 1280px) {\n  .btn-large {\n    font-size: 32px;\n    line-height: 88px;\n    min-width: 437px;\n  }\n}\n.btn-large:hover {\n  background-color: var(--turquoise);\n}\n\n/* Layout */\n.columns {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -moz-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-pack: start;\n  -webkit-justify-content: flex-start;\n     -moz-box-pack: start;\n      -ms-flex-pack: start;\n          justify-content: flex-start;\n  -webkit-box-orient: vertical;\n  -webkit-box-direction: normal;\n  -webkit-flex-direction: column;\n     -moz-box-orient: vertical;\n     -moz-box-direction: normal;\n      -ms-flex-direction: column;\n          flex-direction: column;\n  gap: 20px;\n}\n@media only screen and (min-width: 768px) {\n  .columns {\n    -webkit-box-orient: horizontal;\n    -webkit-box-direction: normal;\n    -webkit-flex-direction: row;\n       -moz-box-orient: horizontal;\n       -moz-box-direction: normal;\n        -ms-flex-direction: row;\n            flex-direction: row;\n    -webkit-box-pack: justify;\n    -webkit-justify-content: space-between;\n       -moz-box-pack: justify;\n        -ms-flex-pack: justify;\n            justify-content: space-between;\n  }\n}\n@media only screen and (min-width: 1600px) {\n  .columns {\n    gap: 60px;\n    -webkit-box-pack: start;\n    -webkit-justify-content: flex-start;\n       -moz-box-pack: start;\n        -ms-flex-pack: start;\n            justify-content: flex-start;\n  }\n}\n\n@media only screen and (min-width: 768px) {\n  .column {\n    -webkit-box-flex: 1;\n    -webkit-flex: 1;\n       -moz-box-flex: 1;\n        -ms-flex: 1;\n            flex: 1;\n  }\n}\n\n/* Images */\nimg {\n  display: block;\n  width: 100%;\n  height: auto;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n\n/* Fonts */\n.heading-1 {\n  font-size: 50px;\n  line-height: 55px;\n  font-weight: 600;\n}\n@media only screen and (min-width: 1280px) {\n  .heading-1 {\n    font-size: 60px;\n    line-height: 65px;\n  }\n}\n@media only screen and (min-width: 1600px) {\n  .heading-1 {\n    font-size: 65px;\n    line-height: 70px;\n  }\n}\n\n.heading-1-small {\n  display: block;\n  font-size: 22px;\n  line-height: 30px;\n  margin-bottom: 16px;\n}\n@media only screen and (min-width: 1280px) {\n  .heading-1-small {\n    font-size: 24px;\n    line-height: 40px;\n    margin-bottom: 12px;\n  }\n}\n@media only screen and (min-width: 1600px) {\n  .heading-1-small {\n    font-size: 30px;\n    line-height: 70px;\n    margin-bottom: 0;\n  }\n}\n\n.heading-2 {\n  font-size: 30px;\n  line-height: 40px;\n  font-weight: 600;\n}\n@media only screen and (min-width: 1280px) {\n  .heading-2 {\n    font-size: 40px;\n    line-height: 50px;\n  }\n}\n@media only screen and (min-width: 1600px) {\n  .heading-2 {\n    font-size: 48px;\n    line-height: 65px;\n  }\n}\n\n.heading-3 {\n  font-size: 26px;\n  line-height: 32px;\n}\n@media only screen and (min-width: 1280px) {\n  .heading-3 {\n    font-size: 28px;\n    line-height: 26px;\n  }\n}\n@media only screen and (min-width: 1600px) {\n  .heading-3 {\n    font-size: 33px;\n    line-height: 45px;\n  }\n}\n\n/* Header */\n.header {\n  background-color: var(--black);\n}\n.header .container {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -moz-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-pack: justify;\n  -webkit-justify-content: space-between;\n     -moz-box-pack: justify;\n      -ms-flex-pack: justify;\n          justify-content: space-between;\n  -webkit-box-align: center;\n  -webkit-align-items: center;\n     -moz-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  padding-top: 24px;\n  padding-bottom: 32px;\n  -webkit-box-orient: vertical;\n  -webkit-box-direction: reverse;\n  -webkit-flex-direction: column-reverse;\n     -moz-box-orient: vertical;\n     -moz-box-direction: reverse;\n      -ms-flex-direction: column-reverse;\n          flex-direction: column-reverse;\n  gap: 30px;\n}\n@media only screen and (min-width: 768px) {\n  .header .container {\n    -webkit-box-orient: horizontal;\n    -webkit-box-direction: normal;\n    -webkit-flex-direction: row;\n       -moz-box-orient: horizontal;\n       -moz-box-direction: normal;\n        -ms-flex-direction: row;\n            flex-direction: row;\n    gap: 12px;\n    padding-top: 32px;\n    padding-bottom: 46px;\n  }\n}\n@media only screen and (min-width: 1280px) {\n  .header .container {\n    padding-top: 63px;\n    padding-bottom: 37px;\n  }\n}\n\n.logo,\n.logo img {\n  display: inline-block;\n  width: 200px;\n  height: auto;\n}\n@media only screen and (min-width: 768px) {\n  .logo,\n  .logo img {\n    width: 180px;\n  }\n}\n@media only screen and (min-width: 1600px) {\n  .logo,\n  .logo img {\n    width: 324px;\n  }\n}\n\n/* Menu */\n.menu-primary-container ul {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -moz-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-pack: end;\n  -webkit-justify-content: flex-end;\n     -moz-box-pack: end;\n      -ms-flex-pack: end;\n          justify-content: flex-end;\n  -webkit-box-align: center;\n  -webkit-align-items: center;\n     -moz-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  gap: 12px;\n}\n@media only screen and (min-width: 768px) {\n  .menu-primary-container ul {\n    gap: 24px;\n  }\n}\n@media only screen and (min-width: 1280px) {\n  .menu-primary-container ul {\n    gap: 0;\n  }\n}\n.menu-primary-container a {\n  color: white;\n  font-size: 14px;\n  line-height: 24px;\n  font-weight: 700;\n}\n@media only screen and (min-width: 768px) {\n  .menu-primary-container a {\n    line-height: 35px;\n  }\n}\n@media only screen and (min-width: 1280px) {\n  .menu-primary-container a {\n    margin-left: 79px;\n    font-size: 24px;\n    line-height: 45px;\n  }\n}\n.menu-primary-container a:hover {\n  color: var(--turquoise);\n}\n.menu-primary-container li {\n  line-height: 1;\n}\n.menu-primary-container li:first-child a {\n  margin-left: 0;\n}\n.menu-primary-container li.menu-login a, .menu-primary-container li.menu-quote a {\n  display: inline-block;\n  text-align: center;\n  border-radius: 15px;\n  padding: 0 7px;\n}\n@media only screen and (min-width: 1280px) {\n  .menu-primary-container li.menu-login a, .menu-primary-container li.menu-quote a {\n    padding: 0 14px;\n  }\n}\n@media only screen and (min-width: 1280px) {\n  .menu-primary-container li.menu-login a, .menu-primary-container li.menu-quote a {\n    padding: 0 24px;\n  }\n}\n.menu-primary-container li.menu-login a {\n  border: 2px solid var(--turquoise);\n  font-weight: 600;\n}\n@media only screen and (min-width: 1280px) {\n  .menu-primary-container li.menu-login a {\n    margin-left: 93px;\n  }\n}\n.menu-primary-container li.menu-login a:hover {\n  background-color: var(--turquoise);\n  color: #000;\n}\n.menu-primary-container li.menu-quote a {\n  border: 2px solid var(--pink);\n  background-color: var(--pink);\n  color: #000;\n}\n@media only screen and (min-width: 1280px) {\n  .menu-primary-container li.menu-quote a {\n    margin-left: 20px;\n  }\n}\n.menu-primary-container li.menu-quote a:hover {\n  background-color: var(--turquoise);\n  border-color: var(--turquoise);\n}\n\n.hide-menu .menu-primary-container {\n  display: none;\n}\n\n/* Layout */\n.panel,\n.footer {\n  overflow: hidden;\n  padding-block: 40px;\n}\n@media only screen and (min-width: 768px) {\n  .panel,\n  .footer {\n    padding-block: 60px;\n  }\n}\n@media only screen and (min-width: 1280px) {\n  .panel,\n  .footer {\n    padding-block: 100px;\n  }\n}\n\n.curve {\n  display: none;\n}\n@media only screen and (min-width: 1280px) {\n  .curve {\n    width: 100%;\n    height: 110px;\n    display: block;\n    background-color: var(--turquoise);\n  }\n  .curve path {\n    fill: var(--black);\n  }\n}\n\n@media only screen and (min-width: 1280px) {\n  .panel-banner,\n  .panel-page-header,\n  .panel-features {\n    padding-bottom: 0;\n  }\n}\n.panel-banner .curve,\n.panel-page-header .curve,\n.panel-features .curve {\n  background-color: var(--turquoise);\n}\n\n.panel-features .curve {\n  background-color: white;\n}\n\n/* Panel Banner */\n.panel-banner,\n.panel-page-header {\n  background-color: var(--black);\n  color: var(--white);\n  position: relative;\n  text-align: center;\n  padding-top: 0;\n}\n.panel-banner .surround,\n.panel-page-header .surround {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -moz-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-pack: justify;\n  -webkit-justify-content: space-between;\n     -moz-box-pack: justify;\n      -ms-flex-pack: justify;\n          justify-content: space-between;\n  -webkit-flex-wrap: wrap;\n      -ms-flex-wrap: wrap;\n          flex-wrap: wrap;\n  -webkit-box-orient: vertical;\n  -webkit-box-direction: reverse;\n  -webkit-flex-direction: column-reverse;\n     -moz-box-orient: vertical;\n     -moz-box-direction: reverse;\n      -ms-flex-direction: column-reverse;\n          flex-direction: column-reverse;\n  gap: 30px;\n  -webkit-box-align: start;\n  -webkit-align-items: flex-start;\n     -moz-box-align: start;\n      -ms-flex-align: start;\n          align-items: flex-start;\n  text-align: left;\n}\n@media only screen and (min-width: 768px) {\n  .panel-banner .surround,\n  .panel-page-header .surround {\n    -webkit-flex-wrap: nowrap;\n        -ms-flex-wrap: nowrap;\n            flex-wrap: nowrap;\n    -webkit-box-orient: horizontal;\n    -webkit-box-direction: normal;\n    -webkit-flex-direction: row;\n       -moz-box-orient: horizontal;\n       -moz-box-direction: normal;\n        -ms-flex-direction: row;\n            flex-direction: row;\n  }\n}\n@media only screen and (min-width: 1280px) {\n  .panel-banner .surround,\n  .panel-page-header .surround {\n    gap: 80px;\n  }\n}\n@media only screen and (min-width: 1600px) {\n  .panel-banner .surround,\n  .panel-page-header .surround {\n    gap: 85px;\n  }\n}\n.panel-banner .content,\n.panel-page-header .content {\n  -webkit-box-flex: 1;\n  -webkit-flex: 1;\n     -moz-box-flex: 1;\n      -ms-flex: 1;\n          flex: 1;\n}\n@media only screen and (min-width: 1280px) {\n  .panel-banner .content,\n  .panel-page-header .content {\n    padding-top: 79px;\n  }\n}\n@media only screen and (min-width: 1280px) {\n  .panel-banner p,\n  .panel-page-header p {\n    font-size: 30px;\n    line-height: 45px;\n    font-weight: 700;\n  }\n}\n.panel-banner ul,\n.panel-page-header ul {\n  display: grid;\n  gap: 20px;\n  padding: 0;\n  margin-block: 40px;\n  font-size: 20px;\n  line-height: 24px;\n  font-weight: 700;\n  list-style: none;\n}\n@media only screen and (min-width: 1600px) {\n  .panel-banner ul,\n  .panel-page-header ul {\n    font-size: 24px;\n    line-height: 36px;\n  }\n}\n@media only screen and (min-width: 1920px) {\n  .panel-banner ul,\n  .panel-page-header ul {\n    margin-top: 60px;\n    margin-bottom: 60px;\n    font-size: 28px;\n    line-height: 70px;\n    grid-template-columns: 1fr 1fr;\n    gap: 0 20px;\n  }\n}\n.panel-banner ul li,\n.panel-page-header ul li {\n  position: relative;\n  padding-left: 44px;\n}\n@media only screen and (min-width: 1600px) {\n  .panel-banner ul li,\n  .panel-page-header ul li {\n    padding-left: 65px;\n  }\n}\n@media only screen and (min-width: 1920px) {\n  .panel-banner ul li,\n  .panel-page-header ul li {\n    padding-left: 77px;\n  }\n}\n.panel-banner ul li::before,\n.panel-page-header ul li::before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 24px;\n  height: 24px;\n  background: transparent url(\"../svg/tick.svg\") center left/contain no-repeat;\n}\n@media only screen and (min-width: 1600px) {\n  .panel-banner ul li::before,\n  .panel-page-header ul li::before {\n    width: 36px;\n    height: 36px;\n  }\n}\n@media only screen and (min-width: 1920px) {\n  .panel-banner ul li::before,\n  .panel-page-header ul li::before {\n    top: 11px;\n    width: 48px;\n    height: 48px;\n  }\n}\n.panel-banner .image,\n.panel-page-header .image {\n  max-width: 200px;\n  -webkit-box-flex: 1;\n  -webkit-flex: 1;\n     -moz-box-flex: 1;\n      -ms-flex: 1;\n          flex: 1;\n}\n@media only screen and (min-width: 768px) {\n  .panel-banner .image,\n  .panel-page-header .image {\n    max-width: none;\n    -webkit-box-flex: 0;\n    -webkit-flex: 0 0 280px;\n       -moz-box-flex: 0;\n        -ms-flex: 0 0 280px;\n            flex: 0 0 280px;\n  }\n}\n@media only screen and (min-width: 1280px) {\n  .panel-banner .image,\n  .panel-page-header .image {\n    -webkit-box-flex: 0;\n    -webkit-flex: 0 0 450px;\n       -moz-box-flex: 0;\n        -ms-flex: 0 0 450px;\n            flex: 0 0 450px;\n  }\n}\n@media only screen and (min-width: 1600px) {\n  .panel-banner .image,\n  .panel-page-header .image {\n    -webkit-box-flex: 0;\n    -webkit-flex: 0 0 565px;\n       -moz-box-flex: 0;\n        -ms-flex: 0 0 565px;\n            flex: 0 0 565px;\n  }\n}\n.panel-banner .btn-large,\n.panel-page-header .btn-large {\n  margin-top: 20px;\n}\n@media only screen and (min-width: 1280px) {\n  .panel-banner .btn-large,\n  .panel-page-header .btn-large {\n    margin: 10px auto 0;\n  }\n}\n\n/* Panel Page Header */\n.panel-page-header {\n  position: relative;\n  z-index: 10;\n  overflow: visible;\n}\n@media only screen and (min-width: 768px) {\n  .panel-page-header {\n    padding-bottom: 60px;\n    margin-bottom: 100px;\n  }\n}\n@media only screen and (min-width: 1280px) {\n  .panel-page-header {\n    padding-bottom: 0;\n  }\n}\n@media only screen and (min-width: 1280px) {\n  .panel-page-header .container {\n    min-height: 400px;\n  }\n}\n@media only screen and (min-width: 1600px) {\n  .panel-page-header .container {\n    padding-right: 196px;\n  }\n}\n@media only screen and (min-width: 1280px) {\n  .panel-page-header .surround {\n    -webkit-box-align: stretch;\n    -webkit-align-items: stretch;\n       -moz-box-align: stretch;\n        -ms-flex-align: stretch;\n            align-items: stretch;\n    padding-bottom: 100px;\n  }\n}\n@media only screen and (min-width: 768px) {\n  .panel-page-header .heading {\n    margin-top: 120px;\n    margin-bottom: 0;\n  }\n}\n@media only screen and (min-width: 1280px) {\n  .panel-page-header .heading {\n    margin-top: 100px;\n    margin-bottom: 0;\n  }\n}\n.panel-page-header .content {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -moz-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: vertical;\n  -webkit-box-direction: normal;\n  -webkit-flex-direction: column;\n     -moz-box-orient: vertical;\n     -moz-box-direction: normal;\n      -ms-flex-direction: column;\n          flex-direction: column;\n  -webkit-box-pack: justify;\n  -webkit-justify-content: space-between;\n     -moz-box-pack: justify;\n      -ms-flex-pack: justify;\n          justify-content: space-between;\n  -webkit-box-align: start;\n  -webkit-align-items: flex-start;\n     -moz-box-align: start;\n      -ms-flex-align: start;\n          align-items: flex-start;\n  gap: 20px;\n  padding: 0;\n}\n@media only screen and (min-width: 1280px) {\n  .panel-page-header .content .btn {\n    margin-left: 0;\n  }\n}\n.panel-page-header .image {\n  position: relative;\n}\n@media only screen and (min-width: 1600px) {\n  .panel-page-header .image {\n    -webkit-box-flex: 0;\n    -webkit-flex: 0 0 565px;\n       -moz-box-flex: 0;\n        -ms-flex: 0 0 565px;\n            flex: 0 0 565px;\n    padding: 0;\n  }\n}\n@media only screen and (min-width: 768px) {\n  .panel-page-header .image img {\n    position: absolute;\n    top: 0;\n    right: 0;\n  }\n}\n.panel-page-header .curve {\n  background-color: var(--white);\n}\n\n.panel-page-header:has(+ .panel-claims-process) {\n  margin-bottom: 0;\n}\n.panel-page-header:has(+ .panel-claims-process) .curve {\n  background-color: var(--turquoise);\n}\n\n/* Panel Table */\n.panel-products {\n  background-color: var(--black);\n  color: var(--white);\n  position: relative;\n  z-index: 10;\n  text-align: center;\n}\n@media only screen and (min-width: 1280px) {\n  .panel-products {\n    padding-bottom: 0;\n  }\n}\n.panel-products .container {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -moz-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: vertical;\n  -webkit-box-direction: normal;\n  -webkit-flex-direction: column;\n     -moz-box-orient: vertical;\n     -moz-box-direction: normal;\n      -ms-flex-direction: column;\n          flex-direction: column;\n  gap: 40px;\n}\n.panel-products .content {\n  max-width: 1270px;\n  margin-inline: auto;\n}\n.panel-products .heading-2 {\n  color: var(--turquoise);\n  max-width: 540px;\n  margin-inline: auto;\n}\n@media only screen and (min-width: 1280px) {\n  .panel-products .heading-2 {\n    max-width: 760px;\n  }\n}\n.panel-products .btn-toggle-table {\n  margin: -40px auto 20px;\n  border-radius: 0 0 15px 15px;\n  background-color: var(--white);\n  color: var(--black);\n}\n.panel-products .btn-large {\n  -webkit-align-self: center;\n      -ms-flex-item-align: center;\n          align-self: center;\n}\n.panel-products .btn-large:hover {\n  background-color: var(--white);\n  color: var(--black);\n}\n.panel-products .curve {\n  background-color: var(--white);\n}\n\n/* Tables */\n.table-outer {\n  background: #000;\n}\n@media only screen and (max-width: 1599px) {\n  .table-outer {\n    overflow-x: scroll;\n  }\n}\n\n.panel table,\n.panel .table,\n.panel .tablepress {\n  --head-bg-color: transparent;\n  --text-color: $white;\n  margin: 0;\n  width: 100%;\n  color: white;\n  font-size: 16px;\n  line-height: 24px;\n  font-weight: 600;\n  border-spacing: 0;\n  border: 2px solid var(--white);\n  border-radius: 30px;\n  border-collapse: unset;\n}\n@media only screen and (min-width: 1280px) {\n  .panel table,\n  .panel .table,\n  .panel .tablepress {\n    font-size: 24px;\n    line-height: 30px;\n  }\n}\n.panel table caption,\n.panel .table caption,\n.panel .tablepress caption {\n  display: none;\n}\n.panel table th,\n.panel .table th,\n.panel .tablepress th {\n  color: var(--turquoise);\n  text-align: center;\n  font-size: 20px;\n  font-weight: 600;\n  line-height: 28p;\n  padding: 12px 20px;\n}\n@media only screen and (min-width: 1280px) {\n  .panel table th,\n  .panel .table th,\n  .panel .tablepress th {\n    font-size: 33px;\n    line-height: 45px;\n    padding: 20px 12px;\n  }\n}\n.panel table td,\n.panel .table td,\n.panel .tablepress td {\n  padding: 20px 12px;\n  border: none;\n  text-align: center;\n}\n.panel table tr.hidden,\n.panel .table tr.hidden,\n.panel .tablepress tr.hidden {\n  display: none;\n}\n.panel table tr th:first-child,\n.panel table tr td:first-child,\n.panel .table tr th:first-child,\n.panel .table tr td:first-child,\n.panel .tablepress tr th:first-child,\n.panel .tablepress tr td:first-child {\n  text-align: left;\n  padding: 22px 22px 22px 46px;\n}\n.panel table tr th:not(:first-child),\n.panel table tr td:not(:first-child),\n.panel .table tr th:not(:first-child),\n.panel .table tr td:not(:first-child),\n.panel .tablepress tr th:not(:first-child),\n.panel .tablepress tr td:not(:first-child) {\n  border-left: 1px solid var(--turquoise);\n}\n.panel table tbody tr:nth-child(odd) td,\n.panel .table tbody tr:nth-child(odd) td,\n.panel .tablepress tbody tr:nth-child(odd) td {\n  background: rgba(217, 217, 217, 0.2);\n}\n.panel table .tooltip,\n.panel .table .tooltip,\n.panel .tablepress .tooltip {\n  position: relative;\n  top: 4px;\n  margin-left: 2px;\n}\n.panel table .tooltip img,\n.panel .table .tooltip img,\n.panel .tablepress .tooltip img {\n  display: inline-block;\n  width: 23px;\n  height: 22px;\n}\n.panel table th img,\n.panel table .now,\n.panel .table th img,\n.panel .table .now,\n.panel .tablepress th img,\n.panel .tablepress .now {\n  width: 84px;\n  height: 28.81px;\n  margin-top: 5px;\n  margin-inline: auto;\n}\n.panel table .tick,\n.panel .table .tick,\n.panel .tablepress .tick {\n  width: 48px;\n  height: 48px;\n  margin-inline: auto;\n}\n\n/* Features */\n.panel-features {\n  background-color: var(--turquoise);\n  color: var(--black);\n  text-align: center;\n}\n.panel-features .container > .heading {\n  margin-bottom: 42px;\n  font-weight: 600;\n}\n.panel-features .container > .content {\n  max-width: 1183px;\n  margin-inline: auto;\n}\n@media only screen and (min-width: 1280px) {\n  .panel-features .container > .content {\n    font-size: 22px;\n    line-height: 40px;\n  }\n}\n\n.features {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 30px;\n  margin-block: 40px;\n}\n@media only screen and (min-width: 768px) {\n  .features {\n    grid-template-columns: repeat(2, 1fr);\n  }\n}\n@media only screen and (min-width: 1600px) {\n  .features {\n    grid-template-columns: repeat(4, minmax(289px, 1fr));\n    gap: 100px;\n    margin-top: 78px;\n    margin-bottom: 120px;\n  }\n}\n\n.feature {\n  text-align: center;\n}\n@media only screen and (min-width: 1600px) {\n  .feature {\n    max-width: 289px;\n  }\n}\n.feature .heading {\n  font-size: 22px;\n  line-height: 30px;\n  font-weight: 500;\n  color: var(--black);\n  margin-bottom: 12px;\n}\n@media only screen and (min-width: 1600px) {\n  .feature .heading {\n    font-size: 32px;\n    line-height: 40px;\n  }\n}\n.feature .content {\n  font-size: 18px;\n  line-height: 24px;\n  font-weight: 400;\n}\n@media only screen and (min-width: 1600px) {\n  .feature .content {\n    font-size: 22px;\n    line-height: 35px;\n  }\n}\n\n.feature-image {\n  border-radius: 50%;\n  border: 1px solid var(--black);\n  aspect-ratio: 1;\n  padding: 32px;\n  width: 100%;\n  height: auto;\n  max-width: 289px;\n  margin: 0 auto 30px;\n}\n.feature-image img {\n  aspect-ratio: 1;\n  -o-object-fit: contain;\n     object-fit: contain;\n  border-radius: 50%;\n}\n\n/* Panel Steps */\n.panel-steps,\n.panel-claims-process {\n  background-color: white;\n  color: black;\n  text-align: center;\n}\n.panel-steps .heading-2,\n.panel-claims-process .heading-2 {\n  margin-bottom: 31px;\n}\n.panel-steps .heading-2 em,\n.panel-claims-process .heading-2 em {\n  color: var(--turquoise);\n  font-style: normal;\n}\n.panel-steps .container > .content,\n.panel-claims-process .container > .content {\n  max-width: 821px;\n  margin-inline: auto;\n}\n\n.steps {\n  margin: 85px auto 90px;\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -moz-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-pack: center;\n  -webkit-justify-content: center;\n     -moz-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n  -webkit-box-align: stretch;\n  -webkit-align-items: stretch;\n     -moz-box-align: stretch;\n      -ms-flex-align: stretch;\n          align-items: stretch;\n  -webkit-box-orient: vertical;\n  -webkit-box-direction: normal;\n  -webkit-flex-direction: column;\n     -moz-box-orient: vertical;\n     -moz-box-direction: normal;\n      -ms-flex-direction: column;\n          flex-direction: column;\n  gap: 60px;\n}\n@media only screen and (min-width: 768px) {\n  .steps {\n    -webkit-box-orient: horizontal;\n    -webkit-box-direction: normal;\n    -webkit-flex-direction: row;\n       -moz-box-orient: horizontal;\n       -moz-box-direction: normal;\n        -ms-flex-direction: row;\n            flex-direction: row;\n    gap: 30px;\n  }\n}\n@media only screen and (min-width: 1280px) {\n  .steps {\n    gap: 100px;\n  }\n}\n\n.step {\n  -webkit-box-flex: 1;\n  -webkit-flex: 1;\n     -moz-box-flex: 1;\n      -ms-flex: 1;\n          flex: 1;\n  max-width: 383px;\n  border-radius: 20px;\n  border: 4px solid var(--turquoise);\n  position: relative;\n  padding: 57px 0 0;\n}\n.step .counter, .step-counter {\n  position: absolute;\n  top: -40px;\n  left: 0;\n  right: 0;\n  text-align: center;\n}\n.step .counter span, .step-counter span {\n  display: inline-block;\n  margin-inline: auto;\n  border-radius: 20px;\n  background-color: var(--turquoise);\n  font-size: 24px;\n  line-height: 32px;\n  font-weight: 500;\n  padding: 20px 32px;\n  color: #000;\n}\n@media only screen and (min-width: 1280px) {\n  .step .counter span, .step-counter span {\n    font-size: 32px;\n    line-height: 40px;\n    font-weight: 500;\n    padding: 17px 23px;\n  }\n}\n.step .heading {\n  font-size: 24px;\n  line-height: 32px;\n  font-weight: 500;\n  padding: 3px;\n  background: #DEF7F0;\n}\n@media only screen and (min-width: 1280px) {\n  .step .heading {\n    font-size: 32px;\n    line-height: 40px;\n  }\n}\n.step .content {\n  margin: 20px;\n  font-weight: 500;\n}\n@media only screen and (min-width: 1280px) {\n  .step .content {\n    margin: 20px 20px 50px;\n    font-size: 22px;\n    line-height: 35px;\n    font-weight: 500;\n  }\n}\n\n.panel-claims-process {\n  background-color: var(--turquoise);\n  padding-bottom: 0;\n}\n@media only screen and (min-width: 1280px) {\n  .panel-claims-process .steps {\n    gap: 91px;\n  }\n}\n.panel-claims-process .steps .step {\n  background-color: white;\n}\n.panel-claims-process .steps .step .step-counter span {\n  background-color: var(--black);\n  color: white;\n}\n.panel-claims-process .steps .step .heading {\n  display: grid;\n  place-items: center;\n  min-height: 110px;\n}\n.panel-claims-process .processes-container {\n  padding-bottom: 90px;\n}\n\n.cta {\n  background: var(--mid-turquoise);\n  padding-block: 65px;\n  text-align: center;\n}\n.cta .content {\n  font-size: 24px;\n  line-height: 35px;\n  color: var(--black);\n}\n.cta .content a {\n  display: block;\n  font-weight: 700;\n  color: var(--black);\n}\n@media only screen and (min-width: 1280px) {\n  .cta .content a {\n    font-size: 36px;\n    line-height: normal;\n  }\n}\n.cta .email-content {\n  margin-bottom: 65px;\n}\n.cta .heading {\n  font-size: 36px;\n  line-height: 55px;\n  font-weight: 500;\n  position: relative;\n  padding-left: 50px;\n  display: inline-block;\n}\n.cta .heading img,\n.cta .heading svg {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 49px;\n  height: 49px;\n  -webkit-transform: rotate(12.342deg);\n      -ms-transform: rotate(12.342deg);\n          transform: rotate(12.342deg);\n}\n.cta .container > .address-content {\n  max-width: 580px;\n  font-size: 20px;\n  line-height: 28px;\n}\n@media only screen and (min-width: 1280px) {\n  .cta .container > .address-content {\n    font-size: 30px;\n    line-height: 45px;\n    font-weight: 700;\n  }\n}\n\n/* Image Content */\n.panel-image-content {\n  background-color: var(--black);\n  color: var(--white);\n}\n@media only screen and (min-width: 1280px) {\n  .panel-image-content {\n    padding-top: 110px;\n    padding-bottom: 100px;\n  }\n}\n.panel-image-content .heading {\n  margin-bottom: 30px;\n  text-align: center;\n}\n@media only screen and (min-width: 1280px) {\n  .panel-image-content .heading {\n    margin-bottom: 60px;\n  }\n}\n.panel-image-content .content {\n  font-size: 22px;\n  line-height: 40px;\n  font-weight: 500;\n}\n\n.image-content {\n  display: grid;\n  gap: 20px;\n}\n@media only screen and (min-width: 1280px) {\n  .image-content {\n    grid-template-columns: 1fr 1fr;\n    gap: 48px;\n    -webkit-box-align: center;\n    -webkit-align-items: center;\n       -moz-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n  }\n}\n\n/* Reviews */\n.panel-reviews {\n  background-color: var(--turquoise);\n  color: #000;\n  text-align: center;\n}\n@media only screen and (min-width: 1600px) {\n  .panel-reviews {\n    padding-bottom: 0;\n  }\n}\n.panel-reviews .trustpilot-widget {\n  margin: 30px 0;\n}\n.panel-reviews .curve {\n  margin-top: 11px;\n  background-color: var(--white);\n}\n.panel-reviews .curve path {\n  fill: var(--turquoise);\n}\n\n/* Testimonial */\n.panel-testimonial {\n  color: white;\n}\n.panel-testimonial .container {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -moz-box;\n  display: -ms-flexbox;\n  display: flex;\n  gap: 30px;\n  -webkit-box-orient: vertical;\n  -webkit-box-direction: normal;\n  -webkit-flex-direction: column;\n     -moz-box-orient: vertical;\n     -moz-box-direction: normal;\n      -ms-flex-direction: column;\n          flex-direction: column;\n  -webkit-flex-wrap: wrap;\n      -ms-flex-wrap: wrap;\n          flex-wrap: wrap;\n  -webkit-box-pack: justify;\n  -webkit-justify-content: space-between;\n     -moz-box-pack: justify;\n      -ms-flex-pack: justify;\n          justify-content: space-between;\n}\n@media only screen and (min-width: 768px) {\n  .panel-testimonial .container {\n    -webkit-box-orient: horizontal;\n    -webkit-box-direction: normal;\n    -webkit-flex-direction: row;\n       -moz-box-orient: horizontal;\n       -moz-box-direction: normal;\n        -ms-flex-direction: row;\n            flex-direction: row;\n    -webkit-flex-wrap: nowrap;\n        -ms-flex-wrap: nowrap;\n            flex-wrap: nowrap;\n  }\n}\n@media only screen and (min-width: 1280px) {\n  .panel-testimonial .container {\n    gap: 50px;\n  }\n}\n.panel-testimonial .heading {\n  margin-bottom: 40px;\n}\n@media only screen and (min-width: 1280px) {\n  .panel-testimonial .heading {\n    margin-bottom: 117px;\n  }\n}\n.panel-testimonial .quote {\n  position: relative;\n  padding-top: 100px;\n  padding-left: 0;\n}\n.panel-testimonial .quote::before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 127px;\n  height: 78px;\n  background: transparent url(\"../svg/quote.svg\") center left/contain no-repeat;\n}\n@media only screen and (min-width: 1280px) {\n  .panel-testimonial .quote {\n    position: relative;\n    padding-top: 38px;\n    padding-left: 148px;\n  }\n  .panel-testimonial .quote::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 127px;\n    height: 78px;\n    background: transparent url(\"../svg/quote.svg\") center left/contain no-repeat;\n  }\n}\n@media only screen and (min-width: 768px) {\n  .panel-testimonial .image {\n    -webkit-box-flex: 0;\n    -webkit-flex: 0 0 350px;\n       -moz-box-flex: 0;\n        -ms-flex: 0 0 350px;\n            flex: 0 0 350px;\n  }\n}\n@media only screen and (min-width: 1280px) {\n  .panel-testimonial .image {\n    -webkit-box-flex: 0;\n    -webkit-flex: 0 0 40%;\n       -moz-box-flex: 0;\n        -ms-flex: 0 0 40%;\n            flex: 0 0 40%;\n    max-width: 558px;\n  }\n}\n/* Accordions */\n.panel-accordion {\n  background-color: white;\n  color: #000;\n}\n.panel-accordion .container {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -moz-box;\n  display: -ms-flexbox;\n  display: flex;\n  gap: 30px;\n  -webkit-box-orient: vertical;\n  -webkit-box-direction: normal;\n  -webkit-flex-direction: column;\n     -moz-box-orient: vertical;\n     -moz-box-direction: normal;\n      -ms-flex-direction: column;\n          flex-direction: column;\n  -webkit-flex-wrap: wrap;\n      -ms-flex-wrap: wrap;\n          flex-wrap: wrap;\n  -webkit-box-pack: justify;\n  -webkit-justify-content: space-between;\n     -moz-box-pack: justify;\n      -ms-flex-pack: justify;\n          justify-content: space-between;\n}\n@media only screen and (min-width: 1280px) {\n  .panel-accordion .container {\n    -webkit-box-orient: horizontal;\n    -webkit-box-direction: normal;\n    -webkit-flex-direction: row;\n       -moz-box-orient: horizontal;\n       -moz-box-direction: normal;\n        -ms-flex-direction: row;\n            flex-direction: row;\n    -webkit-flex-wrap: nowrap;\n        -ms-flex-wrap: nowrap;\n            flex-wrap: nowrap;\n    gap: 60px;\n  }\n}\n.panel-accordion .heading {\n  letter-spacing: 0.38px;\n  margin-bottom: 20px;\n}\n@media only screen and (min-width: 1600px) {\n  .panel-accordion .heading {\n    line-height: 53px;\n  }\n}\n.panel-accordion .content {\n  font-weight: 400;\n  line-height: 38px;\n}\n@media only screen and (max-width: 1279px) {\n  .panel-accordion .sidebar {\n    text-align: center;\n  }\n}\n@media only screen and (min-width: 1280px) {\n  .panel-accordion .sidebar {\n    -webkit-box-flex: 0;\n    -webkit-flex: 0 0 452px;\n       -moz-box-flex: 0;\n        -ms-flex: 0 0 452px;\n            flex: 0 0 452px;\n  }\n}\n@media only screen and (min-width: 1280px) {\n  .panel-accordion .accordions {\n    -webkit-box-flex: 1;\n    -webkit-flex: 1;\n       -moz-box-flex: 1;\n        -ms-flex: 1;\n            flex: 1;\n  }\n}\n\n.accordion {\n  border-bottom: 1px solid #000;\n  margin-bottom: 20px;\n  font-size: 20px;\n  line-height: 33px;\n}\n.accordion[open] {\n  padding-bottom: 20px;\n}\n.accordion[open] .accordion-heading {\n  background-image: url(\"../images/accordion-on.png\");\n  margin-bottom: 20px;\n}\n.accordion[open] .accordion-heading .title {\n  background: var(--turquoise);\n}\n\n.accordion-heading {\n  background: transparent url(\"../images/accordion-off.png\") center right/31px 31px no-repeat;\n  cursor: pointer;\n  margin-bottom: 10px;\n  padding-right: 41px;\n  font-size: 24px;\n  line-height: 33px;\n  list-style: none;\n}\n@media only screen and (min-width: 768px) {\n  .accordion-heading {\n    background-position: center right 18px;\n    padding-right: 65px;\n  }\n}\n\n.accordion-heading .title {\n  border-radius: 15px;\n  display: inline-block;\n  color: #000;\n  padding: 10px 15px;\n}\n\n/* Footer */\n.footer {\n  background-color: var(--black);\n}\n.footer, .footer a {\n  color: #FFF7E5;\n}\n.footer .container {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -moz-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-pack: justify;\n  -webkit-justify-content: space-between;\n     -moz-box-pack: justify;\n      -ms-flex-pack: justify;\n          justify-content: space-between;\n  gap: 20px;\n  -webkit-box-align: stretch;\n  -webkit-align-items: stretch;\n     -moz-box-align: stretch;\n      -ms-flex-align: stretch;\n          align-items: stretch;\n  -webkit-box-orient: vertical;\n  -webkit-box-direction: normal;\n  -webkit-flex-direction: column;\n     -moz-box-orient: vertical;\n     -moz-box-direction: normal;\n      -ms-flex-direction: column;\n          flex-direction: column;\n  -webkit-flex-wrap: wrap;\n      -ms-flex-wrap: wrap;\n          flex-wrap: wrap;\n}\n@media only screen and (min-width: 768px) {\n  .footer .container {\n    -webkit-box-orient: horizontal;\n    -webkit-box-direction: normal;\n    -webkit-flex-direction: row;\n       -moz-box-orient: horizontal;\n       -moz-box-direction: normal;\n        -ms-flex-direction: row;\n            flex-direction: row;\n    gap: 0 100px;\n  }\n}\n@media only screen and (min-width: 1600px) {\n  .footer .container {\n    -webkit-flex-wrap: nowrap;\n        -ms-flex-wrap: nowrap;\n            flex-wrap: nowrap;\n    gap: 100px;\n  }\n}\n.footer .footer-logo {\n  margin-bottom: 50px;\n}\n.footer .footer-logo, .footer .footer-logo img {\n  width: 130px;\n  height: auto;\n}\n@media only screen and (min-width: 1280px) {\n  .footer .footer-logo, .footer .footer-logo img {\n    height: auto;\n    width: 207px;\n  }\n}\n@media only screen and (min-width: 1600px) {\n  .footer .footer-logo, .footer .footer-logo img {\n    width: 100%;\n    height: auto;\n    width: 347px;\n  }\n}\n.footer .footer-left {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -moz-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: vertical;\n  -webkit-box-direction: normal;\n  -webkit-flex-direction: column;\n     -moz-box-orient: vertical;\n     -moz-box-direction: normal;\n      -ms-flex-direction: column;\n          flex-direction: column;\n  -webkit-box-pack: justify;\n  -webkit-justify-content: space-between;\n     -moz-box-pack: justify;\n      -ms-flex-pack: justify;\n          justify-content: space-between;\n  gap: 20px;\n}\n@media only screen and (min-width: 1280px) {\n  .footer .footer-left {\n    -webkit-box-flex: 0;\n    -webkit-flex: 0 0 200px;\n       -moz-box-flex: 0;\n        -ms-flex: 0 0 200px;\n            flex: 0 0 200px;\n  }\n}\n@media only screen and (min-width: 1600px) {\n  .footer .footer-left {\n    -webkit-box-flex: 0;\n    -webkit-flex: 0 0 452px;\n       -moz-box-flex: 0;\n        -ms-flex: 0 0 452px;\n            flex: 0 0 452px;\n  }\n}\n.footer .columns {\n  margin-bottom: 60px;\n}\n@media only screen and (min-width: 1600px) {\n  .footer .columns {\n    gap: 86px;\n    margin-bottom: 100px;\n    -webkit-box-pack: end;\n    -webkit-justify-content: flex-end;\n       -moz-box-pack: end;\n        -ms-flex-pack: end;\n            justify-content: flex-end;\n  }\n}\n@media only screen and (min-width: 1280px) {\n  .footer .columns .column {\n    max-width: 250px;\n  }\n}\n@media only screen and (min-width: 1600px) {\n  .footer .columns .column {\n    -webkit-box-flex: 0;\n    -webkit-flex: 0 0 auto;\n       -moz-box-flex: 0;\n        -ms-flex: 0 0 auto;\n            flex: 0 0 auto;\n  }\n}\n@media screen and (min-width: 768px) and (max-width: 1279px) {\n  .footer .container:first-child .footer-right {\n    -webkit-box-flex: 1;\n    -webkit-flex: 1;\n       -moz-box-flex: 1;\n        -ms-flex: 1;\n            flex: 1;\n  }\n}\n.footer .menu-header {\n  font-size: 24px;\n  line-height: 30px;\n  font-weight: 600;\n  color: var(--turquoise);\n  margin-bottom: 30px;\n}\n@media only screen and (min-width: 1600px) {\n  .footer .menu-header {\n    font-size: 32px;\n    line-height: 39px;\n    margin-bottom: 30px;\n  }\n}\n.footer ul li:not(:last-child) {\n  margin-bottom: 12px;\n}\n@media only screen and (min-width: 1600px) {\n  .footer ul li:not(:last-child) {\n    margin-bottom: 30px;\n  }\n}\n.footer ul li a {\n  line-height: normal;\n}\n@media only screen and (min-width: 1600px) {\n  .footer ul li a {\n    font-size: 20px;\n  }\n}\n.footer .copyright {\n  margin: 40px 0 0;\n}\n@media only screen and (min-width: 1600px) {\n  .footer .copyright {\n    margin: 0;\n    font-size: 20px;\n    line-height: 28px;\n  }\n}\n.footer .copyright-desktop {\n  display: none;\n}\n@media only screen and (min-width: 1600px) {\n  .footer .copyright-desktop {\n    display: block;\n  }\n}\n@media only screen and (min-width: 1600px) {\n  .footer .copyright-mobile {\n    display: none;\n  }\n}\n.footer .copyright,\n.footer .terms {\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 20px;\n}\n.footer .terms p:not(:last-child) {\n  margin-bottom: 12px;\n}\n\n.panel-contact-boxes {\n  background-color: white;\n  color: var(--black);\n  padding-top: 50px;\n  padding-bottom: 0;\n}\n.panel-contact-boxes .boxes {\n  display: grid;\n  gap: 20px;\n}\n@media only screen and (min-width: 768px) {\n  .panel-contact-boxes .boxes {\n    grid-template-columns: repeat(2, 1fr);\n  }\n}\n@media only screen and (min-width: 1280px) {\n  .panel-contact-boxes .boxes {\n    grid-template-columns: repeat(4, 1fr);\n  }\n}\n.panel-contact-boxes .boxes .box {\n  background-color: var(--light-turquoise);\n  color: var(--black);\n  padding: 20px;\n  text-align: center;\n  display: grid;\n  -webkit-box-align: start;\n  -webkit-align-items: flex-start;\n     -moz-box-align: start;\n      -ms-flex-align: start;\n          align-items: flex-start;\n  -webkit-align-content: flex-start;\n      -ms-flex-line-pack: start;\n          align-content: flex-start;\n  gap: 20px;\n}\n@media only screen and (min-width: 1280px) {\n  .panel-contact-boxes .boxes .box {\n    padding-block: 40px;\n    gap: 30px;\n  }\n}\n.panel-contact-boxes .boxes .box .box-header {\n  margin-bottom: 12px;\n  padding: 20px 0;\n  border-bottom: 1px solid var(--pink);\n}\n@media only screen and (min-width: 1280px) {\n  .panel-contact-boxes .boxes .box .box-header {\n    margin-bottom: 20px;\n  }\n}\n@media only screen and (min-width: 1600px) {\n  .panel-contact-boxes .boxes .box .box-header {\n    display: grid;\n    place-items: center;\n    min-height: 130px;\n    padding: 20px 0;\n  }\n}\n.panel-contact-boxes .boxes .box .heading {\n  font-size: 24px;\n  line-height: 30px;\n  font-weight: 700;\n}\n@media only screen and (min-width: 1600px) {\n  .panel-contact-boxes .boxes .box .heading {\n    font-size: 44px;\n    line-height: 40px;\n  }\n}\n@media only screen and (max-width: 1599px) {\n  .panel-contact-boxes .boxes .box .heading br {\n    display: none;\n  }\n}\n.panel-contact-boxes .boxes .box .sub-heading {\n  position: relative;\n  font-size: 24px;\n  line-height: 55px;\n  font-weight: 500;\n  margin-bottom: 0px;\n}\n@media only screen and (min-width: 1600px) {\n  .panel-contact-boxes .boxes .box .sub-heading {\n    font-size: 32px;\n    line-height: 55px;\n    margin-bottom: 12px;\n  }\n}\n.panel-contact-boxes .boxes .box .sub-heading svg {\n  position: relative;\n  margin-right: 5px;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n.panel-contact-boxes .boxes .box .sub-heading.email-heading svg {\n  top: 5px;\n  width: 20px;\n  height: 26px;\n  margin-right: 10px;\n}\n@media only screen and (min-width: 1600px) {\n  .panel-contact-boxes .boxes .box .sub-heading.email-heading svg {\n    top: 4px;\n    width: 40px;\n    height: 32px;\n  }\n}\n.panel-contact-boxes .boxes .box .sub-heading.phone-heading svg {\n  top: 4px;\n  width: 20px;\n  height: 28px;\n}\n@media only screen and (min-width: 1600px) {\n  .panel-contact-boxes .boxes .box .sub-heading.phone-heading svg {\n    top: 12px;\n    width: 40px;\n    height: 56px;\n  }\n}\n.panel-contact-boxes .boxes .box p {\n  font-size: 18px;\n  line-height: 24px;\n  font-weight: 400;\n}\n@media only screen and (min-width: 1600px) {\n  .panel-contact-boxes .boxes .box p {\n    font-size: 20px;\n    line-height: 28px;\n  }\n}\n.panel-contact-boxes .boxes .box p a {\n  font-size: 18px;\n  line-height: 24px;\n  font-weight: 700;\n  color: var(--black);\n}\n@media only screen and (min-width: 1600px) {\n  .panel-contact-boxes .boxes .box p a {\n    font-size: 22px;\n    line-height: 32px;\n  }\n}\n.panel-contact-boxes .boxes .box p a[href^=\"tel:\"] {\n  font-size: 22px;\n  line-height: 28px;\n}\n@media only screen and (min-width: 1600px) {\n  .panel-contact-boxes .boxes .box p a[href^=\"tel:\"] {\n    font-size: 24px;\n    line-height: 32px;\n  }\n}\n.panel-contact-boxes .cta {\n  background: white;\n}\n.panel-contact-boxes .cta .content {\n  font-size: 20px;\n  line-height: normal;\n  font-weight: 600;\n  max-width: 969px;\n  margin: 0 auto;\n}\n@media only screen and (min-width: 1280px) {\n  .panel-contact-boxes .cta .content {\n    font-size: 24px;\n  }\n}\n.panel-contact-boxes .cta .address-heading {\n  margin-top: 100px;\n  font-size: 30px;\n  line-height: 60px;\n}\n.panel-contact-boxes .cta .address-heading img {\n  top: 3px;\n}\n.panel-contact-boxes .cta .address-content {\n  max-width: 500px;\n  font-size: 30px;\n  line-height: 45px;\n}\n\n.panel-cta:has(+ .panel-cta) {\n  margin-bottom: 90px;\n}\n\n.panel-cta + .panel-cta {\n  margin-bottom: 90px;\n}\n\n.panel-cta {\n  padding-block: 40px;\n  background-color: var(--light-turquoise);\n  color: var(--black);\n  text-align: center;\n}\n@media only screen and (min-width: 1280px) {\n  .panel-cta {\n    padding-top: 89px;\n    padding-bottom: 110px;\n  }\n}\n.panel-cta .container {\n  display: grid;\n  gap: 20px;\n  justify-items: center;\n}\n.panel-cta .content a {\n  color: inherit;\n}\n.panel-cta .content a:hover {\n  color: var(--pink);\n}\n\n.panel-support {\n  background-color: var(--white);\n  color: #000;\n  text-align: center;\n}\n.panel-support .heading-2 {\n  font-weight: 600;\n}\n.panel-support .boxes {\n  position: relative;\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -moz-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-pack: center;\n  -webkit-justify-content: center;\n     -moz-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n  -webkit-box-align: stretch;\n  -webkit-align-items: stretch;\n     -moz-box-align: stretch;\n      -ms-flex-align: stretch;\n          align-items: stretch;\n  -webkit-box-orient: vertical;\n  -webkit-box-direction: normal;\n  -webkit-flex-direction: column;\n     -moz-box-orient: vertical;\n     -moz-box-direction: normal;\n      -ms-flex-direction: column;\n          flex-direction: column;\n  gap: 20px;\n  margin: 40px auto 0;\n}\n@media only screen and (min-width: 768px) {\n  .panel-support .boxes {\n    -webkit-box-orient: horizontal;\n    -webkit-box-direction: normal;\n    -webkit-flex-direction: row;\n       -moz-box-orient: horizontal;\n       -moz-box-direction: normal;\n        -ms-flex-direction: row;\n            flex-direction: row;\n  }\n}\n@media only screen and (min-width: 1280px) {\n  .panel-support .boxes {\n    margin: 93px auto 0;\n    gap: 38px;\n  }\n}\n.panel-support .boxes::before {\n  content: \"\";\n  position: absolute;\n  background-color: var(--turquoise);\n  height: 100%;\n  width: 4px;\n  top: 0;\n  left: -webkit-calc(50% - 2px);\n  left: calc(50% - 2px);\n}\n@media only screen and (min-width: 768px) {\n  .panel-support .boxes::before {\n    top: 144px;\n    left: 0;\n    width: 100%;\n    height: 4px;\n  }\n}\n@media only screen and (min-width: 1280px) {\n  .panel-support .boxes::before {\n    top: 187px;\n  }\n}\n.panel-support .boxes .box {\n  border: 4px solid var(--turquoise);\n  border-radius: 20px;\n  -webkit-box-flex: 1;\n  -webkit-flex: 1;\n     -moz-box-flex: 1;\n      -ms-flex: 1;\n          flex: 1;\n  position: relative;\n  background-color: var(--white);\n}\n.panel-support .boxes .box .heading {\n  display: grid;\n  place-items: center;\n  border-radius: 15px 15px 0 0;\n  background: #DDFFFA;\n  padding: 20px 5px;\n  font-size: 22px;\n  line-height: 30px;\n}\n@media only screen and (min-width: 768px) {\n  .panel-support .boxes .box .heading {\n    min-height: 140px;\n    padding: 0 20px;\n  }\n}\n@media only screen and (min-width: 1280px) {\n  .panel-support .boxes .box .heading {\n    min-height: 183px;\n    font-size: 32px;\n    line-height: 45px;\n  }\n}\n.panel-support .boxes .box .content {\n  padding: 22px 30px 30px;\n}\n@media only screen and (min-width: 1280px) {\n  .panel-support .boxes .box .content {\n    font-size: 32px;\n    line-height: 45px;\n  }\n}\n\n.panel-content {\n  background-color: var(--white);\n  color: var(--black);\n}\n.panel-content .heading {\n  margin-bottom: 50px;\n  font-weight: 700;\n}\n\n.panel-content-with-contact-details:has(+ .panel-content) {\n  padding-bottom: 0;\n}\n\n.panel-content-with-contact-details .column-content .heading {\n  margin-bottom: 20px;\n  font-weight: 700;\n}\n.panel-content-with-contact-details .column-content .content h1, .panel-content-with-contact-details .column-content .content h2, .panel-content-with-contact-details .column-content .content h3, .panel-content-with-contact-details .column-content .content h4, .panel-content-with-contact-details .column-content .content h5, .panel-content-with-contact-details .column-content .content h6 {\n  font-size: 36px;\n  line-height: 45px;\n  font-weight: 500;\n}\n.panel-content-with-contact-details .contact-details {\n  margin-top: 38px;\n  text-align: center;\n}\n.panel-content-with-contact-details .contact-details .sub-heading {\n  font-size: 36px;\n  line-height: normal;\n  font-weight: 500;\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -moz-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-pack: center;\n  -webkit-justify-content: center;\n     -moz-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n  gap: 12px;\n  -webkit-box-align: center;\n  -webkit-align-items: center;\n     -moz-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n}\n.panel-content-with-contact-details .contact-details .content {\n  font-size: 24px;\n  line-height: normal;\n  font-weight: 500;\n  margin-top: 10px;\n}\n.panel-content-with-contact-details .contact-details a {\n  font-size: 36px;\n  line-height: normal;\n  font-weight: 700;\n  color: var(--black);\n}\n.panel-content-with-contact-details .contact-details a:hover {\n  color: var(--turquoise);\n}\n.panel-content-with-contact-details .contact-details .contact-detail {\n  margin-bottom: 40px;\n}\n.panel-content-with-contact-details .contact-details .contact-detail-email svg {\n  width: 46px;\n  height: 32px;\n}\n.panel-content-with-contact-details .contact-details .contact-detail-phone .content {\n  font-weight: 600;\n}\n.panel-content-with-contact-details .contact-details .contact-detail-phone svg {\n  width: 31.619px;\n  height: 47.454px;\n  -webkit-transform: rotate(12.094deg);\n      -ms-transform: rotate(12.094deg);\n          transform: rotate(12.094deg);\n}\n.panel-content-with-contact-details .contact-details .contact-detail-post .content {\n  font-weight: 700;\n}\n.panel-content-with-contact-details .contact-details .contact-detail-post svg {\n  width: 49px;\n  height: 49px;\n  -webkit-transform: rotate(12.342deg);\n      -ms-transform: rotate(12.342deg);\n          transform: rotate(12.342deg);\n}\n\n.panel-downloads .document-groups .document-group {\n  margin-bottom: 90px;\n}\n.panel-downloads .document-groups .document-group > .heading {\n  text-align: center;\n  margin-bottom: 40px;\n  font-weight: 700;\n}\n.panel-downloads .documents .document {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -moz-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-pack: start;\n  -webkit-justify-content: flex-start;\n     -moz-box-pack: start;\n      -ms-flex-pack: start;\n          justify-content: flex-start;\n  -webkit-box-align: center;\n  -webkit-align-items: center;\n     -moz-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  gap: 16px;\n  background-color: #DDFFFA;\n  padding: 20px;\n  border-radius: 15px;\n  margin: 0 auto 24px;\n  max-width: 859px;\n}\n.panel-downloads .documents .document img {\n  width: auto;\n  height: 70px;\n}\n.panel-downloads .documents .document .heading {\n  font-size: 33px;\n  line-height: 45px;\n  font-weight: 700;\n  margin-right: auto;\n}\n.panel-downloads .documents .document .btn {\n  margin-left: auto;\n  font-size: 32px;\n  line-height: 70px;\n  font-weight: 700;\n}\n\n/* Tippy */\n.tippy-box {\n  padding: 8px;\n  background-color: var(--turquoise);\n}\n\n.tippy-box[data-placement^=top] > .tippy-arrow::before {\n  border-top-color: var(--turquoise);\n}\n\n.tippy-box[data-placement^=bottom] > .tippy-arrow::before {\n  border-bottom-color: var(--turquoise);\n}\n\n.tippy-box[data-placement^=left] > .tippy-arrow::before {\n  border-left-color: var(--turquoise);\n}\n\n.tippy-box[data-placement^=right] > .tippy-arrow::before {\n  border-right-color: var(--turquoise);\n}\n\n.tippy-content {\n  font-size: 18px !important;\n  color: var(--black);\n}"],"file":"main.css"}
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  font-style: normal;
}

.header ul,
.footer ul {
  list-style: none;
}

form *,
input,
button,
select {
  font-family: inherit;
}

:root {
  --white: #fff;
  --black: #111;
  --turquoise: #0CE2C8;
  --mid-turquoise: #8eeddf;
  --light-turquoise: #e4fefa;
  --pink: #FF829A;
}

body {
  background-color: var(--white);
  color: var(--black);
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}

a {
  -webkit-transition: all ease 500ms;
  transition: all ease 500ms;
  text-decoration: none; /* make sure it can wrap at all */
}

.container {
  margin: 0 auto;
  padding-inline: 30px;
}
@media only screen and (min-width: 768px) {
  .container {
    padding-inline: 50px;
  }
}
@media only screen and (min-width: 1280px) {
  .container {
    padding-inline: 60px;
  }
}
@media only screen and (min-width: 1600px) {
  .container {
    padding-inline: 100px;
  }
}
@media only screen and (min-width: 1920px) {
  .container {
    padding-inline: 130px;
  }
}

#wpadminbar ul#wp-admin-bar-top-secondary,
#wpadminbar ul li#wp-admin-bar-wpseo-menu,
#wpadminbar ul li#wp-admin-bar-duplicate-post {
  display: none;
}

/* Content */
.content {
  font-size: 16px;
  line-height: 26px;
  font-weight: 500;
}
@media only screen and (min-width: 1280px) {
  .content {
    font-size: 24px;
    line-height: 45px;
  }
}
.content ul,
.content ol {
  padding-left: 1.5em;
}
.content > *:not(:last-child) {
  margin-bottom: 20px;
}
.content a {
  overflow-wrap: anywhere; /* modern preferred */
  word-break: break-word; /* fallback for older specs */
  word-break: break-all; /* Safari/iOS helper for long URLs */
  white-space: normal;
}
.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {
  margin-bottom: 10px;
}
.content h1:not(:first-child), .content h2:not(:first-child), .content h3:not(:first-child), .content h4:not(:first-child), .content h5:not(:first-child), .content h6:not(:first-child) {
  margin-top: 40px;
}

/* Buttons */
.btn {
  display: inline-block;
  text-align: center;
  border-radius: 15px;
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
}

.btn-small {
  background-color: var(--pink);
  font-size: 12px;
  line-height: 30px;
  font-weight: 700;
  padding: 0 24px;
  color: #031602;
  display: block;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .btn-small {
    display: inline-block;
    width: auto;
    font-size: 16px;
    line-height: 40px;
    padding: 0 34px;
  }
}
.btn-small:hover {
  background-color: var(--turquoise);
}

.btn-large {
  background-color: var(--pink);
  font-size: 20px;
  line-height: 30px;
  font-weight: 700;
  padding: 12px 24px;
  color: #031602;
  display: block;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .btn-large {
    display: inline-block;
    width: auto;
    font-size: 24px;
    line-height: 60px;
    padding: 0 34px;
  }
}
@media only screen and (min-width: 1280px) {
  .btn-large {
    font-size: 32px;
    line-height: 88px;
    min-width: 437px;
  }
}
.btn-large:hover {
  background-color: var(--turquoise);
}

/* Layout */
.columns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}
@media only screen and (min-width: 768px) {
  .columns {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media only screen and (min-width: 1600px) {
  .columns {
    gap: 60px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

@media only screen and (min-width: 768px) {
  .column {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}

/* Images */
img {
  display: block;
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}

/* Fonts */
.heading-1 {
  font-size: 50px;
  line-height: 55px;
  font-weight: 600;
}
@media only screen and (min-width: 1280px) {
  .heading-1 {
    font-size: 60px;
    line-height: 65px;
  }
}
@media only screen and (min-width: 1600px) {
  .heading-1 {
    font-size: 65px;
    line-height: 70px;
  }
}

.heading-1-small {
  display: block;
  font-size: 22px;
  line-height: 30px;
  margin-bottom: 16px;
}
@media only screen and (min-width: 1280px) {
  .heading-1-small {
    font-size: 24px;
    line-height: 40px;
    margin-bottom: 12px;
  }
}
@media only screen and (min-width: 1600px) {
  .heading-1-small {
    font-size: 30px;
    line-height: 70px;
    margin-bottom: 0;
  }
}

.heading-2 {
  font-size: 30px;
  line-height: 40px;
  font-weight: 600;
}
@media only screen and (min-width: 1280px) {
  .heading-2 {
    font-size: 40px;
    line-height: 50px;
  }
}
@media only screen and (min-width: 1600px) {
  .heading-2 {
    font-size: 48px;
    line-height: 65px;
  }
}

.heading-3 {
  font-size: 26px;
  line-height: 32px;
}
@media only screen and (min-width: 1280px) {
  .heading-3 {
    font-size: 28px;
    line-height: 26px;
  }
}
@media only screen and (min-width: 1600px) {
  .heading-3 {
    font-size: 33px;
    line-height: 45px;
  }
}

/* Header */
.header {
  background-color: var(--black);
}
.header .container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 24px;
  padding-bottom: 32px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
     -moz-box-orient: vertical;
     -moz-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  gap: 30px;
}
@media only screen and (min-width: 768px) {
  .header .container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 12px;
    padding-top: 32px;
    padding-bottom: 46px;
  }
}
@media only screen and (min-width: 1280px) {
  .header .container {
    padding-top: 63px;
    padding-bottom: 37px;
  }
}

.logo,
.logo img {
  display: inline-block;
  width: 200px;
  height: auto;
}
@media only screen and (min-width: 768px) {
  .logo,
  .logo img {
    width: 180px;
  }
}
@media only screen and (min-width: 1600px) {
  .logo,
  .logo img {
    width: 324px;
  }
}

/* Menu */
.menu-primary-container ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
@media only screen and (min-width: 768px) {
  .menu-primary-container ul {
    gap: 24px;
  }
}
@media only screen and (min-width: 1280px) {
  .menu-primary-container ul {
    gap: 0;
  }
}
.menu-primary-container a {
  color: white;
  font-size: 14px;
  line-height: 24px;
  font-weight: 700;
}
@media only screen and (min-width: 768px) {
  .menu-primary-container a {
    line-height: 35px;
  }
}
@media only screen and (min-width: 1280px) {
  .menu-primary-container a {
    margin-left: 79px;
    font-size: 24px;
    line-height: 45px;
  }
}
.menu-primary-container a:hover {
  color: var(--turquoise);
}
.menu-primary-container li {
  line-height: 1;
}
.menu-primary-container li:first-child a {
  margin-left: 0;
}
.menu-primary-container li.menu-login a, .menu-primary-container li.menu-quote a {
  display: inline-block;
  text-align: center;
  border-radius: 15px;
  padding: 0 7px;
}
@media only screen and (min-width: 1280px) {
  .menu-primary-container li.menu-login a, .menu-primary-container li.menu-quote a {
    padding: 0 14px;
  }
}
@media only screen and (min-width: 1280px) {
  .menu-primary-container li.menu-login a, .menu-primary-container li.menu-quote a {
    padding: 0 24px;
  }
}
.menu-primary-container li.menu-login a {
  border: 2px solid var(--turquoise);
  font-weight: 600;
}
@media only screen and (min-width: 1280px) {
  .menu-primary-container li.menu-login a {
    margin-left: 93px;
  }
}
.menu-primary-container li.menu-login a:hover {
  background-color: var(--turquoise);
  color: #000;
}
.menu-primary-container li.menu-quote a {
  border: 2px solid var(--pink);
  background-color: var(--pink);
  color: #000;
}
@media only screen and (min-width: 1280px) {
  .menu-primary-container li.menu-quote a {
    margin-left: 20px;
  }
}
.menu-primary-container li.menu-quote a:hover {
  background-color: var(--turquoise);
  border-color: var(--turquoise);
}

.hide-menu .menu-primary-container {
  display: none;
}

/* Layout */
.panel,
.footer {
  overflow: hidden;
  padding-block: 40px;
}
@media only screen and (min-width: 768px) {
  .panel,
  .footer {
    padding-block: 60px;
  }
}
@media only screen and (min-width: 1280px) {
  .panel,
  .footer {
    padding-block: 100px;
  }
}

.curve {
  display: none;
}
@media only screen and (min-width: 1280px) {
  .curve {
    width: 100%;
    height: 110px;
    display: block;
    background-color: var(--turquoise);
  }
  .curve path {
    fill: var(--black);
  }
}

@media only screen and (min-width: 1280px) {
  .panel-banner,
  .panel-page-header,
  .panel-features {
    padding-bottom: 0;
  }
}
.panel-banner .curve,
.panel-page-header .curve,
.panel-features .curve {
  background-color: var(--turquoise);
}

.panel-features .curve {
  background-color: white;
}

/* Panel Banner */
.panel-banner,
.panel-page-header {
  background-color: var(--black);
  color: var(--white);
  position: relative;
  text-align: center;
  padding-top: 0;
}
.panel-banner .surround,
.panel-page-header .surround {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
     -moz-box-orient: vertical;
     -moz-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  gap: 30px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  text-align: left;
}
@media only screen and (min-width: 768px) {
  .panel-banner .surround,
  .panel-page-header .surround {
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
@media only screen and (min-width: 1280px) {
  .panel-banner .surround,
  .panel-page-header .surround {
    gap: 80px;
  }
}
@media only screen and (min-width: 1600px) {
  .panel-banner .surround,
  .panel-page-header .surround {
    gap: 85px;
  }
}
.panel-banner .content,
.panel-page-header .content {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media only screen and (min-width: 1280px) {
  .panel-banner .content,
  .panel-page-header .content {
    padding-top: 79px;
  }
}
@media only screen and (min-width: 1280px) {
  .panel-banner p,
  .panel-page-header p {
    font-size: 30px;
    line-height: 45px;
    font-weight: 700;
  }
}
.panel-banner ul,
.panel-page-header ul {
  display: grid;
  gap: 20px;
  padding: 0;
  margin-block: 40px;
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
  list-style: none;
}
@media only screen and (min-width: 1600px) {
  .panel-banner ul,
  .panel-page-header ul {
    font-size: 24px;
    line-height: 36px;
  }
}
@media only screen and (min-width: 1920px) {
  .panel-banner ul,
  .panel-page-header ul {
    margin-top: 60px;
    margin-bottom: 60px;
    font-size: 28px;
    line-height: 70px;
    grid-template-columns: 1fr 1fr;
    gap: 0 20px;
  }
}
.panel-banner ul li,
.panel-page-header ul li {
  position: relative;
  padding-left: 44px;
}
@media only screen and (min-width: 1600px) {
  .panel-banner ul li,
  .panel-page-header ul li {
    padding-left: 65px;
  }
}
@media only screen and (min-width: 1920px) {
  .panel-banner ul li,
  .panel-page-header ul li {
    padding-left: 77px;
  }
}
.panel-banner ul li::before,
.panel-page-header ul li::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  background: transparent url("../svg/tick.svg") center left/contain no-repeat;
}
@media only screen and (min-width: 1600px) {
  .panel-banner ul li::before,
  .panel-page-header ul li::before {
    width: 36px;
    height: 36px;
  }
}
@media only screen and (min-width: 1920px) {
  .panel-banner ul li::before,
  .panel-page-header ul li::before {
    top: 11px;
    width: 48px;
    height: 48px;
  }
}
.panel-banner .image,
.panel-page-header .image {
  max-width: 200px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media only screen and (min-width: 768px) {
  .panel-banner .image,
  .panel-page-header .image {
    max-width: none;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 280px;
       -moz-box-flex: 0;
        -ms-flex: 0 0 280px;
            flex: 0 0 280px;
  }
}
@media only screen and (min-width: 1280px) {
  .panel-banner .image,
  .panel-page-header .image {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 450px;
       -moz-box-flex: 0;
        -ms-flex: 0 0 450px;
            flex: 0 0 450px;
  }
}
@media only screen and (min-width: 1600px) {
  .panel-banner .image,
  .panel-page-header .image {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 565px;
       -moz-box-flex: 0;
        -ms-flex: 0 0 565px;
            flex: 0 0 565px;
  }
}
.panel-banner .btn-large,
.panel-page-header .btn-large {
  margin-top: 20px;
}
@media only screen and (min-width: 1280px) {
  .panel-banner .btn-large,
  .panel-page-header .btn-large {
    margin: 10px auto 0;
  }
}

/* Panel Page Header */
.panel-page-header {
  position: relative;
  z-index: 10;
  overflow: visible;
}
@media only screen and (min-width: 768px) {
  .panel-page-header {
    padding-bottom: 60px;
    margin-bottom: 100px;
  }
}
@media only screen and (min-width: 1280px) {
  .panel-page-header {
    padding-bottom: 0;
  }
}
@media only screen and (min-width: 1280px) {
  .panel-page-header .container {
    min-height: 400px;
  }
}
@media only screen and (min-width: 1600px) {
  .panel-page-header .container {
    padding-right: 196px;
  }
}
@media only screen and (min-width: 1280px) {
  .panel-page-header .surround {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
       -moz-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    padding-bottom: 100px;
  }
}
@media only screen and (min-width: 768px) {
  .panel-page-header .heading {
    margin-top: 120px;
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 1280px) {
  .panel-page-header .heading {
    margin-top: 100px;
    margin-bottom: 0;
  }
}
.panel-page-header .content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 20px;
  padding: 0;
}
@media only screen and (min-width: 1280px) {
  .panel-page-header .content .btn {
    margin-left: 0;
  }
}
.panel-page-header .image {
  position: relative;
}
@media only screen and (min-width: 1600px) {
  .panel-page-header .image {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 565px;
       -moz-box-flex: 0;
        -ms-flex: 0 0 565px;
            flex: 0 0 565px;
    padding: 0;
  }
}
@media only screen and (min-width: 768px) {
  .panel-page-header .image img {
    position: absolute;
    top: 0;
    right: 0;
  }
}
.panel-page-header .curve {
  background-color: var(--white);
}

.panel-page-header:has(+ .panel-claims-process) {
  margin-bottom: 0;
}
.panel-page-header:has(+ .panel-claims-process) .curve {
  background-color: var(--turquoise);
}

/* Panel Table */
.panel-products {
  background-color: var(--black);
  color: var(--white);
  position: relative;
  z-index: 10;
  text-align: center;
}
@media only screen and (min-width: 1280px) {
  .panel-products {
    padding-bottom: 0;
  }
}
.panel-products .container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 40px;
}
.panel-products .content {
  max-width: 1270px;
  margin-inline: auto;
}
.panel-products .heading-2 {
  color: var(--turquoise);
  max-width: 540px;
  margin-inline: auto;
}
@media only screen and (min-width: 1280px) {
  .panel-products .heading-2 {
    max-width: 760px;
  }
}
.panel-products .btn-toggle-table {
  margin: -40px auto 20px;
  border-radius: 0 0 15px 15px;
  background-color: var(--white);
  color: var(--black);
}
.panel-products .btn-large {
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
}
.panel-products .btn-large:hover {
  background-color: var(--white);
  color: var(--black);
}
.panel-products .curve {
  background-color: var(--white);
}

/* Tables */
.table-outer {
  background: #000;
}
@media only screen and (max-width: 1599px) {
  .table-outer {
    overflow-x: scroll;
  }
}

.panel table,
.panel .table,
.panel .tablepress {
  --head-bg-color: transparent;
  --text-color: $white;
  margin: 0;
  width: 100%;
  color: white;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  border-spacing: 0;
  border: 2px solid var(--white);
  border-radius: 30px;
  border-collapse: unset;
}
@media only screen and (min-width: 1280px) {
  .panel table,
  .panel .table,
  .panel .tablepress {
    font-size: 24px;
    line-height: 30px;
  }
}
.panel table caption,
.panel .table caption,
.panel .tablepress caption {
  display: none;
}
.panel table th,
.panel .table th,
.panel .tablepress th {
  color: var(--turquoise);
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  line-height: 28p;
  padding: 12px 20px;
}
@media only screen and (min-width: 1280px) {
  .panel table th,
  .panel .table th,
  .panel .tablepress th {
    font-size: 33px;
    line-height: 45px;
    padding: 20px 12px;
  }
}
.panel table td,
.panel .table td,
.panel .tablepress td {
  padding: 20px 12px;
  border: none;
  text-align: center;
}
.panel table tr.hidden,
.panel .table tr.hidden,
.panel .tablepress tr.hidden {
  display: none;
}
.panel table tr th:first-child,
.panel table tr td:first-child,
.panel .table tr th:first-child,
.panel .table tr td:first-child,
.panel .tablepress tr th:first-child,
.panel .tablepress tr td:first-child {
  text-align: left;
  padding: 22px 22px 22px 46px;
}
.panel table tr th:not(:first-child),
.panel table tr td:not(:first-child),
.panel .table tr th:not(:first-child),
.panel .table tr td:not(:first-child),
.panel .tablepress tr th:not(:first-child),
.panel .tablepress tr td:not(:first-child) {
  border-left: 1px solid var(--turquoise);
}
.panel table tbody tr:nth-child(odd) td,
.panel .table tbody tr:nth-child(odd) td,
.panel .tablepress tbody tr:nth-child(odd) td {
  background: rgba(217, 217, 217, 0.2);
}
.panel table .tooltip,
.panel .table .tooltip,
.panel .tablepress .tooltip {
  position: relative;
  top: 4px;
  margin-left: 2px;
}
.panel table .tooltip img,
.panel .table .tooltip img,
.panel .tablepress .tooltip img {
  display: inline-block;
  width: 23px;
  height: 22px;
}
.panel table th img,
.panel table .now,
.panel .table th img,
.panel .table .now,
.panel .tablepress th img,
.panel .tablepress .now {
  width: 84px;
  height: 28.81px;
  margin-top: 5px;
  margin-inline: auto;
}
.panel table .tick,
.panel .table .tick,
.panel .tablepress .tick {
  width: 48px;
  height: 48px;
  margin-inline: auto;
}

/* Features */
.panel-features {
  background-color: var(--turquoise);
  color: var(--black);
  text-align: center;
}
.panel-features .container > .heading {
  margin-bottom: 42px;
  font-weight: 600;
}
.panel-features .container > .content {
  max-width: 1183px;
  margin-inline: auto;
}
@media only screen and (min-width: 1280px) {
  .panel-features .container > .content {
    font-size: 22px;
    line-height: 40px;
  }
}

.features {
  display: grid;
  grid-template-columns: 1fr;
  gap: 30px;
  margin-block: 40px;
}
@media only screen and (min-width: 768px) {
  .features {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (min-width: 1600px) {
  .features {
    grid-template-columns: repeat(4, minmax(289px, 1fr));
    gap: 100px;
    margin-top: 78px;
    margin-bottom: 120px;
  }
}

.feature {
  text-align: center;
}
@media only screen and (min-width: 1600px) {
  .feature {
    max-width: 289px;
  }
}
.feature .heading {
  font-size: 22px;
  line-height: 30px;
  font-weight: 500;
  color: var(--black);
  margin-bottom: 12px;
}
@media only screen and (min-width: 1600px) {
  .feature .heading {
    font-size: 32px;
    line-height: 40px;
  }
}
.feature .content {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}
@media only screen and (min-width: 1600px) {
  .feature .content {
    font-size: 22px;
    line-height: 35px;
  }
}

.feature-image {
  border-radius: 50%;
  border: 1px solid var(--black);
  aspect-ratio: 1;
  padding: 32px;
  width: 100%;
  height: auto;
  max-width: 289px;
  margin: 0 auto 30px;
}
.feature-image img {
  aspect-ratio: 1;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 50%;
}

/* Panel Steps */
.panel-steps,
.panel-claims-process {
  background-color: white;
  color: black;
  text-align: center;
}
.panel-steps .heading-2,
.panel-claims-process .heading-2 {
  margin-bottom: 31px;
}
.panel-steps .heading-2 em,
.panel-claims-process .heading-2 em {
  color: var(--turquoise);
  font-style: normal;
}
.panel-steps .container > .content,
.panel-claims-process .container > .content {
  max-width: 821px;
  margin-inline: auto;
}

.steps {
  margin: 85px auto 90px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
     -moz-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 60px;
}
@media only screen and (min-width: 768px) {
  .steps {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 30px;
  }
}
@media only screen and (min-width: 1280px) {
  .steps {
    gap: 100px;
  }
}

.step {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-width: 383px;
  border-radius: 20px;
  border: 4px solid var(--turquoise);
  position: relative;
  padding: 57px 0 0;
}
.step .counter, .step-counter {
  position: absolute;
  top: -40px;
  left: 0;
  right: 0;
  text-align: center;
}
.step .counter span, .step-counter span {
  display: inline-block;
  margin-inline: auto;
  border-radius: 20px;
  background-color: var(--turquoise);
  font-size: 24px;
  line-height: 32px;
  font-weight: 500;
  padding: 20px 32px;
  color: #000;
}
@media only screen and (min-width: 1280px) {
  .step .counter span, .step-counter span {
    font-size: 32px;
    line-height: 40px;
    font-weight: 500;
    padding: 17px 23px;
  }
}
.step .heading {
  font-size: 24px;
  line-height: 32px;
  font-weight: 500;
  padding: 3px;
  background: #DEF7F0;
}
@media only screen and (min-width: 1280px) {
  .step .heading {
    font-size: 32px;
    line-height: 40px;
  }
}
.step .content {
  margin: 20px;
  font-weight: 500;
}
@media only screen and (min-width: 1280px) {
  .step .content {
    margin: 20px 20px 50px;
    font-size: 22px;
    line-height: 35px;
    font-weight: 500;
  }
}

.panel-claims-process {
  background-color: var(--turquoise);
  padding-bottom: 0;
}
@media only screen and (min-width: 1280px) {
  .panel-claims-process .steps {
    gap: 91px;
  }
}
.panel-claims-process .steps .step {
  background-color: white;
}
.panel-claims-process .steps .step .step-counter span {
  background-color: var(--black);
  color: white;
}
.panel-claims-process .steps .step .heading {
  display: grid;
  place-items: center;
  min-height: 110px;
}
.panel-claims-process .processes-container {
  padding-bottom: 90px;
}

.cta {
  background: var(--mid-turquoise);
  padding-block: 65px;
  text-align: center;
}
.cta .content {
  font-size: 24px;
  line-height: 35px;
  color: var(--black);
}
.cta .content a {
  display: block;
  font-weight: 700;
  color: var(--black);
}
@media only screen and (min-width: 1280px) {
  .cta .content a {
    font-size: 36px;
    line-height: normal;
  }
}
.cta .email-content {
  margin-bottom: 65px;
}
.cta .heading {
  font-size: 36px;
  line-height: 55px;
  font-weight: 500;
  position: relative;
  padding-left: 50px;
  display: inline-block;
}
.cta .heading img,
.cta .heading svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 49px;
  height: 49px;
  -webkit-transform: rotate(12.342deg);
      -ms-transform: rotate(12.342deg);
          transform: rotate(12.342deg);
}
.cta .container > .address-content {
  max-width: 580px;
  font-size: 20px;
  line-height: 28px;
}
@media only screen and (min-width: 1280px) {
  .cta .container > .address-content {
    font-size: 30px;
    line-height: 45px;
    font-weight: 700;
  }
}

/* Image Content */
.panel-image-content {
  background-color: var(--black);
  color: var(--white);
}
@media only screen and (min-width: 1280px) {
  .panel-image-content {
    padding-top: 110px;
    padding-bottom: 100px;
  }
}
.panel-image-content .heading {
  margin-bottom: 30px;
  text-align: center;
}
@media only screen and (min-width: 1280px) {
  .panel-image-content .heading {
    margin-bottom: 60px;
  }
}
.panel-image-content .content {
  font-size: 22px;
  line-height: 40px;
  font-weight: 500;
}

.image-content {
  display: grid;
  gap: 20px;
}
@media only screen and (min-width: 1280px) {
  .image-content {
    grid-template-columns: 1fr 1fr;
    gap: 48px;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

/* Reviews */
.panel-reviews {
  background-color: var(--turquoise);
  color: #000;
  text-align: center;
}
@media only screen and (min-width: 1600px) {
  .panel-reviews {
    padding-bottom: 0;
  }
}
.panel-reviews .trustpilot-widget {
  margin: 30px 0;
}
.panel-reviews .curve {
  margin-top: 11px;
  background-color: var(--white);
}
.panel-reviews .curve path {
  fill: var(--turquoise);
}

/* Testimonial */
.panel-testimonial {
  color: white;
}
.panel-testimonial .container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media only screen and (min-width: 768px) {
  .panel-testimonial .container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
  }
}
@media only screen and (min-width: 1280px) {
  .panel-testimonial .container {
    gap: 50px;
  }
}
.panel-testimonial .heading {
  margin-bottom: 40px;
}
@media only screen and (min-width: 1280px) {
  .panel-testimonial .heading {
    margin-bottom: 117px;
  }
}
.panel-testimonial .quote {
  position: relative;
  padding-top: 100px;
  padding-left: 0;
}
.panel-testimonial .quote::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 127px;
  height: 78px;
  background: transparent url("../svg/quote.svg") center left/contain no-repeat;
}
@media only screen and (min-width: 1280px) {
  .panel-testimonial .quote {
    position: relative;
    padding-top: 38px;
    padding-left: 148px;
  }
  .panel-testimonial .quote::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 127px;
    height: 78px;
    background: transparent url("../svg/quote.svg") center left/contain no-repeat;
  }
}
@media only screen and (min-width: 768px) {
  .panel-testimonial .image {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 350px;
       -moz-box-flex: 0;
        -ms-flex: 0 0 350px;
            flex: 0 0 350px;
  }
}
@media only screen and (min-width: 1280px) {
  .panel-testimonial .image {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 40%;
       -moz-box-flex: 0;
        -ms-flex: 0 0 40%;
            flex: 0 0 40%;
    max-width: 558px;
  }
}
/* Accordions */
.panel-accordion {
  background-color: white;
  color: #000;
}
.panel-accordion .container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media only screen and (min-width: 1280px) {
  .panel-accordion .container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    gap: 60px;
  }
}
.panel-accordion .heading {
  letter-spacing: 0.38px;
  margin-bottom: 20px;
}
@media only screen and (min-width: 1600px) {
  .panel-accordion .heading {
    line-height: 53px;
  }
}
.panel-accordion .content {
  font-weight: 400;
  line-height: 38px;
}
@media only screen and (max-width: 1279px) {
  .panel-accordion .sidebar {
    text-align: center;
  }
}
@media only screen and (min-width: 1280px) {
  .panel-accordion .sidebar {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 452px;
       -moz-box-flex: 0;
        -ms-flex: 0 0 452px;
            flex: 0 0 452px;
  }
}
@media only screen and (min-width: 1280px) {
  .panel-accordion .accordions {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}

.accordion {
  border-bottom: 1px solid #000;
  margin-bottom: 20px;
  font-size: 20px;
  line-height: 33px;
}
.accordion[open] {
  padding-bottom: 20px;
}
.accordion[open] .accordion-heading {
  background-image: url("../images/accordion-on.png");
  margin-bottom: 20px;
}
.accordion[open] .accordion-heading .title {
  background: var(--turquoise);
}

.accordion-heading {
  background: transparent url("../images/accordion-off.png") center right/31px 31px no-repeat;
  cursor: pointer;
  margin-bottom: 10px;
  padding-right: 41px;
  font-size: 24px;
  line-height: 33px;
  list-style: none;
}
@media only screen and (min-width: 768px) {
  .accordion-heading {
    background-position: center right 18px;
    padding-right: 65px;
  }
}

.accordion-heading .title {
  border-radius: 15px;
  display: inline-block;
  color: #000;
  padding: 10px 15px;
}

/* Footer */
.footer {
  background-color: var(--black);
}
.footer, .footer a {
  color: #FFF7E5;
}
.footer .container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 20px;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
     -moz-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
@media only screen and (min-width: 768px) {
  .footer .container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 0 100px;
  }
}
@media only screen and (min-width: 1600px) {
  .footer .container {
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    gap: 100px;
  }
}
.footer .footer-logo {
  margin-bottom: 50px;
}
.footer .footer-logo, .footer .footer-logo img {
  width: 130px;
  height: auto;
}
@media only screen and (min-width: 1280px) {
  .footer .footer-logo, .footer .footer-logo img {
    height: auto;
    width: 207px;
  }
}
@media only screen and (min-width: 1600px) {
  .footer .footer-logo, .footer .footer-logo img {
    width: 100%;
    height: auto;
    width: 347px;
  }
}
.footer .footer-left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 20px;
}
@media only screen and (min-width: 1280px) {
  .footer .footer-left {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 200px;
       -moz-box-flex: 0;
        -ms-flex: 0 0 200px;
            flex: 0 0 200px;
  }
}
@media only screen and (min-width: 1600px) {
  .footer .footer-left {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 452px;
       -moz-box-flex: 0;
        -ms-flex: 0 0 452px;
            flex: 0 0 452px;
  }
}
.footer .columns {
  margin-bottom: 60px;
}
@media only screen and (min-width: 1600px) {
  .footer .columns {
    gap: 86px;
    margin-bottom: 100px;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
       -moz-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
@media only screen and (min-width: 1280px) {
  .footer .columns .column {
    max-width: 250px;
  }
}
@media only screen and (min-width: 1600px) {
  .footer .columns .column {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
       -moz-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .footer .container:first-child .footer-right {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
.footer .menu-header {
  font-size: 24px;
  line-height: 30px;
  font-weight: 600;
  color: var(--turquoise);
  margin-bottom: 30px;
}
@media only screen and (min-width: 1600px) {
  .footer .menu-header {
    font-size: 32px;
    line-height: 39px;
    margin-bottom: 30px;
  }
}
.footer ul li:not(:last-child) {
  margin-bottom: 12px;
}
@media only screen and (min-width: 1600px) {
  .footer ul li:not(:last-child) {
    margin-bottom: 30px;
  }
}
.footer ul li a {
  line-height: normal;
}
@media only screen and (min-width: 1600px) {
  .footer ul li a {
    font-size: 20px;
  }
}
.footer .copyright {
  margin: 40px 0 0;
}
@media only screen and (min-width: 1600px) {
  .footer .copyright {
    margin: 0;
    font-size: 20px;
    line-height: 28px;
  }
}
.footer .copyright-desktop {
  display: none;
}
@media only screen and (min-width: 1600px) {
  .footer .copyright-desktop {
    display: block;
  }
}
@media only screen and (min-width: 1600px) {
  .footer .copyright-mobile {
    display: none;
  }
}
.footer .copyright,
.footer .terms {
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}
.footer .terms p:not(:last-child) {
  margin-bottom: 12px;
}

.panel-contact-boxes {
  background-color: white;
  color: var(--black);
  padding-top: 50px;
  padding-bottom: 0;
}
.panel-contact-boxes .boxes {
  display: grid;
  gap: 20px;
}
@media only screen and (min-width: 768px) {
  .panel-contact-boxes .boxes {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (min-width: 1280px) {
  .panel-contact-boxes .boxes {
    grid-template-columns: repeat(4, 1fr);
  }
}
.panel-contact-boxes .boxes .box {
  background-color: var(--light-turquoise);
  color: var(--black);
  padding: 20px;
  text-align: center;
  display: grid;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-align-content: flex-start;
      -ms-flex-line-pack: start;
          align-content: flex-start;
  gap: 20px;
}
@media only screen and (min-width: 1280px) {
  .panel-contact-boxes .boxes .box {
    padding-block: 40px;
    gap: 30px;
  }
}
.panel-contact-boxes .boxes .box .box-header {
  margin-bottom: 12px;
  padding: 20px 0;
  border-bottom: 1px solid var(--pink);
}
@media only screen and (min-width: 1280px) {
  .panel-contact-boxes .boxes .box .box-header {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 1600px) {
  .panel-contact-boxes .boxes .box .box-header {
    display: grid;
    place-items: center;
    min-height: 130px;
    padding: 20px 0;
  }
}
.panel-contact-boxes .boxes .box .heading {
  font-size: 24px;
  line-height: 30px;
  font-weight: 700;
}
@media only screen and (min-width: 1600px) {
  .panel-contact-boxes .boxes .box .heading {
    font-size: 44px;
    line-height: 40px;
  }
}
@media only screen and (max-width: 1599px) {
  .panel-contact-boxes .boxes .box .heading br {
    display: none;
  }
}
.panel-contact-boxes .boxes .box .sub-heading {
  position: relative;
  font-size: 24px;
  line-height: 55px;
  font-weight: 500;
  margin-bottom: 0px;
}
@media only screen and (min-width: 1600px) {
  .panel-contact-boxes .boxes .box .sub-heading {
    font-size: 32px;
    line-height: 55px;
    margin-bottom: 12px;
  }
}
.panel-contact-boxes .boxes .box .sub-heading svg {
  position: relative;
  margin-right: 5px;
  -o-object-fit: contain;
     object-fit: contain;
}
.panel-contact-boxes .boxes .box .sub-heading.email-heading svg {
  top: 5px;
  width: 20px;
  height: 26px;
  margin-right: 10px;
}
@media only screen and (min-width: 1600px) {
  .panel-contact-boxes .boxes .box .sub-heading.email-heading svg {
    top: 4px;
    width: 40px;
    height: 32px;
  }
}
.panel-contact-boxes .boxes .box .sub-heading.phone-heading svg {
  top: 4px;
  width: 20px;
  height: 28px;
}
@media only screen and (min-width: 1600px) {
  .panel-contact-boxes .boxes .box .sub-heading.phone-heading svg {
    top: 12px;
    width: 40px;
    height: 56px;
  }
}
.panel-contact-boxes .boxes .box p {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}
@media only screen and (min-width: 1600px) {
  .panel-contact-boxes .boxes .box p {
    font-size: 20px;
    line-height: 28px;
  }
}
.panel-contact-boxes .boxes .box p a {
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
  color: var(--black);
}
@media only screen and (min-width: 1600px) {
  .panel-contact-boxes .boxes .box p a {
    font-size: 22px;
    line-height: 32px;
  }
}
.panel-contact-boxes .boxes .box p a[href^="tel:"] {
  font-size: 22px;
  line-height: 28px;
}
@media only screen and (min-width: 1600px) {
  .panel-contact-boxes .boxes .box p a[href^="tel:"] {
    font-size: 24px;
    line-height: 32px;
  }
}
.panel-contact-boxes .cta {
  background: white;
}
.panel-contact-boxes .cta .content {
  font-size: 20px;
  line-height: normal;
  font-weight: 600;
  max-width: 969px;
  margin: 0 auto;
}
@media only screen and (min-width: 1280px) {
  .panel-contact-boxes .cta .content {
    font-size: 24px;
  }
}
.panel-contact-boxes .cta .address-heading {
  margin-top: 100px;
  font-size: 30px;
  line-height: 60px;
}
.panel-contact-boxes .cta .address-heading img {
  top: 3px;
}
.panel-contact-boxes .cta .address-content {
  max-width: 500px;
  font-size: 30px;
  line-height: 45px;
}

.panel-cta:has(+ .panel-cta) {
  margin-bottom: 90px;
}

.panel-cta + .panel-cta {
  margin-bottom: 90px;
}

.panel-cta {
  padding-block: 40px;
  background-color: var(--light-turquoise);
  color: var(--black);
  text-align: center;
}
@media only screen and (min-width: 1280px) {
  .panel-cta {
    padding-top: 89px;
    padding-bottom: 110px;
  }
}
.panel-cta .container {
  display: grid;
  gap: 20px;
  justify-items: center;
}
.panel-cta .content a {
  color: inherit;
}
.panel-cta .content a:hover {
  color: var(--pink);
}

.panel-support {
  background-color: var(--white);
  color: #000;
  text-align: center;
}
.panel-support .heading-2 {
  font-weight: 600;
}
.panel-support .boxes {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
     -moz-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  margin: 40px auto 0;
}
@media only screen and (min-width: 768px) {
  .panel-support .boxes {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
@media only screen and (min-width: 1280px) {
  .panel-support .boxes {
    margin: 93px auto 0;
    gap: 38px;
  }
}
.panel-support .boxes::before {
  content: "";
  position: absolute;
  background-color: var(--turquoise);
  height: 100%;
  width: 4px;
  top: 0;
  left: -webkit-calc(50% - 2px);
  left: calc(50% - 2px);
}
@media only screen and (min-width: 768px) {
  .panel-support .boxes::before {
    top: 144px;
    left: 0;
    width: 100%;
    height: 4px;
  }
}
@media only screen and (min-width: 1280px) {
  .panel-support .boxes::before {
    top: 187px;
  }
}
.panel-support .boxes .box {
  border: 4px solid var(--turquoise);
  border-radius: 20px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
  background-color: var(--white);
}
.panel-support .boxes .box .heading {
  display: grid;
  place-items: center;
  border-radius: 15px 15px 0 0;
  background: #DDFFFA;
  padding: 20px 5px;
  font-size: 22px;
  line-height: 30px;
}
@media only screen and (min-width: 768px) {
  .panel-support .boxes .box .heading {
    min-height: 140px;
    padding: 0 20px;
  }
}
@media only screen and (min-width: 1280px) {
  .panel-support .boxes .box .heading {
    min-height: 183px;
    font-size: 32px;
    line-height: 45px;
  }
}
.panel-support .boxes .box .content {
  padding: 22px 30px 30px;
}
@media only screen and (min-width: 1280px) {
  .panel-support .boxes .box .content {
    font-size: 32px;
    line-height: 45px;
  }
}

.panel-content {
  background-color: var(--white);
  color: var(--black);
}
.panel-content .heading {
  margin-bottom: 50px;
  font-weight: 700;
}

.panel-content-with-contact-details:has(+ .panel-content) {
  padding-bottom: 0;
}

.panel-content-with-contact-details .column-content .heading {
  margin-bottom: 20px;
  font-weight: 700;
}
.panel-content-with-contact-details .column-content .content h1, .panel-content-with-contact-details .column-content .content h2, .panel-content-with-contact-details .column-content .content h3, .panel-content-with-contact-details .column-content .content h4, .panel-content-with-contact-details .column-content .content h5, .panel-content-with-contact-details .column-content .content h6 {
  font-size: 36px;
  line-height: 45px;
  font-weight: 500;
}
.panel-content-with-contact-details .contact-details {
  margin-top: 38px;
  text-align: center;
}
.panel-content-with-contact-details .contact-details .sub-heading {
  font-size: 36px;
  line-height: normal;
  font-weight: 500;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 12px;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.panel-content-with-contact-details .contact-details .content {
  font-size: 24px;
  line-height: normal;
  font-weight: 500;
  margin-top: 10px;
}
.panel-content-with-contact-details .contact-details a {
  font-size: 36px;
  line-height: normal;
  font-weight: 700;
  color: var(--black);
}
.panel-content-with-contact-details .contact-details a:hover {
  color: var(--turquoise);
}
.panel-content-with-contact-details .contact-details .contact-detail {
  margin-bottom: 40px;
}
.panel-content-with-contact-details .contact-details .contact-detail-email svg {
  width: 46px;
  height: 32px;
}
.panel-content-with-contact-details .contact-details .contact-detail-phone .content {
  font-weight: 600;
}
.panel-content-with-contact-details .contact-details .contact-detail-phone svg {
  width: 31.619px;
  height: 47.454px;
  -webkit-transform: rotate(12.094deg);
      -ms-transform: rotate(12.094deg);
          transform: rotate(12.094deg);
}
.panel-content-with-contact-details .contact-details .contact-detail-post .content {
  font-weight: 700;
}
.panel-content-with-contact-details .contact-details .contact-detail-post svg {
  width: 49px;
  height: 49px;
  -webkit-transform: rotate(12.342deg);
      -ms-transform: rotate(12.342deg);
          transform: rotate(12.342deg);
}

.panel-downloads .document-groups .document-group {
  margin-bottom: 90px;
}
.panel-downloads .document-groups .document-group > .heading {
  text-align: center;
  margin-bottom: 40px;
  font-weight: 700;
}
.panel-downloads .documents .document {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  background-color: #DDFFFA;
  padding: 20px;
  border-radius: 15px;
  margin: 0 auto 24px;
  max-width: 859px;
}
.panel-downloads .documents .document img {
  width: auto;
  height: 70px;
}
.panel-downloads .documents .document .heading {
  font-size: 33px;
  line-height: 45px;
  font-weight: 700;
  margin-right: auto;
}
.panel-downloads .documents .document .btn {
  margin-left: auto;
  font-size: 32px;
  line-height: 70px;
  font-weight: 700;
}

/* Tippy */
.tippy-box {
  padding: 8px;
  background-color: var(--turquoise);
}

.tippy-box[data-placement^=top] > .tippy-arrow::before {
  border-top-color: var(--turquoise);
}

.tippy-box[data-placement^=bottom] > .tippy-arrow::before {
  border-bottom-color: var(--turquoise);
}

.tippy-box[data-placement^=left] > .tippy-arrow::before {
  border-left-color: var(--turquoise);
}

.tippy-box[data-placement^=right] > .tippy-arrow::before {
  border-right-color: var(--turquoise);
}

.tippy-content {
  font-size: 18px !important;
  color: var(--black);
}
/*# sourceMappingURL=main.css.map */