/* Generated by less 3.11.1 */
/*
Theme Name: Search Mortgage Solutions
Author: Arriba
Author URI: https://arriba.co.uk
Version: 1.0.0
*/
/* -------------------------------- 
Colours
-------------------------------- */
/* -------------------------------- 
Fonts
-------------------------------- */
@font-face {
  font-family: 'Patrick Hand';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/patrickhand/v25/LDI1apSQOAYtSuYWp8ZhfYeMWQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/quicksand/v37/6xK-dSZaM9iE8KbpRA_LJ3z8mH9BOJvgkKEo18E.ttf) format('truetype');
}
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/quicksand/v37/6xK-dSZaM9iE8KbpRA_LJ3z8mH9BOJvgkP8o18E.ttf) format('truetype');
}
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/quicksand/v37/6xK-dSZaM9iE8KbpRA_LJ3z8mH9BOJvgkM0o18E.ttf) format('truetype');
}
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/quicksand/v37/6xK-dSZaM9iE8KbpRA_LJ3z8mH9BOJvgkCEv18E.ttf) format('truetype');
}
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/quicksand/v37/6xK-dSZaM9iE8KbpRA_LJ3z8mH9BOJvgkBgv18E.ttf) format('truetype');
}
/* -------------------------------- 
Breakpoints
-------------------------------- */
/* -------------------------------- 
Containers
-------------------------------- */
/* -------------------------------- 
Components
-------------------------------- */
html,
body {
  border: 0;
  font-family: "Quicksand", sans-serif;
  line-height: 1.4;
  margin: 0;
  padding: 0;
}
div,
span,
object,
iframe,
img,
table,
caption,
thead,
tbody,
tfoot,
tr,
tr,
td,
article,
aside,
canvas,
details,
figure,
hgroup,
menu,
nav,
footer,
header,
section,
summary,
mark,
audio,
video {
  border: 0;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
address,
cit,
code,
del,
dfn,
em,
ins,
q,
samp,
small,
strong,
sub,
sup,
b,
i,
hr,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
legend,
label {
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}
article,
aside,
canvas,
figure,
figure img,
figcaption,
hgroup,
footer,
header,
nav,
section,
audio,
video {
  display: block;
}
table {
  border-collapse: separate;
  border-spacing: 0;
}
table caption,
table th,
table td {
  text-align: left;
  vertical-align: middle;
}
a img {
  border: 0;
}
:focus {
  outline: 0;
}
h1 {
  font-size: 50px;
  font-weight: 700;
  margin-bottom: 20px;
}
h2 {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 20px;
}
h3 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 20px;
}
h4 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 20px;
}
h1,
h2,
h3,
h4 {
  font-family: "Quicksand", serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}
.has-x-large-font-size {
  font-size: 42px!important;
}
p {
  font-size: 16px;
  margin-bottom: 20px;
  font-family: "Quicksand", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
p:last-child {
  margin-bottom: 0;
}
.has-medium-font-size {
  font-size: 22px;
}
a {
  text-decoration: none;
  transition: all 0.25s;
}
a:hover {
  text-decoration: none;
}
@media only screen and (max-width: 768px) {
  h1 {
    font-size: 32px;
    line-height: 1.2;
  }
  h2 {
    font-size: 28px;
    line-height: 1.2;
  }
  h3 {
    font-family: "Quicksand", sans-serif;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 20px;
  }
  h4 {
    font-family: "Quicksand", sans-serif;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px;
  }
  p {
    font-size: 16px;
    margin-bottom: 20px;
  }
  p:last-child {
    margin-bottom: 0;
  }
  .has-x-large-font-size {
    font-size: 28px!important;
  }
}
.post-container h1,
.blog-index h1,
.site-container h1,
.post-container h2,
.blog-index h2,
.site-container h2,
.post-container h3,
.blog-index h3,
.site-container h3,
.post-container h4,
.blog-index h4,
.site-container h4,
.post-container h5,
.blog-index h5,
.site-container h5 {
  color: #000;
}
.post-container .has-white-color,
.blog-index .has-white-color,
.site-container .has-white-color {
  color: #fff;
}
.post-container .has-orange-color,
.blog-index .has-orange-color,
.site-container .has-orange-color {
  color: #FED000;
}
.post-container .has-light-grey-color,
.blog-index .has-light-grey-color,
.site-container .has-light-grey-color {
  color: #C5C5C5;
}
.post-container li,
.blog-index li,
.site-container li,
.post-container p,
.blog-index p,
.site-container p {
  color: #242424;
}
.post-container li a,
.blog-index li a,
.site-container li a,
.post-container p a,
.blog-index p a,
.site-container p a {
  text-decoration: underline;
  transition: all 0.25s ease;
}
.post-container li:not(.has-text-color) a,
.blog-index li:not(.has-text-color) a,
.site-container li:not(.has-text-color) a,
.post-container p:not(.has-text-color) a,
.blog-index p:not(.has-text-color) a,
.site-container p:not(.has-text-color) a {
  color: #000;
}
.post-container li.intro,
.blog-index li.intro,
.site-container li.intro,
.post-container p.intro,
.blog-index p.intro,
.site-container p.intro {
  margin: 0;
}
.post-container ul,
.blog-index ul,
.site-container ul,
.post-container ol,
.blog-index ol,
.site-container ol {
  margin-bottom: 20px;
}
.post-container ul li,
.blog-index ul li,
.site-container ul li,
.post-container ol li,
.blog-index ol li,
.site-container ol li {
  list-style: inside;
}
.post-container ul li ul,
.blog-index ul li ul,
.site-container ul li ul,
.post-container ol li ul,
.blog-index ol li ul,
.site-container ol li ul,
.post-container ul li ol,
.blog-index ul li ol,
.site-container ul li ol,
.post-container ol li ol,
.blog-index ol li ol,
.site-container ol li ol {
  padding-left: 20px;
}
html {
  scroll-behavior: smooth;
}
body {
  background-color: #fff;
  width: 100vw;
  color: #242424;
}
.has-black-background-color {
  background-color: #000;
}
.has-charcoal-background-color {
  background-color: #242424;
}
.has-light-grey-background-color {
  background-color: #f1f1f1;
}
.has-yellow-background-color {
  background-color: #FED000;
}
.has-green-background-color {
  background-color: #004652;
}
.has-white-background-color {
  background-color: #fff;
}
.has-black-color {
  color: #000;
}
.has-charcoal-color {
  color: #242424;
}
.has-grey-color {
  color: #C5C5C5;
}
.has-yellow-color {
  color: #FED000;
}
.has-white-color {
  color: #fff;
}
.site-container p.has-charcoal-color {
  color: #242424;
}
.has-text-align-center {
  text-align: center;
}
p.has-small-font-size {
  margin: 0;
}
iframe {
  display: block;
  border-radius: 15px;
  max-width: 100%;
}
.alignfull {
  width: 100vw;
  margin: 0 calc( -100vw / 2 + 100% / 2 );
}
.is-content-justification-center {
  justify-content: center;
}
.button {
  position: relative;
  overflow: hidden;
}
.call {
  font-size: 42px;
  font-weight: 700;
  color: #FED000;
  transition: all 0.25s;
}
.call svg {
  fill: #FED000;
  transition: all 0.25s;
}
.call:hover {
  color: #004652;
}
.call:hover svg {
  fill: #004652;
}
.wp-block-image figure.aligncenter img {
  margin: 0 auto;
}
.size-full img {
  width: 100%;
}
.no-marg {
  margin: 0;
}
.squeeze {
  max-width: 630px;
  margin: 0 auto;
  padding: 0 30px;
}
table {
  margin: 30px 0;
  border: 1px solid #C5C5C5;
  border-radius: 5px;
  width: 100%;
  color: #242424;
}
table tr:nth-child(even) {
  background-color: #fafafa;
}
table th,
table td {
  border-bottom: 1px solid #C5C5C5;
  padding: 5px;
}
table th {
  color: #000;
}
table tr:last-of-type th,
table tr:last-of-type td {
  border-bottom: 0;
}
table a {
  color: #000;
  text-decoration: underline;
}
ul.socials {
  margin: 10px 0 30px;
}
ul.socials li {
  display: inline-block;
  list-style: none;
}
ul.socials li a {
  height: 50px;
  width: 50px;
  border-radius: 25px;
  border: 1px solid #004652;
  background-color: #004652;
  margin-right: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
}
ul.socials li a svg {
  max-height: 18px;
  width: auto;
  fill: #fff;
  position: relative;
  z-index: 2;
  transition: fill 0.5s;
}
ul.socials li a svg path {
  fill: #FED000;
}
ul.socials li a:before {
  content: "";
  height: 100px;
  width: 100px;
  bottom: -100px;
  border-radius: 50px;
  left: -25px;
  transition: all 0.5s;
  background-color: #FED000;
  position: absolute;
  z-index: 1;
}
ul.socials li a:hover {
  border-color: #FED000;
}
ul.socials li a:hover svg {
  fill: #000;
}
ul.socials li a:hover svg path {
  fill: #000;
}
ul.socials li a:hover:before {
  bottom: -25px;
}
.button-404 {
  border-radius: 5px;
  border: 1px solid #000;
  color: #000;
  text-decoration: none;
  padding: 10px 20px;
  background-color: #fff;
  transition: all 0.25s ease;
}
.button-404:hover {
  color: #fff;
  background-color: #FED000;
}
@media only screen and (max-width: 992px) {
  .call {
    font-size: 32px;
  }
  .call svg {
    position: relative;
    top: 2px;
    width: 20px;
  }
}
@keyframes loading2 {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 51%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@keyframes loading {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}
header {
  z-index: 500;
  width: 100vw;
  height: 100px;
  padding: 0 calc( (100vw - 1170px) / 2 );
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #fff;
  border-bottom: 1px solid #C5C5C5;
}
header .menu-button {
  display: none;
  height: 22px;
  justify-content: left;
  align-items: center;
  position: relative;
  margin-top: 3px;
}
header .menu-button span {
  display: block;
  height: 3px;
  width: 30px;
  background-color: #000;
  transition: all 0.25s;
}
header .menu-button span:before,
header .menu-button span:after {
  content: "";
  display: block;
  height: 3px;
  width: 30px;
  background-color: #000;
  position: absolute;
  transition: all 0.25s;
}
header .menu-button span:before {
  top: 0;
}
header .menu-button span:after {
  bottom: 0;
}
header .call {
  font-size: 16px;
  color: #000;
  display: flex;
  gap: 3px;
  align-items: center;
  justify-content: center;
}
header .call svg {
  max-width: 16px;
  height: auto;
  fill: #000;
}
header .button {
  background-color: #000;
  padding: 15px 30px;
  color: #FED000;
  font-size: 14px;
  position: relative;
  transition: all 0.5s ease;
  font-weight: bold;
  border-radius: 10px;
  text-transform: uppercase;
  display: flex;
  gap: 5px;
  align-items: center;
  justify-content: center;
}
header .button svg {
  fill: #FED000;
  transition: all 0.5s ease;
}
header .button:hover {
  background-color: #FED000;
  color: #000;
}
header .button:hover svg {
  fill: #000;
}
header .inside {
  width: 100%;
  display: flex;
  gap: 30px;
}
header .inside .cta {
  display: flex;
  margin-left: auto;
  padding: 24px 0;
  gap: 30px;
  align-items: center;
}
header .inside .site-logo {
  display: flex;
  align-items: center;
  width: 210px;
}
header .inside .site-logo svg {
  width: 100%;
  height: auto;
}
header nav {
  display: flex;
  justify-content: center;
}
header nav ul.menu {
  display: flex;
}
header nav ul.menu > li {
  list-style: none;
  display: flex;
  font-size: 16px;
  height: 100px;
  align-items: center;
}
header nav ul.menu > li a {
  color: #000;
  padding: 10px;
  display: flex;
  gap: 5px;
  align-items: center;
  position: relative;
  font-weight: 500;
}
header nav ul.menu > li a:hover {
  color: #004652;
}
header nav ul.menu > li.menu-item-has-children > a:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #f1f1f1;
  position: absolute;
  bottom: -30px;
  left: calc(50% - 5px);
  opacity: 0;
  transition: opacity 0.25s ease;
}
header nav ul.menu > li.menu-item-has-children > a:after {
  content: "";
  background-image: url('assets/icons/dropdown.svg');
  height: 4px;
  width: 6px;
  display: inline-block;
}
header nav ul.menu > li:hover.menu-item-has-children > a::before {
  opacity: 1;
}
header nav ul.menu > li:hover > .sub-menu {
  display: grid;
}
header nav .nav-footer {
  display: none;
}
@media only screen and (max-width: 1200px) {
  header {
    padding: 0 30px;
  }
  header nav ul.menu > li > .sub-menu {
    padding: 60px 30px;
  }
  header .call {
    display: none;
  }
}
@media only screen and (max-width: 992px) {
  body {
    padding-top: 100px;
  }
  header {
    justify-content: space-between;
    position: fixed;
    width: 100vw;
    z-index: 500;
    top: 0;
  }
  header .inside {
    display: flex;
    justify-content: space-between;
  }
  header .inside .site-logo {
    justify-content: center;
  }
  header .inside .cta {
    display: flex;
    gap: 10px;
  }
  header nav {
    position: fixed;
    top: 100px;
    left: -100vw;
    width: 100vw;
    height: calc(100vh - 100px);
    background-color: #242424;
  }
  header nav .menu-main-menu-container {
    height: calc(100% - 236px);
    overflow: scroll;
  }
  header nav ul.menu {
    padding-top: 40px;
    display: flex;
    flex-wrap: wrap;
  }
  header nav ul.menu li.primary {
    padding: 5px 30px;
    display: block;
    width: 100%;
    height: auto;
  }
  header nav ul.menu li.primary a {
    background-color: #000;
    padding: 15px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 1;
    gap: 0;
  }
  header nav ul.menu li.primary a:hover {
    color: #FED000;
  }
  header nav ul.menu li.primary a:after {
    content: "";
    width: 16px;
    height: 8px;
    margin-left: auto;
    background-image: url('assets/icons/arrow.svg');
  }
  header nav ul.menu li.primary:hover > .sub-menu {
    display: flex;
  }
  header nav ul.menu li.primary > .sub-menu {
    display: block;
    background-color: #000;
    padding: 0;
    height: calc(100% - 236px);
    width: 100%;
    margin: 0;
    position: absolute;
    left: -100%;
    top: 0;
    z-index: 100;
    padding: 30px;
    overflow: scroll;
    transition: left 0.3s ease;
  }
  header nav ul.menu li.primary > .sub-menu > li {
    width: 100%;
    margin: 10px 0;
  }
  header nav ul.menu li.primary > .sub-menu > li > a[href="#"] {
    background: none;
    display: block;
  }
  header nav ul.menu li.primary > .sub-menu > li > a[href="#"]:before,
  header nav ul.menu li.primary > .sub-menu > li > a[href="#"]:after {
    display: none;
  }
  header nav ul.menu li.primary > .sub-menu a {
    background-color: #242424;
    padding: 15px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 1;
    gap: 0;
  }
  header nav ul.menu li.primary > .sub-menu a:hover {
    color: #FED000;
  }
  header nav ul.menu li.primary > .sub-menu a:after {
    content: "";
    width: 16px;
    height: 8px;
    margin-left: auto;
    background-image: url('assets/icons/arrow.svg');
  }
  header nav ul.menu li.primary a.li-open + .sub-menu {
    left: 0;
  }
  header .menu-button {
    display: flex;
  }
  .nav-open header nav {
    left: 0;
  }
}
@media only screen and (max-width: 768px) {
  header {
    padding: 0 20px;
  }
  header .button {
    display: none;
  }
}
@media only screen and (min-width: 992px) {
  header nav ul.menu > li > .sub-menu {
    position: absolute;
    display: none;
    background-color: #fff;
    left: 0;
    top: 99px;
    width: 100vw;
    margin: 0 calc(-100vw/2 + 100%/2);
    padding: 60px calc( (100vw - 1170px) / 2 );
    box-sizing: border-box;
    z-index: 100;
    gap: 10px;
    flex-direction: column;
    overflow: hidden;
    min-height: 410px;
    border-top: 1px solid #f1f1f1;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 30px;
  }
  header nav ul.menu > li > .sub-menu li {
    list-style: none;
    font-size: 16px;
    color: #000;
    margin: 0;
    z-index: 5;
  }
  header nav ul.menu > li > .sub-menu li > a {
    border-radius: 3px;
    gap: 0;
    font-weight: normal;
    color: #000;
    width: 33%;
    display: block;
    z-index: 3;
    display: flex;
    gap: 5px;
    justify-content: center;
    align-items: flex-start;
    font-weight: bold;
    font-size: 18px;
    box-sizing: border-box;
    width: 100%;
  }
  header nav ul.menu > li > .sub-menu li > a img {
    width: 42px;
    height: auto;
  }
  header nav ul.menu > li > .sub-menu li > a .content {
    display: flex;
    flex-direction: column;
    gap: 0;
  }
  header nav ul.menu > li > .sub-menu li > a .content span {
    font-weight: 400;
    font-size: 14px;
  }
}
footer {
  background-color: #000;
  padding: 60px calc( (100vw - 1170px) / 2 ) 20px;
  color: #C5C5C5;
  border-top: 1px solid #242424;
}
footer strong {
  color: #fff;
}
footer .cta {
  margin: 30px 0;
}
footer .cta .button {
  background-color: #FED000;
  border-radius: 10px;
  padding: 15px 20px;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: bold;
  display: flex;
  gap: 5px;
  align-items: center;
  justify-content: center;
  color: #000;
}
footer .cta .button svg {
  fill: #000;
}
footer .top {
  display: flex;
}
footer .top .col {
  min-width: 220px;
}
footer .top .col:first-child {
  margin-right: auto;
}
footer .top ul:not(.socials) li {
  list-style: none;
  font-size: 16px;
  margin: 10px 0;
}
footer .top ul:not(.socials) li a {
  color: #C5C5C5;
}
footer .top ul:not(.socials) li a:hover {
  color: #FED000;
}
footer .middle {
  margin-top: 75px;
  margin-bottom: 30px;
}
footer .bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
footer .bottom address {
  font-style: normal;
}
@media only screen and (max-width: 1200px) {
  footer {
    padding: 60px 30px 20px;
  }
  footer .top .col {
    min-width: 180px;
  }
}
@media only screen and (max-width: 992px) {
  footer .top .col {
    min-width: 140px;
  }
}
@media only screen and (max-width: 768px) {
  footer {
    padding: 40px 20px 20px;
  }
  footer .top {
    flex-direction: column;
    text-align: center;
  }
  footer .top .col {
    margin: 20px 0;
  }
  footer .top .col:first-child {
    margin-right: 0;
  }
  footer .bottom {
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    flex-direction: column-reverse;
    margin-top: 75px;
  }
  footer .bottom address {
    font-style: normal;
  }
}
.post-container > div:not(.alignfull):not(.post-details),
.blog-index > div:not(.alignfull):not(.post-details),
.site-container > div:not(.alignfull):not(.post-details),
.post-container > h1,
.blog-index > h1,
.site-container > h1,
.post-container > h2,
.blog-index > h2,
.site-container > h2,
.post-container > h3,
.blog-index > h3,
.site-container > h3,
.post-container > h4,
.blog-index > h4,
.site-container > h4,
.post-container > h5,
.blog-index > h5,
.site-container > h5,
.post-container > h6,
.blog-index > h6,
.site-container > h6,
.post-container > p,
.blog-index > p,
.site-container > p,
.post-container > ol,
.blog-index > ol,
.site-container > ol,
.post-container > ul,
.blog-index > ul,
.site-container > ul,
.post-container > figure:not(.alignfull),
.blog-index > figure:not(.alignfull),
.site-container > figure:not(.alignfull),
.post-container > blockquote,
.blog-index > blockquote,
.site-container > blockquote {
  padding: 0 calc( (100vw - 1170px) / 2 );
}
.post-container > div,
.blog-index > div,
.site-container > div {
  position: relative;
}
.post-container > .squeeze,
.blog-index > .squeeze,
.site-container > .squeeze {
  max-width: 100%;
}
.post-container > .squeeze .wp-block-group__inner-container,
.blog-index > .squeeze .wp-block-group__inner-container,
.site-container > .squeeze .wp-block-group__inner-container {
  max-width: 630px;
  padding: 0 30px;
  margin: 0 auto;
}
.post-container img,
.blog-index img,
.site-container img {
  max-width: 100%;
  height: auto;
  position: relative;
  animation-duration: 1.8s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: loading;
  animation-timing-function: linear;
  background: #fff;
  background: linear-gradient(to right, #fff 8%, #242424 38%, #fff 54%);
  background-size: 1000px 640px;
  border-radius: 15px;
}
.post-container .no-style img,
.blog-index .no-style img,
.site-container .no-style img {
  box-shadow: none;
  border-radius: 0;
  background: none;
}
.post-container .wp-block-columns,
.blog-index .wp-block-columns,
.site-container .wp-block-columns {
  display: flex;
  flex-wrap: nowrap;
  gap: 30px;
  align-items: flex-start;
}
.post-container .wp-block-columns .wp-block-column,
.blog-index .wp-block-columns .wp-block-column,
.site-container .wp-block-columns .wp-block-column {
  flex-grow: 1;
  flex-basis: 0;
}
.post-container .wp-block-columns .wp-block-column[style*="flex-basis"],
.blog-index .wp-block-columns .wp-block-column[style*="flex-basis"],
.site-container .wp-block-columns .wp-block-column[style*="flex-basis"] {
  flex-grow: 0;
}
.post-container .wp-block-columns .wp-block-column.stick,
.blog-index .wp-block-columns .wp-block-column.stick,
.site-container .wp-block-columns .wp-block-column.stick {
  position: sticky;
  top: 150px;
}
.post-container .wp-block-columns .is-vertically-aligned-center,
.blog-index .wp-block-columns .is-vertically-aligned-center,
.site-container .wp-block-columns .is-vertically-aligned-center {
  align-self: center;
}
.post-container .is-layout-grid,
.blog-index .is-layout-grid,
.site-container .is-layout-grid {
  gap: 30px;
}
@media only screen and (max-width: 1200px) {
  .post-container > div:not(.alignfull):not(.post-details),
  .blog-index > div:not(.alignfull):not(.post-details),
  .site-container > div:not(.alignfull):not(.post-details),
  .post-container > h1,
  .blog-index > h1,
  .site-container > h1,
  .post-container > h2,
  .blog-index > h2,
  .site-container > h2,
  .post-container > h3,
  .blog-index > h3,
  .site-container > h3,
  .post-container > h4,
  .blog-index > h4,
  .site-container > h4,
  .post-container > h5,
  .blog-index > h5,
  .site-container > h5,
  .post-container > h6,
  .blog-index > h6,
  .site-container > h6,
  .post-container > p,
  .blog-index > p,
  .site-container > p,
  .post-container > ol,
  .blog-index > ol,
  .site-container > ol,
  .post-container > ul,
  .blog-index > ul,
  .site-container > ul,
  .post-container > figure:not(.alignfull),
  .blog-index > figure:not(.alignfull),
  .site-container > figure:not(.alignfull),
  .post-container > blockquote,
  .blog-index > blockquote,
  .site-container > blockquote {
    padding: 0 calc( (100vw - 920px) / 2 );
  }
}
@media only screen and (max-width: 992px) {
  .post-container > div:not(.alignfull):not(.post-details),
  .blog-index > div:not(.alignfull):not(.post-details),
  .site-container > div:not(.alignfull):not(.post-details),
  .post-container > h1,
  .blog-index > h1,
  .site-container > h1,
  .post-container > h2,
  .blog-index > h2,
  .site-container > h2,
  .post-container > h3,
  .blog-index > h3,
  .site-container > h3,
  .post-container > h4,
  .blog-index > h4,
  .site-container > h4,
  .post-container > h5,
  .blog-index > h5,
  .site-container > h5,
  .post-container > h6,
  .blog-index > h6,
  .site-container > h6,
  .post-container > p,
  .blog-index > p,
  .site-container > p,
  .post-container > ol,
  .blog-index > ol,
  .site-container > ol,
  .post-container > ul,
  .blog-index > ul,
  .site-container > ul,
  .post-container > figure:not(.alignfull),
  .blog-index > figure:not(.alignfull),
  .site-container > figure:not(.alignfull),
  .post-container > blockquote,
  .blog-index > blockquote,
  .site-container > blockquote {
    padding: 0 30px;
  }
}
.wp-block-buttons {
  gap: 30px;
}
.wp-block-button .wp-block-button__link {
  padding: 25px 30px;
  line-height: 1;
  color: #fff;
  background-color: #FED000;
  font-weight: bold;
  font-family: "Quicksand", sans-serif;
  transition: all 0.25s ease;
  font-size: 14px;
  display: flex;
  gap: 5px;
  justify-content: center;
  align-items: center;
  border-radius: 15px;
  text-transform: uppercase;
}
.wp-block-button .wp-block-button__link:hover {
  background-color: #FED000;
}
.wp-block-button .wp-block-button__link:after {
  content: "";
  height: 16px;
  width: 16px;
  background-image: url('assets/icons/arrow.svg');
  background-repeat: no-repeat;
}
.wp-block-button .wp-block-button__link.has-black-color:after {
  filter: invert(1);
}
.wp-block-button.is-style-call .wp-block-button__link:before {
  content: "";
  background-image: url('assets/icons/phone.svg');
  display: block;
  height: 14px;
  width: 14px;
  background-size: 100%;
}
.wp-block-button.is-style-call .wp-block-button__link:after {
  display: none;
}
.wp-block-button.is-style-whatsapp .wp-block-button__link:before {
  content: "";
  background-image: url('assets/icons/whatsapp.svg');
  display: block;
  height: 14px;
  width: 14px;
  background-size: 100%;
}
.wp-block-button.is-style-whatsapp .wp-block-button__link:after {
  display: none;
}
.wp-block-button.is-style-outline .wp-block-button__link {
  background: none;
  transition: gap 0.25s ease;
  padding: 15px 0;
  border: 0;
}
.wp-block-button.is-style-outline .wp-block-button__link:hover {
  gap: 10px;
}
.hero {
  background-color: #FED000;
  position: relative;
  padding: 100px calc( (100vw - 1170px) / 2 );
  overflow: hidden;
}
.hero.bg-color-green {
  background-color: #004652;
}
.hero.bg-color-green h1,
.hero.bg-color-green p {
  color: #fff;
}
.hero.bg-color-green .scribble p {
  color: #fff;
}
.hero.bg-color-green .scribble p:after {
  filter: saturate(100);
}
.hero > img {
  position: absolute;
  mix-blend-mode: overlay;
  left: 0;
  top: 0;
  width: 100%;
  border-radius: 0;
}
.hero .inside {
  color: #fff;
  position: relative;
  display: flex;
  align-items: center;
  z-index: 3;
}
.hero .inside .content {
  max-width: 540px;
}
.hero .inside .img {
  position: absolute;
  right: 0;
  bottom: 0px;
  height: 100%;
}
.hero .inside .img img {
  background: none;
  border-radius: 0;
  max-height: calc( 100% + 100px);
  width: auto;
}
@media only screen and (max-width: 768px) {
  .hero {
    padding: 0 0 50px 0px;
    display: flex;
    flex-direction: column-reverse;
  }
  .hero > img {
    position: relative;
  }
  .hero .inside {
    position: flex;
    flex-direction: column;
    flex-direction: column-reverse;
    margin: 0 30px;
  }
  .hero .inside:after {
    content: "";
    width: 100vw;
    left: -30px;
    position: absolute;
    bottom: -100px;
    z-index: -1;
    height: 100px;
    display: block;
    background: linear-gradient(180deg, #fed000 0%, rgba(254, 208, 0, 0) 100%);
  }
  .hero .inside .content {
    padding: 30px 0;
    max-width: 100%;
  }
  .hero .inside .content .is-layout-flex {
    flex-direction: column;
    align-items: flex-start;
  }
  .hero .inside .img {
    bottom: -100%;
  }
}
.wp-block-cover {
  position: relative;
  overflow: hidden;
}
.wp-block-cover img.wp-block-cover__image-background {
  border-radius: 0;
  background: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  -o-object-fit: cover;
  object-fit: cover;
  outline: none;
  border: none;
  box-shadow: none;
  z-index: 2;
  mix-blend-mode: overlay;
}
.wp-block-cover .wp-block-cover__inner-container {
  z-index: 3;
  margin: 100px 0;
  position: relative;
}
.wp-block-cover .wp-block-cover__inner-container .hero-img img {
  position: absolute;
  height: calc( 100% + 200px);
  width: auto;
  bottom: -100px;
  background: none;
  border-radius: 0;
}
.wp-block-cover .has-background-dim {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 1;
  z-index: 1;
}
.wp-block-cover .has-background-dim.has-yellow-background-color {
  background-color: #FED000;
}
.wp-block-cover.hero:after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  background-image: url('assets/icons/swoosh.png');
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: bottom;
  height: 100%;
  width: 50%;
  opacity: 0.5;
  z-index: 2;
  pointer-events: none;
}
.faqs dl,
.schema-faq dl,
.faqs .schema-faq-section,
.schema-faq .schema-faq-section {
  margin: 15px 0;
  padding: 20px;
  cursor: pointer;
  background-color: #fff;
  border-radius: 15px;
}
.faqs dl dt,
.schema-faq dl dt,
.faqs .schema-faq-section dt,
.schema-faq .schema-faq-section dt,
.faqs dl .schema-faq-question,
.schema-faq dl .schema-faq-question,
.faqs .schema-faq-section .schema-faq-question,
.schema-faq .schema-faq-section .schema-faq-question {
  font-size: 24px;
  display: flex;
  justify-content: space-between;
}
.faqs dl dt:after,
.schema-faq dl dt:after,
.faqs .schema-faq-section dt:after,
.schema-faq .schema-faq-section dt:after,
.faqs dl .schema-faq-question:after,
.schema-faq dl .schema-faq-question:after,
.faqs .schema-faq-section .schema-faq-question:after,
.schema-faq .schema-faq-section .schema-faq-question:after {
  content: "+";
}
.faqs dl dt h3,
.schema-faq dl dt h3,
.faqs .schema-faq-section dt h3,
.schema-faq .schema-faq-section dt h3,
.faqs dl .schema-faq-question h3,
.schema-faq dl .schema-faq-question h3,
.faqs .schema-faq-section .schema-faq-question h3,
.schema-faq .schema-faq-section .schema-faq-question h3 {
  margin: 0;
  color: #000;
  font-size: 20px;
}
.faqs dl dd,
.schema-faq dl dd,
.faqs .schema-faq-section dd,
.schema-faq .schema-faq-section dd,
.faqs dl .schema-faq-answer,
.schema-faq dl .schema-faq-answer,
.faqs .schema-faq-section .schema-faq-answer,
.schema-faq .schema-faq-section .schema-faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: all 0.5s ease;
}
.faqs dl.active dt:after,
.schema-faq dl.active dt:after,
.faqs .schema-faq-section.active dt:after,
.schema-faq .schema-faq-section.active dt:after,
.faqs dl.active .schema-faq-question:after,
.schema-faq dl.active .schema-faq-question:after,
.faqs .schema-faq-section.active .schema-faq-question:after,
.schema-faq .schema-faq-section.active .schema-faq-question:after {
  content: "-";
}
.faqs dl.active dd,
.schema-faq dl.active dd,
.faqs .schema-faq-section.active dd,
.schema-faq .schema-faq-section.active dd,
.faqs dl.active .schema-faq-answer,
.schema-faq dl.active .schema-faq-answer,
.faqs .schema-faq-section.active .schema-faq-answer,
.schema-faq .schema-faq-section.active .schema-faq-answer {
  max-height: 2400px;
}
@media only screen and (max-width: 768px) {
  .faqs dl dt h3,
  .schema-faq dl dt h3,
  .faqs .schema-faq-section dt h3,
  .schema-faq .schema-faq-section dt h3,
  .faqs dl .schema-faq-question h3,
  .schema-faq dl .schema-faq-question h3,
  .faqs .schema-faq-section .schema-faq-question h3,
  .schema-faq .schema-faq-section .schema-faq-question h3 {
    font-size: 14px;
  }
  .faqs dl dd p,
  .schema-faq dl dd p,
  .faqs .schema-faq-section dd p,
  .schema-faq .schema-faq-section dd p,
  .faqs dl .schema-faq-answer p,
  .schema-faq dl .schema-faq-answer p,
  .faqs .schema-faq-section .schema-faq-answer p,
  .schema-faq .schema-faq-section .schema-faq-answer p {
    font-size: 12px;
  }
}
.booking-system-container {
  background-color: #004652;
  width: 100vw;
  position: relative;
  left: calc(((100vw - 100%) / 2) * -1);
  padding: 100px calc((100vw - 100%) / 2);
  overflow: hidden;
}
.booking-system-container .booking-system {
  border-radius: 30px;
  box-shadow: 0px 0px 15px 15px rgba(0, 0, 0, 0.1);
  background-color: #FED000;
  position: relative;
  height: 800px;
  overflow: hidden;
}
.booking-system-container .booking-system .steps-scroller {
  display: flex;
  gap: 100px;
  width: calc(300% + 200px);
  height: 100%;
  transition: all 1s ease;
}
.booking-system-container .booking-system .step {
  display: flex;
  height: 100%;
  width: calc((100% - 200px) / 3);
  align-items: center;
  position: relative;
}
.booking-system-container .booking-system .step.step-3 {
  background-color: #fff;
}
.booking-system-container .booking-system .step .content {
  width: 50%;
  padding: 50px;
  position: relative;
  z-index: 5;
}
.booking-system-container .booking-system .step .content h2 {
  font-weight: bold;
  font-size: 50px;
  position: relative;
  margin-bottom: 100px;
}
.booking-system-container .booking-system .step .content h2 span {
  position: absolute;
  color: #004652;
  transform: rotate(-6deg);
  margin-left: 30px;
  font-family: "Patrick Hand", cursive;
  font-weight: 400;
  font-style: normal;
}
.booking-system-container .booking-system .step .content h2 span:after {
  content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%22333%22%20height%3D%2249%22%20viewBox%3D%220%200%20333%2049%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M258.106%203.6498C215.078%206.73964%20186.642%2010.0524%20129.888%2018.5867C124.897%2019.3371%20117.093%2020.5081%20112.547%2021.1889C75.0921%2026.796%2023.0383%2038.1478%208.87409%2043.7974C5.93661%2044.969%200.764485%2048.0357%200.798886%2048.5856C0.804574%2048.6765%201.04518%2048.5182%201.98588%2047.8049C6.32277%2044.5162%2018.2951%2041.0687%2047.9015%2034.5833C65.39%2030.7522%2084.533%2027.0838%20100.331%2024.5362C112.389%2022.5915%20169.673%2014.3757%20171.614%2014.3128C172.012%2014.2998%20169.831%2014.6743%20166.768%2015.1448C133.86%2020.2007%20122.667%2022.116%20102.876%2026.0785C87.5416%2029.1486%2078.5653%2031.258%2055.6601%2037.1749C47.0425%2039.4008%2047.2905%2039.3227%2047.1846%2039.8503C46.9163%2041.1871%2048.0353%2041.1464%2055.1283%2039.5617C103.231%2028.8151%20132.05%2024.1984%20177.41%2019.9733C189.614%2018.8365%20231.952%2015.8459%20231.227%2016.1717C230.813%2016.3579%20218.135%2018.1333%20196.882%2020.9809C149.331%2027.3525%20119.022%2033.2828%2085.8336%2042.7089C76.6314%2045.3224%2074.9973%2046.0659%2075.8877%2047.2338C76.8282%2048.467%2082.123%2047.7682%20107.926%2043.0048C146.569%2035.8707%20160.949%2033.7078%20192.027%2030.3551C199.251%2029.5758%20211.674%2028.4641%20211.328%2028.6281C211.231%2028.6738%20203.439%2030.0394%20194.013%2031.6625C170.428%2035.7236%20155.308%2038.5652%20154.803%2039.0315C154.024%2039.7506%20154.321%2040.6987%20155.395%2040.92C156.703%2041.19%20160.329%2040.7707%20168.648%2039.3871C186.688%2036.3865%20204.769%2034.2291%20231.558%2031.8808C235.566%2031.5293%20240.232%2031.0791%20241.925%2030.8803C245.864%2030.4179%20252.129%2030.0265%20255.042%2030.0609C256.29%2030.0755%20257.842%2030.0927%20258.491%2030.0993C260.952%2030.1237%20252.385%2029.5105%20248.743%2029.4013C239.613%2029.1279%20227.768%2029.6799%20213.765%2031.0313C210.552%2031.3414%20207.894%2031.5694%20207.858%2031.5382C207.782%2031.4725%20211.024%2030.9412%20226.735%2028.4445C238.78%2026.5302%20239.081%2026.4601%20239.483%2025.4763C239.738%2024.8521%20239.4%2024.1497%20238.69%2023.8283C238.152%2023.5851%20220.46%2024.7794%20210.873%2025.706C187.888%2027.9277%20175.723%2029.3569%20160.453%2031.6296C145.002%2033.9292%20134.757%2035.7615%20109.162%2040.8032C93.5801%2043.8726%2085.3695%2045.3939%2082.6098%2045.7232L80.8994%2045.9274L82.9443%2045.2699C89.2522%2043.242%20110.37%2037.9363%20122.412%2035.354C147.427%2029.9897%20164.575%2027.1736%20203.119%2022.1001C235.507%2017.8371%20242.126%2016.7527%20242.561%2015.6391C243.03%2014.4392%20242.02%2013.807%20239.32%2013.6105C235.639%2013.3426%20190.583%2016.2887%20174.646%2017.8394C159.019%2019.3601%20140.485%2021.5708%20130.714%2023.0798C129.676%2023.2401%20128.542%2023.3788%20128.193%2023.3882C125.631%2023.4571%20160.607%2017.9064%20180.64%2015.0652C202.586%2011.9527%20219.971%209.86098%20244.103%207.42946C259.707%205.85745%20299.647%203.60781%20315.864%203.38784C330.886%203.18408%20331.424%203.16039%20331.85%202.68687C332.295%202.19299%20332.286%201.84786%20331.82%201.44458C331.227%200.931299%20328.058%200.837999%20320.892%201.12268C318.255%201.22737%20312.426%201.34816%20307.939%201.39086C303.452%201.43374%20297.906%201.50554%20295.614%201.55037C291.29%201.63502%20268.041%202.93645%20258.106%203.6498ZM178.772%2013.4255C178.653%2013.4818%20178.409%2013.5%20178.23%2013.466C178.052%2013.432%20178.149%2013.3861%20178.447%2013.3639C178.745%2013.3417%20178.891%2013.3693%20178.772%2013.4255ZM176.434%2013.7583C176.214%2013.8142%20175.808%2013.8407%20175.531%2013.8173C175.253%2013.7937%20175.433%2013.748%20175.93%2013.7154C176.427%2013.6831%20176.653%2013.7024%20176.434%2013.7583ZM174.003%2014.0904C173.732%2014.1481%20173.285%2014.176%20173.009%2014.1525C172.734%2014.1291%20172.955%2014.0819%20173.502%2014.0477C174.048%2014.0135%20174.274%2014.0327%20174.003%2014.0904ZM127.164%2023.6011C126.943%2023.6573%20126.577%2023.6802%20126.351%2023.652C126.125%2023.6236%20126.305%2023.5776%20126.752%2023.5497C127.2%2023.5217%20127.385%2023.5448%20127.164%2023.6011ZM125.187%2023.8949C125.066%2023.9519%20124.862%2023.9646%20124.735%2023.9231C124.608%2023.8818%20124.707%2023.8353%20124.955%2023.8197C125.204%2023.8042%20125.308%2023.838%20125.187%2023.8949ZM260.086%2030.2199C260.214%2030.2614%20260.417%2030.2487%20260.538%2030.1916C260.659%2030.1348%20260.555%2030.1009%20260.306%2030.1165C260.058%2030.132%20259.959%2030.1786%20260.086%2030.2199Z%22%20fill%3D%22%23004652%22/%3E%3C/svg%3E");
  position: relative;
  top: -16px;
  transform: rotate(6deg);
  display: block;
  left: -20px;
}
.booking-system-container .booking-system .step .content .ctas {
  display: flex;
  gap: 10px;
  margin-bottom: 200px;
}
.booking-system-container .booking-system .step .content .ctas .cta {
  background-color: #000;
  color: #fff;
  font-size: 16px;
  text-transform: uppercase;
  padding: 10px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 10px;
  cursor: pointer;
  font-weight: bold;
}
.booking-system-container .booking-system .step .content .ctas img {
  max-width: 190px;
  height: auto;
}
.booking-system-container .booking-system .step .content .google-review {
  background-color: #fff;
  padding: 30px 40px;
  border-radius: 30px;
}
.booking-system-container .booking-system .step .content .google-review .google-rating {
  display: flex;
  align-items: center;
  gap: 10px;
}
.booking-system-container .booking-system .step .content .google-review .google-rating p {
  margin: 0;
  font-size: 12px;
  color: #4285F4;
}
.booking-system-container .booking-system .step .content .google-review blockquote {
  padding: 0;
  margin-top: 30px;
  border: 0;
}
.booking-system-container .booking-system .step .content .google-review blockquote p {
  font-style: normal;
  margin-bottom: 10px;
  font-size: 16px;
}
.booking-system-container .booking-system .step .content .google-review blockquote p strong {
  font-size: 20px;
}
.booking-system-container .booking-system .step .content .google-review blockquote cite {
  font-family: "Patrick Hand", cursive;
  font-weight: 400;
  color: #004652;
}
.booking-system-container .booking-system .step .form {
  height: 100%;
  background: #fff;
  width: 50%;
  padding: 50px;
  display: flex;
  align-items: center;
}
.booking-system-container .booking-system .step .form .radio-buttons {
  transition: opacity 0.5s ease-in-out;
  opacity: 1;
}
.booking-system-container .booking-system .step .form .contact-option label {
  border: 2px solid #004652;
  padding: 20px;
  font-weight: bold;
  font-size: 14px;
  background-color: rgba(0, 70, 82, 0.25);
  color: #004652;
  align-items: center;
  display: flex;
  width: 100%;
  max-width: 380px;
  position: relative;
  border-radius: 14px;
  margin: 10px 0;
  gap: 5px;
  transition: all 0.25s ease;
  cursor: pointer;
}
.booking-system-container .booking-system .step .form .contact-option label svg {
  fill: #004652;
  transition: all 0.25s ease;
}
.booking-system-container .booking-system .step .form .contact-option label:hover {
  background-color: rgba(0, 70, 82, 0.4);
}
.booking-system-container .booking-system .step .form .contact-option input {
  display: none;
}
.booking-system-container .booking-system .step .form .contact-option input:checked + label {
  background-color: #004652;
  color: #fff;
}
.booking-system-container .booking-system .step .form .contact-option input:checked + label svg {
  fill: #fff;
}
.booking-system-container .booking-system .step .form .cta {
  background-color: #000;
  color: #fff;
  font-size: 16px;
  text-transform: uppercase;
  padding: 10px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 10px;
  cursor: pointer;
  font-weight: bold;
  margin-top: 50px;
}
.booking-system-container .booking-system .step .contact-details {
  transition: opacity 0.5s ease-in-out;
  opacity: 1;
  display: none;
  opacity: 0;
}
.booking-system-container .booking-system .step .contact-details p {
  color: #000;
}
.booking-system-container .booking-system .step .contact-details p a {
  display: block;
  font-size: 18px;
  font-weight: bold;
  display: flex;
  gap: 5px;
  align-items: center;
  color: #004652;
}
.booking-system-container .booking-system .step .contact-details p a svg {
  fill: #004652;
  height: 16px;
  width: auto;
}
.booking-system-container .booking-system .step .background {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.booking-system-container .booking-system .step .background:before {
  position: absolute;
  z-index: 2;
  content: "";
  width: 20%;
  height: 100%;
  left: 20%;
  top: 0;
  display: block;
  background: linear-gradient(90deg, #FED000 0%, rgba(254, 208, 0, 0) 100%);
}
.booking-system-container .booking-system .step .background .inside {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 80%;
  background-size: 100%;
  background-blend-mode: multiply;
  opacity: 0.25;
  left: 20%;
  background-size: cover;
}
.booking-system-container .booking-system .step .background img {
  max-width: 50%;
  height: auto;
  display: block;
  position: absolute;
  bottom: 0;
  right: 10px;
  background: none;
  border-radius: 0;
}
.booking-system-container .booking-system .step .calendly-inline-widget {
  width: 100%;
}
@media only screen and (max-width: 1300px) {
  .booking-system-container {
    padding: 100px 50px;
  }
  .booking-system-container .booking-system .step .content .ctas img {
    max-width: 150px;
  }
}
@media only screen and (max-width: 768px) {
  .booking-system-container .booking-system .step .content {
    padding: 30px;
    width: 100%;
  }
  .booking-system-container .booking-system .step .content h2 {
    font-size: 40px;
    margin-bottom: 150px;
  }
  .booking-system-container .booking-system .step .content h2 span {
    left: -31px;
    bottom: -100px;
  }
  .booking-system-container .booking-system .step .content .ctas .cta {
    padding: 5px 10px;
    font-size: 14px;
  }
  .booking-system-container .booking-system .step .content .ctas img {
    max-width: 100px;
  }
  .booking-system-container .booking-system .step .form {
    width: 100%;
  }
  .booking-system-container .booking-system .step .form .form-container {
    width: 100%;
  }
  .booking-system-container .booking-system .step .form .contact-option label {
    max-width: 100%;
  }
  .booking-system-container .booking-system .step-2 .content {
    display: none;
  }
}
textarea,
select,
input {
  font-size: 16px;
  color: #000;
  font-family: "Quicksand", serif;
  background-color: #fff;
  border-radius: 5px;
  padding: 10px;
  border: 0;
  width: 100%;
  box-sizing: border-box;
}
textarea {
  height: 120px;
  resize: vertical;
}
input[type="checkbox"] {
  width: auto;
}
.check {
  display: flex;
  width: 100%;
}
.check label {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  color: #fff;
  gap: 10px;
  font-size: 12px;
}
.check label a {
  color: #fff;
  text-decoration: underline;
}
.check label a:hover {
  color: #FED000;
}
form button {
  padding: 25px 30px;
  line-height: 1;
  color: #fff;
  background-color: #000;
  font-weight: bold;
  font-family: "Quicksand", sans-serif;
  transition: all 0.25s ease;
  font-size: 14px;
  display: flex;
  gap: 5px;
  justify-content: center;
  align-items: center;
  border-radius: 15px;
  text-transform: uppercase;
  border: 0;
  cursor: pointer;
}
form button:hover {
  background-color: #FED000;
}
form button:after {
  content: "";
  height: 16px;
  width: 16px;
  background-image: url('assets/icons/arrow.svg');
  background-repeat: no-repeat;
}
input[name=subject] {
  display: none!important;
}
.form div {
  box-sizing: border-box;
}
.form .question {
  display: flex;
  gap: 20px;
  width: 100%;
}
.form .element {
  margin: 10px 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.quick-form {
  background-color: #004652;
  padding: 50px calc( (100vw - 1170px) / 2 );
}
.quick-form .check {
  max-width: 660px;
}
.quick-form form button {
  background-color: #FED000;
  color: #000;
}
.quick-form form button:after {
  filter: invert(1);
}
.quick-form .content h2 {
  font-size: 20px;
  margin: 0;
  color: #fff;
}
.quick-form .content p {
  margin: 0;
  color: #fff;
}
.blog-index {
  padding: 80px 0;
  background-color: #004652;
}
.blog-index .posts {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}
.blog-index .posts .post-block {
  flex-grow: 0;
  flex-basis: 1;
  width: calc((100% - 60px) / 3);
}
.blog-index .posts .post-block a {
  display: block;
  position: relative;
  background-color: #fff;
  transition: all 0.75s ease;
  border-radius: 15px;
  overflow: hidden;
}
.blog-index .posts .post-block a img {
  display: block;
  mix-blend-mode: multiply;
}
.blog-index .posts .post-block a:hover {
  background-color: #FED000;
}
.blog-index .posts .post-block .content {
  position: absolute;
  bottom: 0;
  padding: 20px;
  width: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 29.67%);
}
.blog-index .posts .post-block .content h3 {
  font-size: 18px;
  color: #fff;
  margin: 0;
}
.blog-index .posts .post-block .content p {
  margin: 10px 0;
  font-size: 14px;
  color: #C5C5C5;
}
.navigation.pagination {
  margin-top: 30px;
}
.navigation.pagination .nav-links {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}
.navigation.pagination .nav-links .page-numbers {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 30px;
  width: 30px;
  text-align: center;
  background: #FED000;
  color: #000;
  border-radius: 50px;
  line-height: 30px;
  font-weight: bold;
}
.navigation.pagination .nav-links .page-numbers.current {
  background-color: #005c6c;
  color: #fff;
}
.navigation.pagination .nav-links .page-numbers.dots {
  background: none;
  color: #fff;
}
.navigation.pagination .nav-links .page-numbers svg {
  max-width: 20px;
  height: auto;
}
.post-container {
  padding-bottom: 100px;
}
.post-container .post-details {
  max-width: 830px;
  padding: 0 60px;
  margin: 50px auto 50px;
  text-align: center;
}
.post-container .post-details h1 {
  font-size: 40px;
}
.post-container .post-details h1,
.post-container .post-details p {
  margin: 0;
  text-transform: capitalize;
}
.post-container .wp-block-image figure.aligncenter img {
  margin: 30px 0;
}
.post-container .gallery-block {
  width: 100vw;
  overflow: hidden;
}
.post-container .wp-block-gallery {
  display: flex;
  justify-content: space-between;
  gap: 30px;
  width: 200vw;
  animation: gallery-scroll 20s linear infinite;
}
.post-container .wp-block-image.size-full {
  padding: 30px;
}
.post-container .wp-block-image.size-full img {
  display: block;
  margin: 0 auto;
}
.post-container .wp-block-lazyblock-slider {
  margin-top: 0!important;
}
.post-container .wp-block-lazyblock-slider img {
  box-shadow: none!important;
}
.product-slider {
  width: 100vw;
  position: relative;
  overflow: hidden;
  background-color: #fff;
  padding: 100px 0;
}
.product-slider .control {
  width: calc( (100vw - 1170px) / 2 );
  height: 100%;
  display: flex;
  position: absolute;
  z-index: 5;
  justify-content: center;
  align-items: center;
  border: 0;
  border-radius: 0;
  top: 0;
  left: 0;
  background: linear-gradient(270deg, rgba(233, 247, 255, 0) 0%, rgba(233, 247, 255, 0.9) 47.5%);
}
.product-slider .control a {
  display: flex;
  width: 32px;
  height: 32px;
  justify-content: center;
  align-items: center;
  background-color: #004652;
  border-radius: 32px;
  opacity: 1;
  pointer-events: none;
  cursor: pointer;
  transition: all ease 0.25s;
  box-shadow: -2.36px -1.18px 9.42px rgba(0, 0, 0, 0.08), 11.78px 8.24px 23.56px rgba(0, 0, 0, 0.08);
}
.product-slider .control.next-control {
  background: linear-gradient(90deg, rgba(233, 247, 255, 0) 0%, rgba(233, 247, 255, 0.9) 47.5%);
  right: 0;
  left: auto;
}
.product-slider .control.disable a {
  opacity: 0;
  visibility: hidden;
}
.product-slide-grid {
  display: grid;
  gap: 30px;
  position: relative;
  grid-auto-flow: column;
  grid-template-rows: auto;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  overflow-x: scroll;
  scroll-padding-left: calc( (100vw - 1170px) / 2 );
  scroll-padding-right: calc( (100vw - 1170px) / 2 );
  padding-left: calc( (100vw - 1170px) / 2 );
  padding-right: calc( (100vw - 1170px) / 2 );
  box-sizing: border-box;
  scrollbar-width: none;
  -ms-overflow-style: none;
  padding-bottom: 30px;
}
.product-slide-block {
  scroll-snap-align: start;
  border-radius: 10px;
  background-color: #fff;
  box-shadow: 0px 0px 15px rgba(40, 34, 89, 0);
  transition: all 0.25s ease;
  position: relative;
  width: 100%;
  overflow: hidden;
  width: 370px;
}
.product-slide-block a {
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column-reverse;
}
.product-slide-block .lockup {
  padding: 30px;
  width: 100%;
  position: relative;
  z-index: 3;
  display: block;
  height: 100%;
  background-color: #FED000;
}
.product-slide-block .lockup h3 {
  color: #000;
  font-size: 12px;
  line-height: 1;
  text-transform: uppercase;
  font-weight: bold;
}
.product-slide-block .lockup h3 span {
  display: block;
  font-family: "Patrick Hand", serif;
  font-weight: 400;
  font-style: normal;
  color: #004652;
  font-size: 24px;
  line-height: 1;
}
.product-slide-block .lockup p {
  font-size: 14px;
  color: #000;
}
.product-slide-block .lockup .button {
  border: 2px solid #004652;
  border-radius: 10px;
  color: #004652;
  display: inline-flex;
  padding: 10px 20px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  justify-content: center;
  align-items: center;
  gap: 5px;
  transition: all 0.25s ease;
}
.product-slide-block .lockup .button:before {
  display: none;
}
.product-slide-block .lockup .button svg {
  fill: #004652;
  transition: all 0.25s ease;
}
.product-slide-block .image img {
  border-radius: 15px 15px 0 0;
  display: block;
}
.product-slide-block:hover {
  box-shadow: 0px 0px 15px rgba(40, 34, 89, 0.1);
}
.product-slide-block:hover .image {
  right: -20%;
}
.product-slide-block:hover .button {
  background-color: #004652;
  color: #fff;
}
.product-slide-block:hover .button svg {
  fill: #fff;
}
.wp-block-lazyblock-testimonial {
  height: 100%;
  padding: 30px;
  border-radius: 15px;
  background-color: #004f5c;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}
.wp-block-lazyblock-testimonial .header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.wp-block-lazyblock-testimonial .header .platform {
  display: flex;
  height: 35px;
  width: 35px;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  border-radius: 30px;
}
.wp-block-lazyblock-testimonial .header .platform img {
  background: none;
}
.wp-block-lazyblock-testimonial .content {
  margin: 20px 0;
}
.wp-block-lazyblock-testimonial .content p {
  color: #fff;
}
.wp-block-lazyblock-testimonial .cite {
  display: flex;
  gap: 10px;
  align-items: center;
}
.wp-block-lazyblock-testimonial .cite .img {
  display: flex;
  height: 35px;
  width: 35px;
  background-color: purple;
  border-radius: 35px;
  justify-content: center;
  align-items: center;
}
.wp-block-lazyblock-testimonial .cite .img span {
  font-size: 16px;
  font-weight: 700;
  color: #fff;
}
.wp-block-lazyblock-testimonial .cite .name p {
  color: #fff;
  line-height: 1.4;
  font-size: 14px;
}
.wp-block-lazyblock-testimonial .cite .name p strong {
  display: block;
}
.wp-block-lazyblock-testimonial:nth-child(1) .cite .img {
  background-color: #821ACD;
}
.wp-block-lazyblock-testimonial:nth-child(2) .cite .img {
  background-color: #5BBFFD;
}
.wp-block-lazyblock-testimonial:nth-child(3) .cite .img {
  background-color: #FD915B;
}
.wp-block-lazyblock-testimonial:nth-child(4) .cite .img {
  background-color: #FD5B91;
}
.wp-block-lazyblock-testimonial:nth-child(5) .cite .img {
  background-color: #5BFD86;
}
@media only screen and (max-width: 768px) {
  .testimonial-grid {
    display: flex!important;
    gap: 20px!important;
    width: 100vw;
    padding: 10px 30px;
    scroll-snap-type: x mandatory;
    overflow-x: scroll;
    scroll-padding-left: 30px;
    scrollbar-width: none;
    -ms-overflow-style: none;
    margin-left: -30px;
  }
  .testimonial-grid > div {
    min-width: calc(100vw - 60px) !important;
    height: auto;
    scroll-snap-align: start;
  }
  .wp-block-lazyblock-testimonial .content p {
    font-size: 14px;
  }
}
.benefit-box .title {
  display: flex;
  gap: 5px;
  align-items: center;
}
.benefit-box .title span {
  display: flex;
  height: 35px;
  width: 35px;
  background-color: #FED000;
  justify-content: center;
  align-items: center;
  border-radius: 20px;
}
.benefit-box .title span svg {
  fill: #000;
}
.benefit-box h3 {
  font-size: 20px;
  margin: 0;
}
#benefits > .wp-block-group__inner-container {
  position: relative;
}
#benefits .benefit-grid {
  position: relative;
  z-index: 3;
}
#benefits .benefit-content {
  z-index: 1;
}
#benefits .benefit-background {
  position: absolute;
  bottom: 0;
  z-index: 2;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: none;
}
#benefits .benefit-background img {
  background: none;
  max-height: 530px;
}
@media only screen and (max-width: 768px) {
  .benefit-box .title span {
    height: 24px;
    width: 24px;
  }
  .benefit-box .title span svg {
    max-width: 10px;
    height: auto;
  }
  .benefit-box h3 {
    font-size: 16px;
    color: #fff;
  }
  .benefit-box p {
    font-size: 14px;
    color: #f1f1f1;
  }
  #benefits .benefit-grid {
    background-color: #004652;
    margin-left: -30px;
    width: 100vw;
    padding: 30px;
    grid-template-columns: 1fr;
  }
  #benefits .benefit-grid .wp-block-spacer {
    display: none;
  }
  #benefits .benefit-background {
    position: relative;
    margin-top: -130px;
  }
  #benefits .benefit-grid + .wp-block-spacer {
    display: none;
  }
}
.step-block {
  position: relative;
  margin: 15px 0;
  display: block;
  background-color: #004652;
  transition: all 0.5s ease;
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}
.step-block img {
  display: block;
  width: 100%;
  mix-blend-mode: overlay;
}
.step-block .content {
  text-align: left;
  padding: 40px 20px;
  position: absolute;
  top: 0;
  z-index: 5;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
}
.step-block .content span {
  background-color: #FED000;
  color: #000;
  font-size: 8px;
  text-transform: uppercase;
  padding: 5px 10px;
  border-radius: 15px;
  font-weight: 700;
}
.step-block .content h3 {
  color: #fff;
  font-size: 18px;
  margin: 10px 0;
}
.step-block .content p {
  color: #C5C5C5;
  margin: 0;
  font-size: 14px;
}
@media only screen and (max-width: 768px) {
  .process-grid {
    display: flex!important;
    gap: 20px!important;
    width: 100vw;
    padding: 10px 30px;
    scroll-snap-type: x mandatory;
    overflow-x: scroll;
    scroll-padding-left: 30px;
    scrollbar-width: none;
    -ms-overflow-style: none;
    margin-left: -30px;
  }
  .process-grid > div {
    min-width: calc(100vw - 60px) !important;
    height: auto;
    scroll-snap-align: start;
  }
  .step-block {
    height: 100%;
  }
  .step-block img {
    border-radius: 15px 15px 0 0;
    mix-blend-mode: none;
  }
  .step-block .content {
    position: relative;
    background: none;
    margin-top: -34px;
    padding: 20px;
    height: auto;
  }
}
.site-container .wp-block-query .wp-block-post-template {
  display: flex;
  flex-direction: row;
  gap: 30px;
  flex-wrap: wrap;
}
.site-container .wp-block-query .wp-block-post-template li {
  list-style: none;
  flex-grow: 1;
  flex-basis: 0;
  position: relative;
}
.site-container .wp-block-query .wp-block-post-template li a {
  display: block;
  background-color: #fff;
  transition: all 0.5s ease;
  border-radius: 15px;
  overflow: hidden;
}
.site-container .wp-block-query .wp-block-post-template li a:hover {
  background-color: #FED000;
}
.site-container .wp-block-query .wp-block-post-template li img {
  mix-blend-mode: multiply;
}
.site-container .wp-block-query .wp-block-post-template li .wp-block-group {
  padding: 20px!important;
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 100%;
  pointer-events: none;
  background: linear-gradient(0deg, #000000 40%, rgba(0, 0, 0, 0) 100%);
  border-radius: 0 0 15px 15px;
  overflow: hidden;
}
.site-container .wp-block-query .wp-block-post-template li .wp-block-group .wp-block-post-date {
  color: #C5C5C5;
  font-size: 14px;
}
.site-container .wp-block-query .wp-block-post-template li .wp-block-group h3 {
  font-size: 18px;
  color: #fff;
  margin: 0;
}
.site-container .wp-block-query .wp-block-post-template li .wp-block-post-date {
  color: #242424;
  margin: 10px 0;
}
.site-container .wp-block-query .wp-block-post-template.columns-3 li {
  flex-grow: 0;
  flex-basis: auto;
  width: calc((100% - 60px) / 3);
}
.site-container .relative {
  position: relative;
}
.site-container .scribble {
  width: 165px;
  display: block;
  text-align: center;
}
.site-container .scribble p {
  font-family: "Patrick Hand", serif;
  font-weight: 400;
  font-style: normal;
  transform: rotate(-6deg);
  color: #004652;
  font-size: 24px;
  line-height: 1;
}
.site-container .scribble p:after {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="163" height="24" viewBox="0 0 163 24" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M126.058 1.63187C105.125 3.13512 91.2899 4.74681 63.6787 8.89883C61.2504 9.26393 57.4538 9.83363 55.2418 10.1648C37.0197 12.8928 11.6949 18.4156 4.80386 21.1642C3.37474 21.7342 0.858443 23.2262 0.875179 23.4937C0.877946 23.5379 0.995003 23.4609 1.45267 23.1138C3.56261 21.5138 9.3873 19.8366 23.7912 16.6814C32.2995 14.8175 41.6128 13.0328 49.2985 11.7934C55.1653 10.8472 83.0345 6.85014 83.9786 6.81955C84.1723 6.81323 83.1115 6.9954 81.6211 7.22435C65.6109 9.68409 60.1653 10.6159 50.5369 12.5437C43.0765 14.0373 38.7094 15.0636 27.5658 17.9422C23.3733 19.0252 23.4939 18.9871 23.4424 19.2439C23.3118 19.8942 23.8563 19.8744 27.3071 19.1034C50.7094 13.8751 64.7305 11.629 86.7984 9.57343C92.736 9.02036 113.334 7.5654 112.981 7.72394C112.78 7.81451 106.612 8.67826 96.2718 10.0637C73.1379 13.1635 58.392 16.0487 42.2456 20.6346C37.7686 21.9061 36.9736 22.2678 37.4068 22.836C37.8643 23.4359 40.4403 23.096 52.9936 20.7785C71.794 17.3077 78.7903 16.2554 93.9097 14.6243C97.4243 14.2452 103.468 13.7043 103.3 13.7841C103.253 13.8063 99.462 14.4707 94.8761 15.2604C83.4015 17.2362 76.0457 18.6186 75.8 18.8455C75.4211 19.1953 75.5656 19.6566 76.0878 19.7643C76.7244 19.8956 78.4885 19.6916 82.5356 19.0185C91.3123 17.5586 100.109 16.5091 113.142 15.3666C115.092 15.1956 117.362 14.9766 118.186 14.8798C120.102 14.6549 123.15 14.4644 124.568 14.4812C125.175 14.4883 125.93 14.4967 126.246 14.4999C127.443 14.5118 123.275 14.2134 121.503 14.1603C117.061 14.0273 111.298 14.2958 104.486 14.9533C102.923 15.1042 101.63 15.2151 101.612 15.1999C101.575 15.168 103.152 14.9094 110.796 13.6948C116.656 12.7634 116.802 12.7293 116.998 12.2507C117.122 11.947 116.958 11.6053 116.612 11.4489C116.35 11.3306 107.743 11.9117 103.079 12.3625C91.8961 13.4433 85.9781 14.1387 78.5488 15.2444C71.0318 16.3632 66.0475 17.2546 53.5953 19.7074C46.0143 21.2007 42.0198 21.9409 40.6772 22.1011L39.845 22.2004L40.8399 21.8805C43.9087 20.8939 54.1827 18.3127 60.0414 17.0563C72.2113 14.4465 80.554 13.0765 99.3064 10.6082C115.063 8.53418 118.284 8.00658 118.495 7.4648C118.723 6.88105 118.232 6.57349 116.919 6.47789C115.128 6.34754 93.2075 7.78086 85.4538 8.5353C77.8512 9.27511 68.8341 10.3507 64.0802 11.0848C63.5755 11.1628 63.0237 11.2303 62.8541 11.2348C61.6073 11.2683 78.6236 8.5679 88.3699 7.1856C99.0468 5.67134 107.505 4.65369 119.246 3.47072C126.837 2.70592 146.268 1.61144 154.158 1.50443C161.467 1.4053 161.728 1.39377 161.936 1.1634C162.152 0.923118 162.148 0.755211 161.921 0.559006C161.632 0.309292 160.09 0.2639 156.604 0.4024C155.321 0.453336 152.485 0.512099 150.302 0.532873C148.12 0.553733 145.421 0.588665 144.306 0.610479C142.202 0.651662 130.892 1.28482 126.058 1.63187Z" fill="%23004652"/></svg>');
  position: relative;
  top: -5px;
  transform: rotate(6deg);
  display: block;
  left: 0px;
}
@media only screen and (max-width: 768px) {
  .site-container .wp-block-columns {
    flex-direction: column;
  }
  .site-container .wp-block-columns.reverse {
    flex-direction: column-reverse;
  }
  .site-container .services .wp-block-columns {
    gap: 50px;
    margin-bottom: 50px;
  }
  .site-container .services .wp-block-columns:nth-child(2) {
    margin-bottom: 0;
  }
  .site-container .wp-block-query .is-flex-container {
    flex-direction: column;
  }
  .site-container .wp-block-query .is-flex-container li {
    margin: 0 auto;
    max-width: 470px;
  }
  .site-container .wp-block-query .is-flex-container.columns-3 li,
  .blog-index .posts .post-block {
    width: 100%!important;
    margin: 0 auto;
  }
  .site-container .wp-block-button .wp-block-button__link {
    font-size: 14px;
  }
}
.news-ticker {
  background-color: rgba(255, 255, 255, 0.25);
  border-radius: 15px;
  padding: 20px;
  display: flex;
  gap: 10px;
  align-items: center;
  margin: 30px 0;
}
.news-ticker .icon {
  height: 32px;
  width: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #004652;
  border-radius: 50px;
}
.news-ticker .icon svg {
  fill: #fff;
}
.news-ticker .content p {
  margin: 0;
  font-size: 12px;
}
.news-ticker .content p strong {
  font-size: 14px;
}
#cookie-law-div {
  z-index: 10000000;
  position: fixed;
  bottom: 00px;
  margin: 30px;
  padding: 20px;
  width: calc(100% - 60px);
  background: #FED000;
  font-size: 14px;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  box-sizing: border-box;
  gap: 50px;
  border-radius: 15px;
}
#cookie-law-div a {
  color: #000;
  text-decoration: underline;
  transition: color 0.25s ease;
}
#cookie-law-div a:hover {
  color: #000;
}
#cookie-law-div p {
  margin: 0;
  color: #000;
}
#cookie-law-div p b {
  display: block;
}
#cookie-law-div button {
  align-self: center;
  line-height: 1;
  color: #fff;
  background-color: #000;
  border: none;
  font-size: 16px;
  cursor: pointer;
  border-radius: 0px;
  font-weight: bold;
  transition: background-color 0.25s ease;
  padding: 10px 20px;
  border-radius: 50px;
  font-family: "Quicksand", serif;
}
#cookie-law-div button:hover {
  background-color: #004652;
  color: #fff;
  cursor: pointer;
}